@charset "utf-8";
/* CSS Document */

body {
	background: url(../img/pozadi.png) repeat-x;
}
#web {
	width: 935px;
	margin: 0 auto;
}
h1 a {
	background: transparent url(../img/logo.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 200px; 
	height: 20px; 
	margin: 0 auto 20px 0; 
	float: left; 
}


/* MENU */
#menu{
	float: right;
	/*float : left; */
	width: auto;
	position : relative; 
	/*left: 165px;*/
	margin : 0 auto; 
} 
#menu ul { 
	margin : 0; 
	padding : 0; 
	list-style : none; 
} 
#menu li { 
	float : left; 
	width: auto;
	margin : 0; 
	padding : 0; 
}
#menu li a{
	color : #333; 
	display : block; 
	float : left; 
	font : bold 16px/25px "Trebuchet MS", sans-serif; 
	height : 25px; 
	width: auto;
	padding: 0 10px 0 15px;
	margin: 0; 
	text-decoration : none;
	background: transparent url(../img/menu_line.png) no-repeat top left;
}
#menu li a:hover{
	color : #93BABD; 
}
#menu li.aktual a { 
color : #FF3300; 
} 
.input{
	height:25px;
	width: 150px;
	border: solid 1px #93BABD;
	font: normal 14px/20px "Trebuchet MS", sans-serif;
	padding: 0 20px 0 3px;
}
.submit{
	height:20px;
	width: 20px;
	position:relative;
	top: 5px;
	left:-28px;
	margin-right:-23px;
}

/* ODDĚLENÍ */
div.hr {
  	height: 5px;
  	background: transparent url(../img/hr.png) repeat-x top;
  	width: 935px;
	display: block;
	float: left;
	margin: -3px auto;
}
div.hr hr {
  	display: none;
}


/* HLAVA */
#hlava{
	background: transparent url(../img/hlava.png) no-repeat bottom left;
	width: 935px;
	height: 285px;
	display: block;
	float: left;
}
#hlava a{
	background: transparent url(../img/rss.png) no-repeat top left;
	width: 158px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	float: right;
	position: relative;
	top: 10px;
}
#hlava a:hover{
	background-position: bottom;
}


/* OBSAH WEBU */
#obsah{
	background: transparent;
	width: 935px;
	display: block;
	float: left;
}


/* Co nového */
#co_noveho, #fotky, #odkazy, #kontakt, #ebi, #vzkazy{
	background: transparent; 
	display: block; 
	width: 350px;  
	margin: 20px auto 0 0; 
	float: left; 
}
#co_noveho h2{
	background: transparent url(../img/co_noveho.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 209px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}
#co_noveho p, #fotky p, #odkazy p, #kontakt p, #ebi p, #vzkazy p{
	background: transparent; 
	margin: 0 auto 0 0;
	font : italic 16px/20px "Trebuchet MS", sans-serif;
	color: #CCC;
}
#co_noveho_obsah, #fotky_obsah, #odkazy_obsah, #kontakt_obsah, #ebi_obsah{
	background: transparent; 
	display: block; 
	width: 585px;  
	margin: 5px auto 0 0; 
	float: left; 
}
#co_noveho_obsah .clanek{
	padding: 15px 0 10px;
	border-bottom: dotted 1px #CCC;
}
#co_noveho_obsah h3, #fotky_obsah h3, #odkazy_obsah h3{
	background: transparent;  
	margin: 0 auto 10px;
	float: left;
	font: normal bold 22px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
}

#co_noveho_obsah h3 a, #fotky_obsah h3 a{
	font: normal bold 22px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
	text-decoration: none;
}
#co_noveho_obsah h3 a:hover, #fotky_obsah h3 a:hover{
	color: #93BABD;
}
#co_noveho_obsah .datum{
	background: transparent; 
	margin: 0 auto;
	font : normal 12px/16px "Trebuchet MS", sans-serif;
	color: #CCC;
	float: right;
}
#co_noveho_obsah .datum a{
	font : normal 12px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#co_noveho_obsah .datum a:hover{
	color: #93BABD;
}
#co_noveho_obsah .clanek .text p{
	background: transparent; 
	margin: 0 auto 10px;
	font : normal 16px/20px "Trebuchet MS", sans-serif;
	color: #333;
	clear: left;
}
#co_noveho_obsah .clanek .text .uvod p{
	background: transparent; 
	margin: 0 auto 10px;
	font : italic 18px/22px "Trebuchet MS", sans-serif;
	color: #93BABD;
}
#co_noveho_obsah .clanek .text p a, #ebi_obsah .clanek p a{
	font : normal 16px/20px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#co_noveho_obsah .clanek .text p a:hover, #ebi_obsah .clanek p a:hover{
	color: #93BABD;
}
/* Chybová stránka pro uživatele */
#co_noveho_obsah ul { 
	margin : 0; 
	padding : 0; 
	list-style : none; 
} 
#co_noveho_obsah li { 
	width: auto;
	margin : 0; 
	padding : 0;
	font : bold 16px/25px "Trebuchet MS", sans-serif;
}
#co_noveho_obsah a{
	color : #ff3300; 
	font : 14px/25px "Trebuchet MS", sans-serif; 
	margin: 0; 
	text-decoration : none;
}
#co_noveho_obsah h4{
	background: transparent;  
	margin: 0 auto 10px;
	font: normal bold 16px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
}


