/*	---------------------------------------------------------------------------------------
	Resetovani stylu a nastavovani vychozich stylu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,body,div,span,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,caption,table,tr,th,td,thead,tbody,tfoot,p,blockquote,cite,q,abbr,acronym,address,a,em,strong,img,ins,del,dfn,kbd,pre,xmp,code,form,fieldset,legend,label,object,hr{margin:0;padding:0;line-height:100%;}
:focus{outline:0;}

html{background: #313337 url('../img/bg-body.png') center 0 no-repeat;font:75%/1.5 Arial,Helevetica,sans-serif;text-align:center;color:#4f4f4f;}

a{color: #000;}
a:hover,a:focus,a:active {color:#952a2a;text-decoration:none;}
img{vertical-align:middle;}
a img, fieldset{border:none;}
input,textarea{font-family:Tahoma;border:1px solid #a4a4a4;}
hr{display:none;} /* oddeleni bloku pro zobrazeni bez css */
ul{list-style:none;}

table {width:100%;border-collapse:collapse;}
td,th {text-align:left;font-weight:normal;}
abbr acronym {border-bottom:1px dotted #000; cursor:help;}

h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:89%;}
h6 {font-size:60%;}

/*	---------------------------------------------------------------------------------------
	Styly pro implementaci standardnich prvku
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
.cleaner{clear:both; } /* Cistic pod floatovane prvky */
.no-screen{display:none !important;} /* Prvky pro zobrazeni bez css */

.center-text{text-align:center !important;}
.right-text{text-align:right !important;}
.justify-text{text-align:justify !important;}

.r{float:right;display:inline;}
.l{float:left;display:inline;}
.n{float:none;}

/*  Cotojatkova napoveda --- */

