@charset "utf-8";
/* CSS Document */


@media (min-width: 320px) and (max-width: 544px){

    .btn-textura { width: 100%;}
    
}


@media (min-width: 1400px) { .titulopuertas2 {
    margin-left: 35%;
}}

@media (min-width: 981px) and (max-width: 1230px) { 
.txtFootMantenimiento{
	text-align:center;
	font-size:14px;
	
	margin-bottom: 5px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}

h3 {
    font-size: 20px;
    line-height: 30px;
}

.txtCapMantenimiento{
	width: 100%;
font-size: 20px;
font-weight: 500;
margin-bottom:0px;
color: #4c3c2f;
margin-top: 70px;
line-height:23px;	
}

.bannerpi {width:100%;min-height: 24em;float:left;/* background-image:url('/img/casacaspe/_1014902_ret2.jpg'); */background-size:cover;background-repeat:no-repeat;display: table;background-position: center;}
.fondopi {/* background-color: #9e968f6e; */width: 100%;min-height: 31em;display: table;height: 1px;}

.casapi {
    font-weight: 500;
    color: white;
    font-size: 85px;
    line-height: 85px;
    text-align: left;
}

.casapi2 {
    font-weight: 400;
    color: #938A8B;
    font-size: 60px;
    line-height: 30px;
}

.txtMantenimiento{
	text-align:center;
	font-size:14px;
	padding: 30px;
	margin-bottom: 35px;
	line-height: 23px;
	padding: 10px 20px;
	
	border: 0px;
}
	
.mobile-hide{
        display: none !important;
    }
.proj9intros{
font-size: 14px; 
padding-bottom: 10px;
padding-top: 10px;
padding: 10px 0px 10px 0px;
}


.proj9Paddings{
padding-left: 25px;
padding-right: 25px;
}

.gamma-description h3 {
	font-size: 10px !important;

}
.gamma-description h4 {
font-size: 14px !important;

}
.grados{
	margin-top:300px;	
}
.nav2{
	margin-top:225px;
}
.titleisclenum{
	font-size:45px;	
}
.container{
	width: 950px;	
}

.container2{
	width: 950px;	
}
.centradoprepie{
	margin-left: -475px;	
}
.imgmodelos{
	width:200px;	
}
.imgaconsejamos{
	width:180px;
}
.titimgprepiemodelos{
	font-size:36px;	
}
.textoespecial{
	line-height:18px;
	padding-top:28px;
	font-size:14px!important;	
}
.textoespecial1{
	line-height:15px !important;
	padding-top:28px;
	font-size:14px!important;	
}
.textprepiemodelos{
	font-size: 14px;	
}
.titseccionprepie{
	padding-bottom: 11px;
	font-size:18px;
}
#mmadera{
	margin: 0 auto;
	width:76%;
	/*width:850px;*/
}
.titulopasador{
	margin-left:245px;	
}
.pasadorventana{
	margin-top:50px;	
}
.ccaja{
	font-size:13px;
	padding:15px;	
}

.cproductos a{
	  /*width: 20%;*/
	  width:19%;
}
.cimgcatalog{
	width:115px;	
}
.cfotopsm{
	top: 78px;
width: 400px;
}
#ccaja img {
margin-left: 0px;
}
.cmenu a {
font-size: 11px;
margin-right: 5px;
}
.cmenu {
	width:950px;	
}
.cpasador2{
	width:620px!important;
	height:87px!important;
}
.clogopie{
	width: 300px;
}
.lightfoto {
width: 77px;
}
.ccontacto2{
	margin-top: 66px;
}
#lpress{
	width:100px
}
.ccol {
width: 110px;
}
.cpintp2{
	margin-right: 0px;
}
.nav1{
	margin-top:155px;
	margin-left:0px;
}
.fondopie{
	height:800px;	
}
.formatos{
	 margin-top:250px;	
}
/* Detall obra 6 */
.lateralimg6{
	width:490px;	
}
.p6parrafo1{
	line-height:35px; width: 325px; margin-left: 80px; font-size:20px;
}
.p6parrafo2{
	margin-top:470px; line-height:35px; width: 400px; margin-left: 0px; font-size:20px;
}
.p6imggaleria{
	width:300px;	
}
/* home enero 2014 y presentacion y compromiso */
.boxhome{
	width:470px;	
}
.boxhome p span{
	font-size:28px;	
}
.boxhome p{
	font-size:22px;
	padding:30px;
}
.boxnumerada{
	padding:30px;
	font-size:60px;	
}
.cnoticiasdestacadaslateral{
	width:295px;	
}
.cnoticiasdestacadas{
	width:650px;	
}
.cmailingpicto{
	width:230px;	
}
.cmailingpicto img{
	width:70px;
	margin-top:-8px;	
}
.cmailingpicto a{
	font-size:17px;	
}
.ccatpicto{
	width:230px;	
}
.ccatpicto a{
	font-size:17px;	
}
.ccatpicto img{
	width:95px;	
}
.nav2home{
	margin-top:155px;	
}
.boxhomeextend{
	height:390px;	
}
/* detall obra 7 */
.proyecto7txt{
	font-size:16px;
	width:420px;
	line-height:25px;
}
.lateralimgproj7{
	width:500px;	
}


.lined4{font-size: 1.5em !important;line-height:60px;padding:15px;}

