body {font-family: Arial, Verdana, sans-serif; font-size: 80%; color: #333; background: #fff;}
input,textarea,select { font-family: Arial, Verdana, sans-serif; font-size: 1em; color: #333;}

a {text-decoration:none;}

#maqueta {width: 1077px; background:url(../images/bg.jpg) no-repeat top center; margin: 35px auto 0 auto;}

#todo{width: 960px;  margin: 35px auto 0 auto;}

em,strong{line-height: 1.6em;}

#cabecera{height: 100px; position: relative;}
#cabecera h1 {position: relative; float:left; margin:0; padding: 0px 0px 0px 20px;}
#cabecera a img {border:0px;}

div#cabecera div#log {width:480px; margin-right:10px; margin-top: 50px; float:right; overflow:hidden;}
div#cabecera div#log form {float:right;}
div#cabecera div#log form label {width:100px; display:inline; color:#666; margin-right:5px; margin-bottom:15px;}
div#cabecera div#log form input {font-size:1em;}
div#cabecera div#log form input#usuario {width:100px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:5px; padding: 2px 2px 1px 2px;}
div#cabecera div#log form input#usuario:focus {color:#666;}
div#cabecera div#log form input#contrasena {width:100px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; padding: 2px 2px 1px 2px;}
div#cabecera div#log form input#contrasena:focus {color:#666;}

#bloque p{line-height: 1.5em;}

.banner{ width: 100%; height: 300px; display: block; margin: 0 0 25px 0; position: relative; overflow: hidden; background: #333;}
.banner .banner_txt { z-index: 5; }
.banner #banner_im { z-index: 2; }
.banner #banner_im img { z-index: 3; }

.banner_txt{ position: absolute; height: 355px; width: 190px; background: url(../images/banner_bg.png) repeat; padding: 25px;}
.banner_txt h2{font-size: 20px; color: #fff; line-height: 1.3em; padding: 100px 0 15px 0;}
.banner_txt p{line-height: 1.6em; color: #999;}
.banner_txt p.des{font-size: 20px; color: #fff; line-height: 1.3em; padding: 100px 0 15px 0;}
.banner_txt a{color: #fff; font-weight: bold;}

.banner2{ width: 100%; height: 120px; display: block; margin: 0 0 25px 0; position: relative; overflow: hidden; }
.banner2 .banner_txt2 { z-index: 5; }
.banner_txt2{ position: absolute; height: 120px; width: 190px; background: url(../images/banner_bg.png) repeat; padding: 25px;}
.banner_txt2 h2{font-size: 20px; color: #fff; line-height: 1.3em; padding: 50px 0 15px 0;}
.banner_txt2 p.des{font-size: 20px; color: #fff; line-height: 1.3em; padding: 50px 0 15px 0;}

#menu{ display: block; list-style: none; width: 100%; height: 50px; background: #ccc; margin: 0 0 50px 0;}
#menu li{float: left;}
#menu li a{display: block; height: 50px; line-height: 50px; text-align: center; font-size: 1.166667em; color: #666; text-decoration: none;}
#nav1{ width: 240px;  }
#nav2{ border-left: 1px solid #fff; border-right: 1px solid #fff; width: 238px; }	
#nav3{ border-right: 1px solid #fff; width: 239px;  }
#nav4{ width: 240px;  }
	
#menu li a:hover, #menu li a.activo{background: #7d7d7d url(../images/menu_bg.gif) repeat-x; color: #FFF; font-size: 1.333333em;}

#bloque{width: 960px;}

#bloque img{padding-top:5px;}

#bloque #col1 {float: left; width:225px; color: #333;}
#bloque #col1 p {text-align: justify; }

#bloque #col2 {width:225px; color: #333; float: left; margin-left: 20px;}
#bloque #col2 p{ text-align: justify; }

#bloque #col3 {width:225px; color: #333; float: left; margin-left: 20px;}
#bloque #col3 p{ text-align: justify; }

#bloque #col4 {width:225px; color: #333; float: left; margin-left: 20px;}
#bloque #col4 p{ text-align: justify; }

#bloque a{ color: #33ccff; text-decoration:none;}
#bloque a:hover{color: #000;}
#bloque h2{font-size: 1.5em; color: #C6B57F; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}
#bloque h3{font-size: 1.5em; color: #C6B57F; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}
#bloque h4{font-size: 1.333333em; color: #999; padding: 0 0 15px 0; display: block; margin: 25px 0 0 0; }
h4 span{font-size: 1em; display: block;  margin: 5px 0 0 20px; color: #33ccff; }

#submenu {width: 225px; float: right; margin-left: 20px;}
#submenu .caja {background: #efefef; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-top: 0px; padding-bottom: 15px;}
#submenu h4 {color: #666666; text-shadow: 1px 1px #fff; font-size: 1.0em; padding: 15px 15px 0 15px;}
#submenu p {color: #666666; text-shadow: 1px 1px #fff; font-size: 1.0em; padding: 1px 15px 0 15px;}
#submenu ul {list-style: none; padding: 5px 15px; font-size: 1.0em; color: #666666;}
#submenu ul li {padding: 5px 0; border-bottom: 1px solid #d5d5d5; text-decoration:none;}
#submenu a {color: #666666; text-shadow: 1px 1px #ffffff; text-decoration:none;}
#submenu ul a {display: block; text-decoration:none;}
#submenu li.activo {background: url(../images/arrow.gif) no-repeat center right;}
#submenu a:hover {background: url(../images/arrow.gif) no-repeat center right;}

div.marco_der h4 {margin: 0px; padding: 0px 0px 10px 10px; font-size: 1.5em; color: #C6B57F; border-bottom: 2px solid #e1e1e1;}

div.marco_der p.nave {margin: 0px; padding: 0px 0px 10px 10px; font-size: 1.5em; color: #C6B57F; border-bottom: 2px solid #e1e1e1;}

#marco {width: 960px; color: #333; position: relative; z-index: 5;}

#marco p {line-height: 1.5em; text-align: justify; padding-bottom: 8px;}

#marco #marco_izq {background: none; width: 710px; float: left; padding: 0px 15px 0px 0px; z-index: 99; position: relative;}

#marco #marco_izq h2{font-size: 1.5em; color: #C6B57F; padding: 0 0 10px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}

#marco #marco_izq h3{font-size: 1.5em; color: #C6B57F; padding: 0 0 10px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}

#marco div.marco_der {width: 220px; min-height: 170px; padding: 0px 6px 0px 7px; margin: 0px 0px 0px 0px; float: left; 	background: #fff;}

#marco .submenu {margin-top: 20px; padding: 0px; list-style: none;}

#marco .submenu ul {margin-top: 24px;}

#marco .submenu li {margin: 0px; padding: 0px;}

#marco .submenu li a {overflow: hidden; height: 21px; color: #666; display: block; padding: 5px 10px 0px 30px; background: url("../images/submenu_arr.gif") no-repeat 10px 8px; text-decoration: none;	border-bottom: 1px solid #E1E1E1;}

#marco .submenu li a:hover, #marco .submenu li.activo {color: #C6B57F; background-color: #F8F8F8;}


#marco .submenu .sub ul {margin-top: 0px;}

#marco .submenu .sub li {}

#marco .submenu .sub li a {padding-left:40px; background:none;}

#marco .submenu .sub li a.activa {color: #C6B57F; background-color: #F8F8F8;}



#marco_gris {display: inline; float: left; width: 95%; margin: 20px 0px 10px 0px; background: #f9f9f9; padding: 10px 15px 5px 20px; border: 1px solid #f9f9f9;}

#marco_gris ul li {margin: 0px 0px 1.1em 8px; padding-left: 3px; list-style-type:square; line-height: 1.5em;}

ul#servicios {list-style-type: none; margin-top: 5px;}

ul#servicios li {text-align: justify; font-size: 12px; background-image: url(../Images/tick.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; background-color: #F2F2F2; line-height: 18px; padding-right: 30px; text-align: justify;}

ul#servicios span {width: 300px; font-weight: bold;}

ul#servicios .color {background-color: #FFFFFF;}

ul#servicios li a {color: #A18F55;}

ul#servicios li a:hover {color: #000;}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#marco #marco_izq2 {background: none; width: 465px; float: left; padding: 0px 15px 0px 0px; z-index: 99; position: relative;}

#marco #marco_izq2 h2{font-size: 1.5em; color: #C6B57F; padding: 0 0 10px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}

#marco #marco_izq2 h3{font-size: 1.5em; color: #C6B57F; padding: 0 0 10px 0; margin: 0 0 25px 0; border-bottom: 2px solid #e1e1e1;}

#marco div.marco_der2 {width: 465px; min-height: 170px; padding: 0 6px 0px 7px; margin: 0px 0px 0px 0px; float: left; background: #fff;}

div.marco_der2 h2 {margin: 0px; padding: 0 0 10px 0; font-size: 1.5em; color: #C6B57F; border-bottom: 2px solid #e1e1e1;}

div.marco_der p.nave {margin: -4px 0 0 0; padding: 0 0 0 0; font-size: 1.3em; color: #C6B57F; border-bottom: 2px solid #e1e1e1;}

#contenido ul li {list-style-image:  url("../images/bullet.gif"); margin: 5px 0 5px 50px;}

#contenido ul li a {color: #8D7B42;}

#contenido ul li a:hover {color: #333;}




#pie{clear: both; margin: 50px 0 0 0; padding: 15px 0 25px 0; display: block; border-top: 2px solid #e1e1e1; color: #999; position: relative; }
#pie ul{position: absolute; right:0; top:15px;}
#pie p{position: absolute; left:0; top: 15px; }
#pie ul li{float: left; padding: 0 0 0 15px;}
#pie ul li a{color: #8D7B42;}
#pie ul li a:hover{color: #333;}

#map {width:405px; height:330px; margin:0; padding:0; color: #F3F2EB;}
#googleMap {width:405px; height:330px; position:relative; margin:10px -14px 0px 0; border:1px solid #eee; padding:6px 6px 6px 6px; background: #fff; color: #F3F2EB;}

#contenedor {background-color:#fff; width:455px;}
#mapa {height:330px; margin-bottom:6px; width:455px; border:1px solid #eee; background: #fff}
#mapa p.estatica img {height:330px; width:455px;}

#contacto-form {width:465px; margin: 23px 0 0 0;}
#contacto-form label {padding:6px 12px 0 0; width: 150px; display:block; float:left; text-align:left;}
#contacto-form .input {border: solid 1px #E5E5E5; padding:4px; margin-bottom:8px;width:290px;}
#contacto-form .email {border: solid 1px #E5E5E5; padding:4px; margin-bottom:8px; width:275px;}
#contacto-form .select {border: solid 1px #E5E5E5; padding:4px; margin-bottom:8px; width:275px;}
#contacto-form .textarea {border: solid 1px #E5E5E5; padding:4px; width:275px; margin-bottom:8px; resize:none;}
#contacto-form .boton {margin: 8px 0 0 160px; padding: 6px; width: auto; font-size: 1.2em; background:#383838; color: #F3F2EB;}

ul.contactoList {list-style-type: none; background:none; float: right; width: 230px; w\idth: 235px; margin: 0px 0 0 0; padding: 0 0 0 20px; border-left: 0px solid #dbe1d1;}
ul.contactoList li {list-style-type: none; background: none; padding: 4px 0 6px 0;}
ul.contactoList li a {color: #C6B57F;}
ul.contactoList li.ultima {list-style-type: none; background:none; border: none; }
ul.contactoList li span {list-style-type: none; background:none; display: block; float: left; width: 66px; color: #000;}

#marco ul.mas {margin-bottom: 15px; line-height: 2.9em;}
#marco ul.mas li {padding: 0 0 8px 0;}


/* FORMULARIOS
---------------------------------------------------------------------- */

form {margin-bottom:18px;}

label {display:block; overflow:hidden; margin-bottom:15px;}

label span {display:block; width:60px; float:left; margin-right:20px;}

input[type="text"], textarea, select {border:none; background:#eee; font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#333; width:290px;}

input[type="text"]:focus, textarea:focus, select:focus {background-color:#fff;}

input[type="submit"] {display:inline; border:none; background:#383838; font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; letter-spacing:1px; font-size:0.916667em; padding:2px; color: #fff;}

input[type="submit"]:hover {background-color:#ccc;}

.hidden {position: absolute; left: -999px; width:1px; font-size:0%; padding:0; margin:0;}