/* CSS Document */

/* Reset */
html{color:#000;background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
a {cursor:pointer;color:#ec1d25}
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

/* Structure */
body {background:white url('../images/bg.png') repeat-x;min-width:1010px;font-family:Helvetica;font-size:14px;color:black;height:100%;font-family: 'Open Sans', sans-serif;}
#page {position:relative;width:1010px;margin:0px auto;padding-top:100px;}
/*#header {position:relative;float:left;height:100px;width:100%;}*/
#header-bg {height:100%;min-width:1010px;position:fixed;height:100px;z-index:100;background:url('../images/header.png') repeat-x;}
#header-wrapper {min-width:1010px;position:fixed;width:100%;z-index:100;background:url('../images/header.png') repeat-x;}
#header {position:relative;width:1010px;margin:0px auto;height:100px;display:block;background:url('../images/header.png') repeat-x;}
#subheader {float:left;height:285px;width:990px;background:url('../images/subheader.jpg') no-repeat;padding-left:10px;}
#footer {float:left;width:100%;min-width:1010px;height:74px;background:url('../images/footer.png') repeat-x;}

/* Header */
#logo {position:aboslute;top:10px;left:10px;position:absolute;}
#topmenu {position:absolute;right:0px;top:0px;float:left;padding:0;margin:0;list-style-type:none;}
#topmenu li {display:inline;}
#topmenu a {height:98px;line-height:98px;float:left;text-decoration:none;color:black;padding:0 12px;margin:0px 1px;text-shadow: 0px 0px 1px #3a3a3a;font-size:13px}
#topmenu a:hover, #topmenu li.active a {color:#ed1c24;background:url('../images/topmenu-hover.png') center top; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;padding:0 11px;text-shadow: 0px 0px 1px #fc4f56;}

/* SubHeader */
#subheader h1 {font-weight:bold;color:white;font-size:25px;margin-top:50px;text-shadow: 0px 0px 1px #b6b6b6;}
#subheader h2 {color:#c9c8c9;margin:10px 0 35px 0;font-size:20px;}

#contact_info p {color:black;text-shadow: 0px 0px 1px #3a3a3a;}
#contact_info span, #contact_info a {font-weight:bold;color:#ca0404;text-decoration:none;font-size:16px;}
#contact_info .contact_tel {float:left;margin-right:45px;padding-left:45px;background:url('../images/contact_tel.png') left center no-repeat;}
#contact_info .contact_mail {float:left;padding-left:55px;background:url('../images/contact_mail.png') left center no-repeat;}
#contact_info .contact_adress {clear:both;float:left;text-shadow:none}
.line {display:block;width:370px;height:1px;background:#9a9ea0;float:left;clear:both;margin:7px 0 7px 5px}

/* Content */
#content {padding:20px 10px;float:left;font-size:14px;}
#content h1 {color:#ed1c24;font-size:20px;margin: 0 0 10px 0}
#content h2 {color:black;font-size:18px;font-weight:bold;margin: 0 0 8px 0}
#content h3 {font-size:16px;font-weight:bold;margin: 0 0 6px 0;color:#5c5c5c}
#content p {margin:10px 0 10px 0px;font-size:14px;}
#content ul {margin-left:20px;}

/* Products */
#filter {margin-bottom:20px; background-color: #f5f5f5; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#filter th label {width:180px;display:inline-block; font-weight: lighter;}
#filter td {padding:5px;}
#filter h4 {color: #a4a3a3; }
form#frm-countryForm {float: left; padding-left: 110px; }
form#frm-filterForm {float: left;}
form#frm-categoryForm{float: left;}
#content #products {float:left;margin-top:10px;}
#content #products li {position:relative;height:245px;background:url('../images/product.png') right bottom no-repeat;width:435px;display:block;float:left;margin:0 15px 30px 15px}
#content #products li .product-right {position:absolute;right:10px;top:25px;width:230px;} 
#content #products li .product-right p {color:#6b7275}
#content #products li .attachments {position:absolute;top:190px;left:25px;}
#content #products li .attachments a {background:url('../images/pdf.png') no-repeat;width:110px;padding-left:35px;height:23px;line-height:23px;font-size:10px;color:black;display:block;text-decoration:none;margin-bottom:5px;}
#content #products li .product-img img {position:absolute;top:0px;left:0px;height:180px;width:180px;display:block;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.33);-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.33);box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.33);}
#content #products li h3 a {color:#6b7275;font-size:16px;border-bottom:1px solid #c8c6c6;text-decoration:none;display:block;padding-bottom:4px;}

/* Reference */
#content .short_ref {float:left;margin-top:10px;}
#content .short_ref li {float:left;clear:both;display:block;width:921px;margin-bottom:15px;position:relative;}
#content .short_ref li .ref_top {background:url('../images/ref_top.png') no-repeat left top;height:6px;width:100%;}
#content .short_ref li .ref_con {background:url('../images/ref_cen.png') repeat-y left top;padding:0px 10px;width:901px;}
#content .short_ref li .ref_bot {background:url('../images/ref_bot2.png') repeat-y left top;width:100%;height:26px; text-align: right;}
#content .short_ref li .ref_desc {font-size:12px;}
#content .short_ref li .hidden {display: none;}
#content .short_ref li .ref_desc p {font-size:12px;margin:0;}
#content .short_ref li h3 {color:#ed1c24;font-weight:bold;font-size:14px;cursor: pointer;padding-bottom: 6px;margin:0;}

#content .short_ref li .ref_bot .date {position: relative; top: 3px; padding-left:20px; padding-right: 20px; font-size:10px;color:#878787;background:url('../images/date.png') no-repeat left top;}
#content .short_ref li .ref_bot .place {position: relative; top: 3px; padding-left:20px; padding-right: 20px; font-size:10px;color:#878787;background:url('../images/place.png') no-repeat left top;}
#content .short_ref li .ref_bot .cost {position: relative; top: 3px; padding-left:20px; padding-right: 40px; font-size:10px;color:#878787;background:url('../images/cost.png') no-repeat left top;}


#content a.back {font-size:12px;margin-bottom:6px;display:block;}

#content table td {padding:5px 7px}

/* Footer */
#footer p, #footer a {color:white;text-decoration:none;}
#footer a:hover {color:#ca0404}
#footer-cont {margin:0 auto;width:1000px;height:74px;}
#footer-links {float:left;}
#footer-links ul {float:left;padding:0;margin:0;list-style-type:none;margin-top:28px;}
#footer-links li {display:inline;}
#footer-links li.last a {border:0}
#footer-links a {float:left;text-decoration:none;padding:0 10px;border-right:1px solid white;}


#footer-right {float:right;text-align:right;margin:18px 10px 0 0}

/* Kontakt */
.col1 {float:left;width:250px;}
.col2 {float:left;width:340px;}
.col2 input, .col2 textarea {border:1px solid #ebebeb;background:#f8f8f8;width:200px;margin:3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:3px 5px;}
.col2 textarea {height:170px;resize: none}
.col2 th {text-align:right;padding-right:3px;}
.col3 {float:left;width:400px;}
#frmcontactForm-send {width:212px;padding:8px 0;border:1px solid #5c5c5c;}


/* Images styles */
.col3 img {border:1px solid #ccc;padding:1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.col3 img:hover {border:1px solid #5c5c5c;}


select { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    background: #FFFFFF url('bg_form.png') left top repeat-x; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    color: #6b7275;
    }