.lined5{Font-family:Playfair Display, serif;font-size: 1em !important;color: black;line-height: 28px;}
.lined6{font-size: 1em !important;font-weight:300;line-height: 23px;margin: 1em;color:#ccc !important;padding-bottom: 1em;}

.tittleArquitectos
{
	Font-family: Playfair Display, serif;
	font-size: 1em !important;
	color: #D9DADB;
	margin: 0em 4em 0em 4em !important;
}
.subtittleArquitectos
{
	Font-family: Playfair Display, serif; font-size:1.4em !important; color: #D9DADB; 
}

.displayArquitectos{display: flex;flex-direction: column;}


.txtArquitectos{
	text-align:center;
	font-size: 13px;
	line-height: 18px;
	border: 0px;
}

/* detall project resso */

}
@media(max-width: 980px) { 
.acuarella {
    background-image: none;
}
#scroll1{
	display:none;
}
#scroll2{
	display:none;	
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) { 


	.lined4{font-size: 1.5em !important;line-height:60px;padding:15px;}

	.lined5{Font-family:Playfair Display, serif;font-size: 1em !important;color: black;line-height: 28px;}
	.lined6{font-size: 1em !important;font-weight:300;line-height: 23px;margin: 1em;color:#ccc !important;padding-bottom: 1em;}
	
	.tittleArquitectos
	{
		Font-family: Playfair Display, serif;
		font-size: 1em !important;
		color: #D9DADB;
		margin: 0em 4em 0em 4em !important;
	}
	.subtittleArquitectos
	{
		Font-family: Playfair Display, serif; font-size:1.4em !important; color: #D9DADB; 
	}
	
	.displayArquitectos{display: flex;flex-direction: column;}
	
	
	.txtArquitectos{
		text-align:center;
		font-size: 13px;
		line-height: 18px;
		border: 0px;
	}
		

.condensed{
	font-size:26px!important;
	line-height:34px!important;
}
.condensed2{
	font-size:26px!important;
	line-height:34px!important;
}
.vestimosizquierda1 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda1 img{
    width: 100%;
}
.vestimosizquierda2 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda2 img{
    width: 100%;
}
.vestimosizquierda3 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda3 img{
    width: 100%;
}
.vestimosizquierda4 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda4 img{
    width: 100%;
}
.vestimosizquierda5 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda5 img{
    width: 100%;
}
.vestimosizquierda6 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda6 img{
    width: 100%;
}
.vestimosizquierda7 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda7 img{
    width: 100%;
}
.vestimosizquierda8 {
    width: 98%;
	font-size:15px;
	text-align:center!important;
}
.vestimosizquierda8 img{
    width: 100%;
}

	.proj9intros{
font-size: 14px; 
padding-bottom: 10px;
padding-top: 10px;
padding: 10px 0px 10px 0px;
}
h3 {
    font-size: 20px;
    line-height: 40px;
}
.txtFootMantenimiento{
	text-align:center;
	font-size:14px;
	
	margin-bottom: 5px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}

.txtCapMantenimiento{
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	margin-bottom:0px;
	color: #4c3c2f;
	margin-top: 15px;
	line-height:23px;
}

.linktextogranollers{ font-size:12px !important;}


.txtMantenimiento{
	text-align:center;
	font-size: 12px;
	padding: 30px;
	margin-bottom: 35px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}

.bannerpi {width:100%;min-height: 24em;float:left;background-size:cover;background-repeat:no-repeat;display: table;background-position: center;}
.fondopi {/* background-color: #9e968f6e; */width: 100%;min-height: 24em;display: table;height: 1px;}


.casapi {
    font-weight: 500;
    color: white;
    font-size: 75px;
    line-height: 75px;
    text-align: left;
}
.casapi2 {
    font-weight: 400;
    color: #938A8B;
    font-size: 40px;
    line-height: 52px;
}
.casapi3 {
    font-weight: 500;
    color: white;
    font-size: 40px;
    line-height: 40px;
    text-align: left;
}

.mobile-hide{
        display: none !important;
    }

.proj9Paddings{
padding-left: 25px;
padding-right: 25px;
}

.gamma-description h3 {
	font-size: 10px !important;

}
.gamma-description h4 {
font-size: 14px !important;

}
.cpasadorventanamov img{
	margin-left:75px;	
}
.fondopie{
	height:650px;	
}
.titleisclenum{
	font-size:45px;	
}
.container{
	width: 750px;	
}

.container2{
	width: 750px;	
}
.centradoprepie{
	left: 0;
	margin-left: 25px;	
}
.imgmodelos{
	width:200px;	
}
.imgaconsejamos{
	width:180px;
}
.titimgprepiemodelos{
	font-size:36px;	
}
.textoespecial{
	line-height: 13px;
	padding-top: 24px;
	font-size: 12px !important;	
}

.textoespecial1{
	line-height: 10px !important;
	padding-top: 24px;
	font-size: 12px !important;	
}
.textprepiemodelos{
	font-size: 14px;	
}
.titseccionprepie{
	padding-bottom: 12px;
	font-size: 15px;
}
#mmadera{
	margin: 0 auto;
	width:730px;
}
.titulopasador{
	font-size:22px;
	margin-left:145px;	
}
.pasadorventana{
	margin-top:0px;	
}
.nav1{
	margin-top:110px;
	margin-left:0px;
}
.nav2 img{
	width:70px!important;	
}
.nav2{
	margin-top:185px;	
}
.nav1 img{
	width:70px!important;	
}
.cotrasventanas{
	margin-right: 50px;
	margin-left:0px!important;
}
.titventanaefecto{
	font-size:22px;	
}
.cproductos a{
	font-size:13px;
}
.cproductos span{
	font-size:13px!important;
}
.grados{
	width:145px;
	margin-top:	255px;
}
.formatos{
	margin-top:120px;	
}




.cfotopsmp2{
	/*display:none;*/
	width:45%;
	margin-top:60px;
}
.cimgcatalog{
	width:130px;
}
.cpintp2 {
	/*float:left;*/
	margin-right:0px;
	width:390px;
	margin-top:70px!important;
}
.lseguir{
	width: 100%;
}
.cfotopsm3{
	width: 196px;
}
.ccontacto2 {
margin-top: 35px;
}
#bproductos .span6{
	width:724px;
}

#bcontrol .span6{
	width:724px;
}
#ccaja {
height: 186px;
}
.chover{
	display:none!important;
}#ccaja img {
margin-left: 0px;
width: 228px;
}
.cpasador2{
	display:none;
}
.cnoticia .ctitular{
	display: none;
}
.cntitol a {
font-size: 14px;
line-height: 18px;
}
.cnoticiash{
	display: none;
}
.clogopie{
	display:none;
}
.cmapa{
	width: 280px;
	display: none;
}
.ccontactar{
	width: 272px;
	margin-top:0px;
}
.sub{
	display:none!important;
}
.cpie2a{
	position:absolute;
	top: 20px;
	left:0px;
	text-align: left;
	
}
.cnewsletterpie span{
	float: right;
}
.cnewsletterpie img {
margin-left: 0px;
margin-right: 10px;
}
.cmenu a{
	font-size: 11px;
	margin-right: 0px;
	padding-left: 5px;
padding-right: 5px;
}
.cmenu{
	width:780px;
	margin-left:-15px;	
}
.cproductos a{
	  width: 20%;
}
#bpresentacion .ccapalateral{
	display:none;
}
#bcatalog .ccapalateral{
	display:none;
}
.tpresentacion{
	width:100%;
}
.cbarrap .visible-desktop{
	display:inline-block!important;
}
#bcompromiso .cnoticiash{
	display:block!important;
}
#bcompromiso .ctexto2 {
	font-size:14px;
}
#bcompromiso .ctexto3{
	font-size:14px;
	margin:0px;	
}
#bcompromiso .ccaja{
	font-size: 12px;
	line-height:19px;
}
.cnoticias{
	width:100%;
}
#bnoticias .sh1{
	margin-top: -5px;
}
.cdpr{
	display:none;
}
.cobras1 .cfotopsm2{
	display:none;
}
.cobras1 .cpint2 {
	margin-left:0px;
	width:	100%;
}
.cobras1 .cfotopsm{
	display:none;
}
.cobras1 .cpint{
	width:100%;
}
/* Detall obra 6 */
.lateralimg6{
	width:400px;	
}
.p6parrafo1{
	line-height:35px; width: 320px; margin-left: 0px; font-size:18px;
}
.p6parrafo1 span{
	line-height:45px!important; font-size: 40px!important;
}
.p6parrafo2{
	margin-top:200px; line-height:35px; width: 315px; margin-left: 0px; font-size:18px;
}
.p6imggaleria{
	width:235px;	
}
.arquitectosnao{
	font-size:18px;	
}
.arquitectosnaoimg{
	width:230px;	
}

/* home enero 2014 y presentacion y compromiso */
.boxhome{
	width:100%;	
}
.cpasadorventanamov{
	width:70%!important;
	margin-left:200px!important;	
}
.nav2home{
	margin-top:145px;	
	margin-left:45px;
}
.boxhomeextend{
	height:360px;	
}

.cnoticiasdestacadaslateral{
	width:240px;	
}
.cnoticiasdestacadas{
	width:495px;	
}
.cfoto{
	height:auto;	
}
.cmailingpicto{
	width:230px;
	margin-left:0px;	
}
.cmailingpicto img{
	width:70px;
	margin-top:-8px;	
}
.cmailingpicto a{
	font-size:17px;	
}
.ccatpicto{
	width:230px;	
}
.ccatpicto a{
	font-size:17px;	
}
.ccatpicto img{
	width:95px;	
}
.csikkens img{
	width:80%;	
	margin-top:-30px;
}
.csikkens{
	width:265px;
	margin-left:0px;	
}
.csikkens a{
	font-size:13px;	
}
/* detall obra 7 */
.proj7intros{
	font-size:20px;	
}
.proyecto7txt{
	font-size:15px;
	width:330px;
	line-height:22px;
}
.proyecto7txt h1{
	font-size:18px;	
}
.proyecto7txt a{
	font-size:15px;	
}
.lateralimgproj7{
	width:390px;	
}
/* detall project resso */
.proyecto_resso_txt{
	font-size:15px;	
}

