* {margin:0;padding:0;}
ul {margin-left: 1.3em;}
html, body {background: #b01c02; background-image: url("/images/a.png"); background-repeat: repeat-x; text-align: center; color: #ffffff;}

img {border: 0;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

#body {width: 970px;margin: 0 auto;text-align: left;position: relative;z-index: 0; font: 12px/1.5 Arial, Tahoma, Verdana, sans-serif;} /* sss */
.img-ref {border: 5px solid #fff;}
.img-ref2 {border-width: 0px;}

#vlnky {width: 970px; height:418px; background-image: url("/images/vlnky.png");} /* logo */
                                                                                     
#logo {float: left;} /* div logo */
#phone {float: left;} /* div logo */

.promo-text {width: 300px; float: left;}
.promo-text a{color: #881b01; text-decoration: none;}
.clear {clear: both; margin: 0;}

h1 span {position: absolute; left: -9999px;}
h2 {font-size: 20px; font-weight: 700; font-style: italic;}

/* menu start */
.underlinemenu{
font-weight: 900;
width: 970px;
border-bottom: 1px dotted #fff;
margin-bottom: 25px;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
font-size: 15px;
font-variant:small-caps;
font-weight: 900;
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #881b01;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
/* border-bottom: 3px solid gray; /*bottom border is 3px*/ 
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom: 6px solid #fff;
	
}
/* menu konec */
.reference-detail {width: 320px; float: left; text-align: center;}
.reference {width: 320px; padding-bottom: 20px; padding-top: 20px; float: left; text-align: center; margin-bottom: 20px; height: 370px;}

.reference-text {text-align: left; margin-left: 30px; color: #fff;}
.reference-popis {margin-bottom: 10px;}
.reference-popis p{text-align: justify;}
.reference-nadpis {display: block; margin-top: 10px;height:40px;}
.reference-nadpis a {color: #fff; text-decoration: none;}
.reference-jazyky {color: #fcc703; font-size: 10px;	margin-bottom: 10px;}
.buton-detail {background-color: #871b00; width: 125px; height: 26px; font-size: 10px; line-height: 26px; text-align: left; background: #871b00 url('/images/aven.png') no-repeat; background-position: 108px center; float: right;}
.buton-detail a{color: #fcc703; text-decoration: none;}

#paticka {width: 970px; border-top: 1px dotted #fff; color: #fff; margin-top: 5px;}

#o-vyrobku { width: 645px; float: left; margin-bottom: 25px;}
#o-vyrobku-body {width: 307px; float: right;margin-left: 10px;}
#o-vyrobku-body-m {margin-bottom: 25px;}



.napiste-nam{height: 328px; background: transparent url('/images/web.png') no-repeat; background-position: 500px -30px; margin-bottom: 25px;}
.napiste-nam input{background-color: #9a3400; border: 0; width:620px; height: 24px}
.napiste-nam input[type=submit]{width:150px; margin-top: 15px;}
.napiste-nam textarea{background-image: url('/images/textarea.png'); background-position: 620px 42px; border: 0; width:620px; height: 150px; margin-top: 15px;}

.nadpis-bily {color: #fff;}
.nadpis-cerveny {color: #871b00;}
.levy20{float: left; width: 19%;}
.levy30{float: left; width: 29%;}
.levy40{float: left; width: 39%;}
.levy50{float: left; width: 49%;}
.levy60{float: left; width: 59%;}
.levy70{float: left; width: 69%;}
.levy80{float: left; width: 79%;}
.levy90{float: left; width: 89%;}


.active
{
color:#FFF;
border: solid 1px #cf9689;
padding:3px 5px;
margin:5px;
text-decoration:none;
background-color:#861e04;
}
.inactive
{
color:#FFF;
cursor:default;
text-decoration:none;
border: solid 1px #cf9689;
padding:3px 5px;
margin:5px;
}

.obouzarovnany {text-align:justify;}

#kontaktujte {background: #000; width: 280px; *margin: 0 40px 40px 0;}
.kontaktni-form label {color: #fff; display: block; text-align: left; margin-left: 20px;}
.kontaktni-form input[type=text] {width: 250px; margin: 5px 0; background: none; border: 1px solid #fff;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.kontaktni-form input[type=submit] { background: #fff; width: 70px; margin: 10px 0 10px 180px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.kontaktni-form textarea {width: 250px; height: 100px; background: none; border: 1px solid #fff;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#objednavka {background: #000; width: 360px; height: 400px; color: #fff; *margin: 0 40px 40px 0;}
.objednavka-form {width: 360px;}
.objednavka-form label {color: #fff; display: block; text-align: left; margin-left: 20px;}
.objednavka-form input[type=text] {width: 250px; margin: 5px 0; background: none; border: 1px solid #fff;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.objednavka-form input[type=submit] { background: #fff; width: 140px; margin: 10px 0 10px 120px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.objednavka-form textarea {width: 250px; height: 100px; background: none; border: 1px solid #fff;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.objednavka-form select {width: 250px; background: #000; border: 1px solid #fff;color:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.o-firme {color: #871B00;}
.o-firme h2 {font-size: 14px; color: #fff;}

.strankovani {padding: 10px 0 20px 0;text-align: right; color: #a5acb0; font-size: 1em; margin-right: 5px;}
.strankovani a, .strankovani b, .strankovani s {text-decoration: none; color: #a5acb0;padding: 2px 7px;border: 1px solid #e6e7e8;margin-left: 4px; border: 1px solid #a5acb0; width: 22px;}
.strankovani a:hover {}
.strankovani b {color: #fff; border: 1px solid #fff;}
.strankovani a b {color: #fff; border: 1px solid #a5acb0; background: none;}
.strankovani strike {border: 1px solid #a5acb0;}


.lexart {text-align: left;font: normal 11px/1.5 Arial; float: right;display: inline;  background: url("/images/lexart_logo_male.png") left center no-repeat;padding-left: 38px;height: 54px; margin: 0 20px 0 0;}
.lexart a {color: #fff;display: block; text-decoration: none; line-height: 1; padding-top: 15px;}
.lexart a strong {font-size: 13px;}
.lexart a:hover {text-decoration: none;}

.copyright {float: left; margin-top: 10px;}

.footer-links {float: left; padding: 10px 10px 10px 40px; margin-top: 10px;}