/********************************************************************************************************************
	Autor: Martin Felcman - martin@felcman.cz
	URL webu: http://www.felcman.cz
	URL stylù:  http://www.felcman.cz/css/styles.css
	
 *****************************************************************************************************************/
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {background: url(../images/bgbody.jpg); font-family: Arial, Helvetica, sans-serif; color: black; text-align: center; height: auto; padding: 0; margin: 0; }
h1 { position: relative;  width: 199px; height: 28px; margin: 6px 0px 0px 25px; overflow:hidden; float: left; }
h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width: 199px; height: 28px; background:url(../images/logo.png) top left no-repeat;}
hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none;	visibility: hidden;   }
p { margin: 5px 0px; font-size: 0.8em;  color: black; line-height: 170%; padding:0 15px; }
a {text-decoration: underline; color: #000; }
a:hover {color: #d03076; }  
ul {padding-top: 5px; padding-left: 10px; font-size: 0.8em; line-height: 200%; margin-left: 20px; list-style:none;}
li {background: url(../images/li3.png) no-repeat left center; padding-left: 15px; } 
address { font-style: normal; color: black; font-size: 0.8em; padding: 5px 10px; border: 5px solid #ececec; line-height: 200%; float:left; width: 270px; margin: 15px 0 0 15px; }
h3 { font-size: 0.9em; color: #d03076;  margin: 10px 0 5px 15px; }
h2 { margin: 0 15px; padding:20px 0 0 0; border:0; font-size: 1em; color: #00a4c2; font-weight:bold; text-transform: uppercase; }
h4 { margin: 15px 15px 0 15px; padding:0; font-size: 0.8em; color: #323232; font-weight:bold; text-decoration: underline;  }
legend { display: none; }
.nd { display: none;}


#wrapper { width: 850px; margin: 0px auto; padding: 0px; height: 100%; text-align: left; background: url(../images/menu_bg.png) top center no-repeat;}
#footer { width: 850px; background: url(../images/bottom.png) top center no-repeat; height: 70px; padding:0; clear: both; margin:-1px auto 0 auto; color: #fff; border-top: 1px solid #e8e5d3; }
#footer p { margin: 0; font-size: 0.7em; padding: 10px 15px 0 15px; color: #777; width: 600px; float: left; }
#footer p.nahoru { margin: 0; font-size: 0.7em; padding: 0; color: #777; width: 170px; float: right; }
#footer p.nahoru a { display: block; width:100px; height: 16px; text-align: right; margin: 10px 15px 0px 0px; float: right; background:url(../images/top.png) top right no-repeat; padding: 4px 27px 0 0;  }


ul#menu { margin: 0 25px 0 0px; width: 464px; padding: 0px; display: block; float: right; font-size: 0.75em;  }
ul#menu li { display: block; float: left; margin:0 0 0 12px; padding: 12px 0 0 0; background: none;  }
ul#menu li a { text-decoration: none; color: #000; padding: 2px 7px; font-weight: bold; display: block; }
ul#menu li a:hover { color: #000;}
ul#menu li.portfolio a:hover, #menu li.portfolio a.active { background: url(../images/menu_portfolio_hover.png) top center no-repeat;}
ul#menu li.portfolio a { background: url(../images/menu_portfolio_hover.png) 0px -24px no-repeat;}
ul#menu li.reference a:hover, #menu li.reference a.active  { background: url(../images/menu_reference_hover.png) top center no-repeat;}
ul#menu li.reference a { background: url(../images/menu_reference_hover.png) 0px -24px no-repeat;}
ul#menu li.cenik a:hover, #menu li.cenik a.active { background: url(../images/menu_cenik_hover.png) top center no-repeat;}
ul#menu li.cenik a { background: url(../images/menu_cenik_hover.png) 0px -24px no-repeat;}
ul#menu li.kalkulace a:hover, #menu li.kalkulace a.active { background: url(../images/menu_kalkulace_hover.png) top center no-repeat;}
ul#menu li.kalkulace a { background: url(../images/menu_kalkulace_hover.png) 0px -24px no-repeat;}
ul#menu li.autor a:hover, #menu li.autor a.active { background: url(../images/menu_autor_hover.png) top center no-repeat;}
ul#menu li.autor a { background: url(../images/menu_autor_hover.png) 0px -24px no-repeat;}
ul#menu li.kontakt a:hover, #menu li.kontakt a.active { background: url(../images/menu_kontakt_hover.png) top center no-repeat;}
ul#menu li.kontakt a { background: url(../images/menu_kontakt_hover.png) 0px -24px no-repeat;}


#header { width:850px; height:341px; margin: 10px 0 0 0; padding:0; background: url(../images/header.png) bottom center no-repeat;  _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header.png', sizingMethod='crop');}
#header h2 { display: none;}

#slider { width:383px; height:236px; margin:29px 84px 0 0;  float: right;}
#slider ul, #slider li{ width:383px; height:236px; margin:0; padding:0; list-style:none;}
#slider li{ overflow:hidden; }	


#content { width: 850px; margin: 0px auto; padding: 10px 0; height: auto; text-align: left; background: url(../images/content_bg.png) top center repeat-y;}
#content h2.first { margin: -30px 15px 0px 15px; float: left; padding:0; }








.bold {font-weight: bold;}
.underline { text-decoration: underline;}
.poznamka { color: #000; font-size: 0.7em;}
.tip { border: 1px solid #E3EDBF; padding: 10px 5px 10px 55px; background: #FFFFE6 url(../images/info.png) no-repeat 2% 50%; margin: 5px 13px;  }


/*portfolio*/
img.nahled-kroku { float: right; margin: 15px 25px 0px 0px; padding: 0px;  }
img.predani {float: right; margin: 0 0 -29px 0; padding: 0px; display: block;}
.steps {float: left; width: 600px;  clear: both; margin-top: 15px; }



/*o autorovi*/
table.zkusenosti { font-size: 0.75em;  color: black; line-height: 170%; margin: 0 15px; }
table.zkusenosti td img{ margin: 0 0 0 10px; }
.zkusenosti th { width: 135px; text-align: left;  }
.zkusenosti td, .zkusenosti th { padding: 10px 0; border-bottom: 1px solid #eee;}


/*kontakt*/
#content form.kontakt {  padding: 0 0 0 0px; margin: 0; float: right; width: 470px; background: url(../images/stamp.gif) no-repeat 320px 30px; }
#content form.kontakt label {  color: black; font-size: 0.8em; padding: 0px 0px 10px 15px; font-weight: bold;}
#content form.kontakt input { border: 2px #ccc solid; color: black;  margin-left: 15px; margin-top: 10px; width: 200px; }
#content form.kontakt textarea { margin: 10px 20px 0 15px;  width: 360px; height: 100px; border: 2px #ccc solid; color: black;  }
#content form.kontakt input.submit { border: none; color: #00a4c2; width: 102px; height: 28px;}
#content form.kontakt fieldset { border-top: 1px #fff solid;} 
#content .ikony { width: 20px; vertical-align: middle; margin: 0 8px 0 0;}
#content .fakturace {float: left; width: 375px; margin: 20px 0 0 0; }
#content .fakturace p { font-size: 0.75em; }

/*kalkulace*/
#content form.kalkulace table { line-height: 200%;}
#content form.kalkulace label {color: black; font-size: 0.8em; padding: 0px 15px 0px 5px;}
#content form.kalkulace fieldset {   padding: 0 15px; }
#content form.kalkulace h3 { margin-left: 0px;  }
#content form.kalkulace td input { width: 230px; height: 22px;  }
#content form.kalkulace input { border: 2px #ccc solid; color: black;  margin-left: 5px;  }
#content form.kalkulace input.odeslat-kalkulaci { border: none; width: 102px; height: 28px; }
#content form.kalkulace textarea { border: 2px #ccc solid; color: black;  width: 800px; height: 150px; margin: 4px; padding: 0;  background: url(../images/pocitadlo.jpg) no-repeat 600px 10px;  }



#content .polozka {float: left; width: 356px; position: relative; margin: 15px 34px;}
#content .polozka h3 { font-size: 0.75em; margin: 0; padding: 3px 10px;}
#content .polozka h3 a {text-decoration: none; color: #323232;}
#content .polozka h3 a span.date { float: right; color: #bbb;}
#content .polozka a img {border: 8px solid #ececec;}
#content .polozka p.over {position:absolute; top:3px; left:8px; height:80px; width: 320px; opacity:0; padding: 10px; background-color: #212121; font-size: 0.75em;}
#content .polozka p.over a {display: block;	height: 80px;	width: 320px;	text-decoration: none; color: #fff;}
#content .polozka p.over strong { border-bottom: 1px dashed #fff;}

#content p.spoluprace { clear: both; margin: 0; padding: 0 40px; font-size: 0.7em; text-align: right;}


#content ul.seznam-referenci { width: 200px; float: left; padding: 5px 0 0 10px; font-size: 0.8em; line-height: 230%; margin:0; list-style:none;}
#content ul.seznam-referenci li { border-bottom: 1px solid #e8e5d3; background: url(../images/li3.png) no-repeat 10px 50%; padding: 0 0 0 25px; }
#content ul.seznam-referenci li.bottom { border-bottom: 0px solid #e8e5d3; }
#content ul.seznam-referenci li a { color: #666;}
#content ul.seznam-referenci li a:hover { color: #000; text-decoration: none;}
#content ul.seznam-referenci li.active a { font-weight: bold; color: #000; }
#content img.nahled { width: 600px; border: 5px solid #ececec; float: right; margin: 10px 13px 0 0;}
#content table.popis { width: 500px;  float: right; margin: 10px 63px 0 0; font-size: 0.8em; line-height: 200%;}
#content table.popis th { text-align:right; width: 100px; padding: 0 30px 0 0 ; font-weight: bold;  color: #000; border-bottom: 1px solid #ccc;}
#content table.popis td { text-align:left; width: 360px; padding: 0 0 0 10px; color: #000;border-bottom: 1px solid #ccc; }
#content table.popis .noline th, #content table.popis .noline td { border-bottom: 0px solid #ccc;}
#content table.popis td ul { font-size: 100%; }