/* CSS Document */


* { margin: 0; padding: 0; }    a img { border: 0; background: transparent; }    fieldset { border: none; }    html { height: 100% }    body { min-height: 101% }

body {font: 70% Verdana, Arial, Helvetica, sans-serif;color: #595959;background:url(../img/body-bg.gif) repeat-x #FFF;}

/*-----------------------------------
contenedor
-------------------------------------*/
#contenedor { width: 1000px; margin: 0 auto; background:url(../img/bg.gif) #fff repeat-x;}

/*----------------------------------------
cabecera
----------------------------------------- */

#cabecera {	background-image:url(../img/bg_header.gif);	background-position:top;background-repeat:no-repeat;	float: left;
height:90px;width:1000px;	margin:0; 	}
a.logo {width:302px;height:90px;display:inline;float:left;	overflow:hidden;background:url(../img/logo.gif);text-indent:-9999px;
	margin:0px 0 17px 242px;}


/*-----------------------------------------
menu
-----------------------------------------*/
#menu { height:32px; margin:0px 0 0 0px; padding:0;}
#menu ul { margin:0; padding:0;list-style:none;}
#menu li {float:left; font-size:11px; font-weight:bold; padding-top:10px; margin:0 auto; }
#menu a {display:block; padding:9px 15px 9px 10px; font-weight:bold; color:#fff; text-decoration:none; text-align:center;}
#menu a:hover, .active {/* background:url(../img/menu.gif);*/ border-bottom:1px solid #cc0000; }	

/*-------------------------------------
suscripción boletin
--------------------------------------------*/

#boletin { background:url(../img/header.gif) no-repeat; width:1000px; height:110px; margin-top:5px;  padding:0;}
html>body #boletin { background:url(../img/header.gif) no-repeat; width:1000px; height:110px; margin-top:96px;  *margin-top:0px!important; padding:0;}

#boletines{float:right;width:410px;color:#ffffff;padding:1px;  margin-top:20px!important;  }

/*--------------------------------------
banner
--------------------------------*/
#banner{float:right;width:465px;padding:1px 0 1px 1px;  margin-top:6px!important;  }
html>body #banner{float:right;width:465px;padding:1px 0 1px 1px;  margin-top:2px!important;  }
/*--------------------------------
flash
-----------------------------------*/

#flash{ margin-top:10px; margin-bottom:10px;}

/*--------------------------------------
desarrollo
--------------------------------------*/
#container { width:1000px; margin:0; padding:0; }
html>body #container { *height:780px!important; background-color:#FFFFFF;}
#container  ul { padding:0; margin:0;}
#container  li { padding:0; margin:0 0 0 20px; font-size:11px; line-height:18px;}
#container  li a { text-decoration : none; font-weight : normal; color : 0f1d8e; }
#container  li a:hover { color : #666; }

/*---------------------------------------
menu izquierda
----------------------------------------*/

#serv {width:990px; height:300px; padding:0;margin:0 auto; background-color:#FFFFFF;}

#servlist { background: url(../img/servicios.gif); float:left; width: 241px; margin:0 0 0 13px; padding:0 0 20px 0; height:207px;}
html>body #servlist { background: url(../img/servicios.gif); float:left; width: 241px; margin-left:25px; padding:0 0 20px 0; height:207px;}

#servlist ul {list-style:none;margin:0;padding:0;}
#servlist ul li {float:right;font-size:11px;margin:0 auto;}
#servlist ul li a {display:block;width:195px;height:23px;margin:0;padding:10px 15px 0 0;color:#333;text-align:left;font-size:11px;text-decoration:none;}
#servlist ul li a:hover {background:url(img/tabs.gif);}
#servlist ul li a.active {color:#0f1d8e;font-weight:bold;background:url(img/tabs.gif);}


/*------------------------------------
contenedor textos
------------------------------------*/
#servcon{ background:url(../img/texto.gif) no-repeat left top;  width:650px; float:right;padding:10px; margin:15px 0 0 0;  text-align:left; background-color:#FFFFFF; }
#servcon ul li {list-style:none;}
#servcon ul li   a:link { 	color: #595959; text-decoration: underline;}
#servcon ul li   a:visited {text-decoration: underline; color: #595959;}
#servcon ul li  a:hover {text-decoration: underline; 	color: #FF0000;}
#servcon ul li   a:active {text-decoration: underline;	color: #595959;}
#servcon ul li ul li {list-style:none;}
#servcon ul li ul li  a:link { 	color: #595959; text-decoration: underline;}
#servcon ul li ul li  a:visited {text-decoration: underline; color: #595959;}
#servcon ul li ul li  a:hover {text-decoration: underline; 	color: #FF0000;}
#servcon ul li ul li  a:active {text-decoration: underline;	color: #595959;}


p {  color:#555; margin:0; padding:0; line-height:18px;}

#footer { clear:both; background:#f1f1f1; border-top:2px solid #ccc;color : #999; margin : 0; padding : 10px 20px 20px 5px; background-image:url(../img/footer.gif); background-position:bottom; background-repeat:repeat-x;}
a { text-decoration : none; font-weight : normal; color : #0f1d8e; }
a:hover { color : #666; }

/*-----------------------------------
 formularios
 ----------------------------------*/

.c_columna{margin:10px 10px 10px 10px;}
.c_etiqueta{margin:5px 5px 5px 5px;}
fieldset{border:1px solid #ccc;margin-top:20px;}
fieldset legend{color:#222;font-weight:bold;}
.c_columna input{font-size:11px; font-weight:bold;color:#111;}
.c_columna textarea{font-size:11px;color:#111;}




.foto_izda{position: relative;float:left; width:120px; margin-top:10px;
padding-right:10px; }

.foto_dcha{position: relative;float:right; width:auto; margin-top:10px;
padding-left:10px;  margin-bottom:0px;}



.clear{clear:both;}