* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/bg_body1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 960px;
	line-height: 1.3em;
}
html, body {
	height: 100%;
}
#page {
	width: 100%;
	position: relative;
	min-height: 100%;
}		

/*elements*/
h1 {
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 0 0 20px 0;
	color: #707070;	
}
h1 span {
	color: #00adef;
}	
h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #00adef;
}
h2 a {
	color: #D04E23;
}
h2 a:hover {
	color: #000000;
}	
h2.notop {
	margin-top: 0;
}
h2.br {
	padding-bottom: 3px;
	border-bottom: 1px solid #00adef;
}	
h2.bottom {	
	margin-bottom: 20px;
}
h3 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 25px 0 15px 0;
	color: #FFFFFF;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}
h4 {
	font-size: 1em;
	line-height: 1em;
	margin: 25px 0 0px 0;
	color: #9d0a0e;
	/*padding-bottom: 3px;
	/*border-bottom: 1px solid #9d0a0e;*/
}

p { 
	color: #000000; 
	font-size: 0.9em; 
	text-align: justify; 
	margin: 0.5em 0; 
	padding: 0; 
}
a { color: #0076a3; }
a:hover { color: #ed1c24; }
a:focus { outline:none; }

img { 

}
img.br { 
	border: 1px solid #00adef;
	} 
	
a img {
	border: 2px solid  #0076a3;
}
a:hover img {
	border: 2px solid  #ed1c24;
}

ul, ol { color: #000000;/*#FFFFFF*/; }
ul { font-size: 90%; margin-top: 10px; margin-bottom: 10px; margin-left: 18px; padding-left: 0; }
ol { font-size: 90%; margin-left: 18px; }

ul li {
	padding-left: 20px;
	margin-bottom: 2px;
	color: #0076a3;
	background-image: url(../images/box_uvod_li.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: outside;
}

ul li ul li { font-size: 110%; }
table {
	text-align: center;
	width: 664px;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
th {
	background-color: #049EE8;
	color: #FFFFFF;
	font-size: 110%;
}
th, td {	
	border-collapse: collapse;
	border: 1px solid #666666;
}
tr.obarveny td {
	background-color: #EFEFEF;
}
tr:hover td, tr:hover td a {
	background-color: #FFFFCC;
}
	
form { margin: 0; padding: 0; }
fieldset {
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #00adef;
	background: #fffde3;
}
fieldset legend {
	font-size: 1.1em;
	padding: 0 10px 0 10px;
	color: #00adef;
	font-weight: bold;
}
fieldset h2 {
	margin-top: 0;
}
label {
	float: left;
	width: 130px;
}
hr { display: none; }

/*division*/


#content {
	width: 960px;
	min-height: 100%;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	padding-bottom: 84px;
}

#header {
	position: absolute;
	top: 0;
	right: 0;
	width: 710px;
	height: 189px;
	background-image: url(../images/header6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
}
#akce {
	width: 160px;
	height: 189px;
	background-image: url(../images/akce.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_klik, #header_klik span {
	width: 710px;
	height: 189px;
	position: absolute;
	top: 0;
	left: 0;
}
#header_klik {
	overflow: hidden; 
}
#header_klik span {
	cursor: pointer;
	display: block;	
}

#logo {
	width: 250px; 
	height: 188px; 
	overflow: hidden; 
}
#logo span {
	background-image: url(../images/logo_bez_akce.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 188px;
	cursor: pointer;
	display: block;	
}

/*navigace*/
ul#navigace {
	margin: 0 0 0 0;
	padding: 0;
}
ul#navigace li {
	background-image: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 2px solid #049ee8;
}

ul#navigace li a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	min-height: 22px;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 19px;
	display: block;	
	background-color: #50bbef;
}	
ul#navigace li a:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
body.uvod 		#navigace li a#nav-1, 
body.zastreseni	#navigace li a#nav-2, 
body.servis		#navigace li a#nav-3, 
body.poptavka	#navigace li a#nav-4, 
body.reference	#navigace li a#nav-5, 
body.foto 		#navigace li a#nav-6, 
body.kontakty	#navigace li a#nav-7, 
body.novinky	#navigace li a#nav-8,
body.viz		#navigace li a#nav-9,
body.cenik  	#navigace li a#nav-10,
body.udrzba		#navigace li a#nav-11,
body.video		#navigace li a#nav-12,
body.zima		#navigace li a#nav-13,
body.kestazeni	#navigace li a#nav-14 {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

#left, #right {
	display: inline;
}
#left {
	width: 250px; 
	float: left; 
	margin: 0 0 0 -960px;
}	

