/* 
 *  PROYECTO: Obra social 2006
 *  DESCRIPCIÓN: Hoja de estilos comunes
 *  AUTOR: David Ortiz 03/05/2006
 */

body
{
	margin : 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image: url(../gifs/BGComun.gif);
}
a
{
	color: #00676c;
}
img
{
	border:0px!important;
}
select
{
	font-size  : 100%; /*12px;*/
}
textarea
{
	width:200px;
	height:100px;
}
.bold
{
	font-weight:bold;
}

/*
 * CENTRADO DË PÁGINAS
 */ 
.centeredPage
{
	position: relative;
	width: 778px;
	margin: 0px auto;
	padding: 0px;	
}

/* 
 *	CABECERA 
 */

#header				
{
	position: relative;
	width   : 100%;
	height  : 90px;
	background-color: #ffffff;
	background-image: url(../gifs/bgHeader.gif);
	background-repeat: repeat-x;
	font-family: arial,verdana;
	font-size: 80%; /*12px;*/
	color: #FFFFFF;
}

/* Logotipo */

#logo
{
	position: absolute;
	top :  5px;
	left: 10px;
	height:60px;
}
#logo h1
{
	margin:0px 0px 0px 0px!important;
}

/* Colores */
#colores
{
	position: absolute;
	left:175px;
}

/* Metanavegación */

#metaMenu
{
	position: absolute;
	left: 626px;
	top: 31px;
	font-family: verdana;	
	font-size: 70%; /*10px;*/
	color: #000000;
}

#metaMenu a
{
	text-decoration:none;
	color: #000000;
	padding:0px;
	margin:0px;
}
#metaMenu img
{
	display:block;
	margin:0px!important;
	padding:0px!important;
	/*border-left:solid 1px #ffffff;*/
}

/* Menú principal */
#tabbedmenu
{
	position: absolute;
	left:60px;
	top:90px;
}
#tabbedmenu ul
{
	position:absolute;
	left: 115px;
	bottom: 0px;	
	margin: 0px;
	width: 450px;
	padding: 0px;		
	list-style-type:none;
	font-family:verdana;
	font-size: 90%; /*12px;*/
}

#tabbedmenu ul li
{
	display:block;
	float: left;			
	margin-right: 10px;
	background-position: center top;
	background-image: url(../gifs/bgHeaderMenuItem.gif);	
	background-repeat: repeat-x;		
	height: 33px;	
	text-align:center;
}

#tabbedmenu ul li span
{	display: block;
	padding: 6px 8px 0px 8px;
}

#tabbedmenu ul li a
{	
	color: #ffffff;
	text-decoration: none;
}
#tabbedmenu .tab3
{
	background-color:#848283!important;
}
#header .selectedItem
{
	position:relative;	
	background-image:none;
	top: 5px;	
}
#header .width80
{
	width: 70px;
}
#header .width130
{
	width: 130px;
}
#header .width100
{
	width: 100px;
}

/* 
 *	MENU PRINCIPAL (zona izquierda)
 */

#menu				
{
	position: absolute;
	top     :  19px;
	left    :   10px;
	width   : 155px;						
	bottom: 0px;
	color: #000000;
	padding:0px;		
}

#menu ul li span
{
	display:block;
	padding-left: 10px;
	margin:0px!important;
}

#menu ol li
{		
	margin-bottom:2px!important;
	margin-left:0px!important;
	margin-top:1px!important;
	line-height:7px;
	list-style-image: url(../gifs/bullet_menu.gif);
	border: solid 1px #057889;
}
/* CONTENIDO IZQUIERDA */
#contleft				
{
	position: absolute;
	left    :   10px;
	width   : 155px;						
	bottom: 0px;
	color: #000000;
	font-family:arial;
	font-size: 70%; /*10px;*/
	padding:0px;	
}
/* CONTENIDO CENTRAL */
#contcentral
{
	position: relative;
	left:175px;
	top:20px;
	width:420px;
	margin-bottom:30px;
	font-family:verdana;
}
#contcentral .controlBox
{
	background-color:#f3f3f3;
	padding:2px 10px 10px 10px;
}

#contcentral .controlBox h3
{
	margin: 5px 5px 5px 20px;
	color:#000000!important;
	font-size:100%;
}
#contcentral #navegador
{
	background-color:#f3f3f3;
	text-align:center;
	padding:2px 10px 10px 10px;
	font-weight:bold;
}
#contcentral #galeria
{
	background-color:#f3f3f3;
}
#contcentral ul
{
	list-style-image: url(../gifs/bullet_cua_gris.gif);
	font-family:verdana;
	font-size:100%!important;
}

