/*  ---------------------------------------------------------------------------------------
  macecek.eu
  Date:         21. 10. 2010
  Author:       Radek Macecek
  --------------------------------------------------------------------------------------- */


* { margin: 0; padding: 0; border: 0; }
hr { display: none; }
a, a:hover , a:focus { text-decoration: none; }
.cl { clear: both; visibility: hidden; overflow: hidden; width: 1px; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #FFF url('images/bg.png') top center repeat-x; }

.shadow-top { height:15px; background:url("images/shadow.png") 0 0 transparent; font-size:1px; }
.shadow-bottom { height:15px; background:url("images/shadow.png") 0 -15px transparent; font-size:1px; }
.shadow-left { background:url("images/shadow_left.png") left top repeat-y transparent; }
.shadow-right { background:url("images/shadow_right.png") right top repeat-y transparent; }

#main { text-align: left; width: 950px; margin: 0 auto; padding: 0 40px; }

#decor { background: url("images/decor.png") no-repeat center 110px transparent }

#header { overflow: hidden; width: 900px; height: 73px; margin: 0 auto; background: #fff; }

#logo { float: left; width: 200px; height: 44px; margin: 15px 0 0 23px; display: inline}
#logo a { font-size: 200%; position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
#logo span { background: url('images/logo.jpg') left top no-repeat; position: absolute; left: 0; top: 0; }
#logo strong { visibility: hidden; }
#logo a span { cursor: pointer; }

#menu { float: right; padding-right: 15px; max-width: 678px; line-height: 73px; }
#menu li { position: relative; float: left; display: block; list-style: none; margin: 0 -1px; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('images/menu_a.png') right center no-repeat; display: block; max-height: 73px; padding: 0 15px; }
#menu li a.last { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #327aff url('images/menu_a_active.png') right top repeat-x;  }

#headlines { position: relative; width: 900px; height: 250px; margin: 0 auto 0 auto; }
#headlines { background: #FFF url("images/header.jpg");}

#headlines #info { padding: 30px 0 0 280px; width: 550px; text-align:right;}
#headlines #info span {font-size:200%;}
#headlines #info ul { font-size: 125%; list-style:none; }
#headlines #info #colums {border-top: 1px solid; padding-top: 10px; font-style: italic;}
#headlines #info #col1 {width: 250px;float:left;}

#maincontent { width: 100%; background: url("images/page_bg.png") repeat-x scroll 0 0 #fff; color: #3F567F; margin: 0 auto; width: 900px; }
#maincontent a { color: #fe5c11; }

#content { overflow: hidden; padding: 40px 40px 40px 45px; line-height: 1.7; }
#content p { text-align:justify; text-indent:10px; line-height:200%;}
#content em { font-style: italic;}
#content h1 {border-bottom: 1px solid;margin-bottom:30px}
#content h2 { border-bottom: 1px solid; font-size:130%; padding-top: 20px; margin-bottom: 20px;}

#content td.first { width: 200px; }
#content dd { width: 350px; }
#content dt label {font-weight:bold;}

#content ul li { margin-bottom: 4px; margin-left: 15px;}

#content input {border: 1px solid #3F567F; width: 490px; padding: 5px; }
#content textarea {border: 1px solid #3F567F; width: 490px; padding: 5px; }
#content ul.errors {color: red;font-weight:bold;margin-left:-10px; list-style-image: url("images/error.gif"); width: 500px; }
#content .captcha { width: 200px; }
#content #submit { font-weight: bold; padding: 10px; background: transparent; cursor: pointer; width: 210px; color: #3F567F; text-transform: uppercase; }

#sidecontent { color: #cdcece; background-color: #1c2122;padding: 25px 0; margin-left: 600px; }
#sidecontent li { float: left; display: block; list-style: none; width: 249px; padding: 0 25px; border-bottom: 1px dotted; }
#sidecontent li.voda { background: url('images/voda.png') 25px top no-repeat; }
#sidecontent li.plyn { background: url('images/plyn.png') 25px top no-repeat; }
#sidecontent li.topeni { background: url('images/topeni.png') 25px top no-repeat; }
#sidecontent li h2 { width: 249px; height: 25px; margin: 15px 0 0 55px; line-height: 19px; font-size: 110%; }
#sidecontent li p { clear: both; padding: 20px 0 15px; }
#sidecontent li a { text-transform: uppercase; color: #fff; background-color: transparent; }

#adresa { padding-left: 25px; }

#footer { margin: 15px auto 10px; padding: 0 15px; color: #333; border-top: 1px dotted; width: 870px; }
#footer a { color: #333; text-decoration: none; }
#footer p { margin: 20px 0 5px 0; }
#footer .copy { float: left; }
#footer .web { float: right; }
#links { margin: 0 0; font-size:10px; color: #aaa; text-align: center; }
#links a { color: #aaa; }