.gamma-description h3 {
	font-size: 10px;

}
.gamma-description h4 {
font-size: 14px;

}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.sfecha
{
	text-align:center;
	align-content: center;
	margin: 1em 1em;
	float: none!important;
}
.cnoticias
{
	margin-top:0px;
}
.col50
{
	width: 100%;
	display: block;
	padding: 0em;
}
	.dropdown {
		width:100%;
	}
	
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}

	.lined4{font-size: 1.5em !important;line-height:60px;!importantpadding:15px;}

	.lined5{Font-family:Playfair Display, serif;font-size: 1em !important;color: black;line-height: 28px;}
	.lined6{font-size: 1em !important;font-weight:300;line-height: 23px;margin: 1em;color:#ccc !important;padding-bottom: 1em;}
	
	.tittleArquitectos
	{
		Font-family: Playfair Display, serif;
		font-size: 1em !important;
		color: #D9DADB;
		margin: 0em 4em 0em 4em !important;
	}
	.subtittleArquitectos
	{
		Font-family: Playfair Display, serif; font-size:1.4em !important; color: #D9DADB; 
	}
	
	.displayArquitectos{display: flex;flex-direction: column;}
	
	
	.txtArquitectos{
		text-align:center;
		font-size: 13px;
		line-height: 18px;
		border: 0px;
		padding-left: 0px!important;
	}
	.guiacaspe2 {
    width: 100%;
    background-image: url(/img/casacaspe/_1014922_ret_3_44.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    color: white !important;
    padding: 2em 0em 2em 0em;
    min-height: 499px;
}
	.pblue{width: 100%!important;padding: 0em;}
	.arquiWidthLeft {width: 100%; text-align: center;}
.arquiWidthRight {width: 100%;text-align: center;padding-top: 2em;}
.caspetit {
    font-size: 5em;

}
.dudiana {
    width: 50%!IMPORTANT;
    float: left;
}

.casapi3 {
    font-weight: 500;
    color: white;
    font-size: 70px;
    line-height: 70px;
    text-align: left;
}
.fondopi {
    /* background-color: #9e968f6e; */
    width: 100%;
    min-height: 30em;
    display: table;
    height: 1px;
}

.bannerpi {
    width: 100%;
    min-height: 30em;
    float: left;
    background-image: url(/img/casapi/banner_casa_pi.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    background-position: center;
}

.casapi {
    font-weight: bold;
    color: white;
    font-size: 75px;
    line-height: 80px;
    text-align: left;
    padding: 0px 40px;
    font-family: 'Oswald', sans-serif;
}

.cnoticiasdestacadaslateral{float:none !important;}

h3 {
    font-size: 24px;
    line-height: 40px;
}

	.txtFootMantenimiento{
	text-align:center;
	font-size:14px;
	
	margin-bottom: 5px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}

.txtCapMantenimiento{
	width: 100%;
font-size: 20px;
font-weight: 500;
margin-bottom:0px;
color: #4c3c2f;
margin-top: 70px;
line-height:23px;	
}

.displayvideomobile { display:none;}
.displayvideomobile2 { display:block; margin-bottom:5em;}

.mobile2 { height:300px; margin-bottom:5em;}
.w102 { margin-top:1em;}
.w103 { margin-bottom:1em;}

.txtMantenimiento{
	text-align:center;
	font-size:14px;
	padding: 30px;
	margin-bottom: 35px;
	line-height: 23px;
	padding: 10px 20px;
	
	border: 0px;
}

.proj9intros{
font-size: 13px; 
padding-bottom: 10px;
padding-top: 10px;
padding: 10px 0px 10px 0px;
}
.mobile-hide{
        display: none !important;
    }


.proj9Paddings{
padding-left: 25px;
padding-right: 25px;
}


.cslidercompromiso {
	display:none;
}
.fondopie{
	height:500px;	
}
.cimgcatalog{
	width:100px;
}
.cobras1 .cpint{
	width:100%;
}
.cobras1 .cfotopsm{
	display:none;
}
.cobras1 .cpint2 {
	margin-left:0px;
	width:	100%;
}
.cobras1 .cfotopsm2{
	display:none;
}
.cdpr{
	display:none;
}
.cfotopsmp2{
	/*display:none;*/
	width:200px;
	margin-top:15px;
	margin-left:-100px;
	left:50%;
	float:left;
}
.cpintp2 {
	/*float:left;*/
	margin-right:0px;
	width:100%;
	margin-top:240px!important;
}
.lseguir{
	width: 100%;
	font-size: 18px;
}
.scomparte {
	font-size: 18px;
}
.subtproyecto {
	font-size: 18px;
}
.li68 {
	font-size: 18px;
}
.cpint3{
	width:100%;
}
.cfotopsm3{
	display:none
	}
.stproyecto {
	font-size:19px;
	line-height:22px;
}
.ccontact50{
	width:100%;
}
.ccontacto2{
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #4C4239;
}
#bcompromiso .ctexto2 {
height: auto;
}
.boxhome2{
	background-color:#FFF;
	width: 48%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #4c3c2f;
	height:500px;
}
#bcompromiso .ccaja{
	font-size: 12px;
line-height:19px;
}
#bcompromiso .cnoticiash{
	display:block!important;
}
#bproductos .ctexto2{
	text-align: left;
}
#bcontrol .ctexto2{
	text-align: left;
}
h1{
	font-size:14px;
}
.csocial a{
	font-size: 12px;
	width: 19px;
	height: 19px;
	line-height: 19px;
	margin-left: 1px;
}
.ctitol {
font-size: 14px;
text-align:left;
}
.margintop80{
	margin-top:20px!important;
}
.#bcompromiso .margintop80{
	margin-top:80px!important;	
}
.ctexto2{
	padding: 15px;
}
.cpiebotones{
	display:none;
}
.cmapa, .clogopie, #nav{
	display:none;
}
.slidewhite {
padding-bottom: 0px;
}
#bpresentacion .ccapalateral, .cproductos, .cpasador2, .chover, .cnoticiash, .cmlhome{display:none!important;}
#bcatalog .ccapalateral, .cproductos, .cpasador2, .chover, .cnoticiash, .cmlhome{display:none!important;}
#bproductos .cproductos{
	display:block!important;
	height: auto;
}

#bcontrol .cproductos{
	display:block!important;
	height: auto;
}

#bproductos #l1{
	/*margin-top: 167px!important;*/
}
.cproductos a{
	display:block;
	width:100%;
	background-color: #4c4239;
	color:white!important;
	margin-bottom:1px;
}
.cborder{
	display:none;
}
.cbarrap .visible-desktop{
	display:none!important;
}
.cproductos{
	border-bottom:0px!important;
}
body{
	padding:0px!important;
}
.cmenu{
	margin-top: 65px;
}
.cmenu a{
	text-align: center;
	height:auto;
	padding:6px;
	font-size:14px;
	border-bottom:1px solid #e1e0d9;
	display:block;
	color: #938576!important;
	margin-right:0px;
	font-weight:300;
}

    .clogo2 {/* margin-left:30%; */float: none;text-align: center;margin-left: 0px;}
	.barraform { height:90px !important; margin-top:35% !important; }
	.barraform2 { font-size:12px !important; margin-top:11% !important;}
	.box { display:none;}
	.cfoto2 { width:100%;}
	.cnoticiat2 { width:100%;}
	.cnoticiasdestacadas2 { padding-bottom:400px}
	.titulardestacat2 { margin-bottom:3em;}
	.containerangulos { display:block !important;}
	.projectes img {width:100% !important;}
	.cotrasventanaslateral2 {padding-top:4em;margin:0px;float: none;}
	.cotrasventanaslateral3 {padding-top:4em;margin:0px;float: none;}
	.cpie {margin-top: 0px !important;}
	.displayole { display:block;}
	.displayolen { display:none;}
	.bajomrgin { margin-bottom:3em !important;}
	
	
	select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4.3px 6px;
  margin-bottom: 9px;
  margin-top:15px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
		  margin-left:-3px;
		  border-left:1px solid white !important;
}


