/*	---------------------------------------------------------------------------------------
	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,*:active{outline:0;border:none;}

html{background:#d2ebf8 url('../images/bg-html.jpg') center 0 no-repeat;font:75% Arial,Helvetica,sans-serif;text-align:center;color:#002336;}
body#podstranka{background:#d2ebf8 url('../images/bg-podstranka.jpg') center 0 no-repeat;}

a{color: #ffb052;}
a:hover,a:focus,a:active {color:#125172;}
img{vertical-align:middle;}
a img, fieldset{border:none;}
input,textarea{font-family:Tahoma;}
hr{display:none;} /* oddeleni bloku pro zobrazeni bez css */
ul{list-style:none;}
b {color:#ffb052;}
table{width:100%;border-collapse:collapse;}
td,th{text-align:left;font-weight:normal;}
abbr,acronym{border-bottom:1px dotted #000; cursor:help;}

/*	---------------------------------------------------------------------------------------
	Styly pro snadnou 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;}

/*  Napoveda --- */

div#qTip{width:190px;position:absolute;z-index:1000;display:none;padding:25px 35px 15px 15px;background:url('../images/bg-cotojatka.png') 0 0 no-repeat;line-height:160%;color:#FFF;text-align:left;}

/*  Prekryvani textu obrazky, oble rohy aj. (sdilene styly) ----------------------------------- */
	
h1,.box .vice a,.rotace ul li strong{position:relative;overflow:hidden;}
h1 span,.box .vice a span,.rotace ul li strong span{position:absolute;top:0;right:0;z-index:1;display:block;cursor:pointer;}

/*  Obal webu ----------------------------------- */

#obal{width:960px;margin:0 auto;text-align:left;}

/*  Logo (nadpis) logo ----------------------------------- */

h1 a{text-decoration:none;}
h1#abs{width:269px;height:71px;margin:0 0 35px 0;padding:50px 0 0 0;font-size:1em;position:absolute;top:100px;left:230px;}
h1#abs a {display:block; width:269px;height:71px;background:url('../images/bg-h1-logo-plain.png') no-repeat;cursor:pointer;} 
h1#abs span {visibility:hidden;}


#podstranka #obal h1{
               width:268px;height:69px;position:relative;float:left;display:inline;margin:114px 0 0 32px;
               background:url('../images/bg-podstranka-h1-logo-plain.png') 0 0 no-repeat;
              }
#podstranka #obal h1 span{width:268px;height:69px;display:none;}

/*  Navigace ----------------------------------- */

#menu{height:100%;padding:0 0 5px 5px;overflow:hidden;background:url('../images/bg-menu.png') 0 bottom no-repeat;font-size:1.2em;font-weight:bold;}
#menu li{float:left;display:inline;overflow:hidden;height:49px;padding:0 2px 0 0;background:url('../images/bg-menu-li.gif') right 0 repeat-y;height:49px;display:block;vertical-align:middle;}
#menu li a{display:block;background:url('../images/bg-menu-li-a.png') center 100px no-repeat;text-align:center;text-decoration:none;text-shadow:#fff 1px 1px 0px;line-height:1.5;color:#005461;}
#menu .prvni{width:100px;}
#menu .prvni a{padding: 15px 15px 12px 15px;}
#menu .druha{width:150px;}
#menu .druha a{padding: 15px 0px 12px 0px;}
#menu .treti{width:170px;}
#menu .treti a{padding: 15px 0px 12px 0px;}
#menu .ctvrta{width:210px;}
#menu .ctvrta a{padding: 15px 0px 12px 0px;}
#menu .pata{width:210px;}
#menu .pata a{padding: 15px 0px 12px 0px;}
#menu .sesta{width:100px;background:transparent;}
#menu .sesta a{padding: 15px 15px 12px 15px;}

#menu li a:hover, #menu .aktivni a{background-position:center bottom;text-shadow: #af5f19 -1px -1px 0px;color:#fff;}
#menu .prvni a:hover,#menu .prvni-aktivni a{background-position:left bottom;text-shadow: #af5f19 -1px -1px 0px;color:#fff;}
#menu .sesta a:hover,#menu .sesta-aktivni a{background-position:right bottom;text-shadow: #af5f19 -1px -1px 0px;color:#fff;}

/*  flags ----------------------------------- */

#flags {padding:0; margin:0; z-index:1000; position:absolute; top:60px; float:left;}
#flags img {padding:0 3px;}

#podstranka #flags {padding:0; margin:0; position:relative; top:6px; left:-300px;}

/*  Absolutni box s bublinami ----------------------------------- */

.rotace{width:715px;height:364px;position:relative;margin:25px auto 35px auto;overflow:hidden;background:url('../images/bg-rotace.png') 0 0 no-repeat;}
.rotace ul li{width:136px;overflow:hidden;position:absolute;}
.rotace ul li strong{width:136px;height:35px;display:block;margin:0 0 1px 0;font-size:1.4em;}
.rotace ul li strong span{width:136px;height:35px;background-position:right 0;background-repeat:no-repeat;}
.rotace ul #quantifiable{top:0;left:255px;}
.rotace ul #global{right:10px;top:70px;}
.rotace ul #unique{right:10px;top:230px;}
.rotace ul #proven{bottom:0;left:320px;}
.rotace ul #consistent{bottom:55px;left:65px;}
.rotace ul #repeatable{top:115px;}
.rotace ul #quantifiable strong span{background-image:url('../images/nadpisy/quantifiable.png');}
.rotace ul #global strong span{background-image:url('../images/nadpisy/global.png');}
.rotace ul #unique strong span{background-image:url('../images/nadpisy/unique.png');}
.rotace ul #proven strong span{background-image:url('../images/nadpisy/proven.png');}
.rotace ul #consistent strong span{background-image:url('../images/nadpisy/consistent.png');}
.rotace ul #repeatable strong span{background-image:url('../images/nadpisy/repeatable.png');}
.rotace ul li .vice{width:97px;float:right;display:block;padding:2px 0 2px 8px;background:url('../images/bg-rotace-ul-li-vice.png') 0 0 no-repeat;text-transform:uppercase;text-decoration:none;font-size:0.95em;color:#fff;}
.rotace ul li:hover strong span{background-position:0 0;}
.rotace ul li:hover .vice{background-position:right 0;}

/*  Mensi verze pro podstranku --- */

.rotace-mala{width:434px;height:219px;position:relative;float:right;display:inline;margin:35px 90px 75px 0;overflow:hidden;background:url('../images/bg-rotace-mala.png') 0 0 no-repeat;}
.rotace-mala ul li{width:115px;}
.rotace-mala ul li strong{width:115px;height:30px;display:block;margin:0 0 1px 0;font-size:1.4em;}
.rotace-mala ul li strong span{width:115px;height:30px;background-position:0 0;background-repeat:no-repeat;}
.rotace-mala ul #quantifiable{top:0;left:140px;}
.rotace-mala ul #global{right:10px;top:40px;}
.rotace-mala ul #unique{right:0px;top:128px;}
.rotace-mala ul #proven{bottom:0;left:178px;}
.rotace-mala ul #consistent{bottom:41px;left:30px;}
.rotace-mala ul #repeatable{top:60px;}
.rotace-mala ul #quantifiable strong span{background-image:url('../images/nadpisy/quantifiable2.png');}
.rotace-mala ul #global strong span{background-image:url('../images/nadpisy/global2.png');}
.rotace-mala ul #unique strong span{background-image:url('../images/nadpisy/unique2.png');}
.rotace-mala ul #proven strong span{background-image:url('../images/nadpisy/proven2.png');}
.rotace-mala ul #consistent strong span{background-image:url('../images/nadpisy/consistent2.png');}
.rotace-mala ul #repeatable strong span{background-image:url('../images/nadpisy/repeatable2.png');}
.rotace-mala ul li:hover strong span{background-position:right 0;}
.rotace-mala ul li .vice{width:83px;padding:1px 0 2px 5px;background:url('../images/bg-rotace-ul-li-vice2.png') 0 0 no-repeat;text-transform:uppercase;text-decoration:none;font-size:0.85em;color:#fff;}
/* .rotace ul li,.rotace-mala ul li{behavior:url('hover.htc');} */

/*  Informacni boxy na uvodu ----------------------------------- */
/*
.box{width:310px;float:left;display:inline;overflow:hidden;margin:28px 0 27px 0;background:url('../images/bg-box.png') 5px 8px no-repeat;}
.box h2{min-height:115px;width:98px;float:left;display:inline;background:url('../images/bg-box-h3.png') 0 0 no-repeat;font-size:1.2em;color:#fff}
.box h2 a{display:block;padding:55px 0 7px 20px;line-height:130%;text-decoration:none;text-shadow:#af5f19 -1px -1px 0px;color:#fff;}
.box p{width:176px;min-height:90px;float:right;display:inline;padding:18px 18px 7px 18px;background:url('../images/bg-box-p.png') 0 0 no-repeat;line-height:135%;font-size:1.1em;}
.box h2, .box p{}
.box .vice{width:310px;min-height:25px;float:none;display:block;clear:both;overflow:hidden;padding:0;background:url('../images/bg-box-vice.png') 0 bottom no-repeat;}
.box .vice a{width:50px;height:15px;float:right;margin:0 18px 14px 0;}
.box .vice a span{width:50px;height:15px;background:url('../images/bg-box-vice-a-span.gif') 0 0 no-repeat;}
.box .vice a:hover span{background-position:right 0;}
*/

.box{width:310px;float:left;display:inline;overflow:hidden;margin:28px 0 27px 0;background:url('../images/bg-box.png') 5px 8px no-repeat;}
.box h2{min-height:115px;width:98px;float:left;display:inline;background:url('../images/bg-box-h3.png') 0 0 no-repeat;font-size:1.2em;color:#fff}
.box h2 a{display:block;padding:55px 0 7px 20px;line-height:130%;text-decoration:none;text-shadow:#af5f19 -1px -1px 0px;color:#fff;}
.box p{width:176px;min-height:93px;float:right;display:inline;padding:18px 18px 8px 18px;background:url('../images/bg-box-p.png') 0 0 no-repeat;line-height:135%;font-size:1.1em;}
/* .box h2, .box p{} */
.box .vice{width:310px;min-height:25px;float:none;display:block;clear:both;overflow:hidden;padding:0;background:url('../images/bg-box-vice.png') 0 bottom no-repeat;}
.box .vice a{width:50px;height:15px;float:right;margin:0 18px 14px 0;}
.box .vice a span{width:50px;height:15px;background:url('../images/bg-box-vice-a-span.gif') 0 0 no-repeat;}
.box .vice a:hover span{background-position:right 0;}


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

#obsah{width:620px;height:100%;float:left;text-align:justify;display:inline;margin:0 0 50px 0;background:#377b9f url('../images/bg-obsah.gif') repeat-y;color:#fff;}
#obsah .dole{width:621px;height:10px;  background:url('../images/bg-obsah-dole.gif') 0 bottom no-repeat;}
#obsah h2{padding:22px 20px 12px 25px;background:url('../images/bg-obsah-h2.gif') 0 0 no-repeat;text-shadow:#1c526e -1px -1px 2px;font-size:2.1em;}
#obsah h3{margin:15px 20px 12px 25px;text-shadow:#1c526e -1px -1px 2px;font-size:1.6em;}
#obsah p{margin:10px 25px 20px 25px;line-height:150%;font-size:1.3em;}
#obsah ul{margin:25px 35px;font-size:1.3em;}
#obsah ul li{margin:15px 0;padding:0 0 0 17px;background:url('../images/bg-obsah-ul-li.png') 0 5px no-repeat;line-height:140%;}
#obsah .linka{height:2px;margin:10px 25px;background:url('../images/bg-linka.gif') 0 0 repeat-x;}

#obsah a.button {color:#000; display:inline; padding:15px 40px; font-size:18px;
                line-height:50px; text-align:center; font-weight:bold; text-decoration:none;
                background:url('../images/button.png') 50% 50% no-repeat;}

#obsah a:hover.button {color:#fff;}

#obsah form{width:250px;margin:35px 25px 20px 10px;float:right;}
#obsah form input {width:245px; margin:5px 0;}
#obsah form input.submit {padding:10px; width:150px; font-weight:bold;}
#obsah form textarea {width:245px; margin:5px 0; height:150px;}
#obsah form label {color:#EAF1F7;}

#obsah p.err {background:red; color:white; padding:10px;}
#obsah p.ok {background:green; color:white; padding:10px;}

/*  Pravy sloupec ----------------------------------- */

#sloupec{width:313px;float:right;display:inline;margin:0 0 50px 0;}
#sloupec p{margin:5px 20px 15px 10px;line-height:140%;font-size:1.1em;color:#fff;}
#sloupec img{margin-left:5px;}
#sloupec .box-modry{width:290px;margin:0 0 0 4px;padding:0 0 14px 0;overflow:hidden;background:url('../images/bg-sloupec-box-modry.png') 0 bottom no-repeat;}
#sloupec .box-modry h3{width:260px;padding:11px 15px 10px 15px;background:url('../images/bg-sloupec-box-modry-h3.png') 0 0 no-repeat;text-transform:uppercase;text-shadow:#4b99c2 1px 0 1px;font-size:1.2em;color:#fff;}
#sloupec .box-modry ul{font-size:1.1em;font-style:italic;color:#fff;}
#sloupec .box-modry ul li{height:100%;margin:9px 11px;padding:0 0 0 30px;background:url('../images/bg-sloupec-box-modry-ul-li.gif') 0 8px no-repeat;line-height:135%;}
#sloupec .box-modry ul li strong{margin:3px 0 0 0;display:block;font-style:normal;color:#031b28;}
#sloupec .box-modry ul li a {line-height:1.4;}
#sloupec .box-sedy{width:298px;overflow:hidden;margin:15px 0 0 0;background:url('../images/bg-box-sedy.png') 0 0 no-repeat;}
#sloupec .box-sedy h3{width:260px;margin:15px 20px 5px 20px;padding:0 0 3px 0;border-bottom:1px solid #dddddd;font-size:1.5em;color:#063351;}
#sloupec .box-sedy p{clear:both;margin:0 20px 5px 20px !important;line-height:150% !important;color:#000 !important;}
#sloupec .box-sedy-dole{background:url('../images/bg-box-sedy-dole.png') 0 0 no-repeat;width:298px;height:15px;}

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

#paticka{width:940px;text-align:center; clear:both;padding:0;margin: 0 0 30px 0;overflow:hidden;background:url('../images/bg-paticka.png') 0 0 no-repeat;font-size:0.95em;color:#0d425d;}
#paticka a{color:#0d425d;}
#paticka a:hover{color:#fff;}
#paticka ul{display:inline;margin:46px 0;}
#paticka ul li{display:inline;padding:0 10px;background:url('../images/bg-paticka-ul-li.gif') right 0 repeat-y;}
#paticka ul .posledni{background:transparent;}
#paticka img{display:inline;margin:5px 10px;}

#paticka .left {position:relative; left:-230px;}
#paticka .right {position:relative; right:-185px;}
#paticka a img {padding:0 5px;}
#paticka div {padding:20px 10px;}

#paticka p {position:relative; top:-9px;}
#paticka h3 {font-size:14px; position:relative; top:5px; padding:5px 0;}

.center {text-align:center;}
ul li span {font-size:12px; line-height:16px;}

.toright {float:right;}
.rpad {padding-right:10px;}
.smaller {font-size:11px;line-height:12px; margin:5px 0;}
.box-modry span {display:block;}