#left p {
	color: #FFFFFF;
	text-align: left;
}
#left a {
	color: #FFFFFF;
}
#left a:hover {	
	color: #fff31a;
}	
		
#right {
	width: 710px; 
	float: left; 
	margin: 189px 0 0 250px;
}
#footer {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #50bbef;
}	
#footer .in {
	width: 960px;
	height: 85px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#copy p {
	margin: 20px 200px 0 73px;
	font-size: 75%;
	color: #FFFFFF;
}
#copy a {
	color: #FFFFFF;
}
#copy a:hover {
	color: #FFFFFF;
	text-decoration: none;
}	
#copy a img {
	position: absolute;
	top: 30px;
	left: 8px;
}	
#copy a:hover img {
	border: 0 none;
	padding: 0;
}		

.d2 {
	float: left;
	width: 316px;
	margin-right: 31px;
}
.d3	{
	float: left;
	width: 316px;
}
.box_uvod {
	background-color: #fffde3;
	padding: 15px;
	margin-bottom: 20px;
}
.box_uvod p {
	color:#0076a3;
}
.box_uvod p.chyba {
	margin-bottom:20px;	
}
.box_uvod h2 {
	color: #ed1c24;
	margin-top: 0;
	background-image: url(../images/box_uvod_h2_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}
.box_uvod h2 span {
	color: #00adef;
}
.box_uvod ul {
	margin: 0;
}	
.box_uvod ul.reference {
	margin-top: 10px;
	margin-bottom: 20px;
}	
.box_uvod ul li {
	padding-left: 20px;
	color: #0076a3;
	background-image: url(../images/box_uvod_li.gif);
}
.box_uvod ul li a {
	color: #0076a3;
}
.box_uvod ul li a:hover {
	color: #ed1c24;
}	
.box_uvod img {
	border: 2px solid #FFFFFF;
}	
#flags {
	position: absolute;
	left: 19px;
	top: 150px;
}
#flags a img {
	padding: 0;
	border: 1px solid #FFFFFF;
} 
#flags a:hover img {
	border: 1px solid #5e534d;
}	
			

	
/*classes*/
.center { text-align: center; }
.left { text-align:left;}
.right { text-align:right;}

.black { color:#000000;}
.notop {
	margin-top: 0;
}	

.block_size { width: 60px; float:left;}

.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.delic { 
	float: none; 
	clear: both;
	height: 25px;
	padding-right: 23px;
	background-color: #FFFFFF;
}
.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }
.inner {
	margin: 23px;
}
.inner2 {
	margin: 15px;
}	
.info, .info_foto {
	background-color: #ea2020;
	color: #FFFFFF;
	padding: 8px;
}
.info a {
	color:#fff;
}

