body{background-color: #eeeeee;			
					font-family: Verdana, Georgia, Arial, Helvetica, sans-serif;
					font-size: 0.8em;
					color: #000000;}

a {font-family: Georgia, Verdana, Helvetica, Arial;}
a:link { color: #0000f0; 
	text-decoration:none;}
a:visited { color: #0000f0; text-decoration: none;}
a:hover {
				background-color: #d4e4c0;
				color: #007f7f;
				text-decoration: underline;}
a:active {color: #0000f0; text-decoration: none;}

hr {width: 80%;}
img{border: none;}

#contenedor{
					width: 98%;
					margin: auto;
					 }

#cabecera{
					background-color: #ffffff;
					border-top:#007F7F solid 1px;
					margin-bottom: 10px;
         }
#cabecera img{margin-top: 2px; 
					float: left; 
					position: absolute; /*cosas de Explorer*/  
					width: 100px;}
				 
#cabecera h1, #cabecera h2 {
					text-align:center;					
					margin-left: 105px;
					margin-right: 140px;}

#cabecera h1{
					color: #007f7f; font-size: 2.5em; padding-top:10px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}

#cabecera h2{
	color: RGB(126, 164, 177); margin-top: 3px; margin-bottom: 5px;}
			 
#fraseCabecera, .cajaBlanca{
	border:#d4e4c0 double 2px;
	background-color: #ffffff;
	color: #007f7f;
	font-weight: bold;
	text-align:center;}
	
#fraseCabecera{	
	background-color: #007f7f;
	color: #ffffff;
	margin-top: 5px;
	border: none;
	clear: both;
	padding: 5px;
	/*margin-left: 105px; margin-right: 140px; clear: both;*/}
	
.conectadas{
						background-color: #ffffff;
						color: #007f7f;
						text-align: left;
						font-weight: bold;
						border: #007f7f solid 1px;
						margin: 10px;
						padding: 5px;
						float: right;
						}
				 
#contenido{
						 background-color: #ffffff;						 	
						border:#007f7f solid 1px;
						padding: 10px;
}

#menuIzquierda{float: left;
           width: 170px;		 
					position: relative; /*cosas de explorer*/
					 }
					 
.menuBotones{
	   background: #a8c9c9 url(../imag/portada0.png) no-repeat bottom right;
		 margin-bottom: 20px;	 
					position: relative; /*cosas de explorer*/
		 }
					 
.menuBotones h2{
					 background: RGB(126, 164, 177) url(../imag/porta10.png) no-repeat top left;
					 height: 28px;
					 margin: 0px;
					 padding: 0px;}
					 
.menuBotones ul{list-style-type: none;
					 border: RGB(126, 164, 177) solid 2px;
					 	margin: 0px;
						padding: 0px;}

.menuBotones li{
	padding: 0px;
	margin: 0px;
	text-align:center;
	display:inline;}

.menuBotones li a, .menuBotones li a:visited{
	color: #28608e;
	background-color: #ffffff;	
	border: RGB(126, 164, 177) solid 1px;
	margin: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 2px;
	padding-left: 4px;
	padding-right:4px;
	text-decoration: none;	
	font-weight: bold;
	font-size: 0.9em;
	display:block;}
	
.menuBotones li a:hover{
	color:white;
	background-color:#007f7f;
	border: white solid 1px;
	}

/*La utilizo en información (teléfono y correo)*/			
.blancaCentrada{
								text-Align: center;
								font-size: 1.8em;
								color: #ffffff;
								font-weight: bold;
								margin-top: 20px;}
									
.blancaCentrada p{color: #000000;
								margin-top: 5px;
								font-size: 0.8em;
								}	
								
#menuDerecha{float: right;	
				width: 140px;
				background: RGB(126, 164, 177) url(../imag/cajaazul.png) no-repeat top left;
	}

#cruz{padding:0px; margin:0px; background:RGB(126, 164, 177) url(../imag/cruz0.png) repeat-y center;}
#cruzverde{	 
	background: #ffffff url(../imag/cruzverde.gif) no-repeat center;
	width: 140px;
	height: 140px;
	color: #ffffff;}
					 
#indexCentro{margin-left: 190px;
					position: relative; /*cosas de explorer*/
					  }
						
#indexCentrod{margin-right: 160px;}

