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

a{ text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; }
hr{	border: 0px; height: 1px; background-color: #ffffff; }
body{ background-color: #FFFFFF; background-image: url(../img/fondo.jpg); background-repeat: repeat-x; }
img{ border: 0px;}

div#envoltorio{ width: 1506px; margin: 0 auto; }

div.lateralIzq{ float: left; width: 253px; height: 400px; }
div.lateralIzq img{ width: 253px; height: 400px; }
div.lateralDer{ float: right; width: 253px; height: 400px; right: 0; }
div.lateralDer img{ width: 253px; height: 400px; }

div.contenedor{	width: 1000px; margin: 0 auto; }
div.logo{ width: 228px; float: left; }
div.opciones{ width: 500px; float: right; text-align: right; padding: 10px; color: #f30; }
div.opciones a{	color: #fff; text-transform: uppercase; }
div.logoSirena{ width: 228px; float: left; }
div.cita{float: left; margin-left: 261px; margin-top: -25px; }
ul#menu{ width: 895px; background-image: url(../img/barra.jpg); height: 38px; padding-left: 105px; border-radius: 5px; margin-bottom: 0px; float: left;}
#menu li { float:left; list-style: none; width: 150px; text-align: center; }
#menu li a {display: block; font-size: 16px; font-weight: bold; padding: 10px 15px 10px 20px; color: #303030; margin-left: -5px; background-image: url('../img/image.jpg'); background-position: left top; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; border: 1px solid #ccc; border-top: none; border-bottom: none; }    
#menu li a:hover {color: white; background-position:right top; }

div.contenido{ background-color: #FFFFFF; padding-top: 15px; margin-top: 190px; clear: both; }

div.mapa{ color: #666; margin-top: 30px; margin-left: 25px; font: normal 12px Arial, Helvetica, sans-serif; }
div.mapa a{	color: #666; font-weight: normal; }
div.mapa a:hover{ text-decoration: underline; font-weight: bold; }

div.texto h5{ font: bold 16px Arial, Helvetica, sans-serif; color: #08B7AC; margin-left: 25px; }
div.texto p{ font: 12px Arial, Helvetica, sans-serif; color: #303030; margin-left: 25px; padding-right: 25px; line-height: 20px; }

hr.base{ border: 0px; height: 1px; background-color: #e7e7e7; margin-top: 10px; margin-bottom: 10px; }

div.productos{ border: 1px solid #08B7AC; float: left; height: 227px; width: 173px; margin: 10px; margin-top: 25px; padding: 0; background-color: #f7f7f7; }
div.categorias{ overflow: hidden; }
div.productos h5{ margin-left: -1px; margin-top: -18px; text-align: center; font: 14px Verdana, Geneva, sans-serif; width: 175px; float: left; background-image: url(../img/categoria.png); padding: 0px; height: 20px; padding-top: 5px; }
div.productos h5 a{ color: #FFFFFF; display: block; }
div.imagen{ padding: 0; margin-top: 0; }
div.imagen img{ margin-top: -29px; padding: 0; }
div.categoria{ margin-top: 25px; }

div.caracteristicas{ width: 600px; margin-left: 200px; padding-top: 0px;}
div.caracteristicas div.texto h5{ margin-top: 0px; border: }
div.caracteristicas div.texto h3{ font: bold 16px Arial, Helvetica, sans-serif; color: #303030; }
div.caracteristicas div.texto h4{ font: bold 14px Arial, Helvetica, sans-serif; color: #303030; margin-left: 25px; }
div.caracteristicas div.texto ul{ margin-left: 25px; font: normal 11px Arial, Helvetica, sans-serif; color: #303030; line-height: 20px; }

div.instalaciones h2{ font: 14px Arial, Helvetica, sans-serif; background-color: #878787; color: #ffffff; width: 185px; float: left; text-align: center; cursor: pointer; border-right: 2px solid white; }
div.instalaciones h2.seleccionado{ background-color: #32AD9E; }
div.fotos-instalaciones ul{ list-style-type: none; overflow: hidden; margin-top: 40px; padding: 0; }
div.fotos-instalaciones ul li{ float: left; border-right: 2px solid white; border-bottom: 2px solid white; }

ul.servicios{ font: 16px Arial, Helvetica, sans-serif; color: #303030; list-style-image: url(../img/verify.png); width: 500px; margin-left: 300px;}
ul.servicios li{ line-height: 20px; }

div.envAcabados p{ width: 600px; height: 50px; margin-left: 185px; margin-top: -70px; margin-bottom: 20px; font-size: 12px; line-height: 12px; overflow: hidden; }
div.envAcabados p#uno{ margin-top: 5px; }

div.envAcabados{ width: 802px; margin-left: 195px;  }
div.acabados{position: relative; margin: 2px; margin-bottom: 10px; cursor: pointer; width: 173px; height: 50px; overflow: hidden; transition: all 1s ease-out; top: -70px; }
div.acabados:hover{ width: 800px; }
div.fotos{ margin-top: 5px; }

span.domicilio{ font: bold 16px Verdana, Geneva, sans-serif; color: #900; }
div.tarifario{ width: 800px; margin-left: 195px; font: 12px Verdana, Geneva, sans-serif; }
div.tarifario ul{ list-style-image: url(../img/verify.png); }
div.tarifario p{ margin-left: 25px; }
h5[class^=tarifas]{ cursor: pointer; }
ul[id^=tarifas]{ display: none;}
div.tarifario table{ font: 14px Verdana, Geneva, sans-serif; }

div.mapaGoogle{ margin-left: 250px; }
div.mapaGoogle small{ margin-left: 0px; }

div#direccion{ border-right: 1px solid #676767; width: 300px; font: 14px Verdana, Geneva, sans-serif; height: 200px; padding-top: 100px; float: left; margin-left: 100px; line-height: 20px; }
div#formulario{ font: 14px Verdana, Geneva, sans-serif; width: 350px; margin-left: 425px; margin-bottom: 120px; }
div#input{ width: 150px; }
td#comentarios{ vertical-align: top; }
div#formulario textarea{ width: 150px; height: 100px; }
div.envio{ margin-bottom: 176px; }
div#formEnviado{ margin-bottom: 296px;}


div#footer{ font: 14px Verdana, Geneva, sans-serif; color: #878787; padding-left: 8px; height: 50px; margin-top: 20px; border-top: 1px solid #676767; padding-top: 30px; }
div#footer span#uno{ width: 450px; margin-right: 270px; }
div#footer span#dos a{ color: #878787; font-size: 14px; font-weight: normal; }
div#footer span#dos a:hover{ text-decoration: underline; }


div.lightbox{ float: right; margin-right: 20px; }
div.lightbox img{ border: 1px solid #e7e7e7; margin-bottom: 10px; }