/***********************
 ******* GENERAL *******
 ***********************/

#contenedor2{  
  margin: 17px 17px 0 17px;
  min-height: 400px;
  height: auto !important;
  height:400px;
	border: 1px solid #231f20;
}

#logo{  
  margin: 20px 20px 0 20px;  
  height: 63px;
  border: 0px solid red;
}

#logo img{
  float: left;
}


#otro_idioma{  
  display: block;
  font-size: 13pt;
  text-align: right;
  
  border: 0px solid red;
}

#otro_idioma a{
  text-decoration: none;
  color: #231f20;
}

#otro_idioma a:hover{
  text-decoration: none;
  color: #009ddc;
}


#contenidos{
  position: relative;
  width: 100%;
  background: transparent url("../images/bg-logo-entero.jpg") no-repeat 0 200px;
  
  min-height: 480px;
  height: auto !important;
  height: 480px;
  
  border: 0px solid red;  
}


/****************************
********* IZQUIERDA *********
****************************/

#izquierda{
  position: absolute;
  top:0;
  left:0;
  width: 220px;
  
  border: 0px solid red;  
}

/**** menu ****/

#menu{  
  width: auto;
  padding-left: 10px;
  
  border: 0px solid red;  
}


#izquierda ul#secciones{ 
  padding:0;
  margin:0;  
}

#izquierda ul#secciones li.seccion, 
#izquierda ul#secciones li.seccion_activa{
  margin: 0;
  padding:0;
  list-style: none;
  display: block;
  font-size: 10pt;
  text-align: left;
  font-weight: bold;
}

#izquierda ul#secciones li.sub{
  padding-left: 20px;
}

ul#secciones li.seccion a{
  text-decoration: none;
  color: #231f20;
}

ul#secciones li.seccion a:hover{
  text-decoration: none;
  color: #009ddc;
}

ul#secciones li.seccion_activa a{
  text-decoration: none;
  color: #009ddc;
}

ul#secciones li.seccion_activa a:hover{
  text-decoration: none;
  color: #009ddc;  
}

/****** submenu ********/

#submenu{
  position: relative;
  width: auto;
  margin: 15px 0 auto 65px;
  padding: 5px;
  border: 0px solid red;
}

#submenu ul#categorias{ 
  padding:0;
  margin:0;  
}

#submenu ul#categorias li.cat, 
#submenu ul#categorias li.cat_activa{
  margin: 0;
  padding:0;
  list-style: none;
  display: block;
  font-size: 7.5pt;
  text-align: left;
  font-weight: normal;
}

#submenu ul#categorias li.cat a{
  text-decoration: none;
  color: #231f20;
}

#submenu ul#categorias li.cat a:hover{
  text-decoration: none;
  font-weight: bold;
}

#submenu ul#categorias li.cat_activa a, 
#submenu ul#categorias li.cat_activa a:hover{
  text-decoration: none;
  color: #231f20;
  font-weight: bold;
}


/****************************
********* CENTRO ************
*****************************/

#centro{  
  margin: 0 220px 0 220px;
  width: auto;
  min-height: 459px;
  height: auto !important;
  height: 459px;
  text-align: left;
  
  border: 0px solid red;
}

*html body #centro{
  text-align: center;
}

/******  texto y titulo *******/

#centro #texto{
  margin: 0 auto;
    
  min-height: 400px;
  height: auto !important;
  height: 400px;  
  
  line-height: 2em;
  
  border: 0px solid red;
}

*html body #centro #texto{  
  /*width: expression( document.body.clientWidth > 1024 ? "550px" : "auto");*/ 
}

#centro #titulo{
  margin: 0 auto;
  /*max-width: 550px;*/  
  
  border: 0px solid red;  
}

*html body #centro #titulo{
  /*width: expression( document.body.clientWidth > 1024 ? "550px" : "auto");*/
}

#centro #titulo .seccion{
  font-size: 11pt;
  color: #009ddc;
  text-align: left;
  font-weight: bold;
  display: block;
}

#centro #titulo .sub{  
  font-size: 11pt;
  color: #231f20;
  text-align: left;
  font-weight: bold;
  display: block;  
  margin-left: 20px;
}

#centro #texto.blanco{
  /*max-width: 550px;*/
  padding:0;
  text-align: left;
  background-color: white;
}

#centro #texto blockquote.cita{
  margin: 20px 0 auto auto;  
  font-size: 13pt;
  font-style: italic;
  text-align: left;
  width: 60%;
  float: right;
  
  border: 0px solid red;
}

#centro #texto.gris{
  background-color: #d1d3d4;  
  min-height: 300px;
  padding: 25px;  
  /*max-width: 500px;*/
}

*html body .gris{
  /*width: expression( document.body.clientWidth > 1024 ? "550px" : "auto");*/
  text-align: left;
  background-color: #d1d3d4;
  height: 300px;
  padding: 25px;
}

#centro a{
  text-decoration: none;
  /*color: #231f20;*/
  color: #009ddc;
}

#centro a:hover{
  color: #009ddc;
  text-decoration: none;
}

#centro a.link{
  color: #009ddc;
  font-weight: bold;
}

#centro span.enlace_clientes {
  position: absolute;
  top:0;
  right:1%;
}

#centro span.enlace_clientes a{
  font-style: italic;
  color: #009ddc;
  font-size: 10pt;
}


/****** formularios ********/

fieldset{ border: none; }

label{ font-weight: bold; }

input.textfield{
  border: none;
  width: 100%;
}

.dcha{
  border: none;
  display: inline;
  width: 49%;
  float: right;  
}

.izda{
  border: none;
  display: inline;
  width: 49%;
  float: left;  
}

textarea{
  border: none;
  width: 100%;
  height: 75px;
}

input.boton_enviar, 
img.boton_condiciones{
  float: right; 
}

/****************************
********* DERECHA ***********
*****************************/

#derecha{
  position: absolute;
  top:0;
  right:0;  
  height: 100%;
  width: 220px;
  overflow: hidden;
  border: 0px solid red;
}

#derecha img{}

#derecha #lista_servicios{
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  
  padding-top: 100px;
  padding-right: 10px;
  padding-left: 15px;
  
  text-align: left; 
  
  border: 0px solid red;
}


#derecha ul#servicios{ 
  padding:0;
  margin:0;  
}

#derecha ul#servicios li.servicio,
#derecha ul#servicios li.subserv{
  margin: 0;
  padding:0;
  list-style: none;
  display: block;  
  text-align: left;
  color: #231f20;  
}

#derecha ul#servicios li.servicio{
  font-size: 9pt;
  font-weight: bold;
}

#derecha ul#servicios li.subserv{
  font-size: 8pt;
}

ul#servicios li.servicio a,
ul#servicios li.subserv a{
  text-decoration: none;
  color: #231f20;
}

ul#servicios li.servicio a:hover,
ul#servicios li.subserv a:hover{
  text-decoration: none;
  color: #009ddc;
}





/***************************
 ********* PIE *************
 ***************************/
 
#datos_pie{
  margin: 5px 220px 0 220px;
  width: auto;
  font-size: 7pt;
  display: block;  
  
  border: 0px solid red;
}

#datos_pie a{
  text-decoration: none;
  color: #231f20;
}

#datos_pie a:hover{
  color: #009ddc;
  text-decoration: none;
}

/****************************
 ******** otros *************
 ****************************/

.separador{
  height: 25px;
}

.separador2{
  height: 5px;
}

.clear{
  clear: both;
}