.cisubmit3{
font-size: 22px;
padding: 5.5px 24px;
text-align: center;
font-family: "Lato",Helvetica,sans-serif;
border: 0px none;
background-color: white;
color: #4c4239;
width: auto;
cursor: pointer;
padding-left: 24px;
padding-right: 24px;
margin-top: 4.5px;
margin-left:-8px;
}

.newssus { letter-spacing: 0px!important; font-size: 10px!important; line-height: 18px;}



	
	
	
	

.cidiomes2 a{
	text-align: center;
	height:auto;
	padding:6px;
	font-size:14px;
	border-bottom:1px solid #e1e0d9;
	display:block;
	color: #938576!important;
	margin-right:0px;
	font-weight:300;
}

.displaynomobile { display:none !important;}
.cidiomes2 {
	top: 60px;
	width:100%;
	right:0px;
}



.cbarra{
	background-color: #f4f3ec;
	height: 475px;
}
.cbarra2{
	background-color: #f4f3ec;
	height: 407px;
	position: relative;
}
.container{
	padding-left: 7px;
	padding-right: 12px;
}
.cpasador{
	margin-top: 0px;
}
#ccaja img {
margin-left: 0px;
width: 100%;
}
#ccaja{
	height: auto;
}
.cidiomes{
	right: 12px;
top: 66px;
}
.cpasador{
	/*width: 200%!important;
	margin-left:-15px;*/
}
body, html{
	overflow-x:hidden;
}
.csmartmargin{
	/*margin-top: 53%!important;*/
}
.cpie2a{
	text-align: center;
width: 100%;
	position: relative;
top: -5px;
	left:0px;
	
}
.cnewsletterpie span{
	float: right;
}
.cnewsletterpie img {
margin-left: 0px;
margin-right: 10px;
}
.ccontactar{
	text-align: center;
	width: 100%;
	padding-right: 0px;
}
.ccontactar .csocial {
	display:block;
        float: none;
}
.corganic {
/*margin-left: -44.5%;*/
}
.cimail{
	margin-top: 37px;
}
.cformemail{
	left: -240px;
	background-position: center;
background-size: 429px;
background-repeat: no-repeat;
width:480px;

}
.cformemail input {
	padding:5px;
}
.ccerrar{
	margin-left: 39px;
	top:127px;
}
.cptitulocp2{
	font-size: 20px;
}
.cfonsslider {
	height:280px!important;
}
.stproyectob{
	font-size:20px;
}

/*----------*/

.titleisclenum{
	font-size:45px;	
}
.titulopasador{
	font-size: 18px;
	margin-left: 20%;	
}
.container{
	width: 95%;
}
.textoventanaiscle{
	 width:100%;
}

.menuh {position: absolute;
    margin-top: 13em;
    background-color: #4c4239;
    width: 100%;
    float: none;
    left: 0;
    padding: 0px 0px 0px 0px;
	font-size:13px;}
	
.he { width:23% !important; 
float:left !important;}

.he2 { margin-left:7em !important;}



#bproductos .cproductos a {
	height: 30px;
	background-image: none;
	margin-top: 5px!important;
	padding-top: 5px;
}

#bcontrol .cproductos a {
	height: 30px;
	background-image: none;
	margin-top: 5px!important;
	padding-top: 5px;
}
.nomobile { display:none !important;}

#mmadera span{
	color:#FFF!important;
	float:none!important;	
}
.fondopie{
	height: 325px;
}
.margintop120{
	margin-top:300px!important;	
}
.centradoprepie{
	left: 0;
	margin-left: 5px;	
}
.imgmodelos{
	width:165px;	
}
.imgaconsejamos{
	width:160px;
}
.titimgprepiemodelos{
	font-size:30px!important;	
}
.textoespecial{
	line-height: 20px;
	padding-top: 24px;
	font-size: 15px!important;	
}
.linktextogranollers{ font-size:15px !important;}

.moviles{ padding-left:1em !important; padding-right:1em !important;}

.textoespecial1{
	line-height: 16px !important;
	padding-top: 24px;
	font-size: 16px!important;	
}
.ckitmantenimiento{
	float: none;
	margin-right:0px;
}
.textprepiemodelos{
	font-size: 12px!important;	
}
.titseccionprepie{
	padding-bottom: 12px;
	font-size: 15px;
	margin-right:0px!important;
	margin-left:-3px;
}
#mmadera{
	margin: 0 auto;
	width:95%;
	background-color:#4c4239;
}
.titulopasador{
	font-size:18px;
	margin-left:145px;	
}
.pasadorventana{
	margin-top:0px;	
}
.nav1{
	display:none;
	margin-top:75px;
	margin-left:0px;
	width:96%!important;
}
.pasadorventana{
	height:500px!important;		
}
.nav2{
	margin-left:0px;
	margin-top:95px;
}
.nav2 img{
	width:65px!important;	
}
.nav1 img{
	width:70px!important;	
}
.cotrasventanas{
	width:50%;
	margin-left:0px!important;
	text-align:right;
	margin-bottom:15px;
}
.titventanaefecto{
	font-size:18px;	
}
.cproductos a{
	font-size:13px;
}
.cproductos span{
	font-size:13px!important;
}
.cparallax{
	padding-top: 0px;
}
.grados{
	width:130px;
	margin-top:160px;	
}
.formatos{
	 margin-top:0px;	
}
.tipotit{
	font-weight:500;
	font-size:16px;	
}
.titventanaefecto span{
	font-size: 22px!important;	
}
.titulopasador span{
	font-size: 22px!important;	
}
/* Detall obra 6 */
.lateralimg6{
	width:40%;	
	display:block!important;
}
.p6parrafo1{
	line-height:30px;
	margin-left: 0;
	width: 55%;
	font-size: 16px;
}
.p6parrafo1 span{
	line-height:35px!important; font-size: 30px!important;
}
.p6parrafo2{
	margin-top:25px; line-height:30px; width: 55%; margin-left: 0px; font-size:16px;
}
.p6imggaleria{
	width:50%;	
}
.arquitectosnao{
	font-size:14px;	
}
.arquitectosnaoimg{
	width:50%;	
}
/* home enero 2014 y presentacion y compromiso */
.boxhome{
	width:100%;	
}
.boxhome p span{
	font-size:30px;	
}
.boxhome p{
	font-size:24px;	
}
.cpasadorventanamov{
	width:70%!important;
	margin-left:200px!important;	
}
.nav2home{
	margin-top:15%;	
	margin-left:45px;
}
.boxhomeextend{
	height:auto;
	padding-bottom:125px;
}

.cnoticiasdestacadaslateral{
	width: 570px;
	float:none;	
	margin:auto;
}
.cotrasventanaslateral{
	margin-left:20px;
	float:left;	
}
.cnoticiasdestacadas{
	width:100%;	
}
.cfoto{
	height:360px;	
}
.cmailingpicto{
	width:230px;
	margin-left:0px;	
}
.cmailingpicto img{
	width:70px;
	margin-top:-8px;	
}
.cmailingpicto a{
	font-size:17px;	
}
.ccatpicto{
	width:230px;
	float:left;
}
.ccatpicto a{
	font-size:17px;	
}
.ccatpicto img{
	width: 95px!important;
}
.bannerImage{
	 width:50%;
}
.csikkens img{
	width:110px;	
}
.csikkens{
	width:265px;
	margin-left:0px;	
}
.csikkens a{
	font-size:13px;	
}
.cpqiscle{
	font-size:30px;	
}
.cpqiscle a{
	font-size:30px;	
}
.cclaimdestacadas{
	font-size:18px;	
}
.hteaconseja{
	padding: 15px 45px;
	margin-right:25px;
}
.titulardestacat{
	font-size: 20px;
}
/* detall obra 7 */
.proj7intros{
	padding:10px 20px;
	font-size:18px;	
}

