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;
	overflow-x:hidden;
}
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;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* ecopiscines */
body { font-family:proxima-nova; color:#fff; background:url(../images/bg.jpg); background-attachment:fixed; }
#logo { display:block; margin:50px 30px 50px 66px; }

#menu { font-size:22px; line-height:30px; padding-left:60px; float:left; width:250px; padding-top:20px; }

.text { margin-left:260px; font-size:28px; padding:20px 0 0 50px; border-left:1Px solid rgba(255,255,255,0.3); max-width:470px; }
.text p { margin-bottom:20px; line-height:1.2; }
.text p strong { font-weight:bold; }


#back { position:relative; background: url(../images/bg-back.png) no-repeat 0 0; background-size:cover; display:block; width:575px; max-width: 100%; 
    position: absolute;
    right: 10%;
    top: 200px;}
#back > div {  padding-top:100%;    }
#back > div > div { position:absolute; width:100%; height:100%; left:0; top:0; padding-top:45%; }
#back > div > div p {  font-size:28px; color:#241e24; border-left:2px solid #1babb7; padding-left:20px; margin-left:100px;}



/* scholmas */
body.scholmas { background:url(../images/bg-scholmas.jpg); background-attachment:fixed; }
body.scholmas #back { background: url(../images/bg-back-scholmas.png) no-repeat 0 0; background-size:cover;  } 
body.scholmas #back > div > div p {   border-left:2px solid #222;  color:#fff;}




/* responsive */
@media (max-width:1500px) { #back { width:500px; right:3%; top:80px;} }
@media (max-width:1222px) { #back { position:relative; top:0; left:0; margin:0 auto;} }
@media (max-width:992px) { 
	.text { margin:0; clear:both; } 
	#menu { width:auto; padding:0 50px; font-size:18px; } 
	#menu li { float:left; margin:4px; padding:4px; background:#f5c636; color:#241e24; }
	body.scholmas #menu li { background:#e65332; color:#fff; }
} 




#home-menu { max-width:400px;  }
.square { width:200px; height:200px; position:relative; }
.square:after { position: absolute; left:0; right:0; width:100%; height:100%; content:''; display:block; background:#ff0000; }



.contact:before { content:''; display:block; position:absolute; top:-20px; left:0; background:#fab727; height:3Px; width:30px; }
.contact { position:relative; margin:40px 0; font-size:20px; line-height:1.2; }
.contact strong { font-weight:bold; }

	body.scholmas .contact:before { content:''; display:block; position:absolute; top:-20px; left:0; background:#e65634; height:3Px; width:30px; }