/*
 * IVI PAÍSES
 * Fecha: 12/03/2009
 * Autor: AFrigols
 * Descripción: Estilos comunes a toda la aplicación
 */

body
{
    margin:0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:12px;
}

h1
{
	font-size: 16px;
	color: #3AB173;
	line-height: 17px;
	text-align: left;
	font-weight: bold;	
}
h2
{
	font-size: 14px;
	color: #9b9b9b;
	line-height: 17px;
	text-align: left;
	font-weight: bold;	
}
a
{
	color: #3887DE;
}

img
{
    border:0px;
}

p
{
    margin:0px;
    padding:0px 0px 5px 0px;
}

ol
{
    list-style-type:upper-roman;
}

strong
{
	color:#000000;
	font-weight:normal;
}

select
{
	font-size:11px;
}
.liazul li
{
	list-style-image:url(../../gifs/bullet_valoresazul.jpg);
	margin-left:-20px;
}
.centeredPage
{
    margin:0px auto;
    width:919px;
    position:relative;
}

/*Estilos menú*/
#menuContent
{
    height:86px;
    position:relative;
    border-bottom:solid 5px #DFDFDF;
    width:919px;  
}

#tabmenu
{
    /*margin-left:66px;*/
    font-size: 14px; 
    position:absolute;
    height:25px;
    margin-bottom:5px;
    margin-top:61px;
    line-height:25px;
    right:0px;
}

.tabitem 
{
    border-right: 1px solid #DFDFDF;     
    padding:5px 22px 5px 15px;
}

.tabitem a {
    color: #666666;
    text-decoration:none;  
}

.selected a
{
    color: #FFFFFF;
    background-color: #DFDFDF; 
    padding:5px 15px 5px 15px;
    text-decoration:none;
}
/*Fin estilos menú*/

/*estilos metamenú*/
#header
{
    height:26px;
    right:0px;   
    position:absolute;
    z-index:10;
}

#metaMenu
{
    font-size: 12px; 
    color: #B6DADA;
    margin-top:0px;
    position:relative;
}

.metaLink
{
    border-right: 1px solid #CCCCCC; 
    background-color: #FFFFFF; 
    padding:4px 15px;   
    color:#CCCCCC; 
}

.metaLink a
{
    color: #666666;
    text-decoration:none;
}

.metaLinkSel
{
    padding-left:10px;
    vertical-align:middle;
    line-height:26px;
}

.metaLinkSel select
{
    font-size:11px;
    margin-top:3px;
}

.butSelIdioma
{
    position:absolute;
    top:-2px;
    
}
/*estilos metamenú*/

/*estilos submenú*/
#submenu
{
    color:#000;
    background-color: #DFDFDF;
    width:223px;
    padding:20px 0px 0px 0px;
    float:left;
    clear:both;
}

#submenu .titular
{
	color: #339999;
	padding-left:30px;
	font-weight:bold;
	margin-bottom:5px;
}

#submenu .item
{
    color: #B6DADA;
    padding-left:40px;
}

#submenu .item a
{
    color:#666666;
    text-decoration:none;
}
#submenu ul
{
	color:#666666;	
	list-style-type:none;
	margin-left:45px;
	padding-left:0px;
	margin-top:0px;
}
#submenu ul a
{
    color:#666666;
    text-decoration:none;
}
#submenu ul .selected
{
	color:#999999;
}
#submenu ul li
{
	float:left;
	width:100%;
}
#submenu .txt
{
	width:165px;
	float:left;
}

/* fin estilos submenú*/

#content
{
    border-left:solid 1px #DFDFDF;
    border-right:solid 1px #DFDFDF;
    padding-bottom:20px;
    position:relative;
    float:left;
    width:917px;
}

/*Estilos pie de la página*/
#piePage
{
    text-align:center;
}

#linksPie
{
    margin-top:16px;
}
#linksPie a
{
    margin:0px 10px;
    color:#3887DE;
}

