@charset "utf-8";
/* CSS Document */

#menuu {
	float:left;
	width: 100%;}

.cabecera {
	background-color: #e9eae8;
	width:100% !important;
	margin-bottom:0.5em;}

.presentacion-gpc-2 {
	float:left;
	width:81% !important;
	text-align:justify;
	padding:0.2em 0.5em 0em 1em !important;
	margin-top: 1em;}

.catalogo-gpc-2 {
	float:right;
	width:100%;
	text-align:justify;
	padding:0.3em;
	background-color:#e8e8e8;
	margin: 0.5em;
	margin-bottom: 1em;}

.catalogo-gpc-3 {
	float:right;
	width:100%;
	text-align:justify;
	padding:0.3em;
	background-color:#e8e8e8;
	margin: 0.5em;
	margin-bottom: 1em;}
	

.explicacion {
	float:left;
	width:85%;
	text-align:justify;
	background-color:#FFD9EC;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 1em;}

#versiones {
	float:left;
	margin-left: 0.5em;
	width: 43%;
	margin-top: 0.5em;
	padding-top: 1em;
	font-size: 90%;
	text-align:justify;
	color: #666666;}

#versiones p {
	padding-bottom: 1.5em;}

ul li {
	padding-bottom: 0em !important; 
}

#cuerpo {
	width:100%;
	float:left;
}

#destacados {
	width:80%;
	float:left;
	margin: 0em 0em 0em 2em;
}

.fila {
	width:43%;
	float:left;
}

.texto {
	width:100%;
	float:left;}



img {
	vertical-align:middle;}
	


.tit-completa { 
	color: #004065;
	font-weight: bold;}
	
.tit-resumida { 
	color: #8b2346;
	font-weight: bold;}
	
.tit-pacientes { 
	color: #00693e;
	font-weight: bold;}
	
.tit-rapidas { 
	color: #cd5a13;
	font-weight: bold;}


/* MENU DESPLEGABLE*/


.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:300px; height:630px; background:#eceae5; border:1px solid #ddd; border-width:1px 0 1px 1px; position:relative; z-index:500; margin: 2em 0em 3em 0em;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:300px; height:42px; float:left; border-right:1px solid #ddd;}

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.menu li.sub a {background:url(../imagenes/grey.gif) no-repeat 250px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(../imagenes/blue.gif) no-repeat 300px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(../imagenes/blue.gif ) no-repeat 300px center; color:#06f;}

.menu li.ansiedad {background:url(../imagenes/tira_ansiedad.gif) no-repeat 10px center;}
.menu li.cancer {background:url(../imagenes/tira_cancer.gif) no-repeat 10px center;}
.menu li.cuidados {background:url(../imagenes/tira_cuidados.gif) no-repeat 10px center;}
.menu li.diabetes {background:url(../imagenes/tira_diabetes.gif) no-repeat 10px center;}
.menu li.depresion {background:url(../imagenes/tira_depresion.gif) no-repeat 10px center;}
.menu li.reflujo {background:url(../imagenes/tira_reflujo.gif) no-repeat 10px center;}
.menu li.tac {background:url(../imagenes/tira_tac.gif) no-repeat 10px center;}
.menu li.ictus {background:url(../imagenes/tira_ictus.gif) no-repeat 10px center;}
.menu li.esquizofrenia {background:url(../imagenes/tira_esquizofrenia.gif) no-repeat 10px center;}
.menu li.tmg {background:url(../imagenes/tira_tmg.gif) no-repeat 10px center;}
.menu li.depresion2 {background:url(../imagenes/tira_depresion2.gif) no-repeat 10px center;}
.menu li.autismo {background:url(../imagenes/tira_autismo.gif) no-repeat 10px center;}
.menu li.insomnio {background:url(../imagenes/tira_insomnio.gif) no-repeat 10px center;}
.menu li.obesidad {background:url(../imagenes/tira_obesidad.gif) no-repeat 10px center;}
.menu li.ictusap {background:url(../imagenes/tira_ictusap.gif) no-repeat 10px center;}

.menu :hover ul 
{width:145px; height:auto; left:270px; top:7px; background:#eceae5; border:1px solid #ddd;} /* posición del segundo menú*/
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:145px; height:auto; left:115px; top:-1px; background:#eceae5; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:145px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(breadcrumbs/grey.gif) no-repeat 100px center; color:#777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}

ul li .ventana {
	background:url(../imagenes/popup2.gif) no-repeat right;
}

ul li .flecha {
	background:url(../imagenes/grey.gif) no-repeat right;
}

.centrar-v {
	padding-bottom: 0.5em;}
	

/** EN ELABORACION **/
.imagenes-peq {
	width: 85%;
	margin-right: auto;
	margin-left: auto; }
 
.imagenes-peq-1 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center; }
 
	.imagenes-peq-1 img {
		border: #ccc 0.1em solid;
		margin-right: auto;
		margin-left: auto;
		text-align: center; }
 
.imagenes-peq-2 {
	width: 100%;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #004065;
	text-align: center;}
 
.imagenes-peq2 {
	float: left;
	width: 100%;
	font-size: 100%;
	margin-top:1em; }

.imagenes-peq2 a:link {
	text-decoration:none;
	color: #8b2346;}

.imagenes-peq2 a:hover {
	text-decoration:underline;
	color: #8b2346;}

.imagenes-peq2 a:visited {
	text-decoration:underline;
	color: #666666;}

.imagenes-peq2-1 {
	width: 5%;
	float: left; }
 
.imagenes-peq2-2 {
	float: left;
	width: 25%;
	color: #999; }
 
.imagenes-peq2-3 {
	float: left;
	width: 5%;
	font-weight: bold; }
 
.imagenes-peq2-4 {
	float: left;
	width: 25%;
	color: #999; }

.imagenes-peq2-5 {
	float: left;
	width: 5%;
	font-weight: bold; }
 
.imagenes-peq2-6 {
	float: left;
	width: 25%;
	color: #999; }