/* -- ==================================================================== -- 
      Petr Korecky
      ------------
      http://www.petr-korecky.cz
      
      p.korecky@gmail.com
      ICQ: 195-784-543			
   -- ==================================================================== -- */








/* -- ==================================================================== -- 
                                  Basic styles			
   -- ==================================================================== -- */

html {font-size: 100.01%;}

body {
	background: #C3C3C3 url('images/body-bg.png') center top repeat-x;
	color: #252525;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
	font-size: 0.9em;
}

h2, h3, h4, h5, h6 {
	color: #252525;
	margin: 0.3em 0;
	font-weight: normal;
}

h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 130%;}
h4 {font-size: 100%;}
h5, h6 {font-size: 100%;}

p {
	line-height: 1.3em;
	margin: 1em 0;
	text-align:justify;
}

a {
	color: #f08b32;
	text-decoration: none;
}

a:hover {color: #252525;}

em {
	font-style: normal;
	color: #898989;
	font-size: 105%;
}

sub, sup {
	vertical-align: baseline;
	position: relative;
}

sub {top: 0em;}
sup {bottom: 0.4em;}
abbr, acronym {cursor: help;}

address {
	font-style: normal;
	line-height: 1.3em;
}

table {border: 0; width: 490px;}

table th {
	padding: 5px 9px 5px 0;
	background: #fff;
}

table td {
	padding: 5px 9px 5px 0;
	background: #fff;
}

ul {
	margin: 0;
	padding: 0;	
}

li {
	margin: 0.4em 0;
	line-height: 130%;
	list-style-type: none;
}

dl {
	margin: 0;
	float: left;
}

dt, dd {float: left;}
/*
dt {margin: 0 10px 0 30px;}
dt.first {margin: 0 10px 0 0;}*/

dd {margin: 0 10px 0 3px;}

form {margin: 0;}

fieldset {
	border: 1px solid #d47c2d;
	float: left;
	margin: 10px 0;
	padding: 10px 5px 5px 5px;
	width: 523px;
}

legend {
	border: 1px solid #d47c2d;
	padding: 5px;
	margin: 0 0 0 15px;
	font-weight: bold;
	color: #d47c2d;
	font-style: 110%;
}

a img {border: 0;}

.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
	visibility: hidden;
}

.sit{padding: 10px 0px 10px 30px;}

img{padding: 6px;}

.img-right{float: right;}
.img-ref{ height: 60px; width: 60px;}
.ref li{float: left; margin: 6px 0 0 4px; font-weight: bold; text-align: center; width: 80px;}
.kontakt{float: left;  }

div#content ul.kontakt-right {
	float: right; 
	margin: 0 150px 0 0;
}

.ul-right{float: right;}
.splatka{width: 550px;}

ul.seznam {
	float: left;
	width: 250px;
}

.poptavka {width: 500px;}

#tbl{width: 50px;}
.ul-left li {float: left;}

p.nomargin.left {
	margin: 0 10px 0 0;
	float: left;
}



/* -- ==================================================================== -- 
                                 Wrapper styles			
   -- ==================================================================== -- */

div#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 900px;
	background: url('images/wrapper-bg.png') repeat-y;
}


/* -- ==================================================================== -- 
                                 Header styles			
   -- ==================================================================== -- */

div#header {
	width: 900px;
	height: 337px; 
	background: #627fb6 url('images/header.png') no-repeat;
	position: relative;
	z-index: 0;
	text-align: center;
}

div#header h2 {
	margin: 0;
	position: absolute;
	top: 180px;
	left: 30px;
	text-align: left;
	color: #fff;
	z-index: 2;
}

div#header h2 strong {
	font-weight: normal;
	font-size: 115%;
}

/* logo */
h1 {
	position: relative; 
	overflow: hidden;
	background: #fff;
	text-decoration: none;
	margin: 20px 0 0;
	left: 0;
	position: absolute;
	text-align: left;
}

h1, h1 span {
	width: 650px;
	height: 104px;
	display: block;
	cursor: pointer;
}
 
h1 span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('images/logo.png') no-repeat;
}	

h1 em {
	font-size: 90%;
	font-weight: normal;
}

