@import url("layout.css");
body{
	background:#fff url(../graph/body-bg.jpg) top center no-repeat scroll;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-size:90%;
}

p{
	line-height:130%;
	margin:5px 0px 15px;
}

li{
	line-height:130%;
	margin-bottom:5px;
}

#zahlavi{
	background:url(../graph/zahlavi-bg.jpg) top center no-repeat;
	height:342px;
}

a{
	color:#003573;
}

a:hover{
	color:#666;
}

#logo{
	display:block;
	position:absolute;
	top:12px;
	right:72px;
	width:124px;
	height:54px;
	margin:0px;
	padding:0px;
	font-size:15px;
}

#logo a{
	display:block;
	width:124px;
	height:54px;
}

#logo a span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:124px;
	height:54px;
	background:top left url(../graph/logo.jpg) #fff no-repeat;
	cursor:pointer;
}

#certifikace{
	position:absolute;
	top:90px;
	right:45px;
	width:178px;
	height:207px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	clear:left;
}

#certifikace a.dekra{
	width:178px;
	height:65px;
	margin:2px 0px;
	padding:0px;
	position:relative;
	display:block;
}

#certifikace a:hover.dekra {
	margin-left:1px;
}

#rychly-kontakt{
	position:absolute;
	top:217px;
	left:15px;
	width:315px;
	height:113px;
	color:#fff;
	text-align:center;
	font-size:12px !important;
}

#rychly-kontakt h2{
	margin:5px 0px;
}

#rychly-kontakt p{
	margin:0px 0px 10px;
}

#rychly-kontakt p span{
	color:#ACDBFF;
}

#rychly-kontakt a{
	color:#ACDBFF;
}

#obsah{
	background:#fff url(../graph/obsah-bg.jpg) top left no-repeat;
}

#zapati{
	background:#fff url(../graph/zapati-bg.jpg) bottom left no-repeat;
	min-height:40px;
}

#zapati p{
	padding:5px 0px 15px;
	text-align:right;
}

#zapati p a{
	margin:5px 30px;
	text-align:center;
}

#zapati p span{
	margin:5px 50px 5px 90px;
	text-align:center;
	padding:10px;
	float:left;
}

#levy{
	margin:0px 635px 0px 0px;
	padding:0px;
}

#pravy{
	float:right;
	width:635px;
	margin:0px;
	padding:0px;
}

#pravy-obsah{
	margin:0px 40px 20px 0px
}

#pravy #perex{
	background:#e6eef7 url(../graph/perex-bg.jpg) repeat;
	margin:0px 0px 20px;
	padding:0px;
}

#pravy-obsah h1, #pravy-obsah h2, #pravy-obsah h3{
	margin:0px 15px 10px;
	color:#003573;
	line-height:130%;
}

#pravy-obsah p{
	margin:0px 15px 20px;
	font-size:90%;
	line-height:130%;
	color:#333;
}

#pravy-obsah p#perex{
	padding:10px 15px;
}
/* -------------------------------------------- LEVY SLOUPEC ----------------------------------------------------------------*/

/* --------------------------------------------------------------------------------
								HLAVNI MENU
 ----------------------------------------------------------------------------------*/
#menu{
	margin:0px 10px 0px 0px;
	padding:0px;
	background:url(../graph/menu-bg.jpg) top right repeat-y;
	list-style:none;
}

#menu li{
	background: url(../graph/menu-li-bg.jpg) bottom right no-repeat;
	height:40px;
	line-height:100%;
	margin-bottom:0px;
}



#menu li.posledni{
	background: none;
}

#menu li a{
	color:#a5a5a5;
	padding:0px 0px 0px 40px;
	margin:0px;
	text-decoration:none;
	display:block;
	height:40px;
	overflow:hidden;
}

#menu li ul{
	background: #ebebeb;
}

#menu li ul li{
	background:none;
	border-left:2px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:-1px;
}

#menu li ul li ul li{
	margin-left:-2px;
}

#menu li ul li a{
	padding:0px 0px 0px 20px;
	color:#646464;
	height:40px;
}

#menu li ul li a:hover{
	color:#0049A0;
	background:none;
}

#menu li ul li a span{
	text-align:left;
}

#menu li a:hover{
	color:#646464;
	background:url(../graph/menu-active-bg.jpg) right center no-repeat;
}

#menu li a span{
	display:block;
	height:17px;
	font-size:12px !important;
	text-align:center;
	padding:11px 0px 12px 0px;
	margin:0px;
}

