* {
  margin:0px;
  padding:0px;
}

body{
  color:#FFFFFF;
  background: #666666;
  font: 85% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

img { border:0px; }

hr {
  margin:0px 0px 0px 0px;
  padding:0px;
  border:1px solid #FFFFFF;
}

em{
	font-weight:bold;
	font-size:120%;
	background: transparent url("imagenes/info.gif") no-repeat left;
	padding-left:23px;
}

kbd {  line-height:2em; font-size:.8em; font-weight:normal; font-family:"Lucida console", Courier, monospace, sans-serif; border-top:.15em solid #ccc; 
		  border-right:.25em solid #aaa; border-bottom:.3em solid #888; border-left:.2em solid #bbb; padding:.05em .2em; color:#000; background:#eee; 
		  vertical-align:text-bottom;
}

abbr, acronym, span.abbr { 
  border-bottom:1px dashed #9E9E9E;
  cursor:help;
}


p{
  text-indent: 15px;
  margin:0px 0px 15px 0px;
}

#cita{
  background: transparent url("imagenes/quotes.gif") no-repeat top left;
  margin:20px 20px 10px 0px;
  padding: 0px 0px 0px 18px;
  width:80%;
  float:right;
  font-style:italic;
  text-align:left;
} 

#cita q{
  text-indent: 0px;
  margin:0px;
  background: transparent url("imagenes/quotesinv.gif") no-repeat bottom right;
  padding-right:20px;
}

cite{
  padding-left:70px;
  font-weight:bold;
  font-style:normal;
}

map {
display:block;
}
/*   Listas   */
ol, ul { width:100%; }
li { list-style-position:outside; list-style-type:none; }




.invisible {
  position:absolute;
  left:-999px;
  width:990px;
  font-size:0%;
}

.cent{
  text-align:center;
  width:100%;
}

.sep{
  margin-left:20px;
}

.error{
  background: transparent url("imagenes/error.gif") no-repeat left;
  padding-left:20px;
  line-height:15px;
  text-indent:0px;
  margin: 0px 0px 3px 20px;
  width:90%;
}

.ok{
  background: transparent url("imagenes/ok.gif") no-repeat top left;
		padding-left:15px;
		text-indent:0px;
}

form { margin: 30px 0px 0px 0px; padding: 0px;}
form dl{ width: 100%;}
form dt{ margin-top:8px; color:#333333; font-weight:bold;}
form dd{ padding-left:15px;}

form p{
  margin-top:15px;
}

fieldset{
 border:1px solid #FF6500;
 padding:10px 15px;
 background:#E7E7E7;
}

legend{
  background:#FFFFFF ;
  padding: 1px 5px;
  color:#DE5500;
  font-size: 120%;
  font-weight:bold;
  font-style:italic;
   border:1px solid #FF6500;
}

input, textarea, select{ border:solid 1px #FF9E52; background-color:#FFFFF7; font-family:sans-serif; font-size:95%; vertical-align: middle;}

.boton{ border:solid 1px #000000; background-color:#FF9E52; color: #000000 ; font-weight:bold;  margin-right:20px; padding:1px 3px;}



/*  Cabeceras  */


h1 {
 font-weight: bold;
 font-size: 150%;
 font-variant:small-caps;
 width:95%;
 background: transparent url("imagenes/star.png") no-repeat left;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 25px;
 border-bottom:1px solid #FF6500;
}

h2 {
  font-weight: bold;
 font-size: 120%;
 width:95%;
background:transparent;
 margin: 15px 0px 7px 0px;
/*padding: 5px 0px 5px 15px;*/
}

.des{
  background:/*#FF8C40*/#FF9E52 url("imagenes/h2.gif") no-repeat left;
  padding: 1px 5px 1px 18px;
}

/*  Enlaces  */
a {
  color:#000000;
  text-decoration:underline;
  font: bold 95% Verdana, Helvetica, Arial, sans-serif;
  padding:1px;
}

a:hover, a:focus{
  color:#D95600;
  background:#FFFFFF;
  text-decoration:underline;
  font: bold 95% Verdana, Helvetica, Arial, sans-serif;
}

h1 a{text-decoration:none; color:#222222;}
h1 a:hover{text-decoration:none; color:#222222;}
h1 a:focus{text-decoration:none; color:#222222;}


h2 a{text-decoration:none; color:#222222;}
h2 a:hover{text-decoration:none; color:#222222;}
h2 a:focus{text-decoration:none; color:#222222;}




a.ampl {
  background:transparent url("imagenes/lupa.gif") no-repeat right;
  padding-right: 20px;
}

a.back {
  background:transparent url("imagenes/back.gif") no-repeat right;
  padding-right: 15px;
}



/* posicionamiento */

#pagina{ 	
position:absolute;
	left:50%;
	width:94%;
	margin:15px 0px 15px -47%;
	text-align:left;
	padding:0px;
	color:#000000;
	background:#FFFFFF;
  border:2px solid #000000;
}

#cabecera{
  position:relative;
  float:left;
  width:100%;
  border-bottom:1px solid #666666;
  background: transparent url("imagenes/header.jpg") no-repeat right top;
}

#logocert{
  position:relative;
  float:left;
}

#menuaux{
  position:relative;
  float:right;
  width:50%;
  text-align:right;  
 }

#cuerpo{ 
  position:relative;
  float:left;
  width:100%;
  padding: 30px 0px 30px 0px;
  background:transparent url("imagenes/fondo4.jpg") no-repeat;
}

#sidebar{
  position:relative;
  float:right;
  width:22%;
  margin: 0px 10px 0px 0px;
  padding:0px;
}

#menu{ 
  width:95%;
  padding:0px 0px 0px 0px;
  margin:0px 0px 45px 0px;
 border-left: 1px dotted #666666;
}



#logoentidades{
  text-align:center;
}

#entidades li{
  margin-bottom:20px;
}