.proyecto7txt{
	font-size:16px;
	width:90%;
	line-height:27px;
}
.proyecto7txt h1{
	font-size:20px;	
}
.proyecto7txt a{
	font-size:16px;	
}
.lateralimgproj7{
	width:100%;
	margin-top:50px;
}
.proj7realizadopor{
	font-size:12px;	
}
/* proyecto 8 la roca village */
.p8imggaleria{
	width:50%; float:left;	
}
/* detall project resso */
.lateralimgproj_general {
	width: 50%;
	float: none!important;
	margin: auto;
}
.proyecto_resso_txt{
	font-size:15px;	
	width:auto;
	padding-right:10px;
}
}
@media (max-width: 615px) {
	h3 {
    font-size: 24px;
    line-height: 40px;
}
.dropdown-menu {
	position: absolute;
	top: 28px;
}
.dropdown {
	width:100%;
}


.mobilepara{background-attachment: inherit!important;}
.cpasadorventanamov img{
	margin-left:50px;	
}
.teaconsejamosdesktop{
	display:none;
}
.cotrasventanas{
	float:none;
	margin-right:0px;
	width:100%;
	text-align:center;
}
.heightprepie{
	height:850px;	
}
.mobile-hide{
        display: none !important;
    }
.teaconsejamosmobile{
	display:block;	
}
/* detall obra 7 */
.proyecto7txt{
	font-size:14px;
	width:90%;
	line-height:27px;
}
.proyecto7txt h1{
	font-size:18px;	
}
.proyecto7txt a{
	font-size:14px;	
}
.lateralimgproj7{
	width:100%;
	margin-top:50px;
}
.proj7intros{
	font-size:14px;	
}
.proj7txtfinal{
	font-size:12px;
}
.proj7realizadopor{
	font-size:12px;	
}
/* detall project resso */
.proyecto_resso_txt {
	font-size:14px;
}
}

