body {font-family:Arial, Helvetica, sans-serif;}

p {font-size:12px;}
h4 {text-align:center; font-size:18px; margin:0 0 2% 0}
.izq{float:left}
.der {float:right}
.wrap {width:100%;padding-top:1%; padding-bottom:1%;}

.columna img {width:100%;}
.columna.izq img {width:100%;}
.columna.izq {width:58%; border:1px dashed #ccc; padding:1%; margin:3% 0 0 0; height:380px; position:relative;}
.columna.izq span {background: #e9ad52;clear: both;width: 94%;padding: 1%;display: block;font-size: 22px; text-align: center; position:absolute; bottom:10px;}
.columna.der {width:38%; margin:3% 0; }
.columna.completa ul.servicios {width:100%; clear:both;}
.columna.completa ul.servicios  li {width:29%; float:left; list-style:none; margin-right:3%; margin-bottom:3%; height:437px;}
.columna.completa ul.servicios  li.final {margin-right:0;}

.columna.completa ul.garantias {width:100%; clear:both;}
.columna.completa ul.garantias  li {width:17%; float:left; list-style:none; margin-right:2.5%; margin-bottom:4%;}
.columna.completa ul.garantias  li.final {margin-right:0; }

.cabecera {width:100%; clear:both; overflow:hidden; max-width:900px; margin:0 auto;}
.cabecera .logotipo {width:50%; float:left;}
.cabecera .telefono {width:23%; background:#e9ad52; float:right; padding:10px; text-align:right;}
.cabecera .telefono li {list-style:none;}
.cabecera .telefono .telf {font-size:36px;}
.cabecera .telefono .mail {font-size:16px;}

.cabecera h1 {margin:0;}
.cabecera h1 a {background:url(../images/logo.jpg) no-repeat; width:400px; height:75px; display:block; text-indent:-999999px;}
.cabecera h2 {text-indent:-99999px; margin:0; padding:0; height:0;}

#emf-form {border:1px dashed #ccc; padding:4%; font-family:Arial, Helvetica, sans-serif; font-size:10px; height:371px;}
#emf-form h3 {font-size:20px; color:#D90021; margin:0 0 1% 0; text-align:center;}

.contenido {width:100%; margin:0 auto; max-width:900px;}

.columna.izq p {font-size:19px; margin-bottom:5%; color:#666; text-align:justify; line-height:24px;}
.garantias p {padding:3%; color:#888; font-size:16px; text-align:center;}
.garantias li { border:4px solid #f8f8f8; text-align:center; padding-top:2%; height:215px;}
.garantias li img {width:50%;}
.servicios li p {color:#333; font-size:16px; text-align:center;}
.servicios li {border:1px dotted #ccc; padding:1%;}
.servicios .boton {background-color:#ccc; text-align:center; padding:2%;}
.servicios .boton a {color:#FFF;}

.pie {background:#333; color:#FFF; width:100%; clear:both;  height:78px;}
.wrapie {width:100%; margin:0 auto; max-width:900px;}
.pie p {width:60%; font-size:14px; margin-top:4%; float:left;}
.pie span {padding:1%; font-size:24px; background:#999; float:right; margin:2% 0 0 0;}

form input {color:#999; text-align:center !important; height:20px; margin-bottom:7px;}

form select {width:305px !important; height:25px; margin-bottom:7px;}

#home .nav li.suelos, #marmol .nav li.marmol, #terrazo .nav li.terrazo, #precios .nav li.precios, #parquet .nav li.parquet, #mosaicos .nav li.mosaicos, #mosaicos .nav li.mosaicos, #mosaicos .nav li.mosaicos, #hormigon .nav li.hormigon, #parquet .nav li.parquet, #mosaico .nav li.mosaico, #precios .nav li.precios {background:#e9ad52;}



@media screen and (max-device-width : 480px) {
.cabecera .logotipo {
	width: 100%;
	float: none;
	text-align:center;
}
.cabecera h1 a {
	font-size:95%;}

.cabecera .telefono {
	width:100%;
	text-align:center;
}

.toggleMenu {
	width:100%;
	text-align:center;
	background:#D90021;
	padding:2% 0;
}
.nav > li {text-align:center;}
.columna.izq {float:none; width:100%; border:none; padding:0; height:100%;}
.columna.izq p {font-size:99%; padding:2%; text-align:center;}
.columna.izq span {display:none;}
.columna.der {float:none; width:97%; height:90%; border:5px solid #ccc;}
.columna.completa ul.servicios li {float:none; width:100%; height:100%; border:none; padding:0;margin-top:10%;}
.columna.completa ul.garantias {display:none;}
.servicios li p {padding:0 2%;}
.pie {text-align:center;}
.pie p {text-align:center; width:100%; float:none; padding-top:2%;}
.pie span {float:none; width:100%;  text-align:center; margin:0 auto;}
.servicios .boton {width:90%; margin:0 auto;}
#emf-form {background:none; padding:0; margin:0 auto; border:none; height:120%;}
#emf-form table {width:90% !important; margin:0 auto; border:none;}
#emf-form table input, #emf-form table select, #emf-form table textarea {width:90% !important;}
#emf-form table #td_element_field_6 div { font-size:7px;}




}