#contenido{
  position:relative;
  float:left;
  width:57%;
  padding-left:100px;
  height:400px; /*Set this for IE Windows*/
 }
/*this is a way to get more compliant browsers to use min-height as IE Win
doesn't recognize the attribute selector*/
#contenido[id] {
  height:auto;
  min-height:400px;
}

#contenidoampliado{
  position:relative;
  float:left;
  width:90%;
  padding-left:30px;
  height:400px; /*Set this for IE Windows*/
	}
/*this is a way to get more compliant browsers to use min-height as IE Win
doesn't recognize the attribute selector*/
#contenidoampliado[id] {
  height:auto;
  min-height:400px;
}



#pie {
  position:relative;
  float:left;
  width:100%;
  color:#FFFFFF;
  text-align:left;
  border-top:1px solid #666666;
}


#pie p{
  line-height:0px;
  margin:0px;
}


#menuaux li{
  display:inline;
  background: transparent url("imagenes/menuauxli.gif") no-repeat left;
  padding:0px 0px 0px 15px;
  margin:0px 10px 0px 0px;
}


#menu li{
  background: transparent url("imagenes/menuli.gif") no-repeat left;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 15px;
}

#menuacc li{
  display:inline;
  padding:0px 0px 0px 10px;
}

#current{
	border:1px solid #FF6500;
	font-style:italic;
}


.logo{
  border:1px solid #000000;
  background:#FFFFFF;
  padding:3px;
}


#contenido ul{
  width:90%;
  margin:10px 0px 10px 15px;
}

#contenido ul li{
  padding: 0px 0px 0px 14px;
  background:transparent url("imagenes/li.gif") no-repeat left top;
}

#contenido ol{
  width:90%;
  margin:10px 0px 10px 15px;
  padding: 5px;
}

#contenido ol li{
  list-style-type: decimal;
}

#contenido ol li ul{
  margin-top:2px;
  margin-bottom:2px;
}

#contenido ol li ul li{
  list-style-type: none;
  background:transparent url("imagenes/li.gif") no-repeat left top;
  margin-top:2px;
}



#niveles dl{ width: 100%;}
#niveles dt{ }
#niveles dd{ margin-bottom:20px; font-weight:bold;}



#entidades{
  text-align: left;
}


#entidades dl{
width:85%;
 padding:10px 15px;
 background:#E7E7E7;
 margin-bottom:30px;
border: 1px solid #FF6500;
}

#entidades dt{
  font-weight:bold;
  margin-top:5px;
  }
  
#entidades dd{
  margin-left:3%;
}

.entity1{
  position:relative;
  float:left;
  width:48%;
  margin-right:2%;
}

.entity2{
  position:relative;
  float:left;
  width:48%;
}


#access dl{}
#access dl dt{
  margin-top:15px;
  background:#FFFFFF url(imagenes/dt.gif) no-repeat left;
  color:#FF6500;
  font-weight:bold;
  padding-left:15px;
}
#access dl dd{border-left:1px solid #FF6500; padding-left:2px; margin-left:15px;}


.graf{
  border:1px solid #000000;
  text-align:center;
}



#galery-items div{
  position:relative;
  width:40%;
  float:left;
 margin:0px 5% 30px 0px;
}

#galery-items div.par{
  float:right;
  margin:0px 0px 30px 5%;
}