/*** CSS STYLY pro LUKÁŠ ČERVENÝ, MADE BY WJENCESLAW ***/

*{margin: 0; padding: 0;}
body{text-align:center; background: #000; color: #a0a0a0; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 95%; }
hr.cleaner { clear:both; height: 1px; border: 0px none; visibility: hidden; }

#web { width: 1050px; margin: 0 auto;text-align: left; }

a:link{text-decoration: underline; color: #ffffff; font-weight: normal;}
a:visited{text-decoration: underline; color: #ffffff; font-weight: normal;}
a:hover{text-decoration: none; color: #E2001A;}
a:focus { outline: none; }
abbr, acronym { cursor: help; }
textarea { font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }


#hlavicka{width: 100%; height: 127px; position: relative; background: url('../img/header.jpg') no-repeat;}

#hlavicka #logo{position: relative; display: block; width: 390px; height: 40px; top: 45px; }
#hlavicka #logo a { display: block; width: 390px; height: 40px; }
#hlavicka #logo a span { display: none; }

#hlavicka ul { position: absolute; list-style-type: none; font-size: 90%; }  
#hlavicka ul li { display: inline; }
#hlavicka ul li a { display: inline-block; text-decoration: none; font-weight: normal; text-transform: uppercase; }
#hlavicka ul li.active a { color: #E2001A; }

#hlavicka ul.left { top: 102px; left: 28px; text-align: left; }
#hlavicka ul.left li a { padding: 0 10px 0 0; }
#hlavicka ul.right { top: 102px; right: 25px; text-align: right; }
#hlavicka ul.right li a { padding: 0 0 0 2px; }
#hlavicka ul.right li.active a { color: #E2001A; }
#hlavicka ul li span { color: #A00012; display: inline-block; padding: 0 0 0 5px; }
/*
#hlavicka ul li#cz-home { width: 69px; background-image: url('../img/menu/cz-home.jpg') }
#hlavicka ul li#cz-home-active { width: 69px; background-image: url('../img/menu/cz-home-active.jpg') }
#hlavicka ul li#cz-galerie { width: 94px; background-image: url('../img/menu/cz-galerie.jpg') }
#hlavicka ul li#cz-galerie-active { width: 94px; background-image: url('../img/menu/cz-galerie-active.jpg') }
#hlavicka ul li#cz-odkazy { width: 94px; background-image: url('../img/menu/cz-odkazy.jpg') }
#hlavicka ul li#cz-odkazy-active { width: 94px; background-image: url('../img/menu/cz-odkazy-active.jpg') }
#hlavicka ul li#cz-reference { width: 111px; background-image: url('../img/menu/cz-reference.jpg') }
#hlavicka ul li#cz-reference-active { width: 111px; background-image: url('../img/menu/cz-reference-active.jpg') }
#hlavicka ul li#cz-kontakt { width: 95px; background-image: url('../img/menu/cz-kontakt.jpg') }
#hlavicka ul li#cz-kontakt-active { width: 95px; background-image: url('../img/menu/cz-kontakt-active.jpg') }
*/

/*** OBSAH WEBU ***/
#obal {}
#inner{padding: 20px 10px 20px 30px; background: url('../img/middle.png') repeat-y; font-size: 80%; line-height: 150%; }
h1, h2{display: block; padding: 10px 0px 5px 10px; margin: 0 20px 15px 0; font-size: 140%; color: #B50706; font-weight: normal; }
#inner p{padding: 10px 10px 10px 10px;}

#changing-box { float: left; position: relative; width: 500px; height: 800px; overflow: hidden; margin-bottom: 30px; }
#changing-box #images { width: 500px; height: 700px; }
#changing-box #images img { display: block; }
#changing-box #facebook { float: left; width: 100%; margin: 0; padding: 10px 0 0 70px; text-align: center; }

#home { margin-left: 530px; }

#fotografie { width: 990px; height: 650px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
#fotografie img{ display: inline; border: 0px none; margin: 0; padding: 0;}

h3{font-style: italic; margin: 0px 0px 0px 25px; font-size: 140%; font-weight: normal;}
.cenik{position: relative; width: 420px; margin: 10px 0px 3px 50px;}
.cenik h4{ font-size: 130%; font-weight: normal;}
.cenik span{position: absolute; right: 0; top: 0; font-weight: bold;}
.cenik-popis{width: 450px; margin: 0px 0px 0px 20px; padding: 0; line-height: 125%;}
#inner ul{margin: 0px 0px 20px 95px; list-style-type: disc;}

#odkazy p a { width: 200px; font-weight: normal; float: left; }
#odkazy p strong { font-weight: normal; }
p span{float: left; width: 80px; /*text-align: right; */margin: 0px 0px 0px 0px;}

#sluzby p span { width: 200px; font-weight: normal; float: left; }
#sluzby p strong { font-weight: normal; }
p span{float: left; width: 200px; /*text-align: right; */margin: 0px 0px 0px 0px;}

#inner div.sluzby-box { margin: 0; padding: 0px 0px 0px 0px; }
#inner div.sluzby-box h2 { margin: 0 15px 0 0; padding: 5px 0 0 0; display: block; position: relative; border-top: 1px solid #161616; cursor: pointer; }
#inner div.sluzby-box h2 span { position: absolute; top: 4px; right: 0; cursor: pointer; }
#inner div.sluzby-box p { display: none; padding-left: 30px; }
#inner div.sluzby-box p span { color: #fff; }

/*** formular pro odesilani zpravy na email ***/
#formular{width: 520px; margin: 20px 0px 0px 10px;}
#formular fieldset{border: 0px none;}
#formular fieldset legend{padding: 0px 0px 10px 0px; color: #B50706; font-weight: bold;}
#formular fieldset label {display: block; padding: 4px 3px;}
#formular fieldset input.text { margin: 0px 5px 0px 0px; padding: 1px 3px; width: 200px; border: 1px solid #D4D0C8; }
#textove-pole{ }
#formular fieldset textarea{width: 100%; margin: 0px 0px 14px 0px; border: 1px solid #D4D0C8; font-size: 100%; padding: 1px 3px; }
#formular fieldset input.submit {margin: 0px 5px 0px 0px; width: 100px; padding: 2px 0; margin: 0px 0px 10px 0px;}
span.error, span.ok{display: block; margin: 10px 0px 20px 40px; padding: 5px; background: #ffffff; }
span.error{color: #ff0000;}
span.ok{color: #00ff00;}

img.kontakt-foto { float: right; margin: 30px 100px 0 0; }

div.novinka { float: left; width: 100%; /*line-height: 160%;*/ padding-bottom: 15px; margin-top: 25px; border-bottom: 1px solid #161616; }
div.novinka h2 { display: block; width: 100%; margin: 0; padding: 0; font-weight: normal; }
div.novinka h2 span { display: inline-block; padding: 0 10px; color: #a0a0a0; font-size: 70%; }
div.novinka img { float: left; margin: 15px 15px 10px 10px; }
div.novinka p { text-align: justify; /*font-size: 70%;*/ padding: 0; margin: 0; }
a.showall { clear: both; display: block; text-align: center; font-weight: normal; padding-top: 15px; color: #B50706; }

#home div.novinka { /*line-height: 160%;*/ padding-bottom: 10px; margin-top: 15px; border-bottom: 1px solid #161616; }
#home div.novinka img { max-height: 80px; }
#home div.novinka p { /*font-size: 70%;*/ padding: 0; margin: 0; }
#home a.showall { text-align: right; }

/*** paticka ***/
#paticka { clear: both; width: 1056px; margin: 0 auto; text-align: center; background: url('../img/bottom.png') no-repeat bottom; }
#paticka p{ border: 0; background: transparent; font-size: 70%; color: #4f4f4f; border-top: 1px solid #161616; margin: 0px 15px 0px 15px; padding: 9px 0px 23px 0px; }
#paticka p a { color: #4f4f4f; }
#paticka img{visibility: hidden;}