#menu li a.active span{
	background:url(../graph/menu-active-bg.jpg) right center no-repeat;
}

#languages {
	margin:0px 10px 10px 40px;
	padding:0px;
	text-align: center;
}
#languages img {
	margin: 3px;
}

/* --------------------------------------------------------------------------------
								RYCHLE ZPRAVY
 ----------------------------------------------------------------------------------*/
#short-news{
	background:#fff url(../graph/short-news-bg.jpg) top right repeat-y;
	margin:10px 10px 15px 0px;
	padding:0px 0px 15px;
}

#short-news h3{
	background:#fff url(../graph/news-header-bg.jpg) top right no-repeat;
}

#short-news h3 span{
	text-align:center;
	margin:0px 0px 0px 40px;
	display:block;
	padding:10px 0px;
	color:#fff;
}

.new{
	margin:5px 0px 15px 40px;
	border-top:1px solid #3362A1;
	padding:5px 0px 5px;
}

.prvni{
	border-top:none;
}

.new h4{
	color:#fff;
	margin:0px 15px 10px;
	font-weight:normal;
}

.new p{
	margin:0px 15px 10px;
	color:#A4C6EF;
	font-size:80%;
	line-height:150%
}

.new a.more{
	color:#fff;
	display:block;
	text-decoration:none;
	text-align:right;
	margin:-11px 15px 0px 120px;
	width:4em;
}
/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.navigation-pages{
	height:1.4em;
	padding:1px;
	margin:10px;
	text-align:center;
	width:420px;
}
 
.navigation-pages a.navig, .navigation-pages strong{
 	padding:3px 6px;
	font-size:65%;
	border:1px solid #FE8F00;
	background-color:#fff;
	text-decoration:none;
	color:#FE8F00;
}

.navigation-pages span{
	font-size:90%;
}
 
.navigation-pages a.r-sipky, .navigation-pages span.r-sipky{
	margin-left:10px;
}

.navigation-pages a.l-sipky, .navigation-pages span.l-sipky{
	margin-right:10px;
}

.navigation-pages strong{
	background-color:#FE8F00;
	color:#fff;
}

.navigation-pages span{
	color:#FE8F00;
	font-size:100%;
	font-weight:bold;
}

.cisla{
	float:left;
	margin-top:0px;
	height:1.5em;
}

.NavigationSelect legend{
	display:none;
}

.NavigationSelect select{
	border:1px solid #999;
}

.NavigationSelect label{
	color:#999;
}

.invisible{
	visibility:hidden;
}

.thumbwrapper, .news-pic{
	float:left;
	width:125px;
	margin:5px 10px 15px 0px;
}

#mapa-kontaktu{
	position:relative;
	width:499px;
	height:311px;
	background:top left url(../graph/mapa.gif) no-repeat scroll;
}

#mapa-kontaktu a{
	display:block;
	text-decoration:none;
	width:10px;
	height:10px;
	position:absolute;
}

#mapa-kontaktu a span{
	display:none;
}

#mapa-kontaktu a span ul{
	padding:0px 0px 5px;
	margin:5px;
}

#mapa-kontaktu a:hover span{
	display:block;
	min-height:100px;
	min-width:300px;
	background:#fff;
	border:1px solid #003573;
	padding:1em;
	color:#003573;
	line-height:130%;
}

a#plzenec{
	top:155px;
	left:105px;
}

a#hulin{
	left:393px;
	top:185px;
}

a#hradec{
	left:245px;
	top:98px;
}

a#lovosice{
	left:134px;
	top:72px;
}

.certificate{
	width:290px;
	height:180px;
	float:left;
}

.certificates-pic{
	float:left;
}

#dotaznik fieldset{
	margin:0px 0px 25px;
	padding:5px 0px 0px;
	border-top:1px solid #003573;
}

#dotaznik fieldset legend{
	margin:0px 0px 5px;
	padding:3px 10px 3px 0px;
	color:#003573;
	border:solid #003573;
	border-width:0px 3px 1px 0px;
}

#dotaznik label{
	float:left;
	width:8em;
	margin-bottom:5px;
	font-size:90%;
}

#dotaznik input, #dotaznik textarea, #dotaznik select{
	margin-bottom:5px;
	border:1px dotted #003573;
	background-color:#E7EEF4;
}

#dotaznik .dopln_udaje label{
	width:200px;
}