﻿/* CSS Document */

@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/
body {
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial;
	background:url(../img/fondo.jpg) repeat-x left top


}
#Container{
	font-size:1.3em;  /*tamanyo general de textos 12px*/
	color:#636466;
	max-width:975px;
	min-width: 760px;
	margin:auto;
	width:100%;
	background:#fff;
	border:solid 1px #93F400

}
* html #Container{width:975px;}
/*----EVENTOS----*/

#CalendarioHome{
	overflow:auto; height:1%
}
#CalendarioHome h3{
color:#7E469C !important;
	font: bold 1.25em Arial, Helvetica, sans-serif;
	text-align: center;
}
.TituloCalendario{
	/*float:left; width:70%*/
	width: 90%;
	text-align: center;
}
.FlechaIzquierda{
	/*float: left;*/
	padding-top: 5px;
	margin-right: 15px;
}
.FlechaDerecha{
	/*float: right;*/
	padding-top: 5px;
	margin-left: 15px;
}
#CalendarioHome table{ border:solid 1px #ccc; width:100%}

#CalendarioHome th{
	background: #7FBA00 !important;
	color: #FFFFFF !important;
	font-size: 1em;
	padding: 2px;
}
#CalendarioHome td{
	background: #fff;
	font-size: 1em;
	text-align: center;
	padding: 2px;
}
#CalendarioHome a{color: #636466;}
.DiaActivo{ background:#7E469C !important; font-weight:bold; color:#fff}
#CalendarioHome .DiaActivo a{font-weight:bold; color:#fff}
.Finde{
	color: #666666;
}
.DiaActivo{
	color: #CC0000;
}
/*----FIN EVENTOS----*/

/*--CABECERA---*/
#Cabecera{
clear:both;
height:1%;
overflow:auto}
.none{
	position:absolute; 
	left:-1500px; 
	top: -10%; 
	overflow:hidden; 
	font-size:0%; 
	line-height:0%;
}

#EnlacesCabecera { width:64%; float:left;padding-top:10px;  
}
html >/**/body #EnlacesCabecera {width:66%;}
#EnlacesCabecera li{
display:inline;
font-size:0.92em;
border-right:solid 1px #333;
padding-left:5px;

}

html >/**/body #EnlacesCabecera li{padding-right:5px;}
#EnlacesCabecera li a{color: #666 }
#EnlacesCabecera li.AreaPrivada{
 background:url(../img/llave.gif) no-repeat 5px 2px;
 padding-left:25px;
 color:#7E469C;
 font-weight:bold;
 text-transform: uppercase
 
 }
#EnlacesCabecera li.AreaPrivada a{color:#7E469C;}
#EnlacesCabecera li.Desconectar{

border-right:none
 
 
 }
#EnlacesCabecera li.Desconectar input{color:#7E469C; cursor:pointer; background:#fff; border:none;


 text-transform: uppercase;
 font: bold 1em Tahoma, Verdana, Arial;
 width:100px
}
#TamanyoTexto {padding-top:11px; padding-left:10px;  float:left}
#TamanyoTexto li{
display:inline}

#MenuCabecera{
display:none
}

#Cabecera h1{
float:left}

#BuscadorCabecera{
float:left;
padding-top:7px;
}
#BuscadorCabecera form{
	margin:0;
	padding:0}

#BuscadorCabecera .input{
	border: solid 1px #5F8D39;
	background:#fff;
	padding:1px;
	font:normal 0.92em Tahoma, Verdana, Arial }
	
.boton{
background:#7FBA00;
color:#fff;
font:normal 0.92em Tahoma, Verdana, Arial ;
border:none;
cursor:pointer}
.Idioma{

	text-transform:uppercase;
	
	padding:10px 10px 0 10px;
	float:right;
	}
.Idioma input{
	color:#7FBA00;font:normal 0.95em Tahoma, Verdana, Arial; 
	border:none; 
	border-right:solid 1px #ccc;border-left:solid 1px #ccc;
	background:#fff; cursor:pointer}
	
	
/*---MENU SUPERIOR----*/
#MenuSuperior{
	display:none}

	

/*--imagen cabecera--*/
#ImagenCabecera{
	display:none}
/*--contenido home---*/
#ContenidoHome{
	padding:10px}
#ContenidoHome h2{
	font:normal 1.8em "Lucida Sans Unicode", Tahoma, Arial;
	padding-bottom:10px}	
#ContenidoHome h2 span{ color:#7E469C}	
#ContenidoHome p{
	margin:5px 0}
	
/*-contenido interior-*/

#Contenido{
	padding:0px 15px 10px 15px;
	/*background:url(../img/fn-separador.jpg) repeat-x left top*/
}
#Contenido p{
	margin:10px 0;
	text-align:justify;
	line-height:1.3em;
	}
#Contenido h2{
color:#7E469C;
font:normal 1.6em "Lucida Sans Unicode", Tahoma, Arial;
background:url(../img/cinfa-icono.gif) no-repeat left top;
padding-left:35px;
clear:both;
padding-top:3px}
#Contenido h2 span{
color:#82B937}
#Contenido h3{
color:#7E469C;
font:normal 1.5em "Lucida Sans Unicode", Tahoma, Arial;
padding-top:10px;
border-bottom:dotted 1px #ccc;

}
html>/**/body #ContenidoCentroClientes h3{ padding-top:50px}
#Contenido h3 span{
color:#666}
/*--noticias home---*/

#NoticiasHome{
	width:67%;
	float:left;
	border-right: dotted 1px #B2B3B6;
	padding-right:10px}
#NoticiasHome ul{
	float:right}
#NoticiasHome li{
	display:inline;}
#NoticiasHome li a{
	color:#7FBA00;
	text-decoration:underline;
	padding-right:5px}
.Mas{
	background:url(../img/mas.gif) no-repeat left 5px;
	padding-left:15px}
.Mas a{color:#7FBA00;
	text-decoration:underline;}
.Mas a:visited{color:#7FBA00;
	text-decoration:underline;}
.RSS{
	background:url(../img/rss.gif) no-repeat left 2px;
	padding-left:18px}
#NoticiaIzq{
	float:left;
	width:150px}
#NoticiaDch{
float:left;
width:70%
	}
.fecha{

	padding-left:20px;
	font-size:0.85em;
	background:url(../img/fecha.gif) no-repeat left top;
padding-top:0px;
	padding-bottom:2px;
	clear:both;
	color:#666
	}
.legislacion{
	background: url(../img/legislacion.gif) no-repeat left top;
	padding-left:20px;
	font-size:0.85em;

padding-top:0px;
	padding-bottom:5px;
	clear:both;
	}
#MediosIzq .TitNoticia{ font-size:1em}
.TitNoticia{
	color:#7C4199;
	font-weight:bold;
	
	}
.TitNoticia a{
	color:#7C4199;
	font-weight:bold}
.TitNoticia a:hover{
	color:#7FBA00;
	font-weight:bold}
