/* ----------------------------------------------------------------------------------------------------------
    Autor: EDVENS MEDIA (www.edvens.cz), Kodér: Jan Doušek (honzik.dousek@gmail.com) (rev3)
---------------------------------------------------------------------------------------------------------- */

/* Reset --- */

html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
*:focus{outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
abbr{border-bottom:1px dotted #000;cursor:help;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}

/* Vychozi zobrazeni --- */

html{background:#d3d9e1 url('../img/html.png') repeat-x;font-family:Arial,Helvetica,sans-serif;font-size:75%;color:#000;}
body{background:url('../img/body.jpg') center top no-repeat;line-height:1;text-align:center;}

.outer{width:100%;height:100%;background:url('../img/outer.jpg') center bottom no-repeat;}

a{color:#00465c;}
a:hover,a:focus,a:active{color:#000;}
a:visited{color:#5e5e5e;}


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

.wrapper{width:940px;margin:0 auto;padding:44px 0 0 0;text-align:left;}

/* Jazykove verze --- */

.lang{width:40px;float:right;margin:48px 0 0 0;font-size:0.9em;}
.lang li{width:40px;float:left;margin:0 0 4px 0;}
.lang li a{display:block;padding:5px 0;background:#fff url('../img/lang-li-a.gif') left 100px repeat-x;text-align:center;}
.lang li a:hover,.lang li.ac a{background-color:#cbd3dd;background-position:left top;}
.lang li a img{background:#fff;}

/* Hlavicka --- */

.header{width:900px;float:left;overflow:hidden;margin:0 0 8px 0;padding:0 0 18px 0;background:#fff url('../img/header.png') no-repeat;}

/* Logo */

.header .logo {width:227px;height:65px;float:left;margin:44px 0 11px 12px;}

/* Motto */

.header .motto {width:819px;height:190px;float:left;margin: 0px 0 0 19px;}

/* Navigace */

.header ul {float:right;display:inline;margin:54px 22px 0 0;text-transform:lowercase;font-weight:bold;}
.header ul li{float:left;display:inline;}
.header ul li a{display:block;padding:13px 15px 14px 15px;background:url('../img/menu-li-a.gif') left 100px repeat-x;text-decoration:none;color:#7f7f7f;}
.header ul li a:hover,.header ul li.ac a{background-color:#c9d1dc;background-position:left top;color:#fff;}

.header ul li.img a{width:22px;height:20px;margin:8px 3px 0 0;padding:0;}
.header ul li.img a span{width:22px;height:20px;background-image:url('../img/icons/home.gif');}
.header ul li.img a:hover span{cursor:pointer;}

.header table {float:right;display:inline;margin:54px 22px 0 0;text-transform:lowercase;font-weight:bold;}
.header table td {float:left;display:inline;}
.header table td a{display:block;padding:13px 15px 14px 15px;background:url('../img/menu-li-a.gif') left 100px repeat-x;text-decoration:none;color:#7f7f7f;}
.header table td a:hover,.header .active a{background-color:#c9d1dc;background-position:left top;color:#fff;}

.header .image {float:right;display:inline;margin:54px 8px 0 0;}
.header .image a{color:red;display:block;text-decoration:none;color:#7f7f7f;width:22px;height:20px;margin:8px 3px 0 0;padding:0;}
.header .image a span{width:22px;height:20px;background-image:url('../img/icons/home.gif');display:block;}
.header .image a:hover span{cursor:pointer;}

.header span.separator {display: none;}

/* Drobeckova navigace --- */

.breads{clear:both;margin:0px 0 8px 21px;}
.breads *{color:#707b88;}
.breads li{display:inline;padding:0 0 0 12px;margin:0 8px 0 0;background:url('../img/breads-li.gif') left 4px no-repeat;font-weight:bold;}
.breads li a{font-weight:normal;}
.breads li a:hover{color:#077f96;}

/* Obal obsahu --- */

.contentcontainer{width:862px;overflow:hidden;margin:0 0 2px 0;padding:17px 19px 25px 19px;background:#fff url('../img/container.png') repeat-x;}

/* Boxiky sluzeb */

.contentcontainer .pack{width:284px;float:left;margin:0 5px 20px 0;background:#1dbad7 url('../img/pack.jpg') no-repeat;}
.contentcontainer .pack-last{margin-right:0;}

.contentcontainer .pack h2,.contentcontainer .pack h2 span{width:234px;height:37px;}
.contentcontainer .pack h2{font-size:1.5em;}
.contentcontainer .pack h2 a{display:block;padding:7px 0 0 10px;color:#fff;}
.contentcontainer .pack h2.mini span{background-image:url('../img/titles/mini.jpg');}
.contentcontainer .pack h2.midi span{background-image:url('../img/titles/midi.jpg');}
.contentcontainer .pack h2.maxi span{background-image:url('../img/titles/maxi.jpg');}
.contentcontainer .pack h2 a:hover span{cursor:pointer;}

.contentcontainer .pack img{float:right;margin:1px 0 0 5px;background:#fff;}
.contentcontainer .pack p{margin:8px 0 0 15px;line-height:140%;color:#00465c;}
.contentcontainer .pack p.price{margin:20px 0 0 0;text-align:right;font-size:1.2em;color:#707b88;}
.contentcontainer .pack p.price strong{font-size:1.2em;color:#00465c;}

/* Text (container) */

.text{width:550px;float:left;}

.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{margin:0 0 10px 0;}
.text h1{margin-top: 10px;margin-bottom:10px;font-size:2em;color:#00465c;}
.text h2{margin-bottom:0.5rem;margin-top:1rem;font-size:1.6em;color:#00465c;}
.text h3{font-size:1.4em;}
.text h4{font-size:1.2em;color:#00465c;}
.text h5{font-size:1.1em;}
.text h6{font-size:1em;color:#00465c;}

.text p, .text address{margin:0 0 10px 0;line-height:180%;text-align:justify;}

.text ul,.text ol{margin:10px 10px 15px 10px;}
.text ol{margin-left:27px;}
.text ul ul,.text ul ol,.text ol ol,.text ol ul{margin:5px;}
.text ol ol{margin-left:25px;}
.text ul li,.text ol li{margin:0 0 10px 0;line-height:150%;}
.text ul li{padding-left:13px;background:url('../img/text-li.gif') 0 6px no-repeat;}
.text ul ul li{background-image:url('../img/text-li2.gif');}

.text table{margin:0 0 15px 0;}
.text table th,.text table td{padding:7px 10px;background:#eff6ff;border:1px solid #d2dbe7;line-height:160%;}
.text table th{text-align:left;color:#00465c;}
.text table thead th,.text table tfoot td{background:#d4dde9;}
.text table tfoot td{color:#67707a;}

.text .img-right{float:right;margin:5px 0 10px 15px;}
.text .img-left{float:left;margin:5px 15px 10px 0;}
.text .img-center{display:block;margin:15px auto 17px auto;}

.text img{background:#eee;}
.text a img{border:2px solid #a6afb1;}
.text a:hover img{border-color:#07879f;}

.text strong{color:#045d6e;}
.text em{color:#0c7083;}
.text abbr{padding:0 2px;background:#fef4b3;}
.text a:visited{color:#767c7d;}

/* Sloupec (container) */

.side{width:277px;float:right;}

.side h3{margin:0 0 20px 0;text-transform:uppercase;font-size:1.1em;color:#00465c;}

.side dl{margin:0 0 20px 0;}
.side dl dt{margin:0 0 7px 0;font-weight:bold;}
.side dl dd{margin:0 0 12px 0;line-height:150%;}

.side p{margin:0 0 10px 0;line-height:150%;}

/* Dvojita paticka --- */

/* Vrchni */

.footer-top{width:901px; min-height:122px; padding:20px 0 20px 0px; background:#36c6df url('../img/footer-top.jpg') right bottom no-repeat; border-bottom:1px solid #17b7d5;}

.footer-top td {padding: 6px 12px 6px 12px; color: white;}

.footer-top td ul{margin:0 0 0 10px; }
.footer-top td ul ul{margin:3px 0 0 0;}
.footer-top td ul li{margin:0 0 1px 0;padding:0 0 0 12px;background:url('../img/footer-top-li.gif') left 5px no-repeat;line-height:130%;}
.footer-top td ul li a{color: white;}
.footer-top td ul li a:hover{color:#000;}

.footer-top td address{margin:0 0 0 15px;line-height:150%;font-size:1.1em;font-style:normal;color:#fff;}
.footer-top td address a{text-decoration:none;color:#fff;}
.footer-top td address a:hover{text-decoration:underline;color:#000;}

/* Spodni */

.footer-bottom{padding:0 40px 0 0;background:#e8eff7 url('../img/footer-bottom.jpg') center top no-repeat;}

.footer-bottom div{width:861px;min-height:68px;margin:0 auto;padding:30px 20px 0 20px;background:#17b7d5 url('../img/footer-bottom-div.jpg') right top no-repeat;border-top:1px solid #68dbeb;text-align:left;color:#fff;}
.footer-bottom div p{margin:0 0 12px 0;}
.footer-bottom div img{background:#0a7083;}

/* Specialni -------------------- */

.line{height:1px !important;clear:both;margin:0 4px 20px 0;background:#fff;border-top:1px solid #cad2dc;}
.text .line{margin-bottom:10px;}

/* ----------------------------------------------------------------------------------------------------------
    Pomocne styly (rev2)
---------------------------------------------------------------------------------------------------------- */

.f-left{float:left !important;}
.f-right{float:right !important;}
.f-none{float:none !important;}

.nom{margin:0 !important;}
.nomt{margin-top:0 !important;}
.nomb{margin-bottom:0 !important;}
.nop{padding:0 !important;}
.nopt{padding-top:0 !important;}
.nopb{padding-bottom:0 !important;}

.va-top{vertical-align:top !important;}
.va-middle{vertical-align:middle !important;}
.va-bottom{vertical-align:bottom !important;}

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

.t-big{font-size:120%;}
.t-small{font-size:80%;}

.box{min-height:1px;}
.box:after{display:block;visibility:hidden;clear:both;line-height:0;font-size:0;content:".";}
.clear-fix{float:none;clear:both;width:0;height:0;margin:0;padding:0;line-height:0;font-size:0;}

.hidden{position:absolute;left:-1000em;top:-1000em;width:1px;height:1px;overflow:hidden;}
.no-screen,hr{display:none;}

.header h1,.header h3,.header ul .img a,.pack h2,.footer-top .col h3{position:relative;overflow:hidden;}
.header h1 span,.header h3 span,.header ul .img a span,.pack h2 span,.footer-top .col h3 span{position:absolute;top:0;left:0;z-index:1;display:block;background-repeat:no-repeat;}