/* 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: 'Gotham Bold';

	src: local('Gotham Bold'), url('fonts/GothamBold.woff') format('woff');

	font-style: normal;

	font-weight: normal;

}



@font-face {

	font-family: 'Minion Pro Medium';

	font-style: normal;

	font-weight: normal;

	src: local('Minion Pro Medium'), url('fonts/MinionPro-Medium.woff') format('woff');

}



@font-face {

	font-family: 'Minion Pro Bold Italic';

	font-style: normal;

	font-weight: normal;

	src: local('Minion Pro Bold Italic'), url('fonts/MinionPro-BoldIt.woff') format('woff');

}



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



body { background-color: #fff !important; color: #577483; font-family: 'Minion Pro Medium', sans-serif;}



header { height: 121px; }

header .container { padding: 0px; }

header .container { padding: 0px; }

header { background-color: #fff; color:#577483; position: relative; 

	 font-weight: bold; position: fixed; width: 100%; z-index: 100; }

header .header_logo { width: 232px; margin-top: 3px;}

header .header_logo:hover { cursor: pointer; }

header nav { color: #577483; font-family: 'Gotham Bold', sans-serif; font-weight: normal;}

header nav ul { display: inline-block; height: 100px; vertical-align: top; margin: 0px 29px;}

header nav li { vertical-align: top; display: inline-block; margin-left: 36px; margin-top: 44px; font-size: 20px; text-transform: uppercase; }

header nav li:hover, header nav li.active  { color: #9d805b; 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; }

.menuseparator {display: inline-block; width: 1px; background-color: #222; height: 31px; position: absolute;

    margin-top: 82px;  margin-left: 9px;}

#mobilelogo { background: url(../img/logo.png) no-repeat center; height: 78px; width: 330px; margin: 0 auto;

    position: absolute; left: 0; right: 0; top: 4px; background-size: contain; }

#mobilemenu_area {  display: none;  }

#mobilemenu_btn { background-color: #577483; padding: 0px 10px; font-size: 29px; margin-top: 11px; position: absolute;

    right: 20px; width: 50px; color: white;}

#mobilemenu_btn:hover, #mobilemenu li.click-menu:hover { cursor: pointer; }



#mobilemenu { display: none; margin-top: 76px;}

#mobilemenu.active { display: block; }

#mobilemenu { position: absolute; z-index: 9; width: 100%; left: 0; }

#mobilemenu li { background-color: #577483; color: white; padding: 3px 0px 0px; font-size: 1.5em; }

#mobilemenu li:hover { background-color: #9d805b; }

#mobilemenu li.click-menu { border-bottom: 1px solid #34586b; padding: 14px 0px; }

#mobilemenu ul.submenu { margin-top: 3px; }

#mobilemenu ul.submenu li { background-color: #460418; text-transform: uppercase; }

#mobilemenu ul.submenu li:first-child { border-bottom: 1px solid #2b000d; }



#header_space {padding-top: 121px;  }



#homeslider { overflow: hidden;}

#homeslider ul.slides > li { background-size: cover; height: 55vw; background-position: center center;  }

.flex-direction-nav { display:none; }

.rdcslider { position: relative !important; }

.rdcslider .flex-control-nav { bottom: 75px !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: #6b1b32; padding: 37px 0px; line-height: 45px; color: white; text-align: center; font-size: 45px; font-family: 'gothambookregular', sans-serif; letter-spacing: 3px;}



.plecastyle { color: #577483; text-align: center; font-size: 63px; line-height: 70px; font-family: 'Gotham Bold', sans-serif;

font-weight: bold; padding: 15px 0px;}

.plecastyle .container { padding: 0px; }



#calidad-mcc_hdr { background: url(../img/calidadmcc_hdr.jpg) !important;

    height: 44vw !important;

    background-size: cover !important;

    background-position: top center !important;} 

.content-mcc { padding: 30px 0px 12px 0px; color:#577483; position: relative; overflow: hidden;}

.plants_bg { background: url('../img/plants_bg.jpg') bottom center no-repeat; }

.logos-mcc { text-align: center; }

.logos-mcc img { margin-bottom: 30px; }

.content-mcc p { font-family: 'Minion Pro Medium', sans-serif; font-size: 22px; line-height: 23px;}

.content-mcc p span { font-size: 18px; color: #9d805b; font-family: 'Gotham Bold', sans-serif; width: 110px; line-height: 18px; }

.content-mcc p span img { margin-bottom: 10px;  }

.inline-mcc span{ display: inline-block; text-align: center; width: 75px; vertical-align: top; }

.esr_banner { position: absolute; background-image: url(../img/awk_esr.png); height: 326px; width: 193px; bottom: 10px;

    right: 0; }



#ventajas_hdr { background: url(../img/ventajas_hdr.jpg) };



.content-ventajas .ventajas_title { font-family: 'Gotham Bold', sans-serif; font-size: 27px; color: #9d805b; max-width: 80% !important;

    line-height: 28px; margin: 25px 0px 20px;}

.content-ventajas { margin-bottom: 20px; color:#577483; font-family: 'Minion Pro Medium', sans-serif; }



.content-ventajas ul { padding-left: 22px; }

.content-ventajas li { list-style: initial; font-size: 22px; line-height: 27px; }



#app-econtent { font-family: 'Minion Pro Medium', sans-serif; font-size: 24px; padding-bottom: 40px; line-height: 25px; }

#app-econtent p { color: #577483; margin-bottom: 60px; line-height: 30px; }

.ventajas_title{ line-height: 29px; color: #9d805b; display: block; font-size: 26px; margin: 20px 0px 10px; font-family: 'Gotham Bold', sans-serif;}

#app-econtent p strong:first-child { color: #9d805b; display: block; font-size: 26px; 

	    margin: 20px 0px 10px; font-family: 'Gotham Bold', sans-serif; }

#app_img { -webkit-filter: drop-shadow(-10px 6px 17px #22222269);

    filter: drop-shadow(-10px 6px 17px #22222269); }

.appicon { color: #577483; font-family: 'Minion Pro Bold Italic', sans-serif; margin: 105px 0px;  }

.appicon_content { display: inline-block; margin-left: 20px; width: 300px; vertical-align: top;}



.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; }



#cadiz_hdr, #mallorca_hdr, #cordoba_hdr, #valencia_hdr, #ventajas_hdr {

    width: 100%;

    height: 51vw;

    background-size: cover !important;

    background-position: top center !important;}



#cadiz_hdr{ background: url("../img/cadiz_hdr.jpg") no-repeat; }

#mallorca_hdr{ background: url(../img/mallorca_hdr.jpg) no-repeat; }

#cordoba_hdr{ background: url(../img/cordoba_hdr.jpg) no-repeat; }

#valencia_hdr{ background: url(../img/valencia_hdr.jpg) no-repeat; }



#cadiz_hdr, #mallorca_hdr, #cordoba_hdr, #valencia_hdr { font-size: 80px !important; color: #577483; text-align: right; margin-bottom: 30px}

.modelos_container p.modelo_title { color: #577483; padding-top: 25px; font-family: 'Gotham Bold', sans-serif; text-transform: uppercase;}

.modelo p { color: #9d805b; font-family: 'Gotham Bold', sans-serif; font-size: 24px;

    line-height: 28px;}

.modelo ul { margin-left: 26px; }

.modelo li.planta_title { color: #9d805b; font-family: 'Gotham Bold', sans-serif; text-transform: uppercase;

    margin-left: -26px; font-size: 28px; }

.modelo li:not(.planta_title) { color: #577483; font-family: 'Minion Pro Medium', sans-serif; list-style: outside;

    font-size: 26px; line-height: 30px; }

.modelo ul + ul { margin-top: 70px; }

.modelo_img_desc { color: #fff; background-color: #a28d71; font-family: 'Gotham Bold', sans-serif; display: inline-block;

    padding: 4px 16px; }

.modelo img { max-width: 100%; }

.modelo_disclaimer {  color: #577483; font-size: 22px; font-family: 'Gotham Bold'; margin: 10px 15px;}



.contacto_form_area { font-family: 'Minion Pro Medium', sans-serif;  background-image: url(../img/contacto.jpg); background-size: cover; 

color: white; padding: 40px 0px; font-size: 24px; min-height: 320px;}

.contacto_form_content { font-family: 'Gotham Bold', sans-serif; line-height: 30px;}

.contacto_form_content span{ margin-top: 20px; display: block; font-size: 38px; font-family: 'Minion Pro Medium', sans-serif; font-weight: bold; }

.contacto_form_content span i { margin-right: 8px; font-size: 40px; }

#contacto_form { color: #847154; font-size: 18px; font-family: 'Gotham Bold', sans-serif; }

#contacto_form h3 { color: white; font-size: 22px; margin-bottom: 12px !important; }

#contacto_form textarea { max-height: 100px; min-height: 100px; }

#contacto_form input, #contacto_form textarea { color: #577483; width:100%; margin-bottom: 10px; border-radius: 3px; background-color: white; border: none; padding: 3px 5px; }

.contacto_map { height: 445px; }

.contact_submit_btn { color: #577483;

background: white;; font-size: 30px; border:none; display: inherit; padding: 0px 12px 1px; width: 119px; font-weight: bold; text-shadow:none; border-radius: 3px;

margin: 0 auto; font-family: 'Gotham Bold', sans-serif;}

.response_ok { margin-top: 5%; padding: 40px; text-align: center; border: 5px solid #fff; border-radius: 5px; font-size: 25px; }



#footerlogo { padding: 15px 0px; }

footer .footerdiv{  font-family: 'Gotham Bold', sans-serif; font-size: 20px; line-height: 50px; padding-top: 101px; padding-left: 0px;}

footer .footerdiv a {color: #577483; margin-left: 13px; font-size: 26px; vertical-align: middle;}

footer .footerdiv a:hover { color: #9d805b; }

footer .footerdiv span.direccion { margin-left: 17px; }

footer .footerdiv span i { font-size: 30px; }

footer .footerdiv span { display: inline-block; height: 40px; color: #577483;}

footer .footerdiv span:last-child, footer .footerdiv span:last-child a  { margin-left: 0px; }

footer .footerdiv img { width: auto; vertical-align: top; position: absolute; right: 0; }

footer .footerdiv span.whatsapp { margin-left: 30px; }

footer .footerdiv span.whatsapp .fa {  font-size: 32px;  margin-right: 5px; }

footer .container { padding: 0px; }



@media (max-width: 472px) {

 header .mc_logo { left: 280px; }

} 



@media (max-width: 575px) {

	.modelo_plantas .plantas_disclaimer {

	    color: #9a8b86;

	    font-size: 20px;

	    -webkit-transform: rotate(0deg);

	    -moz-transform: rotate(0deg);

	    -o-transform: rotate(0deg);

	    -ms-transform: rotate(0deg);

	    transform: rotate(0deg);

	    margin: 0px 0px 30px 0px !important;

	    width: auto;

	}

}



@media (max-width: 800px) {

	#mobilelogo { display: block; }

	nav { display: none !important; }

	#mobilemenu_area { display: inline-block; }

	#sub_header span { margin-right: 0px !important; }

	header #sub_header { margin-top: 30px; width: 220px;  float: right;

	    position: absolute; right: 0px; }

	header .mc_logo {

	    position: absolute;

	    top: -22px !important;

	    left: 40px;

	    width: 64px;

	}

}



@media (max-width: 575px) {

	.appdivimg { text-align: center; }

}



/* Small devices (phones, 768px and down) */