#NoticiaDestacada{
 clear:both; 
 overflow:auto;

 margin-bottom:5px;
 padding-bottom:0px}
#NoticiaIzq img{
	
	margin-right:10px;
	}
#Noticias p{
	margin:5px 0}
#Noticias .separador-rayas { margin:10px 0}
/*--productos home--*/
#ProductosHome{
 float:left;
 margin-left:10px;
 width:30%}
 #ProductosHome p{padding:0; margin:2px 0}
 #ProductosHome h3{
 color:#7C4199;
 font:bold 1.1em Tahoma, Verdana, Arial;
 clear:both}
 #ProductosHome img{
 	float:left;
	margin-right:10px}
#ProductosHome a{
	color:#7C4199;
	font-weight:bold}
#ProductosHome a:hover{
	color:#7FBA00;
	font-weight:bold}
.separador {
	background:url(../img/fn-separador.jpg) repeat-x left top;
	height:15px;
	line-height:15px;
	clear:both}
.separador hr{
display:none}
	
/*--servicios--*/
#Servicios h2{
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;
	background:url(../img/cinfa-icono.gif) no-repeat left top;
	padding-left:35px}

#Servicios h2 a, #Servicios h3 a{color:#666}

#Servicios h2 span{
	color:#7C4199;
	font:normal 1.5em "Lucida Sans Unicode", Tahoma, Arial}
#SCiudadano, #SFarmacia, #SMedico{
	
	float:left;
	height:168px;
	overflow:auto}

#SFarmacia, #SMedico{
	padding-left:10px}

#SCiudadano{
	background:url(../img/fn-ciudadano.jpg) no-repeat right bottom;
	width:32%;
	
	}
#SFarmacia{
	background:url(../img/fn-farmacia.jpg) no-repeat right bottom;
	width:35%;
	border-right:dotted 1px #B2B3B6;
	border-left:dotted 1px #B2B3B6}
#SMedico{
	background:url(../img/fn-medico.jpg) no-repeat right bottom;
	width:30%;}
#Servicios ul{
	margin-left:10px;
	margin-right:100px}
#Servicios li{
	background:url(../img/cuadrito.gif) no-repeat left 6px;
	padding-left:10px;
	padding-bottom:5px}
#Servicios li a{
	color:#636466}
#Servicios li a:hover{
	color:#7FAA05}
.Enlace{
	color:#7FBA00;
	}
/*---abajo home---*/
#AbajoHome h2{
	color:#7C4199;
	font:normal 1.7em "Lucida Sans Unicode", Tahoma, Arial}
#EventosHome{width:32%; float:left}
/*
#DestacadoHome{width:35%; float:left;border-right:dotted 1px #B2B3B6;
	border-left:dotted 1px #B2B3B6}*/
#AbajoHome #APrivadaHome{width:35%; float:left;border-right:dotted 1px #B2B3B6;
	border-left:dotted 1px #B2B3B6}
#APrivadaHome{width:30%; float:left; border:none}
#APrivadaHome .BordeForm{overflow:auto; height:1%}
#APrivadaHome .p-label{ width:8em}
#APrivadaHome .p-input{ width:50%}
#APrivadaHome .filaBoton { margin-right:0.3em !important}
#DestacadoHome, #APrivadaHome{
	padding-left:10px}
#DestacadoHome h2{color:#7C4199}
#DestacadoHome li{
	
	text-align:center; display:inline; margin:0 35px}
#DestacadoHome img{
	border:solid 1px #CCCCCC;
	padding:3px}
.FilaEvento{
	clear:both}
.Calendario{
	border:solid 1px #CCCCCC;
	background:url(../img/fn-calendario.jpg) repeat-x left top;
	width:28px;
	color:#666666;
	font-size:0.85em;
	text-align:center;
	float:left}
.Calendario strong{color:#80AE06; font-size:1em}
#EventosHome ul{
margin-left:40px;
}
#EventosHome li{
	background:url(../img/cuadrito.gif) no-repeat left 6px;
	padding-left:10px}
#EventosHome li a{ color:#636466}
#EventosHome li a:hover{
	color:#7FBA00}
#APrivadaHome fieldset{
	border:none;
	background:none}
#APrivadaHome legend{
	color:#7FBA00;
	font:normal 1.7em "Lucida Sans Unicode", Tahoma, Arial}
.BordeForm{
	border:solid 7px #E1ECB5;
	overflow:auto;
	padding:10px}
.Usuario{
background:url(../img/user.jpg) no-repeat left top;

padding:10px 0 40px 80px}
/*
.BordeForm p{
	padding-bottom:20px}*/
.BotonForm{	background:#7E469C;
color:#fff;
font:bold 0.92em Tahoma, Verdana, Arial ;
border:none;
cursor:pointer;
padding:0 5px}

#APrivadaHome label{
	width:7em;
	float:left}

#APrivadaHome input.input{
	
	width:60%}
.input{
	border: solid 1px #CCCCCC;
	font:normal 1em Tahoma, Verdana, Arial}
.Derecha{
	float:right}
#APrivadaHome ul{
	float:right;
	clear:both;
	/*margin-top:10px;*/
	float:right
	}
#APrivadaHome li{
	/*display:inline; */
	
	font-size:0.85em;
	text-align:right}
#APrivadaHome li a{color:#7E469C; text-decoration:underline}	
p.Registrarse{
	background:url(../img/registrarse.gif) no-repeat left 3px;
	padding-left:13px;
	float:left;
	width:80px;
	}
.Registrarse a{color:#7E469C; text-decoration:underline;
	font-size:0.85em}
.Recordar{
	background:url(../img/recordar.gif) no-repeat left 2px;
	padding-left:18px}
.Cambiar
{
	background:url(../img/cambiar-password.gif) no-repeat left 2px;
	padding-left:18px}
#Unete{
	margin-top:10px;
	background:url(../img/unete.jpg) no-repeat right 20px;
float:left;width:30%;padding-left:10px
	}
#Unete h2 a{color:#7C4199 !important;}
#Unete a{color:#666}
#Unete a:hover{color:#7FAA05 }
#Unete p{
	padding-right:155px; padding-bottom:20px}
.MigaPan { display:none}

 
/*------menu interior------*/
	#MenuInterior {
		display:none
	
	}

	
#MenuSec{
display:none
}

.BordeTabs{
	border: solid 1px #C3C3C3;
	
	padding:10px 10px 30px 10px;
	background:url(../img/fn-bordes.jpg) repeat-x left bottom;
	clear:both}
.TextoDestacado{
	font-size:1.1em;
	padding:10px 0 0 0}
	
#Contenido .TextoDestacado{
	padding-bottom:0 !important}