/* Fotky ze života */
#fotky h2{
	background: transparent url(../img/fotky.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 216px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}
#fotky_obsah .clanek{
	padding: 15px 0 10px;
	border-bottom: dotted 1px #CCC;
}
#fotky_obsah h3 a{
	font: normal bold 22px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
	text-decoration: none;
}
#fotky_obsah h3 a:hover{
	color: #93BABD;
}
#fotky_obsah .datum{
	background: transparent; 
	margin: 0 auto;
	font : normal 12px/16px "Trebuchet MS", sans-serif;
	color: #CCC;
	float: right;
}
#fotky_obsah .datum a{
	font : normal 12px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#fotky_obsah .datum a:hover{
	color: #93BABD;
}
#fotky_obsah .clanek .text .uvod p{
	background: transparent; 
	margin: 0 auto 10px;
	font : italic 18px/22px "Trebuchet MS", sans-serif;
	color: #93BABD;
}
#fotky_obsah .clanek .text p, #odkazy_obsah .clanek p, #kontakt_obsah .clanek p{
	background: transparent; 
	margin: 0 auto 10px;
	font : normal 16px/20px "Trebuchet MS", sans-serif;
	color: #333;
	clear: left;
}
#fotky_obsah .clanek .text p a, #odkazy_obsah .clanek p a, #kontakt_obsah .clanek p a{
	font : normal 16px/18px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#fotky_obsah .clanek .text p a:hover, #odkazy_obsah .clanek p a:hover, #kontakt_obsah .clanek p a:hover{
	color: #93BABD;
}
#fotky_obsah .clanek .galerie img { 
	background: #d4E3E3;
	border: none;
	padding: 3px;
	margin: 4px 2px 4px 0;
}
/* Odkazy */
#odkazy h2{
	background: transparent url(../img/odkazy.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 216px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}
#odkazy_obsah .clanek{
	padding: 15px 0 10px;
}
/* Ebi */
#ebi h2{
	background: transparent url(../img/ebi.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 216px; 
	height: 32px;
	margin: 0 auto 5px 0; 
}
#ebi_obsah .clanek{
	padding: 15px 0 10px;
}
#ebi_obsah .clanek p{
	background: transparent; 
	margin: 0 auto 10px;
	font : normal 16px/20px "Trebuchet MS", sans-serif;
	color: #333;
}
#ebi_obsah h3{
	background: transparent;  
	margin: 10px auto 10px;
	font: normal bold 22px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
}
/* Kontakt */
#kontakt h2{
	background: transparent url(../img/kontakt.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 216px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}
#kontakt_obsah h3{
	background: transparent;  
	margin: 10px auto 10px;
	float: left;
	font: normal bold 22px/22px "Trebuchet MS", sans-serif;
	color: #FF3300;
}
#note{
	background: #f5f9f9;
	padding: 10px;  
	font: 16px "Trebuchet MS", sans-serif;
	color : #333;
}
.zprava_ok{
	font: 16px "Trebuchet MS", sans-serif;
	color : #7ca52f;
}
.zprava_error{
	font: 16px "Trebuchet MS", sans-serif;
	color : #e46c6d;
}


/* Komentáře */
#komentare{
	background: transparent; 
	display: block; 
	width: 350px;  
	margin: 20px auto 0 0; 
	float: left; 
}
#komentare h2{
	background: transparent url(../img/komentare.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 162px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}
