/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #B4B4B4;
	line-height: 20px;
}


#bg2 {
	width: 100%;
	height: 100%;
	background: url(images/bg_top.gif)  top repeat-x;}

#header { 
	width:1016px;
	background: url(images/header.jpg) left top no-repeat;
	height: 376px;
}

/*
#logo {	
		height: 304px;
		width: 100%;
		background: url(images/big_img-red.jpg) left top no-repeat;

}
*/

div#qrcode {	
		height: 170px;
		width: 170px;
		background: #ffffff url(images/qrlogo-gnb.gif) center center no-repeat;
		position:relative;
		top:20px;
		left:50px;
}

div#pocitadlo {	
		height: 120px;
		width: 120px;
		position:relative;
		top:40px;
		left:90px;
}


#logo H2 {

		font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:18px;
		font-style:italic;
		}

#logo a {
	text-decoration: none;
	/*text-transform: lowercase;*/
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
}

.logo_l {
	float:left;
	width:290px;
	padding: 185px 0px 0px 14px;

	
	}
	
.logo_r {
	float: right;
	width:400px;
	padding: 67px 36px 0px 0px;

	}
	
H5 {
	font-style:italic;
	font-size: 20pt;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
	font-weight:600;}
	
.f_ibw {
	font-style:italic;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	
}


#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	text-align:center;
	height: 66px;
	margin-left: 0px;
	padding-top: 0px;
	background: url(images/buttons.jpg) left top no-repeat;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding-top: 19px;
	height: 40px;
}

.but {
	/*width: 201px;*/
	background: url(images/but.png) left top no-repeat;
}
#buttons .but:hover {
	text-decoration: underline;}

.razd_b {
	float:left;
	width:2px;
	height:43px;
	background: url(images/b_razd.gif) 0px 15px no-repeat;}

#main {
	width: 1016px;
	margin: 0px auto;
	padding-top: 8px; }

#content{
	width: 1016px;
	background: url(images/cont_razd.gif) 296px 0px repeat-y;

}

#left{
	width: 290px;	
	float: left;
	color:#000000;


}

.list { padding: 0px 0px 20px 0px;}

.opt {
	background:url(images/opt.gif) bottom repeat-x;
	height: 38px;}

.opt_a {
	padding: 10px 0px 0px 33px;
	background:url(images/opt_a.gif) 10px 14px no-repeat;
	}
.opt_a:hover {
	padding: 10px 0px 0px 33px;
	background: url(images/opt_ah.gif) 10px 14px no-repeat;
	}
	
.opt_a a {
	color:#000000;
	text-decoration:none;}

.left_b {
		padding: 3px 15px 0px 53px; /*53px*/
		font-size: 12px;
		line-height: 18px;
}