#copyPie
{
    margin-top:5px;
    color:#000000;
}

#copyPie a
{
    color:#3887DE;
}

#selLanguage
{
    font-size:10px;  
    margin-top:5px; 
}

/*Estilos internas*/

#central
{
    width:423px;
    margin-left:254px;    
    position:relative;
}

.localizaPage
{
    padding-top:12px;
    color: #666666; 
    font-size:11px
}

.localizaPage a
{
    color: #3887DE;
}

.textoPage
{
    margin-top:10px;
    font-size: 12px; 
    color: #666666; 
    line-height: 17px
}

.textoPage a
{
    color: #3887DE;
}

.negrita
{
	font-weight:bold;
}

.negro
{
	color:#000000;
}

.imgTexto
{
    margin:0px 0px 5px 0px;
}

.desSubHome
{
    margin-top:39px;
    position:relative;
    width:414px;
    position:relative;
}

.destacadoCentroIzq
{
    width:198px;
    float:left;
    position:relative;
}

.destacadoCentroDer
{
    width:198px;
    position:relative;
    margin-left:15px;
    float:left;  
}
.destacadoCentroDer p {
    padding-right:5px;
    
}

/*Estilos destacados columna derecha*/
#colDerecha
{
    width:214px;
    float:right;
    position:relative;
	font-size: 12px;
	color: #000000;
	margin-top:33px;
}
#colDerecha .destacado
{
	margin-top:25px;
}
#colDerecha .destacado strong
{
	font-weight:bold;
}
#colDerecha .destacado .contenido
{
	border-left:solid 1px #dfdfdf;
	float:left;
	font-size:11px;
}
#colDerecha .destacado .contenidonoborder
{
	border-left:none;
}
#colDerecha .destacado .center
{
	padding:10px 10px 0px 19px;
}
#colDerecha .destacado a
{
	font-size: 12px;
	color: #3887DE;
	text-decoration: none;
}
#colDerecha .destacado .inf
{
	margin-bottom:20px;
}
#colDerecha .destacado .height01
{
	height:107px;	
}
#colDerecha .destacado .imgright
{
	position:absolute;
	right:0px;
	margin-top:19px;
	z-index:0;
}
#colDerecha .destacado .txtleft
{
	width:110px;
	z-index:1;
	position:absolute;
}
#colDerecha .destacado .txtleftinfertilidad
{
	width:104px;
}
#colDerecha .destacado .txtleftterminos
{
	width:110px;
	z-index:2;
	position:absolute;
}
#colDerecha .destacado .titular
{
	color:#999999;
	font-size:12px;
}
#colDerecha .destacado .titular2
{
	font-size: 12px;
	color: #016287;
	font-weight:bold;
	margin-bottom:5px;
}
#colDerecha .destacado .icon
{
	margin-right:5px;
}
#colDerecha .bordertop
{
	border-top:solid 1px #cccccc;		
}
#colDerecha .destacado ul
{
	list-style-image:url(../../gifs/bullet_valoresazul.jpg);
	margin-top:5px;
	margin-left:22px;
	margin-bottom:0px;
}

/*Fin estilos destacados columna derecha*/

.listResultados
{
    margin:5px 0px;
    padding:0px 10px 10px 34px; 
    font-size:12px;
}

.listResultados li{
    list-style-image:url(../../gifs/icon_documento.gif);
    margin-top:2px;
    padding-left:2px;
}

.listResultados a
{
    color:#3887DE;
    text-decoration:none;
}

.titColumnaRC
{
    font-size:13px;
    color:#9ECDDE;
    font-weight:bold;
    margin-bottom:7px;
}

.imgDestacado
{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

/*Fin estilos internas*/

/* 
 * Ubicación 
 */
#gmap {
	width : 420px;
	height: 300px;
	border:solid 1px #cccccc;
	z-index:0;
	position:relative;
	float:left;
	margin:1px 1px 20px 1px;
}
#gmap #info p {
	font-size: 11px;
	line-height: 14px;
	color : #333333;
	margin-top:0px;
}