#komentare p{
	background: transparent; 
	margin: 0 auto 0 0;
	font : italic 16px/20px "Trebuchet MS", sans-serif;
	color: #CCC;
}
#komentare_obsah{
	background: transparent; 
	display: block; 
	width: 585px;  
	margin: 5px auto 0 0; 
	float: left; 
}
#komentare_obsah .koment{
	padding: 15px 0 10px;
	border-bottom: dotted 1px #CCC;
}
#komentare_obsah .koment h4{
	background: transparent;  
	margin: 0 auto 5px;
	font: normal bold 16px/16px "Trebuchet MS", sans-serif;
	color: #FF3300;
	float: left;
}
#komentare_obsah .koment h4 a{
	font: normal bold 16px/16px "Trebuchet MS", sans-serif;
	color: #FF3300;
	float: left;
	border-bottom: #FF3300 dotted 1px;
	text-decoration: none;
}
#komentare_obsah .koment h4 a:hover{
	color: #93BABD;
	border-bottom: none;
	padding-bottom: 1px;
}
#komentare_obsah .datum{
	background: transparent; 
	margin: 0 auto;
	font : normal 12px/16px "Trebuchet MS", sans-serif;
	color: #CCC;
	float: right;
}
#komentare_obsah .koment .text p{
	background: transparent; 
	margin: 0 auto 5px;
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #999;
	clear: left;
}
#komentare_obsah .koment .text p a{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#komentare_obsah .koment .text p a:hover{
	color: #93BABD;
}
.nokoment{
	margin: 15px auto 15px;
}
.nokoment p{
	padding: 15px 0 15px 0;
	background: transparent; 
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #999;
}
.nokoment p a{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
.nokoment p a:hover{
	color: #93BABD;
}

/* Vzkazy */
#vzkazy{
	background: transparent; 
	display: block; 
	width: 350px;  
	margin: 20px auto 0 0; 
	float: left; 
}
#vzkazy h2{
	background: transparent url(../img/vzkazy.png) no-repeat top left; 
	text-indent: -9999px; 
	display: block; 
	width: 162px; 
	height: 34px;
	margin: 0 auto 5px 0; 
}

/* Stránkování */
.paginate{
font:  normal 14px/16px "Trebuchet MS", sans-serif;
color : #ccc; 
text-decoration : none;
float: right;
padding: 15px 0 15px 0;
}
.paginate strong{
font: bold 14px/16px "Trebuchet MS", sans-serif;
color : #93BABD; 
background-color: #f5f9f9;
padding: 3px;
}
.paginate a{
font: 14px/16px "Trebuchet MS", sans-serif;
color : #ff3300; 
text-decoration: none;
}
.paginate a:hover{
color : #93BABD;
}


/* Formulář kometářů */
#komentare_obsah #comment_form{
	padding-bottom: 15px;
	border-bottom: dotted #CCC 1px;
}
#komentare_obsah #comment_form p{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #93BABD;
}
#komentare_obsah #comment_form p a{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#komentare_obsah #comment_form p a:hover{
	color: #93BABD;
}
#komentare_obsah #comment_form label{
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #93BABD;  
}
#komentare_obsah #comment_form textarea {
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #333;  
	border: 1px solid #ccc; 
	background-color: #fff;
	width: 535px;
	padding: 5px;
	margin-bottom: 5px;
} 
#komentare_obsah #comment_form textarea:focus {
	background-color: #f5f9f9;
} 
#komentare_obsah #comment_form input {
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #333;  
	border: 1px solid #ccc; 
	background-color: #fff;
	padding: 5px;
}
#komentare_obsah #comment_form input:focus {
	background-color: #f5f9f9;
} 


/* Formulář kontakt */
#fields{
	padding-bottom: 15px;
}
#fields p{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #93BABD;
}
#fields p a{
	font : normal 14px/16px "Trebuchet MS", sans-serif;
	color: #ff3300;
	text-decoration: none;
}
#fields p a:hover{
	color: #93BABD;
}
#fields label{
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #93BABD;  
}
#fields textarea {
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #333;  
	border: 1px solid #ccc; 
	background-color: #fff;
	width: 535px;
	padding: 5px;
	margin-bottom: 5px;
} 
#fields textarea:focus {
	background-color: #f5f9f9;
	border: 2px solid #93BABD;
} 
#fields input {
	font: 14px/16px "Trebuchet MS", sans-serif;
	color : #333;  
	border: 1px solid #ccc; 
	background-color: #fff;
	padding: 5px;
}
#fields input:focus {
	background-color: #f5f9f9;
	border: 2px solid #93BABD;
} 


/* PATA */
#pata{
	width: 935px;
	height: 40px;
	display: block;
	float: left;
	font: 12px/40px "Trebuchet MS", sans-serif;
	color: #CCC;
}
#pata a{
	font: 12px/40px "Trebuchet MS", sans-serif;
	color: #FF3300;
	text-decoration: none;
}
#pata a:hover{
	color: #93BABD;
}
#pata img{
	margin: 12px 10px 0 0;
	float: left;
}
