@import "reset.css";

/* --- defaults --- */

body {
	background: url(../img/back2.gif) no-repeat center top #fff;
	font-family: "lucida sans unicode", "lucida sans", Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

::-moz-selection { background:#FFFFAA;color:#C11789; } /* FF */
::selection { background:#FFFFAA;color:#C11789; }  /* safari */

h1 { font-size: 21px; line-height: 30px; padding-bottom: 10px; }
h1 span { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 12px; color: #C11789; background: #FFFFAA; padding: 3px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 16px; margin: 10px 0px 10px 0px; font-style: italic; color: #336633; }

input, select, option, textarea { font-family: Arial, Tahoma, sans-serif; }
a, table td a, table tr a { color: #336633; text-decoration: none; }
a:hover, table td a:hover, table tr a:hover { color: #C11789; }

a.active { color: #C11789; }

input, option, textarea { padding: 2px 5px; }
option { background: #fff; color: #303030; font-size: 12px; }
input, select, textarea { border: 1px solid #ccc; font-size: 12px; }

table { border-collapse: collapse; }
.spacer { clear: both; font-size: 0; line-height: 0; overflow: hidden; }
hr { border: none; height: 1px; margin: 0px; padding: 0px; }
.invalid { color: red; }
div#siel { width: 946px; margin: 0 auto; }

hr.documents {
	background: #DDD;
	margin: 0px 0px 20px 0px;
}

/* --- head --- */

div#head { height: 195px; }
div#head ul { height: 60px; padding: 0px; margin: 0px; }
div#head ul li { display: block; float: left; line-height: 60px; padding: 0px; margin: 0px; }
div#head ul li a { display: block; color: #fff; text-decoration: none; line-height: 60px; text-align: center; margin: 0px 3px 0px 5px; }
div#head ul li a:hover, div#head ul li a.active { background: url(../img/head_hover_l.gif) no-repeat left top; }

a#logo { display: block; margin-left: 25px; width: 440px; height: 110px; }
a#lang { float: right; margin-right: 80px; display: block; background: url(../img/language.gif) no-repeat left -17px; height: 30px; width: 119px; line-height: 28px; color: #303030; text-decoration: none; text-align: center; }
a#lang:hover { background-position: left top; }

div#menu { margin: 0px 0px 0px 10px; width: 934px; height: 44px; text-align: center; }
div#menu ul { padding: 0px; margin: 0px; }
div#menu ul li { padding: 0px 0px; }
div#menu ul li a { display: block; width: 95px; color: #336633; padding: 6px 6px; }
div#menu ul li a:hover, div#menu ul li a.active { color: #C11789; }

/* --- blockquote --- */
blockquote { color:#666; padding-top:5px; padding-bottom:5px; background: url(/img/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(/img/open-quote.png) no-repeat left top; padding-left: 18px; padding-top: 8px; }


/* --- body --- */

div#body { width: 950px; margin: 0 auto; }

div#left { width: 170px; float: left; }
div#center { width: 540px; margin: 0 auto; text-align: justify; }
div#right { width: 170px; float: right; }

div#center img.left { float: left; margin: 0px 5px 5px 5px; }
div#center h2.time_author { text-align: right; color: #aaa; font-size: 11px; }

div#center ul {
	padding-left: 30px;
}
div#center li {	
	list-style: disc;
}

/* --- lang --- */
div#language a{ 
	background: url(../img/r_box_head.png) no-repeat right top; line-height: 32px; height: 34px; width: 170px; 
	overflow: hidden; float: right; text-align: center; padding-top: 0px; font-size: 120%;
}

/* --- boxes --- */

div.box, div.box2 { margin-bottom: 20px; }

div.box2 h3 { background: url(../img/l_box_head.png) no-repeat left top; height: 34px; width: 170px; overflow: hidden; }
div.box2 h3 span { display: block; line-height: 34px; padding: 0px 10px; font-size: 13px; }

div.box2 div { background: url(../img/l_box_body.png) repeat-y left bottom; width: 170px; }
div.box2 div div { padding: 10px; }

div.box div ul, div.box2 div ul { margin: 0px 10px; }
div.box div ul li, div.box2 div ul li { padding: 4px 0px; }


div.box div.top { background: url(../img/r_box_top.png) no-repeat left top; width: 170px; height: 10px; overflow: hidden; font-size: 1px; }
div.box div.body { background: url(../img/r_box_body.png) repeat-y left top; width: 170px; }
div.box div.bottom { background: url(../img/r_box_bottom.png) no-repeat left bottom; width: 170px; height: 10px; overflow: hidden; font-size: 1px; }

div.box div.body div { font-size: 15px; padding: 1px 15px; text-align: center; color: #303030; }
div.box div.body div.list { font-size: 12px; text-align: left; padding: 0px; }
div.box div.body div.vizitka { font-size: 13px; text-align: left; }

div.box div.body span.cloud a.n1 { font-size: 9px; }
div.box div.body span.cloud a.n2 { font-size: 11px; }
div.box div.body span.cloud a.n3 { font-size: 13px; }
div.box div.body span.cloud a.n4 { font-size: 15px; }
div.box div.body span.cloud a.n5 { font-size: 17px; }
div.box div.body span.cloud a.n6 { font-size: 21px; }

/* --- footer --- */

div#footer { color: #6BAF5C; clear: both; height: 100px; padding: 15px 40px; margin: 14px 0px; border-top: 1px solid #cecece; text-align: center;}
div#footer dl dt { clear: left; float: left; width: 70px; font-size: 13px; line-height: 13px; color: #505050; }
div#footer dl dd a { color: #6BAF5C; background: white; padding: 0px 3px; line-height: 13px; text-decoration: none; }
div#footer dl dd a:hover { background: #6BAF5C; color: white; }