/* Generales */
.fleft
{
	float:left;
}
.fright
{
	float:right;
}
.txtright
{
	text-align:right;
}
.novisible
{
	display:none;
}
.clear
{
	clear:both;
}
.clearL
{
	clear:left;
}

/* Estilos capa modal */

#capaContacto
{
   /*margin:30px auto;*/
   left:60px;
   width:480px;   
   position:absolute;
   height:370px;
   bottom:0px;
   margin:0px!important;
}
#capaContacto .imgformulario
{
	position:absolute;
	bottom:0px;
	height:364px;
}
#capaContacto .contenido
{
	position:absolute;
	left:290px;
	width:220px;
	top:100px;
}
#capaContacto .respForm
{
	clear:both;
	color:red;
	margin-top:15px;
	margin-left:5px;
	font-size:11px;
}

#bgblack {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
z-index:100;
}

#tips {
display:none;
position:absolute;
top:50%;
left:50%;
width:0;
height:0;
background:#FFF;
z-index:200;
padding:0px!important;
}

#tips a {
display:none;
font-family:Verdana;
font-size:11px;
text-align:right;
color:#F60;
margin:0 15px 5px 0;
}

#tips .pestCerrar
{
    display:inline-block;
}

#tips .pestCerrarL
{
    display:inline-block;
    position:absolute;
    left:30px;
}

#tips .pestCerrarR
{
    display:inline-block;
    position:absolute; 
    left:180px;   
}

#tips .pestCerrar img
{
    vertical-align:baseline;
}

#tips a
{
	display:inline-block;
	text-align:center;
	background-color:#DDDDDD;
	color:#266eb6;
	top:-5px;
	/*right:-10px;*/
	position:relative;
	width:130px;	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;	
	text-decoration:none;
	line-height:29px;
}
#tips .textoa
{
 text-align:center;
 background-color:#DDDDDD;
 color:#000000;
 /*position:relative;*/
 line-height:29px;
 font-weight:bold;
 width:130px;
 height:20px;
 /*top:-10px;*/
 position:absolute;
 left:50px;
 top:5px;
}

#tips .botTopCerrar
{
   position:absolute;
   right:0px;
   top:-30px;
   width:200px;
   height:29px;
   text-align:right;   
}

#tips .texto
{
 text-align:center;
 background-color:#DDDDDD;
 color:#000000;
 position:relative;
 line-height:29px;
 font-weight:bold;
 width:130px;
 top:-10px;
}

/*
 * Tips Contacto
 */
#tipscontacto {
display:none;
position:absolute;
top:50%;
left:50%;
width:0;
height:0;
background:#FFF;
z-index:200;
padding:0px!important;
}

#tipscontacto a {
display:none;
font-family:Verdana;
font-size:11px;
text-align:right;
color:#F60;
margin:0 15px 5px 0;
}

#tipscontacto .pestCerrar
{
    display:inline-block;
}

#tipscontacto .pestCerrar img
{
    vertical-align:baseline;
}

#tipscontacto a
{
	display:inline-block;
	text-align:center;
	background-color:#DDDDDD;
	color:#266eb6;
	top:-5px;
	/*right:-10px;*/
	position:relative;
	width:130px;	
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;	
	text-decoration:none;
	line-height:29px;
}
#tipscontacto .textoa
{
 text-align:center;
 background-color:#DDDDDD;
 color:#000000;
 position:relative;
 line-height:29px;
 font-weight:bold;
 width:130px;
 top:-10px;
 height:20px;

}

#tipscontacto .botTopCerrar
{
   position:absolute;
   right:0px;
   top:-30px;
   width:200px;
   height:29px;
   text-align:right;
}

