/* CSS Document */

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

h1 { font-size: 1.5em;}

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

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

img { display: none;}

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


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

.oso { display: none;}

#amec {
	display: none;
	}
	

#contenedor {
	text-align: left;
	}

#pagina {
	width: 100%;
	margin: 0;
	}

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

	#cont_derecha { width: 100%;}
		#cont_derecha img { float: right; margin: 2px;}
		#cont_derecha h2 { margin: 2px;}
		#cont_derecha p	{ margin: 0; margin-bottom: 5px;}
	
		.destacado_der {
			margin-bottom: 20px;
			padding-bottom: 15px;
			border-bottom: 3px groove #ccc;
			}	
		
	#cont_izda { 
		width: 100%;
		float: left;
		/*border: 1px solid blue;*/
		}
		.destacado_izda {
			margin-bottom: 10px;
			padding-bottom: 5px;
			border-bottom: 1px solid #838383;
			min-height:150px;
			height:auto !important;
			height:150px;
			}

#super_destacado {
	width: 100%;
	margin: 0;
	/*border: 1px solid green;*/
	padding: 0px;
	border-bottom: 2px groove #838383;
	}
	
	#super_destacado img { float: right;}	
	#super_destacado p { margin: 10px 0 0 5px;}

#menu_vert {
	width: 95%;
	float: left;
	padding: 5px 0 0 5px;
	}

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

	#menu_vert ul { 
		list-style: none;
		margin: 10px 0;
		padding: 0;
		/*margin-top: 15px;*/
		}
		#menu_vert ul a {
			display: block;
			width: 90%;
			height: 15px;
			text-decoration: none;
			border-bottom: 2px groove #ccc;
			color:#000;
			font-size: 1.2em;
			margin-top: 5px;
			padding: 0 0 2px 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 {display: none;}

	
	
#plano { 
	width: 80%;
	margin: 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:1em;}


#pie { width: 98%; text-align: center; 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 {
	width: 100%;
	margin: 0 10px;
	padding: 0;
	list-style: none;	
	}

#mainmenu ul li {
	float: left;
	}
	
#mainmenu ul li a {
	display: block;	
	padding: 0 2em;
	text-decoration: none;		
	color: #000;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #838383;
	}

#mainmenu ul li a:hover {
	color: #990000;}	

#mainmenu li.activo {	border: 1px solid #838383; background-color: #99FFCC;}
#mainmenu li a.activo, #mainmenu li a.activo:hover {	
	color: #990000;
	cursor: crosshair;
	border: 0;
	}




/* MAPA WEB

-------------------------------------------------------------------------------

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


#mapaweb { clear:both; height:400px; 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:290px; background-color: #daf5f5;}

li#contacto a:hover, li#accesibilidad a:hover, li#legal a:hover { height:290px; 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#quienuno a, li#medicuno a, li#medicdos a, li#quiendos a, li#quientres a, li#quiencuatro a, li#cliendos a, li#clientres a, li#cliencuatro a{ font-size: 1.2em;}

li#soluno a{ margin-top: 15px; height: 40px;}
li#soldos a{ margin-top: 5px; height: 39px;}
li#soltres a{ margin-top: 5px; height: 39px;}
li#solcuatro a{ margin-top: 5px; height: 40px;}

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

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

li#cliendos a{ margin-top: 15px; height: 61px;}
li#clientres a{ margin-top: 5px; height: 62px;}
li#cliencuatro a{ margin-top: 5px; height: 62px;}

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

/*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;}