/*---sala prensa----*/
#MediosIzq{ 
}
#MediosDch.Hemeroteca h3
{
	color:#7E469C !important;
	background:none !important;
font:normal 1.5em "Lucida Sans Unicode", Tahoma, Arial;

border-bottom:dotted 1px #ccc;
padding-left:0 !important;
padding-bottom:0px !important;
padding-top:10px;
margin-bottom:5px}
.Hemeroteca h4
{
	color:#333333;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	background:url(../img/cinfa-icono.gif) no-repeat left top;
	border-bottom: none !important;
	padding-left:35px !important;
	padding-bottom:8px;
padding-top:10px !important;
	margin-top:0 !important}
.Hemeroteca h5{font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#333333;
	padding-left:20px;
	margin-top:10px}
#MediosDch{ display:none}


#FichaNoticia ul{
	margin-left:10px}
#FichaNoticia li{
	background:url(../img/cuadrito.gif) no-repeat left 5px;
	padding-left:10px;
	padding-bottom:5px}
.SubTituloNoticias {font-weight:bold; margin-bottom:10px !important}


fieldset{
	display:none}
#Contenido fieldset p{
	padding:0}
	
	/*--NUEVOS SALA PRENSA --*/
	
#MediosDch .SalaPrensa {
color: #7C4199;
font: normal 1.5em "Lucida Sans Unicode", Verdana, Arial;background: none; border-bottom: none}

#MediosDchSala{ margin-left:65%;
}
#MediosDchSala img{border:solid 1px #CCCCCC;
	padding:3px;
	margin-bottom:10px}
#MediosDchSala h4{font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#333333;
	padding-left:20px;
	margin-top:10px}
#MediosDchSala a{
	color:#64B000}
#MediosDchSala ul{
	margin:10px 10px 10px 25px}
#MediosDchSala li{
padding-bottom:2px}

.grande {color: #7C4199;
font: normal 1.5em "Lucida Sans Unicode", Verdana, Arial;
background: none}

#MediosIzqSala{ 
float:left;border-right: dotted 1px #ccc;
width:63%;
clear:right}

.NoticiaIzqSala{margin-left: 2px;
	float:left;
	width:48%; 
	margin-bottom: 10px;
	margin-right: 5px;}
	
	.foto { width: 30%; float: left; padding: 5px}
	
	.foto img  {vertical-align:top}
	.textoSala a { width: 60%; float: left; margin-left: 2px;
	font: normal 1em Tahoma, Verdana, Arial; color: #636466}
	
.NoticiaDchSala {
float:left;
width:48%;
margin-bottom: 10px;
	}
	
#NoticiasSala h4 {
	
	background:url(../img/cinfa-icono.gif) no-repeat left top;
	
	
	padding:10px 0 10px 0;
padding-left:35px;border-bottom:none}
#NoticiasSala h4 a{
	color:#7E469C;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	}	
		
/*#Contenido label{ float:left}*/
#FMedios label{
	float:left;
	width:9em;
	}
fieldset img{
	vertical-align: middle;
	line-height:16px
	
	}
#FMedios input.input{
	width:75%}
.FechaDesde{
	width:40%; float:left; }
.FechaHasta{
	width:40%; float:left; }
#Contenido p.FechaDesde, #Contenido p.FechaHasta,#Contenido p.filaBoton{
 margin:0; padding:0 }
#Contenido .FechaHasta label{ width:7em}
#FMedios .filaBoton{ float:right; margin-right:1em !important; }

/*.FechaDesde input, .FechaHasta input { width:70px !important}*/
legend{
color:#5FB000;
font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana}

#Contenido .Resultados{
	color:#7C4199;
	font:normal 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	border-bottom: dotted 1px #999;
	padding-bottom:5px;
	padding-top:0;	}
.Resultados a{color:#7C4199;}
.paginacion{
display:none
}

/*---ficha noticia---*/

.SubTituloNoticia{
	font:normal 1em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#333333;
	color:#7E469C;
	padding:10px 0}
.MasInfo{
border: solid 1px #C3C3C3;
border-bottom: solid 3px #E4E4E4;
background:url(../img/mas-info.jpg) repeat-x left bottom;
padding:10px;
margin-bottom:10px}
.MasInfo h4 
{
background:#F7F7F7; 
padding:5px; 
font: bold 1em Tahoma, Verdana, Arial; 
margin-bottom:10px; 
border-bottom:dotted 1px #ccc; color:#333}
.MasInfo a{
	color:#7FBA00}
.MasInfo p{
	margin-top:0;
	margin-bottom:0;
	margin-left:15px;
	text-align:left !important}



.pdf, .doc, .docx, .zip, .ppt, .pptx, .xls, .xlsx, .video, .mp3{
	
	padding:3px 0;
	
	}
.pdf input, .video input, .doc input, .docx input, .zip input, .ppt input, .pptx input, .xls input, .xlsx input, .mp3 input{
	color:#7FBA00;
	border:0; 
	cursor:pointer;

	font:normal 1em Tahoma, Verdana, Arial;
	text-align:left
	}
.pdf input{
	background:#fff url(../img/pdf.gif) no-repeat left 2px;  
	padding-left:20px;
	
}

.doc input, .docx input{
	background:#fff url(../img/word.gif) no-repeat left 2px;  
	padding-left:20px;
	
}
.zip input{
	background:#fff url(../img/arcZIP.gif) no-repeat left 2px;  
	padding-left:20px;
	
}
.ppt input, .pptx input{
	background:#fff url(../img/ppt.gif) no-repeat left 2px;  
	padding-left:20px;
	
}
.xls input, .xlsx input{
	background:#fff url(../img/arcXLS.gif) no-repeat left 2px;  
	padding-left:20px;
	
}
.video input{
	background:#fff url(../img/video.gif) no-repeat left 5px;
	padding-left:15px
}
.mp3 input{
	background:#fff url(../img/sound.gif) no-repeat left 5px;
	padding-left:15px
}
.web{
	background:url(../img/web.gif) no-repeat left 5px;
	padding:5px 0;
	padding-left:20px
}
.ImagenIzquierda{
	float:left;
	margin:10px 20px 10px 0px;
}
.ImagenDerecha{
	float:right;
	margin:10px 0px 10px 10px;
}
.Centrar{
	text-align:center !important
}
.CategoriaNoticia{
	float:left; 
}
#AccionesNoticia{
	display:none
}

.Enviar{ background:url(../img/enviar.gif) no-repeat left top;
padding-left:20px;}
.Imprimir{ background:url(../img/imprimir.gif) no-repeat left top;
padding-left:20px;
}
.Volver{
	background:url(../img/volver.gif) no-repeat left 3px;
	padding-left:10px;color:#64B000;
	border:none; 
	cursor:hand;
	font:normal 1em Tahoma, Verdana, Arial}
/*------enviar a un amigo-----*/
.Enviar-Amigo{
overflow:auto;
height:1%;
clear:both}
.Enviar-Amigo label{
	width:6.5em}
.Enviar-Amigo .input{
	width:65%}
.Enviar-Amigo .filaBoton{ float:right; margin-right:0em !important; }

#Enviar-Left{
	float:left;
	width:45%}
#Enviar-Right{
	float:right;
	width:45%}
	#Enviar-Left .p-label{width:6.5em}
