/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62%;
	}

h1 { display: none; text-indent: -5000px;}

h2 { margin: 10px 0 5px 30px; font-size: 1.5em;}
h3 { font-size: 1.3em; color: #669999; margin: 20px 0 5px 5px;}
p { margin: 5px 0 10px 40px; font-size: 1.2em;}

a { color: #339900;}
a:hover { color: #CC6600; text-decoration: none;}

img { border: 0;}

blockquote {
	border: 1px dashed #990000;
	margin: 20px 20px;
	padding: 10px;
	display: block;
	width: 90%;
	font-style:italic;
	}


/*
-- layout --------------------------------- */

.banner_copa { text-align: right; height: 95px; overflow: hidden; margin: 30px 0;}

#amec {
	width: 125px;
	height: 91px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background: url(../imagen/amec.gif) no-repeat top left;
	}
	

#contenedor {
	text-align: left;
	}

#pagina {
	width: 95%;
	margin: 29px auto;
	border: 1px solid #838383;
	background: url(../imagen/fondo2.gif) no-repeat bottom left;
	}

#contenido {
	width: 68%;
	float: right;
	/*border: 1px solid red;*/
	padding: 20px;
	}

#cont_derecha { width: 50%; float: right; /*border: 1px solid blue;*/}
	#cont_derecha img { float: right; margin: 5px;}
	#cont_derecha h2 { margin: 5px;}
	#cont_derecha p	{ margin: 0; margin-bottom: 5px;}

	.destacado_der {
		margin-bottom: 8px;
		padding-bottom: 15px;
		/*border-bottom: 2px groove #ccc;*/
		}	
	
#cont_izda { 
	width: 45%;
	float: left;
	/*border: 1px solid blue;*/
	border-right: 2px groove #838383;
	padding-right: 8px;
	}
	.destacado_izda {
		margin-bottom: 8px;
		padding-bottom: 15px;
		border-bottom: 2px groove #838383;
		min-height:100px;
		height:auto !important;
		height:150px;
		}


#contenido_fondo {
	width: 68%;
	float: right;
	/*border: 1px solid red;*/
	padding: 0;
	}
			
.destacado_izda_fondo {
	margin: 0;
	padding:0;
	border-bottom: 2px groove #838383;
	min-height:100px;
	height:auto !important;
	height:150px;
	background:;			
	}	
			
.destacado_izda_fondo p{ margin-top: 110px;}			
			

#super_destacado {
	width: 100%;
	margin: 0;
	/*border: 1px solid green;*/
	padding: 0px;
	background: url(../imagen/destacado_copa.gif) top right no-repeat;
	border-bottom: 2px groove #838383;
	}
	
	#super_destacado img { float: right;}	
	#super_destacado p { margin: 10px 100px 10px 10px;}


.copa_lista {
	float: left;
	height: 183px;
	background: url(../imagen/copa_lupa.jpg) left top no-repeat;
	padding-left: 250px;
	margin-bottom: 20px;
}



#menu_vert {
	width: 158px;
	float: left;
	padding: 20px 0 0 20px;
	}

	#menu_vert p { margin: 0; padding: 0;}	

	#menu_vert ul { 
		list-style: none;
		margin: 15px 0;
		padding: 0;
		/*margin-top: 15px;*/
		}
		#menu_vert ul a {
			display: block;
			width: 90%;
			height: 30px;
			text-decoration: none;
			border-bottom: 2px groove #ccc;
			color:#000;
			font-size: 1.2em;
			margin-top: 5px;
			padding: 0 0 5px 20px;
			background: url(../imagen/icono_hoja.gif) top left no-repeat;	
			}

		#menu_vert ul a:hover {
			color: #990000;
			border-bottom: 2px groove #990000;			
			}

		#menu_vert li a.activo, #menu_vert li a.activo:hover {	
			color: #990000;
			cursor: crosshair;
			border-bottom: 2px groove #990000;
			}

ul.submenu { list-style-type: none; font-size: 1.1em;}