.info a:hover {
	text-decoration:none;

}
.info_foto {
	margin-bottom: 20px;
}	
/*printit*/
.top { white-space:nowrap; background-image: url(../images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 16px; }
.print { white-space:nowrap; background-image: url(../images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
p.printit { text-align: right; margin: 0; padding: 0; }
p.printit { font-weight: normal; font-size: 0.8em; }

/*novinky*/
.novinka_datum {
	background-image: url(../images/ikon_datum.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
}

.novinka_archiv { 
	background-image: url(../images/ikon_archiv.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 25px;
}

.nobr_mar { margin: 0px; padding: 0px; border-style: none; border-width: 0; }
.nobr { border-style: none; border-width: 0; }

.noscreen { display: none; }
.pdf { 
	background-image: url(../images/icon_pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
	padding-left: 25px; 
}
.out {
	background-image: url(../images/out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.red {
	color: #d04e23;
}
.zvyrazneni {
	/*border-top: 1px solid #D04E23;	
	border-bottom: 1px solid #D04E23;*/
	border: 1px solid #D04E23;
	padding: 5px;	
}
.first_p {
	margin-top: 0;
}		
p.pod_kat { 
	font-size: 0.9em; 
	font-weight: bold; 
	background-image: url(../images/folder.gif); 
	background-repeat: no-repeat; 
	padding-left: 20px;
	margin-top: 20px;
}
div.podtrh {
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	float: none;
	height: 1px;
	padding-top: 3px;
}	

/*vypis fotek NOVINKY REFERENCE FOTOGALERIE */
.foto_seznam_obal, .foto_seznam_obal2{
	width: 214px;
	float: left;
	margin: 0 8px 8px 0;
	text-align: center;
}	
.foto_seznam_obal {
	margin-right: 11px;
}	
.foto_seznam_obal2 {
	margin-right: 0px;
}	
.foto_seznam_obal p, .foto_seznam_obal2 p  {
	text-align: center;
	margin-top: 0px;
}	
.foto_inner a img {
	border: 2px solid  #0076a3;
}
.foto_inner a:hover img {
	border: 2px solid  #ed1c24;
}
p.popis_prvni {
	text-align:center;
	margin-top: 0px;
	margin-bottom:0;
}
p.kat_nadpis {
	font-weight:bold;
}
/*BTNS*/
.news_inp {
	height: 22px;
	border: 1px solid #585757;
	vertical-align: bottom;
	font-size: 1.2em;
	width: 135px;
}	
.btn {
	position: relative;
	background: #aaa;
	padding: 0 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	
}
.btn * { background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }


.btn.but { background: #ce0d0d; }
.btn:hover { background-color: #C6C6C6; color: #000000; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 1px double #aaa; }
* html .btn:hover { border-color: #a00; }	


.ramecek {
	border: 1px solid #00adef;
	height: 165px;
	padding-left: 10px;
	}
.ramecek h2 {
	padding: 0;
	margin: 10px 0 0 0;
	}
	
.ramecek img {
	margin-left: 10px;
	border-left: 1px solid #00adef;
	}
	
/* SUP, SUB osetreni */
sub, sup {
	vertical-align:baseline;
	position:relative;
}
sub {
	top:0.4em;
}
sup {
	bottom:0.4em;
}		

/* KONTAKTNI FORMULAR */
#kontakt label.error {
	float: none;
	text-align: left;
	width: 300px;
	display: block;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 90%;
	font-weight:bold;
	margin-top: 3px;
	margin-left: 0px;
	color: #FF0000;
}
p#zprava_odeslano {
	padding: 10px;
	font-weight:bold;
}
#kontakt label { 
	font-size: 1em; 
	width: 100px; 
	text-align: left; 
	margin-right: 5px;  
}
#kontakt input.inp {
	width: 300px;
}
#kontakt input.btn {
	margin-left:0px;
}
#kontakt textarea {
	width: 300px;
	height: 100px;
}

#chyba {
	background-color: #D04E23;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
}

/* POPTAVKOVY FORMULAR */
#poptavka p.upozorneni {
	text-align:center;
	margin: 10px 0 10px 0;
}
#poptavka p.upozorneni span {
	background-image: url(../images/ikon_vykricnik.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 10px;
	margin-left: 4px;
}

/*#poptavka h2 {
	text-align:center;
	margin-bottom: 20px;
}
#poptavka h2 span {
	background-image: url(../images/ikon_vykricnik.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 10px;
	
}*/
#poptavka label { 
	font-size: 1em; 
	width: 120px; 
	text-align: right; 
	margin-right: 10px;  
}
#poptavka input.inp {
	width: 400px;
}
#poptavka input.rozmer {
	width: 100px;
}
#poptavka p.povinne {
	background-image: url(../images/ikon_vykricnik.gif);
	background-repeat: no-repeat;
	background-position: center right;
	width:555px;
}
#poptavka textarea {
	width: 400px;
	height: 100px;
}
#poptavka select {
	width: 250px;
}
#poptavka input.but {
	margin-left: 256px;
}

/* NAZORY */
#nazory {
	padding: 15px;
	background-color: #fffde3;
}
#nazory h2 {
	color: #ed1c24;
	margin-top: 0;
	background-image: url(../images/box_uvod_h2_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#nazory span.quotes_up {
	background-image: url(../images/quotes_up.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-right: 22px;
	padding-top: 3px;
}
#nazory span.quotes_down {
	background-image: url(../images/quotes_down.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding: 0 20px 5px 5px;
	margin-left: 3px;
}
#nazory p.autor {
	text-align:right;
	margin-bottom:0px;
}
#vizualizace {
	width: 550px;
	height: 320px;
	margin: 0 auto 0 auto;
	border: 10px solid #049ee8;
}
#video {
	width: 550px;
	height: 309px;
	margin: 0 auto 0 auto;
	border: 10px solid #049ee8;
}

ul.dalsiweby {
	list-style-type:disc;
	list-style-type:decimal;
	margin-left:0;
}
ul.dalsiweby li {
	background-image:none;
	padding-left:0;
	color:white;
}


.btn_fb {
	margin: 0;
}
.btn_fb a {
	background: url(../images/btn_fb.gif) no-repeat left top;
	width: 250px;
	height: 43px;
	display: block;
}
.btn_fb a:hover {
	background-position: left -43px;
}
.btn_fb a span {
	display: none;
}