@media (max-width: 767px) {

	nav { display: none; }

	.rdcslider .flex-control-nav { bottom: 25px !important; }

	#logobanner { width: 254px !important; height: 100px !important; margin: 0px 0px  !important;  }

	#home-pleca, .plecastyle { font-size: 36px;}

	.plecastyle, #home-pleca { line-height: 36px; padding: 20px 0px; font-size: 50px;

	    font-weight: bold; }

	.plecastyle { font-size: 8vw; }

	.plecastyle, #home-pleca { padding: 27px 0px; }

	#calidad-mcc.plecastyle{ line-height: 43px;}

	.esr_banner { margin: 20px auto 0px; }

	#iphone_img { width: 100px; display: none; }

	header nav ul { height: auto !important; margin-bottom: 0px; }

	header .mc_logo { position: absolute; top: -10px !important; right: 23 !important; }

	#cadiz_hrd, #mallorca_hdr, #cordoba_hdr, #valencia_hdr { 

	    font-size: 36px !important; height: 52vw;}

	#cadiz_hdr, #mallorca_hdr, #cordoba_hdr, #valencia_hdr { height: 54vw;}

	#mobilemenu_area { display: inline-block; }

	.modelo .modelo-size { font-size: 12px; padding: 10px; }

	.modelo .modelo_title { padding: 15px 10px; }

	.modelo_plantas .subtitle_planta { font-size: 15px; }

	#contacto_form { margin-top: 30px; }

	.contacto_form_content span { text-align: center; margin-top: 15px; }



 

	#modelo_hdr, #ventajas_hdr { height: 290px; }

	.modelo_info strong { font-size: 31px;}

	#app-econtent p { padding: 15px 0px; }

	#app-econtent p strong:first-child { font-size: 22px; }

	#app-econtent {  font-size: 18px; }

	#app_img { height: 348px !important; }

	footer .footerdiv {  font-size: 18px; text-align: center !important; }

	footer .footerdiv span.direccion { margin-left: 0px; display: block; }

	footer .footerdiv img { display: none; }



	.appicon { margin: 30px 0px !important; font-size: 16px !important; line-height: 22px; }

	.modelo li.planta_title { font-size: 21px; }

}