.box1C {  
	background: url(images/1C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}

.box2C { position:relative;
	left:-53px;
	background: url(images/2C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}

.box3C {  position:relative;
	left:-53px;
	background: url(images/3C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}

.box4C {  position:relative;
	left:-53px;
	background: url(images/4C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box5C {  position:relative;
	left:-53px;
	background: url(images/5C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box6C {  position:relative;
	left:-53px;
	background: url(images/6C.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box-kontakt { 
	background: url(images/1A.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box2A { position:relative;
	left:-53px;
	background: url(images/2A.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box3A { position:relative;
	left:-53px;
	background: url(images/3A.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}
.box4A { position:relative;
	left:-53px;
	background: url(images/4A.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}

.box10 { 
	background: url(images/img_12.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;
		}

.box11{ 
	background: url(images/img_13.gif) 7px 10px no-repeat #EFEFEF;
	width: 288px;}

.box_bot {
		height: 9px;
		background:url(images/box_bot.gif) left bottom no-repeat;
		width: 288px;}
		
.box_top {
		height: 9px;
		background: url(images/box_top.gif) left top no-repeat;
		width: 288px;}




.text{
	padding: 10px 10px 10px 12px;
	line-height: 18px;
	background:url(images/bg_text.jpg) left top no-repeat;
	text-align:justify;
}

.text a{
	color: #F77900;
	font-weight: bold
}


#left .img {	float:left;
		margin: 6px 15px 5px 0px;
}

#right .img {	float:left;
		margin: 3px 15px 3px 0px;
}

#left span {	color:#F37901;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}

#right span {	color:#F37901;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}

#right span.blue {color:#0000ff;
	text-decoration: none;
	font-size:11pt;
	font-weight:bold;
}

#right span.red {color:#ff0000;
	text-decoration: none;
	font-size:11pt;
	font-weight:bold;
}


#left H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: center;
	padding: 17px 0px 20px 0px;
	background:url(images/tit_left.jpg) left top no-repeat;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #ffffff;
	text-align:left;
	padding: 17px 0px 20px 13px;
	background: url(images/tit_right.jpg) 0px 0px no-repeat;
}


.title { background: url(images/right_tit2.gif) left bottom repeat-x;}

.read{
	text-align:right;
	padding-right:5px;
	padding-top: 10px;
	font-weight:bold;
	font-size:12px;
}

#right{
	float: right;
	width: 710px;
	padding: 0px 0px 0px 0px;
}

#footer{
	height: 54px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 13px 0px 0px 0px;
	background: url(images/footer.jpg) 0px 8px  no-repeat;
}

#footer a{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
}


/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    background: #B4B4B4;
    width: 1032px;
    height: 317px;
    margin:0 auto;
}

#slider {
	position:relative;
    width: 1032px;
    height: 317px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*============ eof slider ==================*/


div#wrapper {
/*	border:1px solid red;*/
	position:absolute;
	top:74px;/*-310px;*/
	height:304px;
	width:1016px;
}

li.pdf {list-style-image: url(./images/iko_pdf.gif);margin-left:20px;margin-top:10px;}
li.web {list-style-image: url(./images/iko_ie.gif); margin-left:20px;margin-top:10px;}
/*li.pp {list-style-image: url(./images/iko_pp.gif);margin-left:20px;margin-top:10px;} */

li.pdfr {list-style-image: url(./images/iko-pdfr.png);margin-left:20px;margin-top:10px;}
li.pdfw {list-style-image: url(./images/iko-pdfw.png);margin-left:20px;margin-top:10px;}
li.ie {list-style-image: url(./images/iko-ie.png); margin-left:20px;margin-top:10px;}
li.pp2 {list-style-image: url(./images/iko-pp.png);margin-left:20px;margin-top:10px;} 

li.xls {list-style-image: url(./images/iko-xls.jpg);margin-left:20px;margin-top:10px;} 
li.word {list-style-image: url(./images/iko-word.png);margin-left:20px;margin-top:10px;} 

li.odrazka27 {list-style-image: url(./images/odrazka27.gif);margin-left:20px;margin-top:10px;} 

#right span.odrazka27 {
	position:relative;
	top:-8px;
	left:10px;
	font-size:10pt;
	color:#000;
}

a.odrazka {
	position:relative;
	top:-8px;
	left:10px;
	font-size:12pt;
}

a.odrazka2 {
	position:relative;
	top:-5px;
	left:10px;
	font-size:12pt;
}

img.yesno {margin-left:30px;}

input, select, textarea {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	border: 1px solid #000; 

}

.noramecek{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	border: none; 

}



.gradient {
	background-color:#E9E9E9;
	border:none;
 background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b4b4b4), to(#ebecfc)); /* Chrome a Safari*/
 background-image: -webkit-linear-gradient(#b4b4b4, #ebecfc); /* Chrome a Safari*/
 background-image: -moz-linear-gradient(#b4b4b4, #ebecfc); /* Opera */
 background-image: -o-linear-gradient(#b4b4b4, #ebecfc); /* Opera */
 background-image: -ms-linear-gradient(#b4b4b4, #ebecfc); /* pro IE10 */
 background-image: linear-gradient(#b4b4b4, #ebecfc); /* CSS3 */
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4',endColorstr='#ebecfc'); /* IE9 a starší*/
 zoom:1; /* Bez zoomu se přechod v IE nezobrazí */
}

.stin {

box-shadow: 3px 3px 4px #000;

}

	select.vyukcil {font-family: Arial; font-size: 10px; height:15; width:370px}
	span {color:seagreen;}	

	.zB {font-weight:bold; font-family:Tahoma}
	.zI {font-weight:bold; font-style: italic; font-family:Tahoma}
	.zU {font-weight:bold; text-decoration: underline; font-family:Tahoma; padding: 0 3 0 3}
	.zH {font-weight:bold; font-family:Tahoma}
	.zD {font-weight:bold; font-family:Tahoma; position: relative; left:-5}

	.horin {font-weight:bold; color=red; font-size:7pt; position: relative; left:-8; top:-10}
	.dolin {font-weight:bold; color=blue; font-size:7pt; position: relative; left:-13; top:0}

.imgtext
{
	border: 1px solid #000;
	margin-top:10px;
	margin-bottom:10px;
}


ol {
	line-height:2;
}

ol a.ol, a:active.ol, a:visited.ol
{
	color:#ff0000;

}

ol a:hover.ol
{
	color:#0000ff;

}

img.yesno {margin-left:30px;}