/* 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;
}

@font-face {
    font-family: 'Futurastd';
    src: url('fonts/futurastd-medium.svg#Georgiaregular') format('svg'),
         url('fonts/futurastd-medium.woff') format('woff'),
         url('fonts/futurastd-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambookregular';
    src: url('fonts/gothambook-webfont.ttf') format('woff2'),
         url('fonts/gothambook-webfont.woff') format('woff'),
         url('fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

 /****** CONTENT ******/

body { background-color: #fbfaf8 !important; color: #847154; }

header { background-color: #9a896f; color:#fbfaf8; position: relative; text-align: right; 
	font-family: 'futurastd', sans-serif; font-weight: bold; position: fixed; width: 100%; z-index: 100; }
header .mc_logo { margin: 38px 0px 0px 10px; }
#logobanner { background-image: url(../img/logo.png); position: absolute; height: 141px; width: 391px; }
#logobanner:hover { cursor: pointer; }
header nav { color: white; }
header nav ul { display: inline-block; height: 100px; vertical-align: top; }
header nav li { vertical-align: top; display: inline-block; margin-left: 20px; margin-top: 76px; font-size: 14px; letter-spacing: 2px; position: relative; }
header nav li:hover, header nav li.active  { color: #1c3144; cursor: pointer; }
header nav ul.submenu { display: none; position: absolute; text-align: center; }
header nav li:hover > ul.submenu { display: block; }
header nav ul.submenu li { margin: 1px 0px 0px; background-color: #6c1530; padding: 5px 25px; color: white;
    width: 140px; text-transform: uppercase; }

#sub_header { background-color: #fbfaf8; color: #9a896f; font-size: 20px; text-align: right; }
#sub_header span { margin-left: 10px; }
#sub_header span:first-child { letter-spacing: 2px; font-size: 18px; }
#sub_header span a {  color: #9a896f; margin-left: 10px; color: #9a896f; }
#sub_header span a:hover {  color: #1c3144; }
#header_space {padding-top: 141px;  }

#homeslider { height: 630px; overflow: hidden;}
#homeslider ul.slides > li { background-size: cover; height: 630px; }
.flex-direction-nav { display:none; }
/* mike .rdcslider .flex-control-nav { bottom: -70px !important; }*/
.rdcslider .flex-control-paging li a { border: 2px solid white; width: 24px; height: 24px; box-shadow: none; -webkit-box-shadow: none; background-color: transparent; }
.rdcslider .flex-control-paging li { margin: 0px 3px; }
.rdcslider .flex-control-paging li a.flex-active { background-color: white; }
#home-pleca { height: 125px; background-color: #1c3144; padding: 37px 0px; line-height: 45px; color: white; text-align: center; font-size: 45px; font-family: 'gothambookregular', sans-serif; letter-spacing: 3px;}

.plecastyle { background-color: #9a896f; color:#fbfaf8; text-align: center; font-size: 45px; line-height: 70px; font-family: 'gothambookregular', sans-serif; letter-spacing: 3px;}
#banner-mcc { background-image: url(../img/banner-mcc.jpg); height: 490px; background-size: cover; background-position: center center;}
.content-mcc { padding: 60px 0px 12px 0px; color:#847154; position: relative; }
.logos-mcc { text-align: center; }
.logos-mcc img { margin-bottom: 30px; }
.content-mcc p { font-family: 'gothambookregular', sans-serif;  }
.content-mcc p span { font-size: 13px;   }
.content-mcc p span img { margin-bottom: 10px;  }
.inline-mcc span{ display: inline-block; margin-right: 30px; text-align: center; width: 75px; vertical-align: top; }
.esr_banner { position: absolute; background-image: url(../img/awk_esr.png); height: 326px; width: 193px; bottom: 20px;
    right: 0; }


#ventajasslider { height: 560px; position: relative; overflow: hidden; }
#ventajasslider.rdcslider .flex-control-nav { bottom: 30px !important; }
#ventajasslider ul.slides > li { background-size: cover; height: 560px; }
.content-ventajas { background-color: #fbfaf8; color: #847154; text-align: center; }
.vicondiv { padding: 45px 0px 30px; font-size: 16px; line-height: 20px; font-family: 'futurastd', sans-serif; }
.vicondiv .vicon{ width: 96px; height: 84px; margin: 0 auto 10px; }
.vicondiv:hover .vicon{ background-position: 0px 84px; }
.v1 { background-image: url(../img/v1.png); }
.v2 { background-image: url(../img/v2.png); }
.v3 { background-image: url(../img/v3.png); }
.v4 { background-image: url(../img/v4.png); }

#app-econtent { color: #847154; font-family: 'gothambookregular', sans-serif; font-size: 18px; padding-bottom: 40px; }
#app-econtent p { padding: 60px 0px; }
.appitem { padding: 0px 60px; margin: 14% 0px; font-size: 24px; }

.galery_area { padding: 20px 0px; }
.galery_area .col-sm-4 { margin: 10px 0px; text-align: center; }
.galery { overflow: hidden; }
.galery img { border:6px solid #fff; border-radius: 5px; max-width: 100%; }
.galery:hover img { cursor: pointer; border-color: #d3d3d1; }

.modelo_img { background-size: cover; height: 650px; }
.modelo .plecastyle { text-align: left; }
.modelo .modelo_title { background-color: #1c3144; text-transform: uppercase; }
.modelo .modelo-size  { font-size: 22px; line-height: 24px; letter-spacing: 0px; padding-top: 10px; }
.modelo_info { background-color: #efe4d2; font-family: 'gothambookregular', sans-serif; font-size: 20px; 
color: #9a896f; padding: 30px 0px; line-height: 24px; letter-spacing: -1px;}
.modelo_info strong {font-size: 22px; display: inline-block; letter-spacing: 1px; margin-bottom: 5px;}
.modelo_plantas { font-family: 'futurastd', sans-serif; letter-spacing: 1px; padding:30px 0px; }
.modelo_plantas img { max-width: 100%; }
.modelo_plantas .subtitle_planta { font-size: 18px; color:white; letter-spacing: 1px; background-color: #9a896f; display: inline-block; padding:3px 20px; margin-bottom: 10px; }
.modelo_plantas .plantas_disclaimer{ color: #9a8b86; font-size: 20px;}

.contacto_form_area { font-family: 'gothambookregular', sans-serif;  background-image: url(../img/contacto.jpg); background-size: cover; 
color: white; padding: 40px 0px; font-size: 20px; min-height: 320px;}
.contacto_form_content { margin-top: 5%; line-height: 30px;}
#contacto_form { color: #847154;  }
#contacto_form h3 { color: white; font-size: 22px; text-align: center; margin-bottom: 20px; }
#contacto_form textarea { max-height: 100px; min-height: 100px; }
#contacto_form input, #contacto_form textarea { width:100%; margin-bottom: 10px; border-radius: 3px; background-color: white; border: none; padding: 3px 5px; }
.contacto_map { height: 445px; }
.contact_submit_btn {
background: white; font-family: 'gothambookregular', sans-serif; color: #74726f; font-size: 30px; border:none; display: inherit; padding: 5px 0px; width: 150px; font-weight: bold; text-shadow:none; border-radius: 3px;
margin: 0 auto; }
.response_ok { margin-top: 5%; padding: 40px; text-align: center; border: 5px solid #fff; border-radius: 5px; font-size: 25px; }

footer { background-color: #1c3144; color: white; padding: 10px 0px; }
footer { display: inline-block; }
footer .footerdiv{ text-align: right; font-family: 'futurastd', sans-serif; font-size: 16px; line-height: 50px; padding-top: 30px; }
footer .footerdiv a {color: white; margin-left: 16px; font-size: 24px; }
footer .footerdiv span { display: inline-block; height: 40px; margin-left: 20px; }
footer .footerdiv img { height: 35px; width: auto; vertical-align: top; }

/* Small devices (phones, 768px and down) */
@media (max-width: 767px) { 
#logobanner { height: 126px; }
 #home-pleca, .plecastyle { font-size: 36px;}
 .plecastyle { line-height: 36px; padding: 20px 0px; }
 .esr_banner { margin: 20px auto 0px; }
 #iphone_img { width: 100px; display: none; }
 .modelo .modelo-size { font-size: 12px; padding: 0px 0px 0px 10px; }
 .modelos_container .plecastyle { padding: 0px; }
 .modelo .modelo_title { padding-top: 17px; }
 .modelo_plantas .subtitle_planta { font-size: 15px; }
 #contacto_form { margin-top: 30px; }
}

/* Medium devices (tablets, 992px and down) */
@media (max-width: 991px) { 
 	#logobanner { position: relative; margin: 0 auto; }
    header nav ul { height: 20px; }
	 header nav li { margin-top: 0px; }
	 header .mc_logo { position: absolute; top: 0px; right: 20px; }
	 header .container { width: 100% !important; max-width: 100%; }
	 .esr_banner { background-size: contain;   position: relative; }
	 .appitem { padding: 0px 27px; margin: 6% 0px; font-size: 18px; }
	 .modelo .modelo-size { font-size: 16px; }
	 .modelo_info { font-size: 15px; }
	 #footerlogo { margin: 0 auto; }
	 footer, header { text-align: center; }
	 footer .footerdiv { text-align: center; }
}

/* Large devices (desktops, 1200px and down) */
@media (max-width: 1200px) { 
	#logobanner { width: 305px;
    background-size: 100%;
    background-repeat: no-repeat; }
    .content-mcc p span { width: 16%; }
    .logos-mcc img, .content-mcc p span img, #app-econtent img{ max-width: 100%; }
}