ul.foros { list-style-type: none; margin: 0;}
	ul.foros li { 
		padding-left: 18px;
		margin-bottom: 10px;
		background: url(../imagen/foro_ico.gif) left top no-repeat;
		}
	#menu_vert ul.foros li a { 
		margin: 0;
		padding: 0;
		background: none;
		display: block;
		font-size: 1em;
		color:#CC0000;
	}

	#menu_vert ul.foros li a:hover { 
		color: #000;
	}
	
	
#plano { 
	width: 80%;
	margin: 20px auto;
	border: 1px dashed red;
	padding: 10px;
	}

	#plano a { float: right;}
	#plano p { margin: 0; margin-bottom: 5px;}




.left { float: left; margin: 10px;}
.right { float: right; margin: 10px;}
.saltocontenido  {text-indent:-1000em;}


#pie { width: 98%; text-align: right; font-size: 1em; clear: both; }

	#pie ul { list-style: none;}
	#pie ul li { display: inline;}


/*
-- APLICACIONES POR DOLENCIAS -------------------------------- */


#dolencias { margin-bottom: 40px;}

#dolencias h3 { cursor: pointer; color: #000; border-bottom: 1px dashed #666;}
	#dolencias h3:hover { color: #33CC33; border-bottom: 1px dashed #33CC33;}

#anorexia, #artritis, #ansiedad, #asma, #alzheimer, #cancer, #depresion, #dermatitis, #dcronico, #despalda, #esclerosis, #epilepsia, #glaucoma, #infecciones, #insomnio, #menstruacion, #migrana, #paraplejia, #sindroabstinencia, #sindrovarios, #reumatismo, #sida, #trastornos { display: none;}





/* -
-- menu principal -------------------------------- */

#mainmenu { 
	width: 100%;
	/*border: 1px solid red;*/
	float: right;
	position: relative;
	}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 3%;
	}

#mainmenu ul li {
	float: left;
	background: url(../imagen/tab_right.gif) no-repeat top right;
	}
	
#mainmenu ul li a {
	display: block;
	padding: 0 2em;
	background: url(../imagen/tab_left.gif) no-repeat top left;
	text-decoration: none;
	line-height: 2em;		
	color: #000;
	float: left;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #838383;
	}

#mainmenu ul li a:hover {color: #990000;}	
#mainmenu li.activo {background: url(../imagen/tab_right_act.gif) no-repeat top right;}
#mainmenu li a.activo, #mainmenu li a.activo:hover {	
	background: url(../imagen/tab_left_act.gif) no-repeat top left;
	color: #990000;
	cursor:crosshair;
	border:0;
	}


/*
------------------ calendario ---------------------------------------------- */

#code-rendered { width:600px; margin: 10px auto;}






/* MAPA WEB

-------------------------------------------------------------------------------*/

#contenido.mapa_del_web {
	width: 98%;
	padding: 10px;
	}


#mapaweb { clear:both; height:420px; text-align:center; margin: 2em 0 5em 0; }

#mapaweb a { 
            text-decoration: none;
            padding: 10px 5px;
            background-color: #CEFFF1;
            color: #000;
            z-index: 50;
			font-size: 1.2em;
            }

#mapaweb a:hover { background-color: #fff; color: #000;}
#mapaweb ul { width: 98%; text-align:center; margin: 0 auto; padding: 0; list-style-type: none;}
#mapaweb ul ul#niveluno{ margin-top:15px;}
#mapaweb ul li {margin:0; padding:0}
#mapaweb ul li#portada { width: 100%; margin: 0; position:relative;}

#mapaweb ul li#portada a.nivel1{
            border: 1px solid #000;
            margin: 0 auto;
            text-align: center;
            width: 10%;
            display: block;
            padding: 10px 5px;
            }
            
li#portada a.nivel1{ margin: 0 auto; z-index: 300; width: 8%; background-color: #97FFF2; }

            li#portada a.nivel1:hover{ background-color: #fff; color:#000;}

li#masinfo, li#soluciones, li#productos, li#clientes, li#quien, li#novedades, li#accesibilidad, li#legal, li#contacto {         
            float: left; width: 12.4%; top: 20px; position:relative; z-index: 50;}

