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

/* Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;margin:0;padding:0;line-height:100%;outline:none;}
ul li{list-style:none;}
table{border-collapse: collapse;}

/* Vychozi zobrazeni */

html{background:#000 url(../img/bg_html.gif) center bottom no-repeat;text-align:center;font-family:Tahoma,Verdana,sans-serif;font-size:75%;color:#36393f;}
body{position:relative;width:863px;margin:0 auto;padding:94px 0 117px 0;background:url(../img/bg_body.jpg) no-repeat;text-align:left;}

hr{display:none;}
img{border:none;}

a{color:#e31918;}
a:hover, a:focus, a:active{color:#000;}

/* Logo --- */

.logo{width:184px;height:83px;margin:0 0 24px 80px;background:#fff;text-align:center;font-size:2.5em;}
.logo a{line-height:120%;}
.logo span{width:184px;height:83px;background:url(../img/bg_logo_span.png) no-repeat;}

/* Hlavni nadpis --- */

h1{width:723px;height:63px;padding:25px 140px 0 0;background:#e2031a;text-align:right;text-transform:lowercase;font-size:3.4em;font-weight:normal;color:#fff;}
h1 span{width:863px;height:88px;background:url(../img/bg_h1.png) no-repeat;}

/* Navigace --- */

.menu{margin-left:140px;font-size:1.1em;}
.menu li{float:left;overflow:hidden;}
.menu li a{display:block;padding:20px 25px 15px 25px;text-decoration:none;color:#fff;}
.menu li a:hover, .menu li.ac a{background:#000;color:#ff0000;}
.menu li ul{width:160px;position:absolute;display:none;border-top:1px solid #999;font-size:0.85em;}
.menu li ul li{float:none;}
.menu li ul li a{padding:8px 10px;background:#333 !important;border-bottom:1px solid #999;border-top:1px solid #000;color:#fff !important;}
.menu li ul li.last a{border-bottom:none;}
.menu li ul li a:hover, .menu li ul li.ac a{background:#666 !important;color:#fff !important;}
.menu li:hover ul{display:block;}

/* Obsah a sloupce --- */

.content{height:100%;clear:both;overflow:hidden;background:#fff url(../img/bg_content_side.gif) repeat-y;}
.gallery{padding:20px 30px 50px 60px;background:#fff url(../img/bg_gallery.gif) left bottom no-repeat;}
.design{height:100%;overflow:hidden;background:url(../img/bg_design.jpg) left bottom no-repeat;}

.left{width:550px;min-height:250px;float:left;display:inline;margin:27px 0 0 35px;padding-bottom:100px;}
.right{width:169px;float:right;display:inline;margin-right:8px;padding:25px;background:#cccccc;border-top:8px solid #fff;}

/* Formatovani */

.left h2,.gallery h2{margin-bottom:12px;font-size:1.3em;color:#e2001a;}
.left h3,.gallery h3{margin-bottom:10px;font-size:1.2em;color:#000;}
.left h4{margin-bottom:10px;font-size:1em;}

.left p,.left address{margin-bottom:15px;line-height:170%;}
.left address{padding: 5px 15px;border-left:1px solid #f3f3f3}
.left blockquote{margin:15px;padding:5px 15px;background:#f8f8f8;border-left:2px solid #f3f3f3;line-height:180%;color:#4c4c4c;}

.left ul, ol{margin:0 15px 10px 15px;color:#4b4b4b;}
.left ol{margin-left:18px;}
.left ul ul, .left ul ol, .left ol ol, .left ol ul{margin:5px;}
.left ol ol{margin-left:25px;}
.left ul li, .left ol li{margin:5px;line-height:170%;}
.left ul li{padding-left:13px;background:url('../img/bg_li.gif') 0 7px no-repeat;}
.left ul li ul li{background-image:url('../img/bg_li-ul-li.gif');}

.left table{width:550px;margin:20px 0;}
.left table th,.left table td{padding:7px 10px;background:#efefef;border-bottom:1px solid #fff;border-right:1px solid #fff;line-height:170%;}
.left table th{text-align:left;}

.back{width:135px;margin-top:20px;padding-top:5px;border-top:1px solid #eee;}
.back a{padding-left:15px;background:url('../img/bg_back-a.gif') 0 4px no-repeat;}

.right h3{margin-bottom:15px;line-height:150%;font-size:1em;color:#36393f;}
.right address{line-height:150%;font-size:1.2em;font-style:normal;font-weight:bold;color:#000;}

.gallery p{margin-bottom:10px;}
.gallery img{margin:0 10px 10px 0;padding:10px;border:1px solid #ff9a66;}
.gallery a:hover img{background:#e2e2e2;border-color:#242424;}

/* Paticka --- */

.footer{height:100%;clear:both;overflow:hidden;background:#e85211 url(../img/bg_footer.png) no-repeat;font-size:0.85em;}
.footer a{text-decoration:none;color:#fff;}
.footer .l{float:left;margin:13px 0 13px 15px;color:#333;}
.footer .r{float:right;margin:13px 15px 13px 0;color:#fe9d2e;}

/* ----------------------------------------------------------------------------------------------------------
    Pomocne styly (rev3)
---------------------------------------------------------------------------------------------------------- */

.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;border:0;line-height:0;font-size:0;}

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

.logo,h1{position:relative;overflow:hidden;}
.logo span,h1 span{position:absolute;top:0;left:0;z-index:1;display:block;}


#akcia{ position:absolute; left:599px; top:0; text-align:center; font-size:3em; font-weight:bold; line-height:3em; }
#akcia A{ position:relative; display:block; width:180px; height:110px; color:red; text-decoration:none; }
#akcia A SPAN{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('../img/akcia.gif'); }