#Enviar-Right .p-label{width:6em}
	#Enviar-Left .p-input{width:65%}
#Enviar-Right .p-input{width:65%}
/*---contenidos estaticos----*/
.FraseDestacada{
background:url(../img/cinfa1.gif) no-repeat left top;
width:300px;
padding-top:30px;
color:#82B937;
font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;
float:right;
margin-left:20px

}	
.FraseDestacada p{
text-align:left !important;
background:url(../img/cinfa2.gif) no-repeat left bottom;
padding-bottom:40px !important;
padding-left:15px
}
#Mueve{
	background:url(../img/cinfa-laboratorio.jpg) no-repeat left top;
	padding-left:235px;
	padding-top:100px}
.ContenidoDestacado{
	color:#7E469C;
	font-weight:bold}	
/*----servicios index------*/
#Servicios-Left{  }
#Servicios-Left h2{padding-bottom:10px}
#Servicios-Right{ display:none}
#Servicios-Right #APrivadaHome{width:100%; float:none}
/*#Servicios-Right .Derecha{float:right; margin-right:0.6em}
#Servicios-Right .BordeForm{ padding:0 0 0 10px}
#Contenido #Servicios-Right p{ margin:5px 0}
#Servicios-Right #APrivadaHome ul{
	
	width:75%
	}*/
#Contenido #SCiudadano, #Contenido #SFarmacia, #Contenido #SMedico{
	
	float:left;border:solid 1px #000
	height:auto;
	overflow:visible}
#Contenido #Servicios{ clear:both}
#Servicios h3 {color:#666666; font-size:1.1em; font-weight:bold; border-bottom:none}
#Servicios h3 span{color:#7C4199; font-size:1.5em; font-weight:normal}
	
/*---servicios-----*/	
.ServiciosIzq{
	}
#ServiciosDch{
	display:none}	
#Doc{
	clear:both}
#Doc p{
	margin:0px 0;
	text-align:justify;
	line-height:1.3em;
	padding-top:5px;
	padding-bottom:3px}	
#Doc h4{
	color:#7C4199;
	font:bold 1em Tahoma, Verdana, Arial;
	margin-top:10px}
#Doc h4 a{color:#7C4199;}
#Doc h4 a:hover{color:#8CC63F;}
#Doc h4 span{ font-size:0.85em; font-weight:normal; color:#666}
#Doc p.Fuente{ font-size:0.85em}
.separador-rayas{
		border-bottom:dotted 1px #ccc;
		height:1px;
		line-height:1px;
		margin-top:5px}
.separador-rayas hr{ display:none}
.Banner, .Banner-Generico, .Banner-Farmaceutico, .Banner-Medico, .Banner-Noticias, .Banner-Ciudadano{
	border: solid 1px #C3C3C3;
	border-bottom:solid 3px #E2E2E2;
	padding:0 10px;
	margin-bottom:10px}
.Banner-Generico{
	color:#8CC63F;
	font:normal 1.3em "Lucida Sans Unicode", Tahoma, Arial;
	padding:0 75px 0 10px;
	background:url(../img/genericos.jpg) no-repeat right bottom;text-align:left
	}