/* Medium devices (tablets, 992px and down) */

@media (max-width: 991px) {

	#header_space { padding-top: 101px; }

	.modelo .modelo-size { margin-top: 0px; }

	#logobanner { position: relative; margin: 0 auto; margin-left: 28px;}



    header nav ul { height: 26px; }

	 header nav li { margin-top: 39px; }

	 header .mc_logo { top: 32px; right: 19px; width: 54px; }

	 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 p { font-size: 21px; }

	 .modelo li:not(.planta_title) { font-size: 20px; }

	 .modelo_plantas .plantas_disclaimer{ margin: 190px 0px 0px -214px;}

	 .modelo_info { font-size: 21px; }

	 #footerlogo { margin: 11px auto; }

	 footer, header { text-align: center; }

	 footer .footerdiv { text-align: center;  text-align: right; padding-top: 20px !important;  }

	 footer .footerdiv span { display: block; height: 30px; padding-top: 0px; }

	 footer .footerdiv img { width: 7vw !important; vertical-align: sub; margin-top: 15px;}

	 #modelo_hdr, #ventajas_hdr { height: 452px; }

	 #app-econtent p { padding: 60px 0px 0px; }

	 #app_img { height: 472px; }



	 .modelo p { font-size: 15px; }



	 .appicon { margin: 48px 0px; font-size: 20px; }

	 .appicon img { width: 20%; }

	 .appicon_content { width: calc(80% - 25px); }

}



@media(max-width: 810px) and (min-width: 799px){

	header .mc_logo { display: none; }

}



/* Large devices (desktops, 1200px and down) */

@media (max-width: 1200px) {

	header nav > a { line-height: 95px; display: inline-block;}

	header .mc_logo { width: 7vw; }

	header .header_logo { width: 20vw; }

	header nav { text-align: center; }

	header nav li { font-size: 18px; margin-left: 16px; }

	header nav ul { margin: 0px 13px; } 

	#homeslider ul.slides > li {  height: 50vw; }

	.modelo .modelo_title { font-size: 41px; }

	.modelo .modelo-size { font-size: 22px; }

    .content-mcc p span { width: 16%; }

    .logos-mcc img, .content-mcc p span img, #app-econtent img{ max-width: 100%; }

    footer .footerdiv {  padding-top: 78px; font-size: 18px; }

    footer .footerdiv img { width: 9vw; }



    .plecastyle .container {max-width: 98%; }



    .content-mcc p span { font-size: 13px; }

    #footerlogo { width: 200px; }

}



@media (max-width: 991px) {

	header { height: 104px; }

	header nav li { font-size: 1em; }

}



@media (min-width: 1200px){

	header .container, #calidad-mcc .container {

	    max-width: 1200px;

	}

}