#contcentral p
{
	margin: 5px 0px 5px 0px;
}

/* CONTENIDO DERECHA */
#contder
{
	position:absolute;
	left:602px;
	top:40px;
	width:170px;
	font-family:arial;
}
#contder h4
{
	color:#ff9805!important;
	font-size:95%!important; /*11px!important;*/
	margin: 0px 0px 0px 10px!important;
}
#contder .titular
{
	color:#ff9805!important;
	font-size:95%!important; /*11px!important;*/
	font-weight:bold;
	margin: 0px 0px 0px 10px!important;
}
#contder .subtitular
{
	color:#ff9805!important;
	font-size:94%!important; /*11px!important;*/
	font-weight:bold;
	margin: 15px 0px 5px 0px!important;
}
#contder a
{
	text-decoration:none;
	color:#005f6c;
}
#contder .cajagris
{
	position: relative;
	float:left;
	padding: 5px 5px 5px 10px;
	border: solid 1px #ffffff;
	background-color:#f3f3f3!important;
	margin:0px 0px 10px 0px!important;
	width:160px;
}

#contder .cajagris ul
{
	margin: 0px;
}

#contder .cajagris .buscar
{
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	margin-right:15px;
}
#contder .cajagris .row
{
	width:100%;
}
#contder .cajagris .col2
{
	width:49%;
	float:left;
}
#contder ul
{
	list-style-image: url(../gifs/bullet_cua_gris.gif);
}
#contder .vertodas
{
	float:right;
	position:relative;
	margin:10px 10px 5px 10px;
}
#contder .imgleft
{
	float:left;
	margin-right:5px;
	clear:left;
}

/*
 *	ZONA DE CONTENIDO (principal)
 */
#cont
{
	position: relative;
	margin  :  0px;
	padding :  0px;
	font-size:70%; /*11px;*/
	font-family:Arial;
}
#cont h1
{
	position: relative;
	margin  : 10px  0px  0px 0px;
	padding :  0px  0px  0px  0px;
	font-family: Arial;
	font-size  : 160%; /*18px;*/
	font-weight: bold;
	color: #00A5D5;
}
#cont h2
{
	position: relative;
	margin  : 10px  0px  0px 0px;
	padding :  0px  0px  0px  0px;
	font-family: Arial;
	font-size  : 130%; /*14px;*/
}
#cont h3
{
	position: relative;
	margin  :  0px;
	padding :  0px;
	font-family: Arial;
	font-size  : 110%; /*12px;*/
}
#cont ul
{
	position: relative;
	margin  :  5px  0px  5px 10px;
	padding :  0px  0px  0px  0px;
	font-family: Arial;
	font-size  : 80%; /*10px;*/
}
#cont ul li
{
	position: relative;
	margin  :  5px  0px  0px 15px;
	padding :  0px  0px  0px  0px;
	font-family: Verdana;
	font-size  : 100%; /*10px;*/
}
#cont ul li a
{
	color: #00676c;
	font-weight:normal;
	text-decoration:none;
}

/*
 * INFORMACIÓN LEGAL
 */

 .legalInfo
 {
	clear  :     left;	
	margin :      0px;
	width  :      98%;
	padding: 10px 0px;
 }
 
/*
 * MENSAJES DE ERROR
 */

.error
{
	color:Red;
}
/* LOCALIZADOR */
#localizador
{
	color:#818181;
	font-family: Arial;
	font-size  : 90%; /*10px;*/
	padding-top:15px;
}
#localizador a
{
	text-decoration:none;
	color:#005f6c;
}

/* LISTADOS */
.listado
{	
	clear : left;		
	position:relative;		
	width : 100%;	
	height: auto;
	margin : 0px 0px 0px 0px !important;
	padding: 5px 0px 0px 0px !important;
	color:#838383;
}
.listado strong
{
	color:#848484;
}
.listado .imgleft
{
	float:left;
	margin-right:10px;
}
.listado .separapuntos
{
	margin-bottom:5px;
}
.listado h3
{
	margin-bottom:1px !important;
}
.listado .titular
{
	position: relative;
	margin  :  0px;
	padding :  0px;
	font-family: Arial;
	font-size  : 110%; /*12px;*/	
	color:#026562!important;
	font-weight:bold;
}
.listado .lnktitular
{
	position: relative;
	margin  :  0px;
	padding :  0px;
	font-family: Arial;
	font-size  : 110%; /*12px;*/	
	color:#026562!important;
	font-weight:bold;
	text-decoration:none;
}

/* 
 * ORGANIZACIÓN DE ELEMENTOS 
 */

/* Separadores */
.separa01 {
  width:auto;
  margin:3px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:solid 1px #c4c5c0;
  clear:both;
}