#indexCentro h3, #conte legend{
           /*background-color: #d4e4c0;*/
					 color: #007f7f;
						border:#007f7f solid 1px;
						padding: 5px;
						font-size: 1.2em;
						display: inline;}
						
/*Utilizo ejem como sustituto de h3 en los ejemplos*/						
.ejem {    
						border:#007f7f solid 1px;
					 font-weight: bold;
					 color: #007f7f;					 
						padding: 5px;
						margin-bottom: 5px;}
.ejemnegro{  
						border:#007f7f solid 1px;
					 font-weight: bold;
					 color: #000000;					 
						padding: 5px;
						margin-bottom: 5px;
						margin-right: 180px;}
						
#indexCentro p{text-indent: 2em;}

dl#indice{margin: 0px;}

dl#indice dt, #indexCentro h2{
						margin: 0px;
						font-size: 1.4em;}
						
#indexCentro h2{
						background: url(../imag/porta0.png) no-repeat top left;
						padding-left: 35px;}

#indexCentro h2, dl#indice dt a, dl#indice dt a:visited, #indexCentro h2 a, #indexCentro h2 a:visited{
						background-color: RGB(126, 164, 177);
					  color: #ffffff;
						font-weight: bold;
						text-decoration: none;
						padding-top: 4px;
						padding-bottom: 4px;
						}
						
dl#indice dt a, dl#indice dt a:visited{
						background: RGB(126, 164, 172) url(../imag/cajaazul.png) no-repeat top left;
					  margin-left: 0px;
					  padding-left: 10px; 
						display: block;
						color: #ffffff;
						font-size: 0.9em;}

dl#indice dt a:hover{
						 /*background-color: #007f7f;*/	
						 background: #007f7f url(../imag/cajaverde.png) no-repeat top left;
						 display: block;
						 }
dl#indice dt span{color: RGB(126, 164, 172);}
dl#indice dt a:hover span{color: #007f7f; background: #007f7f url(http://www.diagnos98.com/imag/mano.gif) no-repeat center; width: 100px;}
						 
#indexCentro h2 a:hover{
						 color: #007f7f;
						 text-decoration: underline;
						 }

dl#indice dd{
						background: #bed6a0 url(../imag/porta0.png) no-repeat center left;
						background-color: #eeeeee;
						/*color: #557773;*/
						border:RGB(126, 164, 177) solid 2px;
						margin-left: 0px;					
						margin-bottom: 20px;
						padding: 5px;
						padding-left: 35px;
						font-size: 0.9em;
						height: 40px;
						}
												
dl#indice dd#porta1{background-image: url(../imag/porta1.gif);}
dl#indice dd#porta2{background-image: url(../imag/porta2.gif);}
dl#indice dd#porta3{background-image: url(../imag/porta3.gif);}
dl#indice dd#porta4{background-image: url(../imag/porta4.gif);}
dl#indice dd#porta5{background-image: url(../imag/porta5.gif);}
dl#indice dd#porta6{background-image: url(../imag/porta6.gif);}
dl#indice dd#porta7{background-image: url(../imag/porta7.gif);}
dl#indice dd#porta8{background-image: url(../imag/porta8.gif);}
dl#indice dd#porta9{background-image: url(../imag/porta9.gif);}
dl#indice dd#porta1a{background-image: url(../imag/porta1a.gif);}
											
#conte{border:RGB(126, 164, 172) solid 2px; padding: 10px;}

#conte fieldset{padding-right: 10px;
			 padding-left: 10px;
			 font-weight: bold;}
			 
#conte label{font-weight: bold;}

table#ejemplos{width: 95%;}
table#ejemplos td{vertical-align: top; padding: 10px;}

dl.limaxi dt, dl.limini dt{display: block;
				padding: 5px;
				background-color: #2f4f4f;
				color: #ffffff;
				font-weight: bold;
				margin-top: 5px;}