#tipscontacto .texto
{
 text-align:center;
 background-color:#DDDDDD;
 color:#000000;
 position:relative;
 line-height:29px;
 font-weight:bold;
 width:130px;
 top:-10px;
}


/* Fin estilos capa modal */

/* Tratamientos */
.tratamientos .archivo
{
	margin:10px 0px 10px 0px;
}
/* Fin Tratamientos

/* Listas */
.ul01 li
{
	list-style-image:url(../../gifs/bullet_valores.gif);
	margin-left:-20px;
}
.ul02 li
{
	list-style-image:url(../../gifs/bullet_valores2.gif);
}


/* Formulario */
.form strong
{
	color:#9b9b9b;
}
.form input
{
	font-size:11px!important;
	border:solid 1px #cccccc;	
}
.form .inputnoborder input
{
	font-size:11px!important;
	border:solid 0px #ffffff!important;
}
.form textarea
{
	font-size:11px!important;
	border:solid 1px #cccccc;	
}
.form .formRow
{
    padding: 8px 0px 0px 0px;
    float:left;
    width:100%;
}
.form .formColLeft
{
	width: 100px;
	float:left;	
	text-align:right;
	margin: 0px 10px 0px 0px;
}
.form .formColRight
{
	width: 300px;
	float:left;	
	margin: 0px 0px 0px 0px;
}
.form .formColLeftContacto
{
	width: 180px;
	float:left;	
	text-align:right;
	margin: 0px 10px 0px 0px;
}
.form .formbotones
{
	width:400px;
	text-align:right;
}
.form .formbotones a
{
	text-decoration:none;
}
.form .legalInfo
{
	margin-top:10px;
	font-size:11px;
	float:left;
}
.form .formbotones .entrar
{
	float:right;
	text-align:center;
	width:50px;
	background-color:#005d83;
}
.form .formbotones .entrar a
{
	color:#ffffff!important;
}

.formError
{
	color:red;
}

/*
 * Pasos de los formularios
 */
.pasosform .cabecera
{
	background-color:#349b9a;
	height:19px;
	color:#ffffff;
	font-weight:bold;
	padding-left:20px;
	padding-top:3px;
}
.pasosform .selected
{
	background-color:#d7ebec;
	color:#000000;
	font-weight:bold;
	height:14px;
	padding-left:20px;
	font-size:11px;
	padding-top:3px;
}

/* Otros */
.txtrojo
{
	color:#ff0000;
	font-size:12px;
}
.nWidth01
{
	width:130px!important;
}
.nWidth02
{
	width:270px!important;
}

/*
 * Formulario de inscripción
 */
.forminscripcion
{
	background-color:#EFEFEF;
	padding:5px 10px 5px 10px;
}
.forminscripcion .filaForm
{
    margin-bottom:5px;
    position:relative;
}

.forminscripcion .itemForm
{
    font-size:11px;
}

.forminscripcion label.itemForm
{
    display:inline-block;
    width:95px;
    margin-right:10px;
    text-align:right;
    font-size:11px;
}
.forminscripcion input
{
	font-size:11px!important;
	border:solid 1px #cccccc;	
}
.forminscripcion .inputnoborder input
{
	font-size:11px!important;
	border:solid 0px #ffffff!important;
}
.forminscripcion textarea
{
	font-size:11px!important;
	border:solid 1px #cccccc;	
}
.forminscripcion .aviso
{
    font-size:10px;
}
.forminscripcion .titPageActualidad
{
	color:#666666;	
	border-bottom:solid 1px #666666;
}
.forminscripcion .formbotones
{
	width:400px;
	text-align:right;
}
.forminscripcion .formbotones a
{
	text-decoration:none;
}
.forminscripcion .formbotones .entrar
{
	float:right;
	text-align:center;
	width:50px;
	background-color:#005d83;
}
.forminscripcion .formbotones .entrar a
{
	color:#ffffff!important;
}