@media (max-width: 580px) { 
	h3 {
    font-size: 24px;
    line-height: 40px;
}
.dropdown {
	width:100%;
}
.dropdown-menu {
	position: absolute;
	top: 28px;
}

.mobilepara{background-attachment: inherit!important;}
.titulopasador{
	font-size: 14px;
	margin-left: 65px;	
}
.titulopasador span{
	font-size: 18px!important;	
}
.titventanaefecto{
	font-size: 14px;	
}
.titventanaefecto span{
	font-size: 18px!important;	
}
/* Detall obra 6 */
.lateralimg6{	
	display:none!important;
}
.p6parrafo1{
	line-height:30px;
	margin-left: 0;
	width: 45%;
	font-size: 16px;
	float:left;
}
.mobile-hide{
        display: none !important;
    }
.p6parrafo1 span{
	line-height:35px!important; font-size: 30px!important;
}
.p6parrafo2{
	margin-top:0px; line-height:30px; width: 45%; margin-left: 0px; font-size:16px; text-align:left; float:right;
}
.p6parrafo2 span{
	line-height:35px!important; font-size: 30px!important;
}
.p6imggaleria{
	width:100%;	
}
.arquitectosnao{
	font-size:14px;	
}
.arquitectosnaoimg{
	width:50%;	
}
/* home enero 2014 y presentacion y compromiso */
.boxhome{
	width:100%;	
	height:auto;
	padding-bottom:20px;
}
.boxhome p span{
	font-size:24px;	
}
.boxhome p{
	font-size:18px;	
}
.ptxtbox{
	padding: 0 25px!important;	
}
.cpasadorventanamov{
	width:100%!important;
	margin-left:50px!important;	
}
.nav2home{
	width: 140px;
	margin-top: 300px;
	left: 50%;
	margin-left: -70px;
	position: relative;
}
.gradoshome{
	width: 140px;
	position:relative;
	margin-top:15px;	
}
.nav2home a img {
	width: 60px;
}
.boxhomeextend{
	height:auto;
	padding-bottom:55px;
}

.cnoticiasdestacadaslateral{
	width: 100%;
	float:none;	
	margin:auto;
}
.cotrasventanaslateral{
	float: none;
	margin: auto;
	width: 167px;
	margin-bottom: 75px;	
}
.cnoticiasdestacadas{
	width:100%;	
}
.cnoticiat{
	font-size:16px;	
}
.cfoto{
	height:auto;
}
.cmailingpicto{
	display:none;	
}
.cmailingpicto img{
	width:70px;
	margin-top:-8px;	
}
.cmailingpicto a{
	font-size:17px;	
}
.ccatpicto{
	width:230px;
	float:none;
	margin:auto;	
}
.ccatpicto a{
	font-size:17px;	
}
.ccatpicto img{
	width:95px;	
}
.csikkens img{
	width:110px;	
}
.csikkens{
	width:265px;
	margin: auto;
	float:none;	
}
.csikkens a{
	font-size:13px;	
}
.cpqiscle{
	font-size:26px;
}
.cpqiscle a{
	font-size: 26px;
	line-height: 42px;	
}
.cclaimdestacadas{
	font-size:18px;	
}
.hteaconseja{
	padding: 15px 45px;
	margin-right:25px;
}
.titulardestacat{
	font-size: 16px;
}
/* detall obra 7 */
.proyecto7txt{
	font-size:14px;
	width:90%;
	line-height:27px;
}
.proyecto7txt h1{
	font-size:18px;	
}
.proyecto7txt a{
	font-size:14px;	
}
.lateralimgproj7{
	width:100%;
	margin-top:50px;
}
.proj7intros{
	font-size:14px;	
}
.proj7txtfinal{
	font-size:12px;
}
.proj7realizadopor{
	font-size:12px;	
}

/* detall project resso */
.col1de3 {
	width: 100%;
	float: none!important;
	margin-top:30px;
}

.txtFootMantenimiento{
	text-align:center;
	font-size:14px;
	
	margin-bottom: 5px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}

.txtCapMantenimiento{
	width: 100%;
font-size: 20px;
font-weight: 500;
margin-bottom:0px;
color: #4c3c2f;
margin-top: 70px;
line-height:23px;	
}


.txtMantenimiento{
	text-align:center;
	font-size:14px;
	padding: 30px;
	margin-bottom: 35px;
	line-height: 23px;
	padding: 10px 20px;
	
	border: 0px;
}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	h3 {
    font-size: 14px;
    line-height: 40px;
}
.dropdown {
	width:100%;
}
.dropdown-menu {
	position: absolute;
	top: 28px;
}

.guiacolon2 {display: none;}
	.guiapalacete {display: none;}
	.palacetetit { font-weight: 500; color: white; font-size: 50px; margin-right: 0em !important} 
	.bannerpalacete {width:100%; min-height:40em; float:left; background-image:url('/img/palacete/banner-palacete.jpg'); background-size:cover; background-repeat:no-repeat; display: table; background-position: center;}
	
	
.imagendecabeceraherrajes {width:100%; background-image:url('/img/imgpieherrajes.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:2em 0em 2em 0em}
.imagentricoat {width:100%; background-image:url('/img/herrajes/herrajes-maco-tricoat.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:30em 0em 5em 0em; min-height:29em;}
.imagenkomfort {width:100%; background-image:url('/img/herrajes/herrajes-maco-reducida.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:30em 0em 5em 0em; min-height:29em; background-position-x: -200px;}
.imagengranformatoherrajes {width:100%; background-image:url('/img/herrajes/herrajes-maco-granformato.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:20em 0em 38% 0em; min-height:10em; margin-top:2em; background-position-y: -241px; background-position-x: -413px;}


.mobilepara{height: 200px!important;}
.col-50 {
    width: 100%;
    float: left;
}
.i_foreverText {
    color: #fff;
    text-align: left;
    padding: 1em 1em 1em 1em;
    margin: 10px;
    font-size: 12px;
    line-height: 18px;
}

.h_Isclaforever {
    text-align: left;
    padding: 1em;
    line-height: 20px;
    font-size: 16px;
}
.cfonsslider {
	height:180px!important;
}
.titulopasador{
	font-size:13px;
	margin-left:10px;	
}
.grados {
	width: 130px;
	margin-top: 385px;
	margin-left: -65px;
	left: 50%;
}
.mobile-hide{
        display: none !important;
    }
.nav2{
	margin-left: -65px;
	margin-top: 320px;
	left: 50%;
}
.cpasadorventanamov img{
	margin-left:20px;
	margin-top:50px;	
}
/* Detall obra 6 */
.lateralimg6{	
	display:none!important;
}
.p6parrafo1{
	line-height:30px;
	margin-left: 0;
	width: 45%;
	font-size: 14px;
	float:left;
}
.p6parrafo1 span{
	line-height:30px!important; font-size: 20px!important;
}
.p6parrafo2{
	margin-top:0px; line-height:30px; width: 45%; margin-left: 0px; font-size:14px; text-align:left; float:right;
}
.p6parrafo2 span{
	line-height:30px!important; font-size: 20px!important;
}
.p6imggaleria{
	width:100%;	
}
.arquitectosnao{
	font-size:12px;	
}
.arquitectosnaoimg{
	width:70%;	
}
/* home enero 2014 y presentacion y compromiso */
.boxhome{
	width:100%;	
	height:auto;
	padding-bottom:20px;
}
.boxhome p span{
	font-size:24px;	
}
.boxhome p{
	font-size:18px;	
}
.ptxtbox{
	padding: 0 25px!important;	
}
.cpasadorventanamov{
	width:100%!important;
	margin-left:50px!important;	
}
.nav2home{
	width: 140px;
	margin-top: 300px;
	left: 50%;
	margin-left: -70px;
	position: relative;
}
.gradoshome{
	width: 140px;
	position:relative;
	margin-top:15px;	
}
.nav2home a img {
	width: 60px;
}
.boxhomeextend{
	height:auto;
	padding-bottom:55px;
}

.cnoticiasdestacadaslateral{
	width: 100%;
	float:none;	
	margin:auto;
}
.cotrasventanaslateral{
	float: none;
	margin: auto;
	width: 167px;
	margin-bottom: 75px;	
}
.cnoticiasdestacadas{
	width:100%;	
}
.cnoticiat{
	font-size:16px;	
}
.cfoto{
	height:auto;
}
.cmailingpicto{
	display:none;	
}
.cmailingpicto img{
	width:70px;
	margin-top:-8px;	
}
.cmailingpicto a{
	font-size:17px;	
}
.ccatpicto{
	width:280px;
	float:none;
	margin:auto;
	padding-top: 0px;
}
.ccatpicto a{
	font-size:17px;	
}
.ccatpicto img{
	width: 95px!important;
}
.csikkens img{
	width:110px;	
}
.csikkens{
	width:265px;
	margin: auto;
	float:none;	
}
.csikkens a{
	font-size:13px;	
}
.cpqiscle{
	font-size:26px;
}
.cpqiscle a{
	font-size: 26px;
	line-height: 42px;	
}
.cclaimdestacadas{
	font-size:18px;	
}
.hteaconseja{
	padding: 15px 45px;
	margin-right:25px;
}
.titulardestacat{
	font-size: 16px;
}
/* detall obra 7 */
.proyecto7txt{
	font-size:14px;
	width:90%;
	line-height:27px;
}
.proyecto7txt h1{
	font-size:18px;	
}
.proyecto7txt a{
	font-size:14px;	
}
.lateralimgproj7{
	width:100%;
	margin-top:50px;
}
.proj7intros{
	font-size:14px;	
}
.proj7txtfinal{
	font-size:12px;
}
.proj7realizadopor{
	font-size:12px;	
}
/* detall project resso */
.lateralimgproj_general {
	width: 100%;
}
.lateralimgproj_general img{
	width: 100%;
}

.bannerImage img{
	width: 167px!important;
	/* margin-top:25px; */
	/* align-items: center; */
	/* align-content: center; */
	/* text-align: center; */
	float: none!important;
}

.txtFootMantenimiento{
	text-align:center;
	font-size:14px;
	
	margin-bottom: 5px;
	line-height: 23px;
	padding: 10px 20px;
	border: 0px;
}
h4 {
    font-size: 14px;
    line-height: 20px;
}
.txtCapMantenimiento{
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	margin-bottom:0px;
	color: #4c3c2f;
	margin-top: 26px;
	line-height: 15px;
}

.tohundred{ width:100%; margin-bottom:1em; }

.guiacaspe2 {
    width: 100%;
    background-image: url(/img/casacaspe/_1014922_ret_3_44.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: initial;
    color: white !important;
    padding: 2em 0em 2em 0em;
    min-height: 253PX;
}
.titulardiana3 {
    font-size: 30px !important;
    line-height: 52px;
    font-weight: 300;
    color: #493728;
}
.bannerpi {width:100%;min-height: 10em;float:left;background-image:url('/img/casapi/banner_casa_pi.png');background-size:cover;background-repeat:no-repeat;display: table;background-position: center;}
.casapi {font-weight: 500;color: white;font-size: 40px;line-height: 40px;text-align: left;} 
.casapi3 {font-weight: 500;color: white;font-size: 30px;line-height: 30px;text-align: left;} 
.casapi2 {font-weight: 400;color: #938A8B;font-size: 30px;line-height: 30px;} 
.fondopi {/* background-color: #9e968f6e; */width: 100%;min-height: 13em;display: table;height: 1px;}


.txtMantenimiento{
	text-align:center;
	font-size:14px;
	padding: 30px;
	margin-bottom: 35px;
	line-height: 23px;
	padding: 10px 20px!important;
	border: 0px;
}
.shit{    width: 50%;
    padding: 1em;
    margin-top: -25px;}
.col-5{width: 100%;float: left;}
.col-10{width: 100%;float: left;}
.col-15{width: 100%;float: left;position: relative!important;}

.col-80{width: 100%;float: left;}
.col-85{width: 100%; float:left;}
.col-95{width: 100%; float:left;border: none}
.col-100{width: 100%; float:left;}

.mobilepara{background-attachment: inherit!important;}

.paddingmobile { padding-left:0em !important;}

.displayvideomobile { display:none;}
.displayvideomobile2 { display:block; margin-bottom:5em;}

.mobile2 { height:300px; margin-bottom:5em;}
.w102 { margin-bottom:1em;}

}

/* IPHONE 6 */
@media (max-width: 375px) { 
	
	 .vb2018 { font-size: 39px !important;}
    .vb20182 {  padding-left: 1em !important}
    .bcn2018negro { background-color: black; opacity: 0.2}
    .marginado2018 { margin-top: 0em !important;
    }
    .dropdown {
		width:100%;
	}
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}
    
    .vestimosizquierda7 {text-align: center !important;}
	 
	   .eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	
	.bannershowroom { min-height: 16em;}
	.bannershowroomcat { min-height: 16em;}
	
	.bannershowroom2 { display: none !important;}
	
	
	
	.bannervestimos { min-height: 23em;}
	.bannervestimos22 { min-height: 23em;}
	.bannervestimos2 { display:none;}
	.bannervestimos4 { display:block; background-attachment: inherit;}
	.bannervestimos5 { display:none;}
	.titularpalacete { font-size: 22px !important;}
	.ppalacete {  width: 100% !important}
	

	.btnDescargaCatalogo3 {text-align: center;}

.rallita3 { width:50%; margin:auto; background-color:#9e968f !important;}
.numeross2 { padding:20px 20px 20px 20px; margin-top: -0.4em; font-weight: bold; background-color: #9e968f; color: white; font-size:172% !important; }
.numeross3 { padding:20px 20px 20px 20px; margin-top: 0em; font-weight: bold; background-color: #9e968f; color: white; font-size:172% !important; }

.imagendecabeceraherrajes {width:100%; background-image:url('/img/imgpieherrajes.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:2em 0em 2em 0em}
.imagentricoat {width:100%; background-image:url('/img/herrajes/herrajes-maco-tricoat.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:30em 0em 5em 0em; min-height:29em;}
.imagenkomfort {width:100%; background-image:url('/img/herrajes/herrajes-maco-reducida.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:30em 0em 5em 0em; min-height:29em; background-position-x: -200px;}
.imagengranformatoherrajes {width:100%; background-image:url('/img/herrajes/herrajes-maco-granformato.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:20em 0em 38% 0em; min-height:10em; margin-top:2em; background-position-y: -241px; background-position-x: -413px;}
	
	
.imagenoscilo {width:100%;  background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:20em 0em 38% 0em; min-height:10em; margin-top:2em; background-position-y: -241px; background-position-x: -413px;}
	
	.imagenapertura {width:100%;  background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:20em 0em 38% 0em; min-height:5em; margin-top:2em; background-position-y: -241px; background-position-x: -413px;}
	
	.imagenseguridad {width:100%;  background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:white !important; padding:20em 0em 38% 0em; min-height:10em; margin-top:2em; background-position-y: -241px; background-position-x: -413px;}

.titulopuertas2 { margin-left:34%;}

.fondotextoherrajes {background-color:white; float:right; width:100%; padding:2em 2em 2em 2em}
.herrajestexto33 { padding-left:3em;}

.altovideo { height:300px !important}
.titulopuertas2 { margin-left:0% !important}






.mobile { display:none !important;}

.acuarella { width:100%; background-image:none !important; }

.vestimosprincipal{ padding-left:0px !important; font-size:15px !important;}

.vestimosparalax{ background-position-y:40px !important;}

.flecha {padding-top:2em !important; padding-bottom:2em !important;}

.vestimos1{ width:100%; float:left; text-align:center !important; padding-top:5em !important; }

.vestimos2{width:100%; float:left; text-align:center !important;}

.vestimb{ padding-left:0px !important; font-size: 0.7 !important;}
   

.vestimosizquierda1{width:100%;  text-align:center !important; margin-top:7em;}
.vestimosizquierda2{width:100%;  text-align:center !important; padding-left:0em !important; margin-top:0em;}

.vestimosizquierda4{width:100%;  text-align:center !important; padding-left:0em !important; margin-top:2em;}
.vestimosizquierda3{width:100%;  text-align:center !important; margin-top:0em}

.vestimosizquierda5{width:100%;  text-align:center !important; margin-top:2em;}
.vestimosizquierda6{width:100%;  text-align:center !important; padding-left:0em !important;margin-top:0em;}

.vestimosizquierda7{width:100%; text-align:center !important; padding-left:0em !important;margin-top:2em;}
.vestimosizquierda8{width:100%;  text-align:center !important;margin-top:0em;}

.flechapadding{padding-top:0em !important; padding-left:0em !important;}

.botonvideo{padding-left:0em;}

}


@media (min-width: 375px) and (max-width: 667px) { 
    .dropdown {
		width:100%;
	}
	
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}   
    .vb2018 { font-size: 39px !important;}
    .vb20182 {  padding-left: 1em !important}
    .bcn2018negro { background-color: black; opacity: 0.2}
    .marginado2018 { margin-top: 0em !important;
    }

.col-xs-12 {
    width: 100% !important;
}

.mobile { display:none !important;}

.acuarella { width:100%; background-image:none !important; }

.vestimosprincipal{ padding-left:0px !important; font-size:15px !important;}

.vestimosparalax{ background-position-y:40px !important;}

.flecha {padding-top:2em !important; padding-bottom:2em !important;}

.vestimos1{ width:100%; float:left; text-align:center !important; padding-top:5em !important; }

.vestimos2{width:100%; float:left; text-align:center !important;}

.vestimb{ padding-left:0px !important; font-size: 0.7 !important;}

.vestimosizquierda1{width:100%;  text-align:center !important; margin-top:7em;}
.vestimosizquierda2{width:100%;  text-align:center !important; padding-left:0em !important; margin-top:0em;}

.vestimosizquierda4{width:100%;  text-align:center !important; padding-left:0em !important; margin-top:2em;}
.vestimosizquierda3{width:100%;  text-align:center !important; margin-top:0em}

.vestimosizquierda5{width:100%;  text-align:center !important; margin-top:2em;}
.vestimosizquierda6{width:100%;  text-align:center !important; padding-left:0em !important;margin-top:0em;}

.vestimosizquierda7{width:100%; text-align:center !important; padding-left:0em !important;margin-top:2em;}
.vestimosizquierda8{width:100%;  text-align:center !important;margin-top:0em;}

.flechapadding{padding-top:0em !important; padding-left:0em !important;}

.botonvideo{padding-left:0em;}

}

@media (min-width: 1400px)  { 

.anguloiscletec { max-width:80% !important;}

}







/* iPhone 5 & 5S in portrait */
@media only screen 
and (min-device-width : 373px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
    
    
    .titulemporda1{ font-size:6em; line-height: 1em;}
    .titulemporda2{ font-size:3em; line-height: 1em;}
    
    
    
    
    
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}
    .dropdown {
		width:100%;
	}
	
    
    .titularharquitectes { font-size: 71px; font-weight: 300; color: white; text-align: left; margin-top: 0.5em; line-height: 71px; padding-left: 0.5em; font-family: 'Oswald', sans-serif;}
    
    .bannerharquitectes {width:100%; min-height:580px; float:left; background-image:url('/img/harquitectes/07_AG_7848-2.jpg'); background-size:cover; background-repeat:no-repeat; display: table; background-position: center; background-position-y: -50px;}
    
    .lined { line-height: 35px;}
    .lined2 {margin: 0em auto 0em auto !important }
    .lined3 {color:white !important; font-size:3em !important; line-height:40px !important;}
    .lined4{font-family: Oswald, sans-serif; font-size:2.5em !important; font-weight:300; text-transform:uppercase;line-height:40px; color:#ccc !important}
    
    .vb2018 { font-size: 39px !important;}
    .vb20182 {  padding-left: 1em !important}
    .bcn2018negro { background-color: black; opacity: 0.2}
    .marginado2018 { margin-top: 0em !important;
    }
    
    
    .guiaebanista2 {width:100%; background-image:url('/img/ebanista/_MG_5705.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:inherit; color:white !important; padding:2em 0em 2em 0em; min-height:500px;}
	
	 .eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	.bannershowroom { min-height: 16em;}
	.bannershowroomcat { min-height: 16em;}
	
	.bannershowroom2 { display: none !important;}
	
	.bannervestimos { min-height: 23em;}
	.bannervestimos22 { min-height: 23em;}
	.bannervestimos2 { display:none;}
	.bannervestimos4 { display:block; background-attachment: inherit;}
	.bannervestimos5 { display:none;}
	.titularpalacete { font-size: 22px !important;}
	.ppalacete {  width: 100% !important}
	
	
	
.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;}
.tpresentacions { width:100%;}

.yesmobile { display:block !important}
	
	
	.yess { display: none !important;}
	
	
	.imagendecabeceraherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagentricoat { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenkomfort { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagengranformatoherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenoscilo { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenapertura { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenseguridad { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrederas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrosivos { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenmanillas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenporticones { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}

 }
 
 
 /* iPhone 5 & 5S in landscape */
@media only screen 
and (min-device-width : 370px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
    

    .dropdown {
		width:100%;
	}
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}
	
    .vb2018 { font-size: 39px !important;}
    .vb20182 {  padding-left: 1em !important}
    .bcn2018negro { background-color: black; opacity: 0.2}
    .marginado2018 { margin-top: 0em !important;
    }

.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;}
.tpresentacions { width:100%;}

.yesmobile { display:block !important}
.he2 {
    margin-left: 12em !important;
}
	
	
	
	.eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	.bannershowroom { min-height: 16em;}
	.bannershowroomcat { min-height: 16em;}
	
	.bannershowroom2 { display: none !important;}
	
	.bannervestimos { min-height: 23em;}
	.bannervestimos22 { min-height: 23em;}
	.bannervestimos2 { display:none;}
	.bannervestimos4 { display:block; background-attachment: inherit;}
	.bannervestimos5 { display:none;}
	
	.titularpalacete { font-size: 22px !important;}
	.ppalacete {  width: 100% !important}

}




/* iPhone 6 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
.he2 {
    margin-left: 8em !important;

}
.dropdown {
	width:100%;
}

.dropdown-menu {
	position: absolute;
	top: 28px;
}	
	.yess { display: none !important;}
	
	
	
	.eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	
	.bannershowroom { min-height: 16em;}
	.bannershowroomcat { min-height: 16em;}
	
	
	.bannershowroom2 { display: none !important;}
	
	
	.bannervestimos { min-height: 23em;}
	.bannervestimos22 { min-height: 23em;}
	.bannervestimos2 { display:none;}
	.bannervestimos5 { display:none;}
	.bannervestimos4 { display:block; background-attachment: inherit;}
	
	.titularpalacete { font-size: 22px !important;}
	.ppalacete {  width: 100% !important}
	
	
	
	.imagendecabeceraherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagentricoat { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenkomfort { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagengranformatoherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenoscilo { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenapertura { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenseguridad { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrederas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrosivos { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenmanillas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenporticones { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}

 }
 
 
 
/* iPhone 6 in landscape */ 
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
    
	.dropdown-menu {
		position: absolute;
		top: 28px;
	}
    
    .dropdown {
		width:100%;
	}
	
     .titularharquitectes { font-size: 71px; font-weight: 300; color: white; text-align: left; margin-top: 0.5em; line-height: 71px; padding-left: 0.5em; font-family: 'Oswald', sans-serif;}
    
    .bannerharquitectes {width:100%; min-height:580px; float:left; background-image:url('/img/harquitectes/07_AG_7848-2.jpg'); background-size:cover; background-repeat:no-repeat; display: table; background-position: center; background-position-y: -50px;}
    
    .lined { line-height: 35px;}
    .lined2 {margin: 0em auto 0em auto !important }
    .lined3 {color:white !important; font-size:3em; line-height:40px;}
    .lined4{font-family: Oswald, sans-serif; font-size:2.5em !important; font-weight:300; text-transform:uppercase;line-height:40px; color:#ccc !important}
    
    
    
    
    
    
    
    .vb2018 { font-size: 39px !important;}
    .vb20182 {  padding-left: 1em !important}
    .bcn2018negro { background-color: black; opacity: 0.2}
    .marginado2018 { margin-top: 0em !important;
    }
	
	
	.eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	.bannershowroom { min-height: 16em;}
	.bannershowroomcat { min-height: 16em;}
	
	
	.bannershowroom2 { display: none !important;}
	
	.bannervestimos { min-height: 23em;}
	.bannervestimos22 { min-height: 23em;}
	.bannervestimos2 { display:none;}
	.bannervestimos4 { display:block; background-attachment: inherit;}
	.bannervestimos5 { min-height: none;}
	.titularpalacete { font-size: 22px !important;}
	.ppalacete {  width: 100% !important}
	
	
	
	
	
	.palacetetit { font-weight: 500; color: white; font-size: 70px; margin-right: 0.5em !important} 
	.guiapalacete {display: none;}

.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;}
.tpresentacions { width:100%;}

.yesmobile { display:block !important}
.he2 {
    margin-left: 14em !important;
}
}

/* IPHONE 6 PLUS PORTRAIT */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
	
	.he2 {
	margin-left: 11em !important;
	
} 
.dropdown-menu {
	position: absolute;
	top: 28px;
}
	.yess { display: none !important;}
	
	
	.imagendecabeceraherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagentricoat { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenkomfort { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagengranformatoherrajes { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenoscilo { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenapertura { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenseguridad { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrederas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagencorrosivos { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenmanillas { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}
.imagenporticones { background-attachment: inherit !important; padding: 0em 0em 0em 0em !important;}

 }


/* IPHONE 6 PLUS LANDS */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	
.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;}
.tpresentacions { width:100%;}	
	
}


/* iPad in portrait */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
    
     .titularharquitectes { font-size: 71px; font-weight: 300; color: white; text-align: left; margin-top: 0.5em; line-height: 71px; padding-left: 0.5em; font-family: 'Oswald', sans-serif; padding-top: 1.7em;}
    
    .bannerharquitectes {width:100%; min-height:580px; float:left; background-image:url('/img/harquitectes/07_AG_7848-2.jpg'); background-size:cover; background-repeat:no-repeat; display: table; background-position: center; background-position-y: -50px;}
    
    .lined { line-height: 35px;}
    .lined2 {margin: 0em auto 0em auto !important }
    .lined3 {color:white !important; font-size:3em; line-height:40px;}
    .lined4{font-family: Oswald, sans-serif; font-size:2.5em !important; font-weight:300; text-transform:uppercase;line-height:40px; color:#ccc !important}
	
	
	
	.eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 241px !important;}
	.gallery > div > a { width: 241px !important;}
	
	.gallery2 > div > img { width: 241px !important;}
	.gallery2 > div > a { width: 241px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	
.cbarra2 {
    background-color: white;
    height: 120px;
    position:relative;
}

.cidiomes2 {
    top: 60px;
    width: 100%;
    right: -18px;
}

.cbarrap { height:65px; padding-top: 4px;
}


#bproductos .cproductos {
    display: block;
    height: 66px;
    border-bottom: 5px solid #CCC;
}

.cproductos a {
    width: 16%;
    font-size: 12px;
}


.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;     display: inline-block; margin-top:2em;}
.tpresentacions { width:70%; margin-top:2em;}


 }
 

 
/* iPad in landscape */  
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) 
and (orientation : landscape) { 
	
	
	
	.eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	
.cbarrap .c1 { width:95% !important; margin:auto !important;}

.cbarra2 {
    background-color: white;
    height: 120px;
}

.cidiomes2 {
    top: 60px;
    width: 100%;
    right: -18px;
}

.cbarrap { height:65px; padding-top: 4px;
}


#bproductos .cproductos {
    display: block;
    height: 66px;
    border-bottom: 5px solid #CCC;
}

.cproductos a {
    width: 19%;
    font-size: 12px;
}


.fichasmaco { width:95%; float:left; padding-bottom:3em;}
.imagenmaco { width:40%; margin-bottom:10px;}
.linkmaco {font-size:18px; font-weight:800;}
.pmaco {width:70%; text-align:center; font-size:14px; margin:auto;}
.cuerpomaco {background-color:#f4f3ec; width:100%; margin-top:3.5em;}
.cuerpopresentacions {width:95%; margin-top: 15em;}
.cuerpomaco2 {width:100%; background-color:white; padding-bottom:10em; padding-top:3em;}
.spanmaco { font-size:30px;}
.pmaco2 { font-size:18px;     display: inline-block; margin-top:2em;}
.tpresentacions { width:70%; margin-top:2em;}



}



/* ----------- android ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 372px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
	  
	  
	  .eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}

}

/* Portrait */
@media screen 
  and (device-width: 372px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	  
	  
	   .eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}

}




@media screen and (max-width: 372px) {
	
	 
	   .eixampletit { font-size: 40px !important; line-height: 1em; } 
	.satisfy { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
.satisfy2 { font-family: 'Satisfy', serif; font-weight: 400; font-size: 1em; line-height: 60px;}
	.bannereixample { min-height: 23em;}
	
	.gallery > div > img { width: 375px !important;}
	.gallery > div > a { width: 375px !important;}
	
	.gallery2 > div > img { width: 375px !important;}
	.gallery2 > div > a { width: 375px !important;}
	
	.bannereixample2 { display:none;}
	.bannereixample4 { display:none;}
	
	
	
}



@media (min-width: 320px) and (max-width: 425px){
    .cbarra2 {
        background-color: #fff!important;
        height: 140px;
        position: relative;
    }
    
    
    
}







/* ----------- Pantallas ----------- */