li li#soluciones a, li#productos a, li#clientes a, li#quien a, li#novedades a, li#contacto a, li#soluno a, li#soldos a, li#produno a, li#proddos a, li#prodtres a, li#quienuno a, li#quiendos a, li#quientres a, li#quiencuatro a, li#accesibilidad a, li#legal a, li#masinfo a{ 
			display:block; width:80%; border: 1px solid #000; overflow:hidden; font-size: 1em;}

li#masinfo a.lineatop, li#clientes a.lineatop, li#soluciones a.lineatop, li#productos a.lineatop, li#novedades a.lineatop, li#quien a.lineatop{ background-color: #daf5f5; font-size: 1em; white-space: nowrap; }

li#novedades a.lineatop:hover, li#masinfo a.lineatop:hover, li#clientes a.lineatop:hover, li#soluciones a.lineatop:hover, li#productos a.lineatop:hover, li#quien a.lineatop:hover{ background-color: #fff;}

li#contacto a, li#accesibilidad a, li#legal a {  height:302px; background-color: #daf5f5;}

li#contacto a:hover, li#accesibilidad a:hover, li#legal a:hover { height:302px; background-color: #fff;}

li#soluno, li#soldos, li#produno, li#proddos, li#prodtres, li#quienuno, li#quiendos, li#quientres, li#quiencuatro { z-index: 50; margin:0; padding:0; width: 100%;}

li#soluno, li#soldos, li#soltres, li#solcuatro, li#solcinco { font-size: 1.2em;}
li#soluno a, li#soldos a, li#soltres a, li#solcuatro a, li#produno a, li#proddos a, li#prodtres a,li#quienuno a, li#medicuno a, li#medicdos a, li#medictres a,li#quiendos a, li#quientres a, li#quiencuatro a, li#cliendos a, li#clientres a, li#cliencuatro a, li#masuno a{ font-size: 1.2em;}

li#soluno a{ margin-top: 15px; height: 61px;}
li#soldos a{ margin-top: 5px; height: 62px;}
/*li#soltres a{ margin-top: 5px; height: 39px;}*/
li#solcuatro a{ margin-top: 5px; height: 62px;}

li#produno a{ margin-top: 15px; height: 61px;}
li#proddos a{ margin-top: 5px; height: 62px;}
li#prodtres a{ margin-top: 5px; height: 62px;}

li#medicuno a{ margin-top: 15px; height: 61px;}
li#medicdos a{ margin-top: 5px; height: 62px;}
li#medictres a{ margin-top: 5px; height: 62px;}

li#cliendos a{ margin-top: 15px; height: 106px;}
li#clientres a{ margin-top: 5px; height: 106px;}
/*li#cliencuatro a{ margin-top: 5px; height: 106px;}*/

li#masinfo a{ height: 146px;}
li#masuno a{ margin-top: 5px; height: 129px;}

/*li#quienuno a{ margin-top: 15px; height: 32px;}*/
li#quiendos a{ margin-top: 15px; height: 61px;}
li#quientres a{ margin-top: 5px; height: 62px;}
li#quiencuatro a{ margin-top: 5px; height: 62px;}

li#portada span.lineanivel1 {
            border-left: 1px solid #CC0000;
            position: absolute;
            height:13px;
            left: 50%;
            top: 37px;
            z-index: 10;
}

li#portada span.lineahorizontal {
            position: absolute;
            z-index: 10;
            border:1px solid #CC0000;
            border-bottom:0;
            margin: 0 7%;
            margin-top:13px;
            height:300px;
            left: 0;
            right:0;
            top: 36px;
            width:84.5%;
}

li#productos span, li#clientes span, li#quien span, li#novedades span, li#masinfo span, li#contacto span {
            position: absolute;
            border-left: 1px solid #CC0000;
            margin: -39px 0 0 0;
            left: 45%;
            top: 16px;         
            text-align:center;
            height: 300px;
            }
			
li#portada span { z-index: -100;}

li#quien a.disable { background-color: #999; color:#ccc; cursor: default;}
li#quien a.disable:hover { background-color: #999; color:#ccc;}