dl.limini dt{background-color: #778899;}
				
dl.limaxi a,dl.limaxi a:visited, dl.limini a,dl.limini a:visited{
					 border: #2f4f4f solid 2px;
					 display: block;
					 margin-top: 5px;
					 padding: 3px;}
					 
dl.limini a,dl.limini a:visited{border: #778899 solid 2px;}
					 
dl.limaxi dd dl dt, dl.limni dd dl dt{
					 color: #2f4f4f;
					 background-color: transparent;
					 padding-bottom: 0px;
					 padding-top: 0px;}
					 
dl.limini dd dl dt{ color: #778899;}
				
#conteEjem{clear: both;}

#atras{
			 clear: both;
				text-align:center;
				padding-top: 10px;
				padding-bottom: 5px;}
				
a.boton, a.boton:visited, a.botonBlock, a.botonBlock:visited{
				background-color: #007f7f;
				color: #ffffff;
				padding: 3px;
				padding-left: 5px;
				padding-right: 5px;
				text-decoration: none;
			  text-align: center;
				font-weight: bold;
				border: RGB(126, 164, 177) outset 2px;
				}
				
a.botonBlock, a.botonBlock:visited{display: block;}	

.botonPosi{text-align: center;
					 margin-top: 30px;
					 margin-bottom: 10px;}

.botonPosi a, .botonPosi a:visited{
						 background: #ffffff url(../imag/cruz.gif) no-repeat center left;
						 color: #28608e;
						 border: RGB(126, 164, 177) ridge 3px;
						 text-decoration: none;
						 font-weight: bold;
						 margin-top: 10px;
						 padding: 3px;
						 padding-left: 25px;
						 padding-right: 5px;
						 }		
				
a.boton:hover, a.botonBlock:hover, .botonPosi a:hover{background-color: #a8c9c9;
				color: #007f7f;
				border: #d4e4c0 inset 2px;}
						 
#ejempanta{background: transparent url(http://www.diagnos98.com/imag/flecha.gif) no-repeat bottom right;
						width: 385px;
					 display: block;
					}

#ejemtexto{width: 400px;
					 border: #bababa solid 2px;
					 margin: auto;
									}
	 					
#ejemtexto h3{
					 margin: 0px;
					 padding: 2px;
					 background-color: #000080;
					 border-bottom: #808080 solid 2px;
					 color: #ffffff;
					 display: block;}
					 
#ejemtexto div{
					height: 250px;
					padding-left: 5px;
					padding-right: 15px;
					padding-bottom: 10px;
					padding-top: 0px;
					overflow: auto;
					text-align: justify;
					background: #ffffee url(../imag/salir.png) no-repeat bottom right;
					}

.negrita{font-weight: bold;}
.centrada{text-align: center;}
.ader{text-align: right;}
.izq{float: left; padding-right: 10px;}
.izq0{float: left;}
.der{float: right; padding-left: 10px;}
.der0{float: right;}
.clearboth{clear: both;}

.titu{
			 background-color: #a8c9c9;			 
	     border: RGB(126, 164, 177) solid 1px;
			 font-weight: bold;
			 padding: 2px; }
.marca {background-color: #dcdcdc; display: inline;}

.folio{
					background-color: white;
					color: black;
					padding: 10px;
					margin: auto;
					/*width: 500px;*/
					width: 80%;
					border: 1px black solid;
					text-align: justify;
}

.folio #cabe {background: #ffffff url(http://www.diagnos98.com/imag/dieta.gif) no-repeat center left;
			 padding-left: 120px;
			 height: 100px;
			 text-align: center;
			 font-weight: bold;
			 margin-bottom: 10px;}
			 
.folio p{text-indent: 0px !important;}

/*Ejemplos de la influencia de fármacos*/
ul.edi11{list-style-image: url(../imag/manop.gif); margin-top: 1.5em;
					 }
ul.edi11 li span{background-color: rgb(255,253,201); font-weight: bold; padding:0.2em:}
					 
ul.edi11 ul{list-style-image: none; margin-bottom: 1em; }

/*Caja redondeada blanca */
.rbroundboxA {background-color: white; }
.rbtopA { background: url(../imag/cajaazul0.png) no-repeat top left; }
.rbtopA div { background: url(../imag/cajaazul1.png) no-repeat top right; }
.rbbotA { background: url(../imag/cajaazul3.png) no-repeat bottom left; }
.rbbotA div{ background: url(../imag/cajaazul2.png) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopA div, .rbtopA, .rbbotA div, .rbbotA {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontentA { margin: 0;
	 padding:0;
	 font-size: 1.2em;
	 font-weight:bold;
	 color: #007f7f;
	 text-align: center;
	 border-left: #a8c9c9 solid 2px;	 
	 border-right: #a8c9c9 solid 2px;
	 }
.rbroundboxA{width: 75%;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 30px;}