/* menu */
ul#menu {
	margin: 290px auto 0 auto; /* IE6 o 1-2 pixely dole */
	display: inline-block;
	height: 46px;
	text-transform: uppercase;
	font-size: 85%;
}

ul#menu li {
	float: left;
	margin: 14px 3px 0 3px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	
}

ul#menu li span {
	width: 10px;
	height: 32px;
	float: left;
	cursor: default;
}

ul#menu li span.left {background: url('images/menu-li-left.gif') no-repeat;}
ul#menu li span.right {background: url('images/menu-li-right.gif') no-repeat;}

ul#menu li a {
	float: left;
	padding: 0 8px;
	color: #fff;
	background: #d47c2d url('images/menu-li-bg.png') repeat-x;
}

ul#menu li a:hover, ul#menu li a.active {text-decoration: underline;}

ul#menu li.nomenu {
	float: left;
	height: 23px;
	width: 8px;
	margin: 0 20px 0 0;
	cursor: default;
}

ul#menu li.right {
	margin: 0 0 0 20px;
	width: 6px;
}


/* -- ==================================================================== -- 
                                 Left styles			
   -- ==================================================================== -- */

div#left {
	float: left;
	margin: 0 50px 0 0;
	width: 265px;
}

div#left h3 {
	margin: 15px 0 0 0;
	color: #fff;
	padding: 0 0 0 16px;
}

div#left h3.menu {
	background: url('images/left-h3.png') no-repeat;
	height: 37px;
	width: 232px;
	padding: 46px 0 0 16px;
	margin: 0;
}

/* menu left */
ul#menu-left {
	width: 248px;
	font-size: 100%;
	background: #5c5c5c url('images/left-menu-bg.gif') top no-repeat;
	display: table;
	padding: 0 0 3px 0;
}

ul#menu-left li {
	float: left;
	width: 238px;
	height: 79px;
	margin: 0 5px;
	padding: 3px 0;
	position: relative;
	background: url('images/menu-li-separator.png') bottom no-repeat;
	display: inline;
}

ul#menu-left li.last {background: url('');}
ul#menu-left li:hover, ul#menu-left li.hover, ul#menu-left li.active {background: #4b4b4b url('images/menu-li-hover.gif') no-repeat;}

ul#menu-left li a {
	width: 143px;
	height: 85px;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 65px;
	position: relative;
}

ul#menu-left li a#menu-reference, ul#menu-left li a#menu-reference:hover {background: url('images/menu-reference.png') 10px center no-repeat;}
ul#menu-left li a#menu-faq, ul#menu-left li a#menu-faq:hover {background: url('images/menu-faq.png') 10px center no-repeat;}
ul#menu-left li a#menu-finance, ul#menu-left li a#menu-finance:hover {background: url('images/menu-finance.png') 10px center no-repeat;}
ul#menu-left li a#menu-profile-news, ul#menu-left li a#menu-profile-news:hover {background: url('images/menu-profile-news.png') 10px center no-repeat;}

/* cenova kalkulace */
div#left h3.kalkulace {
	background: #2b2b2b url('images/kalkulace.gif') no-repeat;
	height: 56px;
	padding: 0 0 0 0;
	font-size: 128%;
}

div#left h3.kalkulace a{
color: #fff;
}

#calc-box{
	height: 64px;
	width: 230px;
	display: block;
	padding: 9px 0 0 16px;
}


div#left p.kalkulace {
	background: #2b2b2b url('images/kalkulace-bg.gif') bottom repeat-y;
	margin: 0;
	padding: 0 30px 0 15px;
	font-size: 85%;
	color: #fff;
}


div#left p.kalkulace span.bottom {
	background: #252525 url('images/kalkulace-bottom.gif') left bottom no-repeat;
	float: left;
	width: 265px;
	font-size: 1px;
	line-height: 1px;
	height: 5px;
	margin: 0 0 0 -15px;
}

/* rychly kontakt */
div#left h3.contact {
	background: #575757 url('images/contact.gif') no-repeat;
	height: 35px;
	padding: 15px 80px 0 15px;
}

div#left address.contact {
	background: #575757 url('images/contact-bg.gif') bottom repeat-y;
	margin: 0;
	padding: 0 30px 0 15px;
	font-size: 85%;
	color: #898989;
}

