/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #000;
}

a{text-decoration: none; color:#f89c00;}
a:hover{text-decoration: underline;}
a img{border: none;}
p {color: #d7d7d7;}

h2 {
  font-size: 18px;
  border-left: 10px solid #f89c00;
  padding-bottom:5px;
  padding-left:10px;
  font-weight:normal;
  text-transform: uppercase;
  margin-top:3px;
  margin-bottom:4px;
}
h3 {  
  font-size: 17px;
  color: #cccccc;
  padding-bottom:3px;
  font-weight:normal;
  margin-top:3px;
  margin-bottom:1px;
}
.subtitle {
  font-size:14px;
}

/* ------------ PAGE ------------ */
#page{
  display: block;
  width: 980px;
  margin: auto;
  text-align: left;
}
#page.home {
  background: url(../images/bg_page.jpg) top left no-repeat;
}

#page.krava {
  background: url(../images/bg_page_cow.jpg) 0px 140px no-repeat;
}

/* ------------ HEADER ------------ */
#header {
  display:block;
  height: 107px;
  position:relative;
}
#header #logo {position:absolute; left:60px; top: 20px;}
#header #logo_swf {position:absolute; right:20px; top: 10px;}
#animals_swf {position:absolute; bottom:0px; left:0px;}

/* ------------ MENU ------------ */
#menu {
 border-bottom: 12px solid #f89c00; 
 padding-left:60px;
}
#menu a {
  color:#FFFFFF;
  font-size:20px;
  padding:3px 18px;;
}
#menu a.active,
#menu a.active:hover {
  text-decoration:none;
  background: #f89c00;
  font-size:24px;
}
#menu .divider {display:none;}

#menu a:focus {
  outline: none;
}


/* ------------ MAIN ------------ */
#main {
  position:relative;
  padding-left:35px;
  min-height: 400px;
  _height:400px;
  padding-bottom:120px;
  background: url(../images/bg_main.jpg) left bottom no-repeat; 
}

.submenu {
  margin-bottom:20px;
  margin-left:20px;
}
.submenu a{
  margin-right:25px;
  font-size: 18px;
  font-weight:normal;
  text-decoration:underline;
}
.submenu a:focus {
  outline: none;
}


.submenu a.active{ 
  color: #ffffff;
}
.submenu a:hover{
  text-decoration:none;
}

/* ------------ FOOTER ------------ */
#footer {margin-top:1px; padding-left: 10px; border-top: 10px solid #f89c00; font-size: 10px;}

.col .news {padding-left:20px;}
.news .item {display:block;}
.news .item .date {float:left;display:inline; width: 47px; font-size:10px; color: #f89c00; }
.news .item a.text {text-transform: uppercase; color: #FFFFFF; background:url(../images/arrow1.png) right 5px no-repeat; padding-right:15px;}

p {
  color: #d7d7d7;
  padding: 3px 20px;
}

.col {float:left; display:block; padding-top:20px;}
.col.span1 {width: 330px}
.col.span2 {width: 580px}
.col.span3 {width: 890px}
.col.span1.small {width: 150px}
.col.span2.large {width: 680px}
.home .col.span2 {  padding-top: 240px;}


.box {background-color: #b3051e; padding-bottom:10px; padding-top: 10px; margin-top: 15px; display:block; position:relative;}
.box.gray {background-color: #1d1d1d; padding-left:40px;padding-right:20px;}
.box.gray p{padding-left:0px;}

.title {font-size:10px; padding-left:20px;}

.anotation {float:left; margin: 5px 10px; border: 2px solid #FFFFFF;font-size:1px;}
.more,.link {background:url(../images/arrow1.png) left 5px no-repeat; padding-left:15px;}
.link.active {color:#ffffff;}
.perex {float:left; display:block; width: 300px; padding:0px 5px; }


.border {border: 2px solid #FFFFFF}


.bm{
  clear:both;
}

.guestbook .item {
  display:block;
  padding:10px 20px;
  padding-left:30px;
  margin-bottom:10px;
  background: url(../images/arrow2.png) 10px 11px no-repeat  #262626;
}
.guestbook .item .name {
  font-size:12px;
}
.guestbook .item .date {
  font-size:9px;
}
.guestbook .item p {
  color: #cccccc;
  padding-left:0px;
}

.paging {
  float:right;
  background: #262626;
  padding:3px 20px;
}
.paging a {
  display:block;
  float:left;
  padding:1px 5px;
}

.paging a.active {
  color:#FFFFFF;
} 

.pagingadmin{
  float:left;
  background: #262626;
  padding:3px 20px;
}
.pagingadmin a {
  display:block;
  float:left;
  padding:1px 5px;
}

.pagingadmin a.active {
  color:#FFFFFF;
}



.form input,
.form textarea {
  background-color: #464646;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.form .button {
  border:1px solid #db8400;
  color: #ffffff;
  background: url(../images/button_back.png) repeat-x;
}
.form th {font-weight:normal; text-align:right;}

.download_list .item{
  margin:10px;
  background: url(../images/arrow_download.png) 0px no-repeat;
  padding-left:20px;
}

.graph {
	display:block;
	width:130px;
	background: url(../images/anketa_back.png);
	height: 5px;
	font-size: 1px;
	margin:5px 0px;
}
.graph .value{
	background: url(../images/anketa_active.png);
	height: 5px;
	font-size: 1px;
}

#col_middle .anketa1 {
     color: silver;
	  display: block;
	/*  margin: 5px 0px;*/
}

#col_middle .anketa2 {
	color: #F7E5BB;
	display: block;
	margin-top: 5px; /*	  margin-bottom: 3px;
	  margin-left:10px;
*/
}
#col_middle .anketa3 {
	color: #E9B441;
}

#gallery .photo {
	float:left;
	display:block;
	margin: 10px 11px;
	text-align: center;
}

#gallery .photo .desc {
	display:block;
	margin-bottom:5px;
}

#login {
         margin-left:36%; 
         width:24%;
         border: 1px solid orange;
         padding: 35px;
         background-color: black;     
         margin-top: 18%;
         
}

.main_gallery {
  float:left;
  display:block;
  width:630px;
  padding:10px;
}
.main_gallery .item {
  padding:10px;
  margin:5px;
}
.main_gallery .first {
  background: #262626;
}
.main_gallery .other {
  background: #262626;
  width:285px;
  float:left;
}
.main_gallery .item span {display:block;}
.main_gallery .item .description {
  float:left;
}

.main_gallery .item.other .description {
  width:270px;
}
.main_gallery .item.first .description {
  width:300px;
}
.main_gallery .item img {float:right; border:2px solid #FFFFFF;}


.main_gallery .first .description a,
.main_gallery .first span {font-size:18px;}
.main_gallery .other .description a,
.main_gallery .other span {font-size:14px;}

.all_gallery {
  float:left;
  width:230px;
}
.all_gallery .scroller{
  overflow-y: auto;
  overflow: -moz-scrollbars-vertical; 
  display:block;
  width:220px;
  padding:3px;
  height: 530px;
}
.all_gallery .item{
  padding-top:4px;
  clear:both;
} 
.all_gallery span {
  float:left;
}
.all_gallery span {
  float:left;
  width:60px;
}
.all_gallery a {
  float:left;
  width:140px;
}

.photo .item img {margin:5px;}