/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

::selection {
	background:#000;
	color:#fff;
	}
	
hr{border:none; border-bottom:1px solid #666;}

a{color:#000; text-decoration:none;}
body{font-family:"museo_sans_300", Arial, Helvetica, sans-serif; background:rgba(0,0,0,0.06) }

.header{width:100%; position:fixed; background:url(images/head.png) repeat-x; min-height:77px; z-index:999;}
.container{width:960px; margin:0 auto; position:relative;}
.logo{position:absolute; top:-20px}

nav ul{font-family:"museo_sans_700",Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; margin-left:210px; }
nav li{float:left;margin-top:25px; margin-left:15px; color:#666;}
nav li a{color:#999;}
nav .active a{color:#000;-webkit-transition: all 0.5s;}
nav li a:hover{text-decoration:underline;}

.lang{float:right; font-size:14px;font-family:"museo_sans_700",Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; text-decoration:underline; margin-top:24px; }

.content{margin-top:77px; width:960px;  float:left; position:relative;}

h1{ margin:120px 0 0 0;font-size:100px; text-transform:uppercase; text-shadow:#fff 0px 0px 2px;}
h1 .thick{font-family:"museo_sans_700",Arial, Helvetica, sans-serif; margin-left:10px;}
h1 .thin{font-family:"museo_sans_300",Arial, Helvetica, sans-serif;}

.uvod a{padding:17px 12px 12px 12px; background:#093; color:#fff; font-family:"museo_sans_700",Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; float:right; margin-top:40px;

box-shadow: 0px 3px 0px #060/*, 0px 8px 30px rgba(0, 0, 0, 0.3)*/; border-radius:5px}

.poptavka { }
.poptavka-container{ float:right ;}
.poptavka-container a{color:#093; text-decoration:underline;}
.uvod a:focus{box-shadow: 0px 2px 0px #060 }
.uvod p{
	text-align:right;
	text-transform:uppercase;
	font-size:35px;
}
#low{margin-bottom:370px}

#reference{}
 h2{text-align:center; padding-top: 100px;  font-size:37px; margin-bottom:40px;font-family:"museo_sans_700",Arial, Helvetica, sans-serif; text-transform:uppercase;}
.reference img{max-width:49%; margin-bottom:50px;}

.sluzby{}
.sluzby h2{}
.sluzby p{margin-bottom:30px;}
.sluzby ul{font-size:18px; text-transform:uppercase;font-family:"museo_sans_700",Arial, Helvetica, sans-serif;}
.sluzby ul li{min-height:35px}

.outer-center {
	margin-top:100px;
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}
.clear {
    clear: both;
}

.pokus{position:fixed; top:200px; left:0;}
.aksamite, .euroregion, .podlahy{background:url(images/aksamite.jpg) center top no-repeat #0C0; background-size:120% auto; width:479px; height:320px; float:left;}
.euroregion{float:right; background-image:url(images/euroregion.jpg);}
.podlahy{background-image: url(images/podlahy.jpg);}
.neph{background-image:url(images/neph.jpg)}
.okna{background-image:url(images/okna.jpg)}
.yacht{ background-image:url(images/yacht.jpg);}
.boromeum{ background-image:url(images/boromeum.jpg)}
.row{margin-bottom:2px; float:left; width:100%}
.reference{-webkit-transition: all 1s;}
.reference-box{display:inline-block;}
.reference-box:hover .reference{opacity:0.2; z-index:20 ;}
.reference:hover{opacity:1.0 !important;box-shadow:rgba(0,0,0,0.4) 5px 5px 50px; z-index:99}

.cenik{width:100%; font-size:20px}
.cenik tr td{height:50px;}
.cenik tr td:nth-child(2){text-align:right;}

.contact{width:600px; margin:0 auto;}
.contact table{width:100%;font-size:20px;font-family:"museo_sans_300",Arial, Helvetica, sans-serif; text-transform:none; line-height:30px}
.contact table td{width:30%; padding-left:20px; height:40px}
.contact table td:nth-child(odd){text-align:right;font-family:"museo_sans_700",Arial, Helvetica, sans-serif;}
.contact p{ text-align:center; margin-bottom:15px; display:block; margin:0;  }
.contact p span{font-family:"museo_sans_300",Arial, Helvetica, sans-serif;}


.form_wrap{width:600px; display:block; margin:0 auto;}
form{margin-top:75px}
form input { display:block; width:270px; height:35px; border:1px solid #999 }
form label{display:block; margin-bottom:5px;font-family:"museo_sans_300",Arial, Helvetica, sans-serif; text-transform:uppercase;}
form label span{color:#F00}
form textarea{width:100%;}
form p{ float:left; margin-bottom:15px; display:block}
form p:nth-child(even){float:right;}
form .textarea_wrap{width:100%;}
form textarea{border:1px solid #999 ; margin-top:17px; overflow:auto;display:block; padding:5px; float:left; height:180px;box-sizing:border-box;}
form .send{padding:13px 10px 10px 10px; background:#093; color:#fff; font-family:"museo_sans_700",Arial, Helvetica, sans-serif; text-transform:uppercase; width:auto; height: auto; font-size:15px; float:left; margin-top:5px;

box-shadow: 0px 3px 0px #060/*, 0px 8px 30px rgba(0, 0, 0, 0.3)*/; border-radius:5px; border:none;}

hr{margin-top:100px}
.cenik table{width:100%;font-family:"museo_sans_300",Arial, Helvetica, sans-serif; margin-top:50px; font-size:17px}
.cenik table tr{border-bottom:dotted 1px #999;}
.cenik table td{height:55px; line-height:55px}
.cenik table td:nth-child(even){font-family:"museo_sans_700",Arial, Helvetica, sans-serif;}
.cenik table td span{font-family:"museo_sans_700",Arial, Helvetica, sans-serif;}
.cenik{width:750px; margin:0 auto;}

h3{text-transform:uppercase;font-family:"museo_sans_700",Arial, Helvetica, sans-serif; font-size:20px }

.sluzby{width:700px; margin:0 auto; font-size:19px; line-height:28px; text-align:center}

.sluzby h3{margin:65px 0 10px 0; text-align:center;}

.sluzby ul{text-align:center; margin-top:50px}
.sluzby ul li{margin-bottom:10px; width:50%; float:left;}


.product{margin-bottom:60px}
form p div { 
display: none !important;
}
.check .validation-failed{outline:1px solid #CC3333 !important;}
.validation-failed{border:1px solid #CC3333 !important;}