div#left address.contact span.bottom {
	background: #575757 url('images/contact-bottom.gif') left bottom no-repeat;
	float: left;
	width: 265px;
	font-size: 1px;
	line-height: 1px;
	height: 5px;
	margin: 0 0 0 -15px;
}

div#left address.contact a, div#left p.kalkulace a {color: #db7c27;}
div#left address.contact a:hover, div#left p.kalkulace a:hover {color: #fff;}


/* -- ==================================================================== -- 
                                 Content styles			
   -- ==================================================================== -- */

div#content {
	float: left;
	padding: 45px 60px 40px 0;
	width: 525px;  
	font-size: 75%;
}

div#content ul{
	margin: 0 0 20px 20px; 
	padding: 0;
}

div#content li {list-style: none;}

div#content h2 {
	margin: 0 0 9px 0; 
	padding: 0 0 0 0; 
	color: #d47c2d; 
	font-weight: bold; 
	font-size: 135%;
}


div#content h3 {
	margin: 10px 0 15px 0;
	color: #d47c2d; 
	font-style: italic; 
}

div#content a {text-decoration: none;}
div#content a:hover {text-decoration: underline;}

.navig ul{
	margin: 0 0 20px 20px; 
	padding: 0 0 0 0;
}


.navig li{
	width: 150px;
	height: 34px;
	list-style: none;
	float: left;
	padding: 0 30px 9px 0;
	margin: 30px 0 0 15px;
	background-color: #D57A10;  
	background: url('images/dino-button.png') left bottom no-repeat;
	text-align: center;
}

.navig li a, .navig li a:hover{
	color: #333;
	text-decoration: none;
	vertical-align: bottom;
}


.box {
	width: 179px;
	height: 33px;
	display: block;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
}

/* objednavkovy form */
form#objednavkovy-form {width: 500px;}

form#objednavkovy-form p.cleaner {
	clear: both; 
	margin: 0;
}

form#objednavkovy-form label {
	float: left;
	width: 200px;
	margin: 1px 0;
}

form#objednavkovy-form input.text, form#objednavkovy-form select {
	float: left;
	width: 150px;
	margin: 1px 0;
}

form#objednavkovy-form input.vyskasirka{
	float: left;
	width: 60px;
	margin: 1px 0;
}


form#objednavkovy-form select.typoken{
	width: 180px;
}

form#objednavkovy-form table {
	float: left;
	margin: 10px 0;
}

form#objednavkovy-form table th {color: #d47c2d;}

form#objednavkovy-form table th, form#objednavkovy-form table td {padding: 0;}

form#objednavkovy-form table input.text, form#objednavkovy-form table select {width: 120px;}

form#objednavkovy-form label.radio {
	float: left;
	width: auto;
	margin: 1px 0;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

form#objednavkovy-form input.radio {
	float: left;
	margin: 1px 15px 1px 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

form#objednavkovy-form h2, form#objednavkovy-form h3 {
	margin: 0;
	width: 100%;
	float: left;
}

form#objednavkovy-form h3 {padding: 10px 0 5px 0;}

form#objednavkovy-form h4 {
	font-weight: normal;
	float: left;
	width: 200px;
	margin: 0;
}

form#objednavkovy-form div {float: left;}

div.d400 {width: 400px;}
div.d450 {width: 450px; padding: 10px 0 0 0;}
div.d500 {width: 500px;}

form#objednavkovy-form textarea {
	width: 400px;
	height: 100px;
}


/* -- ==================================================================== -- 
                                 Footer styles			
   -- ==================================================================== -- */

div#footer {
	width: 878px;
	margin: 0 auto;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
	background: #111 url('images/footer-bg.gif');
	color: #ccc;
	font-size: 90%;
	padding: 0 15px;
}
div#footer a {color: #fff;}

div#footer a:hover {
	color: #fff; 
	text-decoration: underline;
}


.white {color: #fff;}
.left {float: left;}
.right {float: right;}

.orange {
	float: right; 
	color: #d47c2d; 
	font-weight: bold; 	
	padding: 20px 0 0 0;
}

div#CB_All img, div#CB_All table tr, div#CB_All table td {padding: 0;}