/* Anchos */
.width01
{
	width:145px!important;
}

/* Elementos con icono */
.icon
{
	float:left;
	margin: 0px 5px 5px 0px;	
}

.smallicon
{
	float:left;
	margin: 2px 5px 0px 0px;
	padding: 0px;
}

.iconText
{
	/*height: 20px;	*/
	float:left;
	width:100%;
	margin-bottom:5px;
}

.iconText a
{
	display: block;
	padding-top: 3px;
}

.iconText span
{
	display: block;
	padding-top: 3px;
}
.numero
{
	float:left;
	margin: 0px 5px 2px 0px;
	padding: 0px;
}

/* Filas y columnas */
.row
{
	width:100%;
	margin-bottom:5px;
}
.col2
{
	width:49%;
	float:left;
}
/* Formularios */
input 
{
	font-family: Verdana;
	font-size:95%!important; /*11px!important;*/
	margin: 0px 0px 0px 0px;
}
#form
{
	width:auto;
}
#form .formRow
{
	clear: both;
    padding: 0px 0px 0px 0px;
}
#form .formColLeft
{
	width: 140px;
	float: left;
	margin-right:4px;
	text-align: right;
}
#form .formColRight
{
	width: auto;
	float: left;
	margin-right:4px;
}
.formbotones	{
	float:right;
	text-align: right;
	padding: 5px 15px 5px 0px;
}
.error
{
	color: #ff0000;
}
.row2
{
	width:100%;
	margin-bottom:5px;
	clear:both;
	float:left;
}
/*estilos botones formulario*/
.aspButton
{
	border:0px;
	background-color:#FFFFFF;
	padding:0px;
	margin: 0px;
	font-family: verdana, arial;
	font-weight: normal;
	text-decoration:underline;
	font-size:100%;
	color:#006666;
	font-weight:bold;
	cursor:pointer;
}
.aspButton2
{
	border:0px;
	background-color:#f3f3f3;
	padding:0px;
	margin: 0px;
	font-family: verdana, arial;
	font-weight: normal;
	text-decoration:none;
	font-size:100%;
	color:#006666;
	font-weight:bold;
	cursor:pointer;
}
.aspButton3
{
	border:0px;
	background-color:#f3f3f3;
	padding:0px;
	margin: 0px;
	font-family: verdana, arial;
	font-weight: normal;
	text-decoration:none;
	font-size:100%;
	color:#006666;
	cursor:pointer;
	float:left;
}
.aspButtonCULT
{
	border:0px;
	background-color:#f3f3f3;
	padding:0px;
	margin: 0px;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration:none;
	font-size:85%!important;
	color:#a0241d;
	cursor:pointer;
	text-transform:uppercase;
}

/*
 * PROMOCIONES DE PORTADAS (Zona central y destacados de la derecha)
 */

.promo_imagenCentral
{
	text-align: center;
}


.promo_columna
{
	position: relative;
	float: left;
	width: 205px;	
	padding-right: 5px;
}

.promo_banner
{
	padding-bottom: 8px;
}

.promo_destacado
{
	font-family: Arial;
	padding-bottom: 8px;	
}
.promo_destacado .imgLeft
{
	float: left;
}

.promo_destacado .titulo
{
	font-size  : 110%; /*12px;*/
	font-weight: bold;
	margin-bottom: 4px;
}

.promo_destacado .texto
{
	padding-left: 50px;	
}
.promo_destacado a
{
	text-decoration:none!important;
	color:#000000;
}
.promo_destacado .texto a
{
	color: #00676c;
}
.promo_bannerdoble
{
	/*text-align: center;
	width: 420px;	*/
}

.cajaDestacadoDer
{
	position: relative;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	font-family: Arial;
	font-size  : 85%; /*11px;*/
	width: 159px;
}

.cajaDestacadoDer .separador
{
	position:relative;
	clear: both;
	width: 150px;		
	margin:0px;
	padding:0px;	
}

.cajaDestacadoDer .imgLeft
{
	float: left;
}

.cajaDestacadoDer .titulo
{
	color: #0A636B;
}
.cajaDestacadoDer .titulo a
{
	text-decoration:none!important;
}
.cajaDestacadoDer .texto
{
	padding-left: 50px;
}


.cajaDestacadoDer .item
{
	position:relative;		
	padding-bottom: 5px;
}

.cajaDestacadoDer .linkDer
{
	text-align:right;
}
.cajaDestacadoDer .textocolor
{
	color:#000000;
}
.imgcentro2
{
	margin-bottom:10px;
}

/* Sorolla */
.sorollatfno
{
	font-size  : 110%;
	font-weight:bold;
}