body { 
margin:0 /*auto */;
font-family:arial, helvetica, trebuchet MS,verdana,sans-serif; 
color:#5c6c77; 
background: #fafafa url(fondo6.gif) repeat top center;
font-size: 0.8em;
}

body {
	padding:15px 27px;
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}

	td {
	padding:4px;background: #e4e4e4;
	}
input, textarea { 
	border: 1px #999 solid;
}

#tbpriv td { 
	background:#fff;
}

/*	
#content{
	padding:5px 20px 0 20px;
	background:url(contentBg.png) no-repeat 0 0;
	}
*/		

#dos {
	width:29%;
	float:left;
	margin-top:-4.5em;
	margin-left:-2px;
	}
#tres {
	width:69%;
	float:right;
	background: #fff;
	}




/*
#transp {
margin:0 35px;
background: url(trans.png);
border:0px blue solid;
}

#contenedor {
text-align:left;
margin:0 10px;
padding:3px;
background-color:#fff;
border:0px black solid;
}
*/

/*	
#cabecera{
	padding:5px 20px 0 20px;
	background:#fff url(fondocab.gif) repeat  center center;
	border:1px aqua dotted;
	height:70px;
	}
*/

#titseccion {
padding:5px 12px;
margin: 3px 0 1em 0;
color: white;
background-color:#71a0cd;
text-align:right;
}

h1 { font-size:2em; font-weight: normal; display:inline; color: #fff; }

#navegacion {
position:absolute; top:17em; left:50px; width:160px;
}

#contenido {
margin-left:177px; padding:7px 19px; 
}

#utilidadesdiv {
text-align:right;
margin-top:100px;
padding-top:1px;
background-color:#f2f2f2;
}

#utilidades {
margin:0px;
padding-top:1px;
}

#utilidades li {display:inline;margin:0px;}

#utilidades a {color:#666; text-decoration:none; font-family:seriff; }
#utilidades a:hover {text-decoration:underline; }

#imprimir, #favoritos, #recomendar, #busqueda, #privada h5, #noticias h5, #DOMnewsstopper a, .descargar, .ampliar, .enlace, .masinfo { 
	background-position: center left; background-repeat: no-repeat; padding-left:25px;  }

#imprimir, #favoritos, #recomendar, #busqueda, #privada h5, #noticias h5, #DOMnewsstopper a, .descargar, .ampliar { 
	 text-decoration:none; padding: 2px 5px 1px 23px; }

#imprimir { background-image: url(imagenes/action_print.gif) }
#favoritos { background-image: url(imagenes/icon_favourites.gif)}
#recomendar { background-image: url(imagenes/group.png) }
#busqueda { background-image: url(imagenes/find.png) ; line-height:2.3; }

#logoiz { width: 25%; float: left; text-align:left; margin-top:3px; }
#logoder { width: 70%; float: right; text-align:center; min-width:500px; }
#logo { margin:-5px 10px 0 10px; }
#logonuevo,#logosalud,#logoprof,#logo012,#logosuma 
{

}
#logonuevo,#logo012,#logosuma
{
 vertical-align: top; margin-top: 17px; margin-left:7%;
}
#logosuma
{
  margin-top: 1px;
}
#logonuevo
{
  margin-top: 15px;
}
#logoproff {
margin-top:1px; 
}
#alazan {
margin:60px 40px 35px 40px; 
}

#titulosec { margin-left: 30%;  }

img { 
	border:0;
}

a, .subtitparr  { color: #e73c21;  }
h2 { font-size: 1.8em; background: #fff url(fondoh2.jpg) no-repeat top left; color:#333; padding: 4px 2px 0px 30px; font-weight:normal; border-bottom: 1px #e73c21 solid; margin: 9px 0 15px 0; font-family:trebuchet MS,verdana,sans-serif;  }
h3  { font-size: 1.3em; color: #628dc2; font-family:courier,serif; margin: 7px 0 4px 0  }


h5
{ 
	color: #000; font-size: 1em; margin:0;
}



#privada, #noticias, #contenido {border:1px #e5e5e5 solid;}

#privada, #noticias {margin:12px 0 0 0; }
#privada h5, #noticias h5 { background-color:#f7f6f0; border-bottom:1px #e5e5e5 solid; padding:3px 3px 3px 22px; }

#privada h5 { background-image: url(imagenes/key.png) }

#privada td {  padding:4px 0; }



#noticias h5 { background-image: url(imagenes/comment.png)  }
/*#noticias, #news, #DOMnewsstopper { margin:0; padding:0; border:1px aqua solid; width: 60px; }*/



#noticias ul { font-size:1.2em;  line-height:1.5em;  }
#DOMnewsstopper a { background-image: url(imagenes/stop.png); font-size: 0.8em; color: red; font-weight: bold; margin-left: 50px; }

#noticias a { }

.descargar { background-image:  url(imagenes/icon_download.gif); }
.ampliar { background-image: url(imagenes/zoom.png);  }
.enlace { background-image: url(imagenes/link.png); }
.masinfo { background-image: url(imagenes/information.png);  }


#pie {
 padding:2px; font-size: 0.9em; color:#222; 
}

#w3c {
width:200px; float:right; text-align:center;
}

.leyenda {
background-color:#fff; filter: alpha(opacity=70); opacity: .7; padding:4px; margin-left:4%;
}



/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*456lab*/
#wrap {
	max-width:50em;
	margin:0 auto;
}
* html #wrap {width:50em}
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}


/*********/

.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
* html .clearfix {height:1px;} /* * html hack for IE pre 7 used for convenience in this demo */
.clearfix {display:inline-block;}
.clearfix {display:block;}
.structural {
	position:absolute;
	left:-9999px;
}
#labfooter {
	clear:both;
	margin-top:0.5em;
	padding-top:0.5em;
	border-top:1px solid #ccc;
	text-align:center;
}
.code {
	margin:1em 0;
	padding:3px 5px 3px 3em;
	border:1px solid #98be10;
	list-style-type:decimal-leading-zero;
	font-family:Courier;
}
.code code {font-family:Monaco,"Courier New",Tahoma}
.code li {
	margin:2px 0;
	padding:0 5px;
	background:#f7f7f5;
}
.code li.tab1 {padding-left:4ex}
.code li.tab2 {padding-left:8ex}
.code li.tab3 {padding-left:12ex}
.code li.tab4 {padding-left:16ex}
.code li.tab5 {padding-left:20ex}
.code .changed {
	color:#900;
	font-weight:bold;
}
.code em {
	color:#900;
	font-weight:bold;
	font-style:normal;
}