/*---------------------------------
------------ GENERAL -------------- 
-----------------------------------*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}
body{ background:url(images/bg_page.jpg) repeat-x 120px #FFFFFF}

a{
	text-decoration:none;
	color:#666666;
}
a:hover, li a:hover{
	color:#666666;
}

ul{list-style:none;}
p, span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#323232; margin-top:4px; line-height:18px}
h1 {
font-family: "Century Gothic"; 
font-size:21px; 
color: #333333; 
line-height:20px; 
font-weight: normal;
padding: 5px 0 0 90px;
 margin-bottom:7px;
 }
 
 h2 {
font-family: "Century Gothic";
background:url(images/h2_titulo.png) no-repeat; 
font-size:16px;
padding: 27px 0 0 50px;
margin:0;
height: 32px;
color: #333333; 
font-weight: normal;

 }
 
 h3 {
font-family: "Century Gothic";
background:url(images/h2_titulo.png) no-repeat; 
font-size:16px;
padding: 27px 0 0 50px;
margin:0;
height: 32px;
color: #333333; 
font-weight: normal;

 }
h4 {
font-family: "Century Gothic";
font-size:12px;
padding: 0 0 5px 0;
border-bottom:#CCCCCC solid 1px;
margin:0;
color: #333333; 
font-weight: normal;

 }
.separador {border-bottom:1px #666666 dotted; width:100%; clear:both}

/*---------------------------------
----------- HEADER ------------ 
-----------------------------------*/
#header{
z-index:90;
width:100%;
background:url(images/header_bg.png) repeat-x;
height:122px;

}
#header #interior, #contenedor{
width:930px;
height:120px;
left:50%;
margin-left:-465px;
position:relative;
}
.logotipo{
	background:  url(images/logo.png) no-repeat -5px 20px;
	padding-top:30px;
	display:block;
	width:264px;
	height: 70px;
	float:left;
	margin-left:20px;
}
#sombra{
background:url(images/bg_sombra.png) repeat-x;
margin-top:-10px;
width:100%;
height:10px;
z-index:11;
position:relative;
}
/*---------------------------------
----------- MENU ------------ 
-----------------------------------*/
#tab{
width:538px;
height:111px;
float:right;
margin-left:40px;
}
#tab ul 
{
	padding:0;
	list-style:none;
	height:100%;
}
#tab li 
{
	padding-top:50px;
	display:inline;
	float:left;
	height:62px;
}
#tab li a:hover, #tab li:hover, .activo
{
	color:#CC0000;
	background-color:#ededed;
}
#tab li a 
{
	display:block;
	padding:0 10px 0 10px;
	font-size:0.75em;
	font-family:arial;
	color: #424242;
	text-decoration:none;
	
}

/*---------------------------------
----------- CONTENEDOR ------------ 
-----------------------------------*/
#contenedor{
margin-top:-9px;
height: auto;
background:url(images/bg_content.png) repeat-y;
padding-left:2px;
overflow:hidden;
}



#contents_wrapper{

overflow:hidden;
}
.content{
float:left;
}
#contents{
width:100%
}

#cabeceraimagen{
	height:200px;
	width:915px;
	margin-right:4px;
	float:left;
}

#columnaizquierda{
height: auto;
width:270px;
float:left;
margin-left:20px;
}
#columnaderecha{
	height: auto;
	width:588px;
	float:right;
	margin-right:16px;
	padding-right:25px;
	padding-top:3px;
}
 
* html #columnaderecha{
width:554px;
}
/*---------------------------------
----------- COLUMNAIZQUIERDA ------------ 
-----------------------------------*/

#cont{
	height:200px;
	width:230px;
	background:url(images/bg_contacto.png) no-repeat;
	margin-top:-20px;
	z-index:11;
	position:relative;
	padding-top:30px;
	padding-left:33px;
	diplay:in-line;
}
*+html #cont{
position: static
}
*html #cont{
margin-top:0px;
}
#retrollamada{
height:102px;
width:241px;
margin-top:20px;
padding-top:30px;
padding-left:33px;
background:url(images/bg_retrollamada.jpg) no-repeat;
}

#columnaizquierda li a, #columnaizquierda ul.interiores li a{
line-height:14px;
background:url(images/li_noticias.jpg) left no-repeat;
padding-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#323232;
}
#columnaizquierda ul.interiores li{
border-bottom:1px #85b09b solid;
width:260px;
}
#columnaizquierda ul.interiores li a{
line-height:25px;
padding-bottom:3px;
}
#columnaizquierda ul.interiores li a:hover, #columnaizquierda ul li a:active{
color:#6b8c7b;
font-weight:bold;
}
/*---------------------------------
----------- COLUMNADERECHA ------------ 
-----------------------------------*/
#columnaderecha #columna1{
float:left;
width:322px;
height: auto;
padding: 0 0 10px 0;
}
* html #columnaderecha #columna1{
width:312px;
}
#columnaderecha #columna2{
float:right;
width:220px;
height: auto;
}
* html #columnaderecha #columna2{
width:210px;
}
#columnaderecha #columna2 li{
line-height:25px;
border-bottom:1px #cccccc solid;
background:url(images/li_servicios.jpg) left no-repeat;
padding-left:32px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#323232;
}
#columnaderecha #piecolumnaderecha{
clear:both;
height: auto;
padding-top:9px;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}



*+html #contenedornoticias p{
margin-top:-2px;
}
#columnaderecha #subcontenido1, .columnacontenido, #columnaderecha #subcontenidofirmas, #columnaderecha #micontenidodenoticias,#columnaderecha #contentnidosss1,#columnaderecha #subcontenido2{
width:564px;
float:left;
overflow:hidden;
}
.columnacontenido{
width:524px;
margin-top:20px;
}


#subcontenidos{
max-height:324px;
}
.subcontenido{
float:left;
width:554px;

}


#footer{
clear:both;
width:100%;
height:208px;
}
*html ol li{
width:100px;
float:left;
clear:left;
}

form{
padding: 0 0 0 18px;}

textarea{
border:#CCCCCC solid 1px;
width: 245px;}

.label{
border:#CCCCCC solid 1px;}

.button{
height:33px;
width: 125px;
background:url(images/boton_enviar.jpg) no-repeat;
}