.Banner-Generico a{color:#8CC63F;}
.Banner-Documentacion{
background:url(../img/documento.jpg) no-repeat right bottom;
color:#64B000;
	border: solid 1px #C3C3C3;
	border-bottom:solid 3px #E2E2E2;
	padding:0 85px 4px 10px;
	margin:18px 0 10px 0;
}	
.Banner-Documentacion p, .Banner-Generico p{	text-align:left !important}
.Banner-Documentacion a{color:#64B000}
.Banner-Farmaceutico{
	color:#7C4199;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;	
	padding:0 80px 0px 10px;
	background:url(../img/servicios-farmaceutico.jpg) no-repeat right bottom;
	}
.Banner-Medico{
	color:#7C4199;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;
	padding:0 80px 0 10px;
	background:url(../img/servicios-medico.jpg) no-repeat right bottom;
	}
.Banner-Ciudadano{
	color:#7C4199;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;	
	padding:0 80px 0 10px;
	background:url(../img/servicios-ciudadano.jpg) no-repeat right bottom;
	}
.Banner-Farmaceutico a, .Banner-Medico a, .Banner-Ciudadano a{color:#7C4199;}
.Banner-Farmaceutico span a, .Banner-Medico span a, .Banner-Ciudadano span a{color:#666666;
font:bold 0.9em "Lucida Sans Unicode", Tahoma, Arial}

.Banner-Noticias{
	background: url(../img/noticias-relacionadas.jpg) no-repeat right bottom;
	float:right;
	width:250px;
	}
.Banner-Noticias a{
color:#7C4199}
.Banner-Noticias div{
	padding-right:100px}
.TitBanner{color:#8CC63F;
	font:normal 1.3em "Lucida Sans Unicode", Tahoma, Arial;}
	
/*--faq---*/
#FAQ ul{
	margin-left:10px}
#FAQ li{
	background:url(../img/cuadrito.gif) no-repeat left 5px;
	padding-left:10px;
	padding-bottom:5px}
#FAQ a{
	color:#7C4199}
#FAQ a:hover{
	color:#8CC63F}
	
/*---album de fotos---*/
#Galeria{}
.CategoriaAlbum{
	float:left;
	width:140px;
	border:solid 1px #C3C3C3;
	margin-right:10px;
	height:155px;margin-bottom:5px}
.CategoriaAlbumImagen{height:75px}
.CategoriaAlbum p{
	text-align:center !important;
	padding:0 !important}
.CategoriaAlbum a{
	color:#7E469C;
	font-weight:bold}
.CategoriaAlbum img{
	border:solid 4px #CCCCCC !important}
.Foto-Album{
	border:solid 1px #C3C3C3;
	width:600px;
	margin:auto;
	padding:10px;
	clear:both;
	overflow:auto;
	height:1%
	}
.Foto-Album img{
	
	float:left;
	margin-right:10px}
.info-album{
	float:left;
	width:30%;
}
.Img{

}
.Img input{
color:#66B301;
background:#fff url(../img/imagen.gif) no-repeat left 3px;
border:none;
text-align:left;
font:normal 1em Tahoma, Verdana, Arial;
padding-left:20px;
cursor:pointer}
.TitAlbum{
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Arial;
	text-align:left !important}
.Anterior{
	background:url(../img/anterior.gif) no-repeat left 5px;
	padding-left:10px;
	float:left}
.Anterior a, .Siguiente a{ color:#7FBA00}
.Siguiente{
	background:url(../img/siguiente.gif) no-repeat right 5px;
	padding-right:10px;
	float:right}
.Thubnails{	
clear:both;
margin-top:15px;
/*overflow:auto;
height:1%*/}
.Thubnails div{
	width:115px;
	float:left;
	margin-left:10px;
	border:solid 1px #C3C3C3;
	margin-bottom:10px;
	height:150px}
.Thubnails p{
	text-align:center !important}
.Thubnails a{
	color:#333333}
	
/*--otc--*/
.POTC{ float:left; width:75%}
.POTC .fila-campos1, .POTC .fila-campos2 { padding:13px 0}
.POTC .fila-campos1 .p-label{ width:5em; }
.POTC .fila-campos2 .p-label{ width:9em; }
.POTC .fila-campos1 .p-input{ width:70%}
.POTC .fila-campos2 .p-input{ width:60%}
/*---productos genericos----*/
.PGenericos-Left{ display:none }

.PGenericos-Center{ display:none}


.PGenericos-Right{ display:none}

.Novedades-head{color:#5FB000; font:normal 1.5em "Lucida Sans Unicode", Tahoma, Verdana; margin-bottom:0}
.Novedades a{color:#636466}
.Novedades a:hover{color:#5FB000}
.Novedades {
	background:#ECFFCE url(../img/novedades.gif) no-repeat right bottom;
	margin-bottom:10px;
	/*overflow:auto;
	height:1%;*/
	padding:10px;
	margin-top:5px}
.Novedades img{border:solid 2px #8FC84D}
.Tit-Novedades a{color:#5FB000; font:normal 1.2em "Lucida Sans Unicode", Tahoma, Verdana; margin-bottom:0}

#Novedades-Left{ float:left; width:48%}
#Novedades-Right{ float:right; width:48%}
.Novedades img{ float:left; margin-right:15px}
.Banner-Genericos{
	color:#636466;
	border: solid 1px #C3C3C3;
	border-bottom:solid 3px #E2E2E2;
	padding:0 12px 0px 5px;
	margin:18px 0 14px 0;
	background:url(../img/genericos.jpg) no-repeat right bottom;
height:118px
	}
.Banner-Genericos div{ padding-right:65px}
.Banner-Genericos a{color:#64B000;}
.TitGenericos{
	color:#64B000;
	font:normal 1.5em "Lucida Sans Unicode", Tahoma, Verdana; text-align:left
}

.Banner-Genericos p{text-align:left !important}
.Banner-Genericos strong{
	font:bold 1em "Lucida Sans Unicode", Tahoma, Verdana; color:#000}	
#Productos {
/*overflow:auto;
height:1%*/}
#Productos h4{
	/*border-bottom:dotted 1px #ccc;*/
	color:#99C013;
	font:normal 1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	margin-bottom:10px;
	background:url(../img/cinfa-ico.gif) no-repeat left 5px;
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px

	}
#FAQ h4{

	color:#99C013;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	margin-bottom:10px;
	background:url(../img/cinfa-ico.gif) no-repeat left 5px;
	padding-left:25px;
	padding-bottom:5px;
	padding-top:8px

	}
	
.Nuevo{
	background:url(../img/nuevo.gif) no-repeat left 2px;
	margin-left:5px;
	padding-left:13px;
	color:#CC0000;
	font:bold 0.85em "Lucida Sans Unicode", Tahoma, Verdana}
#Productos h5{color:#7E469C;}
#Productos h5 a{color:#7E469C;}
#Contenido #Productos p{ margin:0 0 10px 0}
#Productos a{ color:#636466}
#Productos a:hover{color:#5FB000}
/*
.Productos-Left{ float:left; width:40%}
.Productos-Right{ float:right; width:40%}*/
.ProductosFoto{ float:left; width:150px; padding-top:10px}
.ProductosTexto{ margin-left:260px}

/*--ficha productos---*/
#FichaProductos-Left{
}

#FichaProductos-Left img{ float:left; padding-right:5px}
#FichaProductos-Right{
	display:none}

.Sala{
background:url(../img/sala-prensa.jpg) no-repeat right top;
padding-right:95px;
}
.Sala p, .Farmacia p{ line-height:1em !important; margin-top:0 !important; text-align:left !important}
.Farmacia{
background:url(../img/farmacia.jpg) no-repeat right bottom;
padding-right:60px}
	
	
.BuscadorGeneral .p-label{ width:8em}
.BuscadorGeneral .p-input{width:60%}	
/*----formularios GENERICOS-----*/
.Obligatorios{
	border:solid 1px #CCC;
	background:#FFFFCC;
	padding:3px;
	font-size:0.85em}
.Asterisco{
	color:#CC0000;

	font-size:0.85em}
fieldset p{ margin:4px 0 !important}
.fila-campos{ clear:both;height:1%; width:100% }
.fila-campos1{float:left; width:49%;clear:left;  }
.fila-campos2{float:right; width:49%;    }

.fila-campos3-1{float:left; width:32%; }
.fila-campos3-2{float:left; width:32%;   }
.fila-campos3-3{float:left; width:32%;   }

.fila-campos img{  vertical-align: top}
.p-label{  float:left; text-align:left !important /*font-weight:bold; color:#333; font-size:0.9em*/}
.p-input{ float:left; }
.form-input{	width:99.5%}
.form-select{ width:100%}
.form-input, .form-select{
	border: solid 1px #ccc;
	background:#fff;
	padding:1px;
	font:normal 1em Tahoma, Verdana, Arial}
.radio{ padding-top:2px}
html>/**/body .radio{ padding-top:5px}
.radio li{
 display:inline !important;
 background:none;
 padding:0 10px 0 0}
 .filaBoton{ float:right}

/*--consulta---*/
#Consulta .p-label{
	width:10em}
#Consulta .p-input{
	width:79%}
#Consulta .filaBoton{float:right; margin-right:0.5em!important}
/*---trabajo --*/

#Trabajo .p-label{
	width:10em}
#Trabajo .p-input{
	width:79%}
#Trabajo .filaBoton{float:right; margin-right:0.5em!important}

#Trabajo .fila-campos1 .p-input { width: 57%;}
#Trabajo .fila-campos2 .p-input {width: 57%}

/*---hasta aqui los del formulario de Unete a Cinfa---*/
/*--FARMACOVIGILACIA---*/

#Paciente .p-label{ width:5em}
#Paciente .fila-campos3-2 .p-label{ width:3em}
#Paciente .fila-campos3-3 .p-label{ width:6em}
#Paciente .fila-campos3-3 .p-input{ width:63%}
#Paciente .p-input{ width:40%}

#Profesional .p-label{ width:5.5em}
#Profesional .p-input{ width:75%}
#Profesional .radio li{padding:0 5px 0 0}

.Medicamentos .p-label{width:16em}
.Medicamentos .p-input{width:65%}
.Medicamentos .fila-campos2 .p-label{width:5em}
.Medicamentos .fila-campos1 .p-input, .Medicamentos .fila-campos2 .p-input{ width:30%}

#Reaccion .p-label{ width:8em}
#Reaccion .p-input{ width:83%}
#Reaccion .fila-campos2 .p-label{width:7em}
#Reaccion .fila-campos1 .p-input, #Reaccion .fila-campos2 .p-input{ width:30%}
#Reaccion .p-label-largo{ float:left; width:16em}
#Farmacovigilania .filaBoton{ margin-right:1em}

#Legislacion .p-label{ width:7em}
#Legislacion .p-input{ width:83%}
#Legislacion .filaBoton{ margin-right:0.82em !important}


/*---contacta sala prensa---*/
#Contacta-Prensa .p-label{ width:6em}
#Contacta-Prensa .p-input{ width:65%}
#Contacta-Prensa .fila-campos .p-input{ width:83%}
#Contacta-Prensa .filaBoton{ margin-right:0.7em !important}

/*---Pie de pagina---*/
.LOPD{
	font-size:0.85em}
#Pie{
display:none}

.clear{
	clear:both}
/*----------------------------------------------------------------------------------- */
		/* Sistema de aclarado bajo bloques con contenido flotado
		----------------------------------------------------------------------------------- */
		
.clearfix:after {
		/* Con esto se subsana el colapso al flotar bloques en los navegadores que interpretan contenido generado */
		    content: "."; 
		    display: block; 
		    height: 0;
		    clear: both; 
		    visibility: hidden;
		}
			.clearfix {
				/* Con esto se subsana el colapso al flotar bloques en IE-Mac pero se hace necesario rectificar
				su efecto posteriormente */
				overflow: hidden;
				/* Con esto se subsana el colapso al flotar bloques en IE-Win */
				height: 1%;
			}
				/* Oculto para IE-mac \*/
					.clearfix {
						/* Con esto se compensa el overflow antes declarado. */
						overflow: visible;
					}
				/* Este comentario es necesario para cerrar el hack de IE-mac */
				
/*---FORMACION----*/
	
#Formacion .p-label{ width:7em}
#Formacion .p-input{ width:98%}
#Formacion .filaBoton{ margin-right:0.2em !important}

#Formacion .FechaDesde{ width:49%}
#Formacion .FechaHasta{ width:49%}
#Formacion {width:60%; float:left}

#FormacionCalendario{ width:39%; float:right; }
#Formacion img{ padding-top:3px}	
#MasInfo .fecha{ font-weight:bold}
.Ubicacion{ margin-left:20px; padding:0px 0}
.Ubicacion li{
	background:url(../img/cuadrito.gif) no-repeat left 5px;
	
	padding:0px 0;padding-left:10px; }	
.Finalizado
{
		background:url(../img/finalizado.gif) no-repeat left top;
		padding-left:20px;
		padding-bottom:5px;
		color: #CC0000 !important}
				
/*------------ZONA PRIVADA--------------*/
#ContenidoCentroClientes{


margin:3px 5px; }
/*--menu lateral----*/
#MenuLateral { display:none }

.ContenidoClientes{
	/*margin-left:225px; */ overflow:auto; height:1%;width:auto; padding-left:10px

}

.ContenidoClientes #Contenido{ float:none ;padding:0px 0px 10px 0px !important; overflow:hidden}

/*----home clientes----*/
.Destacado-Atencion {
margin:5px
}
.Destacado-Atencion p{margin:0; padding:0}
.Consulta-tfno{background: url(../img/consulta-telefonica.jpg) no-repeat left top;
font:normal 1.3em "Lucida Sans Unicode", Tahoma, Arial;
color:#000; 
text-align:center}
.Consulta-online{background: url(../img/consulta-online.jpg) no-repeat left top;text-align:center; padding:3px 0 4px 0!important}
.Consulta-online a{color:#73AA00; font:normal 1.3em "Lucida Sans Unicode", Tahoma, Arial; 
}
.DestacadoInfarco{margin:5px; border:solid 1px #C3C3C3; padding:5px;
background:url(../img/fn-bordes.jpg) repeat-x left bottom}
.DestacadoInfarco strong{ font:bold 1em "Lucida Sans Unicode", Tahoma, Arial; color:#000}
.HomeClientes{ margin-bottom:20px; clear:both }

.HomeClientesLeft{
 float:left; margin-top:5px;width:56% ; }
.HomeClientesRight{ 
width:42%; float:right; margin-top:5px; }

.ContenidoClientes #NoticiasHome{
	width:95%;
	float:none;
	border-right: none;
	padding-right:0}
	
.ContenidoClientes  #NoticiaDch{
float:left;
width:55%
	}
	
.HomeClientesLeft h2, .HomeClientesRight h2{color:#7E469C; font-size:1.6em !important}
.HomeClientesLeft h2 span{color:#666 !important}
.HomeClientesLeft h2 a{color:#7E469C;}
.HomeClientes h2{background: url(../img/cinfa-icono.gif) no-repeat left top;
padding-left:35px}
#DestacadosClientes {border-left:dotted 1px #B2B3B6; padding-left:10px}
#DestacadosClientes img{border:solid 1px #ccc; padding:3px}
#EventosClientes{border:solid 1px #F3F3F3; padding:10px}
#EventosClientes ul{
margin-left:40px;
}
#EventosClientes li{
	background:url(../img/cuadrito.gif) no-repeat left 6px;
	padding-left:10px}
#EventosClientes li a{ color:#636466}
#EventosClientes li a:hover{
	color:#7FBA00}
.DestacadoEmpresas{
background:url(../img/empresasInfarco.jpg) no-repeat right top;
padding-bottom:5px}
.DestacadoAcciones{
background:url(../img/evolucion-acciones-destacado.jpg) no-repeat right top}
.DestacadoGestion{
background:url(../img/gestion-acciones.jpg) no-repeat right top;
padding-bottom:6px}
.DestacadoEmpresas, .DestacadoAcciones, .DestacadoGestion{
margin-bottom:30px; width:auto}


.DestacadoEmpresas p, .DestacadoAcciones p, .DestacadoGestion p {
width: 70%;}

.DestacadoFormacion{
background:url(../img/formacion.jpg) no-repeat right top;
padding-bottom:6px}
.DestacadoPrecios{
background:url(../img/preciosDestacado.jpg) no-repeat right
top;padding-bottom:7px}
.DestacadoInformacionComercial{
background:url(../img/informacionComercial.jpg) no-repeat right top;
padding-bottom: 6px}
.DestacadoFormacion, .DestacadoPrecios, .DestacadoInformacionComercial{
margin-bottom:30px; width:auto; padding-bottom: 18px}

.DestacadoFormacion p, .DestacadoPrecios p, .DestacadoInformacionComercial
p{
width: 75%;}


.HomeClientesLeft a {
color:#636466}
.HomeClientesLeft a:hover{color:#7FBA00}


.ContenidoClientes #MenuInterior{ clear:none; }
.ContenidoClientes .BordeTabs{
	
	clear:none;float:none; }
	
html>/**/body .ContenidoClientes .BordeTabs{
	
	margin-top:30px  }
.ContenidoClientes #MediosIzq, .ContenidoClientes .ServiciosIzq{ 
float:none; width:99%;  

}
* html .ContenidoClientes #MediosIzq{ 
float:none; width:98.5%;  

}
* html .ContenidoClientes #Galeria{ width:98%}

blockquote {
     background: url(../img/comillas-1.gif) no-repeat left 4px;
  padding-left:20px;
  margin-bottom:10px
}
blockquote p {
     background: url(../img/comillas-2.gif) no-repeat right bottom;
     padding:10px 35px 5px 0;
	 font:normal 1.19em Georgia, "Times New Roman", Times, serif;
	 font-style:italic

}


.cita{ text-align:right; font-weight:bold;   margin-bottom:20px !important}

/*---mensajes---*/
/*---mensajes advertencia---*/
.Error p, .Ok p, .Warning p{ margin:0 !important}
 .Error, .Ok, .Warning{
margin: 10px 0px;
padding:10px 10px 0px 15px;}
.AccesoDenegado span, .Error div, .Ok div, .Warning div{
padding:5px 15px 15px 40px;
font:bold 1.2em Arial, Helvetica, sans-serif
}
.AccesoDenegado{
	background:url(../IMG/fn-rojo.jpg) repeat-x left top;
	border: #CC0000 1px solid;
	width:60%;
	margin:auto;
	padding:15px 10px 0px 20px;


}
.AccesoDenegado span{
	background:url(../IMG/stop.gif) no-repeat left top;
	color:#CC0000;
	display:block
	
	}
.Error{
	background:url(../IMG/fn-rojo.jpg) repeat-x left top;
	border: #CC0000 1px solid;
}
.Error span{
	background:url(../IMG/error.gif) no-repeat left top;
	color:#CC0000;
	padding:5px 15px 15px 40px;
font:bold 1.2em Arial, Helvetica, sans-serif;
display:block
	}
.Ok{
	background:url(../IMG/fn-verde.jpg) repeat-x left top;
	border: #009900 1px solid;

}
.Ok div{
	background:url(../IMG/ok.gif) no-repeat left top;
	
	color:#009900;
	}
.Warning{
	background:url(../IMG/fn-amarillo.jpg) repeat-x left top;
	border: #FF9933 1px solid;

}
.Warning div{
	background:url(../IMG/warning.gif) no-repeat left top;
	
	color:#000;
}
.Validacion{
	background:url(../IMG/fn-amarillo.jpg) repeat-x left top;
	border: #FF9933 1px solid;margin: 10px 0px;
padding:5px 5px 5px 10px;

}
.Validacion div{
	background:url(../IMG/warning.gif) no-repeat left top;
	
	color:#000;
	padding:5px 15px 15px 40px;
	font-weight:bold
}
.Validacion ul{
	margin:10px 0}
.Validacion li{
color:#CC0000;
font-weight:normal;
background: url(../IMG/cuadrito.gif) no-repeat 5px 10px;
	padding:5px 0 3px 15px}
	.WarningPeq{
	background:url(../IMG/fn-amarillo.jpg) repeat-x left top;
		border: #FF9933 1px solid;margin: 10px 0px;
padding:5px 5px 0px 10px;


}
.WarningPeq span{
	background:url(../IMG/alert.gif) no-repeat left 4px;
	color:#000;
	padding:5px 15px 5px 25px;
	font:bold 1em Arial, Helvetica, sans-serif;
display:block
	}	


/*--RSC--*/
.Cuerpo{ 
}
.Cuerpo a, .CuerpoSin a{color:#7FBA00}
.CuerpoSin{float:none; width:99%}
* html .CuerpoSin { width:98%}
.Cuerpo li{
	background:url(../img/cuadrito.gif) no-repeat left 6px;
	padding-left:10px;
	padding-bottom:5px}
.Cuerpo a{
	color:#636466}
.Cuerpo a:hover{
	color:#7FAA05}


.Documento 
{
	padding:5px;}
.ImagenFormacion{ float:left; padding-right:5px}
/*	
.Documento h4{
	color:#333333;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	background:url(../img/cinfa-icono.gif) no-repeat left 0px;
	border-bottom: dotted 1px #CCC;
	padding-left:25px;
	padding-bottom:8px;
	margin-bottom:10px}*/
/*---contacto---*/

.ContactaLeft{float:left;
width:50%;
clear:right}
.ContactaRight{width:46%; float:right}
.ContactaRight a{color:#64B000}

	/*----MAPA WEB----*/
.Mapa1
{
	background: url(../img/fn-barra-tab.jpg) repeat-x left top;
	padding: 5px 10px;
	border: solid 1px #E1E1E1;
	margin-top: 10px;
	clear: both;
}
.Mapa1 a
{
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}
.Mapa2
{
	padding-left: 15px;
	font-weight: bold;
}
.Mapa2 a
{
	font-size: 0.9em;
	color: #7C4199;
	background: url(../img/cuadrito.gif) no-repeat left 5px;
	padding-left: 10px;
}
.Mapa3 a, .Mapa4 a
{
	font-size: 0.9em;
	color: #7C4199;
	background: url(../img/flecha.gif) no-repeat left 5px;
	padding-left: 10px;
}

.Mapa3
{
	padding-left: 40px;
}
.Mapa4
{
	padding-left: 60px;
}
/*----FIN MAPA WEB----*/

/*---calendario----*/
.ajax__calendar td
{
	padding: 0px;
	background: #fff;
	border-top: solid 1px #EAEAEA;
}
.ajax__calendar table
{
	
	clear: none;
	margin-bottom: 5px;
}

.ajax__calendar_container
{
	border: solid 1px #ccc !important;
}
.ajax_calendar_container table
{
	width:100%; border:solid 1px #000!important
}
.ajax__calendar_body

{ width:100%; 
}

.ajax__calendar_header
{
	background: #7E469C;
	padding-top: 3px;
}
.ajax__calendar_title
{
	color: #fff;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #5FB000 !important;
}
.ajax__calendar_dayname, .ajax__calendar_days
{
	background: #E9F3D8;
	font-weight: bold;
	width: 100%; 
	text-align: center !important;
}
.ajax__calendar_today
{
	font-weight: bold;
}

.ajax__calendar_footer_hover{color: #5FB000 !important;}


#SAC-Left{ float:left; width:55%;}
#SAC-Right{ float:right; width:42%}
#SAC-Left .p-label{ }
#SAC-Left .p-input{ width:98%}

#SAC-Left .filaBoton{ float:right ; margin-right:0.3em !important; }
#SAC-Right h3{
	color:#7C4199;
	font:normal 1.5em "Lucida Sans Unicode", Tahoma, Verdana;
	
	border-bottom: dotted 1px #CCC;
	padding-left:5px;
	padding-bottom:8px}
	
#Delegados img{ float:left; padding:5px}
/*#Delegados ul{margin-left:180px; padding-top:10px}*/


/*---registro---*/

.Registro {width:32%; float:left;  }
.Registro .BordeForm{ height:180px}
.Registro .fila-campos{ display:inline}
.Registro .p-label{ width:9.2em}
.Registro .p-input{ width:50%}
.Registro .filaBoton { margin-right:0.4em !important}

.Registro fieldset{
	border:none;
	background:none}
.Registro legend{
	color:#7FBA00;
	font:normal 1.7em "Lucida Sans Unicode", Tahoma, Arial}
	
	

/*paginas planas*/


.ContenidoClientes .PaginasPlanas{padding-right:150px}
.PaginasPlanas{
}
.PaginasPlanas a{color:#97BF0D; font-weight:bold}
.PaginasPlanas h3{
background:url(../img/fn-encabezado-planas.gif) no-repeat left top;
padding:50px 0 25px 60px !important;
font:normal 2em Arial, Helvetica, sans-serif !important;
border-bottom:none !important;

}

html>/**/body #ContenidoCentroClientes .PaginasPlanas h3{padding-top:80px !important;
background:url(../img/fn-encabezado-planas.gif) no-repeat left 40px;}
.PaginasPlanas h4{
color:#97BF0D;
font:bold 1em Arial, Helvetica, sans-serif}

#Contenido .PaginasPlanas table{ background:#E9DFEF url(../img/fn-tabla.jpg) repeat-y left top}

#Contenido .PaginasPlanas td{border:solid 1px #C3C3C3; padding:2px 5px; }
#Contenido .PaginasPlanas th{border:solid 1px #C3C3C3; color:#97BF0D; font: bold 1.2em Arial, Helvetica, sans-serif; padding:2px 5px}

#Contenido table{ background:#ccc; width:100% }

#Contenido td{background:#fff; padding:2px 5px; }
#Contenido th{background:#E9DFEF url(../img/fn-tabla.jpg) repeat-y left top; color:#97BF0D; font: bold 1.1em Arial, Helvetica, sans-serif; padding:2px 5px}
.Destacado{color:#97BF0D;
font:bold 1.1em Arial, Helvetica, sans-serif}

/*---PLANTILLAS secciones------*/
.SeccionRight{ float:right; width:48%; padding-left:10px}
.SeccionLeft{float:left; width:48%; padding-right:10px}
.ContenidoClientes .SeccionRight{ float:right; width:45%; padding-left:10px}
.ContenidoClientes .SeccionLeft{ float:left; width:45%; padding-right:10px}
/*
.SeccionRight img{ float:right;margin:10px 0px 10px 10px;}
.SeccionLeft img{float:left;margin:10px 20px 10px 0px;}*/
.Seccion{}
.SeccionFoto p{ text-align:center!important}
.SeccionFotoLeft p{ text-align:left!important}

.FraseLeft{

width:46%;
padding-left:30px;
padding-top:20px;
color:#999999;
font:bold 1.2em Arial, Helvetica, sans-serif;
float:left

}
.FraseRight{
width:46%;
padding-left:30px;
padding-top:20px;
color:#999999;
font:bold 1.2em Arial, Helvetica, sans-serif;
float:right; }
.FraseRight span, .FraseLeft span{background:url(../img/comitas.gif) no-repeat left top;
display:block;
height:50px;
}
.FraseRight p, .FraseLeft p{text-align:left !important;}
.ImagenLeft{
float:left;
padding-bottom:10px}
.ImagenRight{
float:right;
padding-bottom:10px}
/*--tablas--*/

#Contenido .Tabla {border:solid 1px #7E469C !important}
#Contenido .Tabla th{
background:#7E469C !important;
color:#fff;
text-align:left;
padding:0 5px;
font-size:0.9em}
.Fila1{
background:#fff !important;
padding:0 5px}
.Fila2{background:#F5F5F5 !important;
padding:0 5px}
.TextoPequenyo{font-size:0.85em}

/*---estilos compras---*/

.dxgvHeader {
background:#7E469C !important;
color:#fff;
text-align:left;
padding:0 5px;
font-weight: bold}

.dxgvHeader td {
background:#7E469C !important;
color:#fff;
text-align:left;
padding:0 5px;
font-weight: bold}

.dxgvTable {border:solid 1px #7E469C !important;}

.dxgvDetailButton {
padding:0 5px}

.dxgvIndentCell {
color:#fff;
text-align:left;
padding:0 5px;
}

.dxgvFooter .dxgv{background:#f5f5f5 !important;
text-align:right;
padding:0 5px;
font-weight:bold
}

.dxgv {color: #636466!important}

.dxgvControl { border: none!important}

.dxpPageNumber{color:#7E469C !important;}

.dxgvLoadingPanel{width:200px !important; border:solid 1px #7E469C; background:#f5f5f5 !important; }

/*---Fin estilos compras---*/

/* nuevos tabla */
caption{color: #7FBA00 ; font-size:1.1em}
.Tabla a { color: #636466 ; text-decoration: none }
.Tabla a:hover { color: #7FBA00; text-decoration: none }
.Tabla img {vertical-align: middle; margin: 0 5px}
.filaImporte { text-align: right!important}	
.Fila1Importe {
	background:#fff!important;
	padding:0 5px;
	text-align: right;}
.Fila2Importe { 
	background:#F5F5F5!important;
	padding:0 5px;
	text-align: right;}
.Fila1Center {
	background:#fff!important;
	padding:0 5px;
	text-align: center;}
.Fila2Center { 
	background:#F5F5F5!important;
	padding:0 5px;
	text-align: center;}

.fechaTabla{
text-align: right;
font-weight: bold;
color: #8634A2;
border-bottom: dotted 1px #CCC;
margin-bottom: 5px}

/*hasta aqui los estilos nuevos de Tabla */

/*Accesibilidad*/
/*.....ACCESIBILIDAD.....*/
#Accesibilidad dt
{
	color: #333;
	background: url(../Img/flecha-menu.gif) no-repeat 10px 6px;
	padding-left: 20px;
	padding-bottom: 0em;
	font-weight: bold;
	margin-top: 1em;
}
#Accesibilidad dd
{
	margin: 0;
	padding-left: 20px;
}

#Accesibilidad .AccesibilidadSin dt
{
	color: #333;
	background: none;
	padding-left: 20px;
	padding-bottom: 0em;
	font-weight: normal;
	margin-top: 1em;
}
#Accesibilidad .AccesibilidadSin dd
{
	margin: 0;
	padding-left: 40px;
	padding-top: 10px;
}


#Accesibilidad ul li
{
	background: url(../Img/flecha-menu.gif) no-repeat 10px 6px;
	padding-left: 20px;
	padding-bottom: 0em;
}
#Accesibilidad a
{
	color: #CC0000;
}
.LogosAccesibilidad
{
	margin: 1em 0;
}
kbd
{
	background: #EDEDED;
	border-top: solid 1px #CECECE;
	border-bottom: solid 2px #CECECE;
	border-right: solid 2px #CECECE;
	border-left: solid 2px #CECECE;
	padding: 0px 5px;
}