.cotojatka-anchor{padding:5px 10px;background:#fff;border:1px solid #eee;font-size:0.95em;z-index:1000;}
.cotojatka{padding:5px 10px;background:#fff;border:1px solid #eee;font-size:0.95em;z-index:1000;}

/*  Prekryvani textu obrazky, oble rohy aj. (sdilene styly) ----------------------------------- */
	
h1,#paticka .nahoru,#obsah .vice a{position:relative;overflow:hidden;}
h1 span,#paticka .nahoru span,#obsah .vice a span{position:absolute;top:0;right:0;z-index:1;display:block;}

/*	---------------------------------------------------------------------------------------
	Centrovany obal webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
#obal{width:930px;margin:0 auto;padding:11px 0 0 0;position:relative;text-align:left;}

/* Hlavicka ----------------------------------- */

#hlavicka{width:890px;overflow:hidden;margin:0 0 0 20px;background:#fff url(../img/bg-hlavicka.png) 0 0 repeat-x;border-top:2px solid #fff;border-bottom:10px solid #f8c700;}

/*  Logo (nadpis) webu) --- */

h1{width:92px;height:71px;float:left;margin:15px 0 0 29px;padding: 25px 0 0 0;font-size:2em;background:#f7c600;text-align:center;}
h1 a{color:#000;}
h1 span{width:92px;height:96px;left:0;background:url('../img/bg-h1.png') no-repeat;cursor:pointer;}

/*  Navigace --- */

#menu{float:right;display:inline;overflow:hidden;padding:0 0 0 15px;background:url(../img/bg-menu.png) no-repeat;text-transform:uppercase;font-size:0.85em;}
#menu ul{overflow:hidden;margin:38px 0 29px 0;padding:0 25px 0 10px;background:#2a2a2a url(../img/bg-menu-ul.png) right 0 repeat-y;border-top:1px solid #505050;}
#menu ul li{float:left;display:inline;}
#menu ul li a{display:block;padding:24px 7px 25px 7px;text-decoration:none;color:#f2f2f2;}
#menu ul li a:hover, #menu ul li.aktivni a{color:#f8c700;}

/* Divy pozicovane pro slideshow a zarovnavajici sloupce ----------------------------------- */

#prekryti{width:930px;position:absolute;z-index:3;top:575px;overflow: hidden;background:url(../img/bg-obal.png) 0 bottom no-repeat;}
#zarovnani{width:850px;overflow:hidden;margin:0 0 0 40px;background:url(../img/bg-zarovnani.gif) 0 0 repeat-y;}

/* Obsah webu ----------------------------------- */

#obsah{width:590px;min-height:400px;float:left;display:inline;padding:0 0 25px 0;background:#eee url(../img/bg-obsah.png) 0 0 repeat-x;border-top:2px solid #fff;}

/*  Formatovani --- */

#obsah h2{margin:30px 20px 15px 20px;padding:0 0 0 29px;font-size:1.7em;font-weight:normal;color:#000000;background:url(../img/bg-obsah-h2.gif) no-repeat 0 0;}
#obsah h3{margin:10px 30px 10px 50px;font-size:1.2em;color:#000000;}
#obsah h4{margin:10px 30px 10px 50px;font-size:1em;}

#obsah p{margin:10px 25px 15px 50px;line-height:19px;}
#obsah p.vyrazne{padding:6px 10px 6px 10px;background-color:#cecece;}
#obsah address{margin:10px 25px 15px 50px;line-height:19px;font-style: normal;}

#obsah ul{margin:15px 30px 15px 70px;}
#obsah ol{margin:15px 20px 15px 57px;}
#obsah ul li{margin:3px 0 3px 0;line-height:20px;padding-left:14px;background:url(../img/bg-ul-li.gif) no-repeat left 7px;color: #000000;}
#obsah ul li ul{margin: 0 0 0 5px;}
#obsah ul li ul li{background-image:url(../img/bg-ul-li-ul-li.gif);color: #7b8082;margin: 2px 0 2px 0;}
#obsah ol li ol{margin: 10px 15px 10px 10px;}
#obsah ol li{margin:5px 0 5px 10px;line-height:20px;padding-left:3px;}

#obsah dl{margin:10px 25px 10px 50px;}
#obsah dl dt{margin:15px 30px 10px 0;font-size:1.2em;font-weight:bold;color:#000000;}
#obsah dl dd{margin:0 0 20px 0;}

#obsah #certifikaty{margin:10px 0 15px 40px;}
#obsah #certifikaty li{width:170px;float:left;display:inline;padding: 0 !important;margin:5px 0 5px 5px !important;background: transparent !important;text-align: center;}
#obsah #certifikaty li a img{margin:5px 2px 10px 0 !important;overflow:hidden;padding:7px;background: #fff;border: 1px solid #dadada;}

#obsah .sloupecek{width:265px;float:left;display:inline;margin:0 0 0 20px;background:url('../img/bg-obsah-sloupecek.gif') right 0 repeat-y;}
#obsah #druhy-sloupecek{background:transparent;}

#obsah .sloupecek h2, #obsah .sloupecek h3, #obsah .sloupecek ul{margin-left:0;margin-right:0;}
#obsah .sloupecek ul, #obsah .sloupecek p{margin-left:30px;}
#obsah .sloupecek ul li ul{margin-left:0;}
#obsah .sloupecek address{margin-left:30px;}

#obsah table{width: 500px;margin:15px 0 15px 50px;border-collapse: collapse;border-top: 1px solid #657580;font-size: 0.95em;}
#obsah table tr th,#obsah table tr td{padding: 6px 8px;line-height: 150%;background: #fff;border: 2px solid #eee;}

#obsah .vice{clear:both;height:100%;overflow:hidden;}
#obsah .vice a{float:left;padding:9px 45px 9px 10px;background:url(../img/bg-obsah-vice-a.gif) 0 0 no-repeat;text-decoration:none}
#obsah .vice a span{width:25px;height:30px;background:url(../img/bg-obsah-vice-a.gif) right 0 no-repeat;}

#obsah .vice a:hover{background-position: 0 bottom;color: #eee;}
#obsah .vice a:hover span{background-position: right bottom;}

/* --- formatovani pseudotabulky pro vypis partneru (log) --- */

#obal-log{overflow:hidden;height:100%;margin:15px 12px 10px 30px;border:2px dotted #dce2e5;}
#obal-log img{padding:7px;float:left;}

.right-bottom{border-right:2px dotted #dce2e5;border-bottom:2px dotted #dce2e5;}
.right{border-bottom:2px dotted #dce2e5;}
.bottom{border-right:2px dotted #dce2e5;}

/* Bocni sloupec ----------------------------------- */

#sloupec{width:240px;min-height:400px;float:right;display:inline;padding:0 0 30px 0;background:#eee url(../img/bg-sloupec.png) 0 0 repeat-x;border-top:2px solid #fff;}

/*  Formatovani --- */

#sloupec h3{margin:30px 20px 12px 20px;padding:0 0 0 29px;font-size:1.7em;font-weight:normal;color:#000000;background:url(../img/bg-obsah-h2.gif) no-repeat 0 0;}

#sloupec dl{margin:0 22px 0 22px;}
#sloupec dt{margin:17px 0 0 0;line-height:180%;font-weight:bold;}
#sloupec dt a{text-decoration:none;color:#4f4f4f;}
#sloupec dt a:hover{text-decoration:underline;color:#000;}
#sloupec dt span{display:block;font-size:0.95em;font-weight:normal;color:#878787;}
#sloupec dd{margin:15px 0 0 0;padding:0 0 15px 0;background:url(../img/bg-sloupec-dd.gif) 0 bottom repeat-x;line-height:160%;font-size:0.95em;}

#sloupec p{margin:20px 20px 0 22px;font-size:0.95em;}
#sloupec p a{color:#4f4f4f;}
#sloupec p a:hover{color:#000;}

/* Paticka ----------------------------------- */

#paticka{height:100%;overflow:hidden;margin:0 40px 0 40px;}

/*  Formatovani --- */

#paticka p{width:453px;float:left;display:inline;margin:24px 0 0 0;font-size:0.95em;color:#868686;}

#paticka ul{float:left;display:inline;margin:24px 0 0 0;font-size:0.95em;}
#paticka ul li{display:inline;}
#paticka ul li a{display:inline;margin:0 5px 0 0;text-decoration:underline;color:#868686;}
#paticka ul li a:hover{color:#fff;}

#paticka .nahoru{float:right;width:30px;height:22px;padding:8px 0 0 0;background:#fff;text-align:center;}
#paticka .nahoru span{width:30px;height:30px;background:url(../img/bg-nahoru.gif) 0 0 no-repeat;}

.dole{clear:both;margin:38px 40px 80px 40px;text-align:right;}
.dole img{background:#000;color:#fff;}

/*  Spodni pruh --- */

.spodek{width:100%;position:absolute;left:0;z-index:0;height:210px;background:url(../img/bg-spodek.gif) 0 0 repeat-x;clear:both;}

.spodek-uvod{top:976px;}
.spodek-nabidka-sluzeb{top:3110px;}
.spodek-o-spolecnosti{top:2993px;}
.spodek-ceny{top:976px;}
.spodek-partneri{top:976px;}
.spodek-kontakt{top:1120px;}
.spodek-novinky{top:976px;}
.spodek-mapa-stranek{top:976px;}
.spodek-certifikaty{top:976px;}
.spodek-reference{top:1840px;}
