/* CSS Document */
body {
 /*text-align: center;*/
 margin: 0;
 padding: 0;
 background-color: white;
 color: #999900;
 /*background-image: url(img/bg_stripe.png);*/
 /*background-repeat: repeat-x;*/
 font: small Arial, Helvetica, Verdana, sans-serif;
 font-size: small;
 background: #F8F1EB url("img/fondo.png") repeat-x
}
#encuadre {
  /*text-align: left;*/
  border: 2px ridge white;
  background-color: white;
  color: black;
  /*margin: 1.2em auto auto auto;*/
  margin: 0 auto auto auto;
  padding: 0px;
  width: 712px;
}
/********************/
/* CABECERA Y MENUS */
/********************/
#cabecera {
  color: white;
  /*height: 119px;*/
  /*background-image: url(img/plecacabecera.gif);
  background-repeat: repeat-y;*/
  /*background-color: gray;*/
}
#sub-cabecera{
  /*border: 1px solid green;*/
  background-image: url(img/cabecera_principal.png);
  background-repeat: no-repeat;
  height: 119px;
}
#sub-cabecera-transparencia{
  /*border: 1px solid black;*/
  background-image: url(img/cabecera_transparencia.jpg);
  background-repeat: no-repeat;
  height: 119px;
}
#menu-superior{
  /*border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: black;*/ 
  float: right;
  height: 1%;
}
#menu-superior ul {
 margin: 0;
 padding: 12px 15px 0px 0px; 
 /*text-align: left;*/
}
#menu-superior li {
 display: inline;
 font-size: 14px;
 /*background-color: #fdf8f2;*/
 /*color: #050845;*/
}
#menu-superior a:link, #menu-superior a:visited {
 text-decoration: none;
 font-size: 14px;
 /*background-color: #fdf8f2;*/
 color: white;
}
#menu-superior .visitas-contenedor {    
  width: auto;
  text-align: right;  
}
#menu-superior .visitas {
  color: rgb(0,0,0);
  font-size: 13px;
  width: 100px;
  text-align: center;                           
}
#menu-inferior{
  width: auto;
  font-family: Arial;
  /*border-top: 1px solid black;*/
  background-color: black;
  /*height: 1%;*/
  height: 24px;
  /*background: #ffffff url("http://www.logitech.com/images/secondary_nav_bg.gif") repeat-y 100% 0%;*/
}
/* COMIENZA SEGUNDO MENU DINAMICO INSPIRADO POR CSSPLAY */
#nav,
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px arial; border:2px solid #000; border-color:gray; border-width:1px 1px 1px 1px; background:black; position:relative; z-index:200;}
#nav {height:26px; padding:0; width: 710px;}
#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 0px 0 0px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {font-size: 11px; display:block; float:left; color:silver; font-weight: bold; height:25px; padding-right:14px; padding-left:14px; line-height:25px; text-decoration:none; white-space:nowrap;}
/*.borde_izq {border-left: 1px silver solid;}*/
#nav li li a {height:20px; line-height:20px; float:none;}
#nav li:hover {position:relative; z-index:300; background:#660000;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}
#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:white; font-weight: bold;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/* TERMINA MENU DINAMICO CSSPLAY */
/* COMIENZA EL MENU DINAMICO */
/*#menu
{
	position: relative;
	list-style-type: none;
}
#menu a
{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: white;
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}
#menu a:hover
{
	background-color: #660000;
	color: #FFF;
}*/
/* Comienza clase .menuitem, ESTO HACE LA MAGIA */
/*
.menuitem
{
	position: absolute;
	margin: 0;
	padding: 0;
	height: 24px;
	overflow-y: hidden;
}
.menuitem ul
{
	padding: 0;
	list-style-type: none;
	background-color: black;
	/*line-height: 1.8em !important;
}
.menuitem:hover { overflow: visible;}
/* Termina clase .menuitem */
/* Comienza posicion horizontal de cada opcion del menu principal /
#m1 { left: 0; width: 8em; border-right: 1px solid white; }
#m2 { left: 8em; width: 13em; border-right: 1px solid white; }
#m3 { left: 21em; width: 9em; border-right: 1px solid white; }
#m4 { left: 30em; width: 20em; }
*/
/* Termina posicion horizontal de cada opcion del menu principal */
/* Comienza segundo nivel de submenus */
/*.submenu li { position: relative; }*/
/*.subsubmenu
{
	position: absolute;
	top: 0;
	left: 9.95em;
	width: 10em;
	display: none;
}*/
/*.submenu li:hover > .subsubmenu
{
	display: block;
}*/
/* Termina segundo nivel de submenus */
/*#menu-inferior ul {
/*border: 1px solid white;*
 margin: 0;
 padding: 4px 15px 0 0px; 
 height: 25px;
 /*text-align: left;*
}*/
/*#menu-inferior li {
padding: 4px 14px 4px 14px;
border-left: 1px solid white;
  display: inline;
}*/
/*#menu-inferior a:link, #menu-inferior a:visited {
display: block;
padding:0.2em 0.5em;
text-align:center;
 text-decoration: none;
 /*background-color: #fdf8f2;*
 color: white;
}
#menu-inferior a:hover {
background-color: #4487C2;
color:#FFF;
}*/
#icono {
  padding: 0px 15px 0px 0px;
 /*position: relative;
 top: 110px;
 right: 55px;*/
}
#pleca {
  padding: 0px 12px 0px 12px;
 /*position: relative;
 top: 110px;
 right: 55px;*/
}
#monitos {
 float: right;
 /*position: absolute;
 top: 136px;
 left: 670px;*/
}
#barra-central {
 /*position: relative;*/
 /*border: 1px solid #b9d2e3;*/
 background-color: white;
 color: black;
 width: 426px;
 height: auto;
 padding: 0 0px 0 0px;
 margin:0 0px 0 136px;    
} 
/*******************************************/
/* MARCO DE TRANSPARENCIA CON ESQ REDONDAS */
/*******************************************/
#marco {
 /*padding: 2px;*/
 /*position: relative;*/
 margin: 40px 50px 0 50px;
 /*border: 1px solid white;*/
 background-color: #660000;
 /*color: white;*/
 /*width: 100%;*/
 /*border: 1px solid black;*/
}
#marco .redondo-arriba { 
	background: url(img/esq_der_up.png) no-repeat top right; 
}
#marco .redondo-abajo { 
	background: url(img/esq_der_down.png) no-repeat top right; 
}
#marco img.esquina {
   width: 20px;
   height: 20px;
   border: none;
   display: block !important;
   margin: 0;
   padding: 0;
}
#contenido-transparencia {
 /*position: relative;*/
 margin: 0 20px 0px 20px;
 padding: 2px 18px 18px 18px;
 background-color: white;
 color: black;
 /*width: 100%;*/
}
#contenido-transparencia p {
  margin-bottom: -5px;
  text-align: justify;
}
#contenido-transparencia h1 {
  /*border: 1px solid black;*/
  text-align: center;
  color: #663333;
}
#contenido-transparencia h2{
 border-bottom: #660000 solid;
 border-bottom-width: thin;
 border-top: #660000 solid;
 border-top-width: thin;
 color: #999900;
 padding: 6px 0 6px 0;
 font-size: medium;
}
#contenido-transparencia ul {
 margin: 0;
 padding: 0 15px 0 18px; 
}
#contenido-transparencia li {
}
#contenido-transparencia a:link, #contenido-transparencia a:visited {
 text-decoration: none;
 /*background-color: #fdf8f2;*/
 color: #000000;
}
/***************************/
/* BARRA LATERAL IZQUIERDA */
/***************************/
#barra-lateral-izq {
text-align: center;
 float:left;
 border-right: 1px solid #cccccc;
 /*border: 1px solid #b9d2e3;*/
 background-color: white;
 /*position: absolute;*/
 /*top: 332px;*/
 /*left: 0px;*/
 /*right: 0;*/
 width: 130px;
 color: black;
 padding: 0px;
 /*height: 1%;*/
 height:auto;
 margin:0 0 0 0px;
}
#barra-lateral-izq ul{
  margin: 0;
  display: inline;
  list-style: none;
  padding: 0;
}
#barra-lateral-izq ul a:link, #barra-lateral-izq ul a:visited {
 color:  white; 
 text-decoration: none;
} 
#barra-lateral-izq img {
 text-decoration: none;
 border: none;
}
/*************************/
/* BARRA LATERAL DERECHA */
/*************************/
#barra-lateral-der {
 float:right;
 border-left: 1px solid #cccccc;
 margin:0 0px 0 0;
 /*border: 1px solid #b9d2e3;*/
 background-color: white;
 color: black; 
 /*position: absolute;*/
 /*top: 332px;*/
 /*left: 0px;*/
 width: 142px;
 padding: 0px;
 height: auto;
 /*height:auto;*/
}
#barra-lateral-der p, #barra-lateral-der li {
  font-size: 94%;
  line-height: 1.2em;
  margin-top: -5px;
  padding: 0 5px 0 5px;
}
#barra-lateral-der ul{
  display: inline;
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
#barra-lateral-der ul a:link, #barra-lateral-der ul a:visited {
 color:  gray; 
 text-decoration: none;
 padding: 0;
 margin: 0;
}
#barra-lateral-der img{
 text-decoration: none;
 border: none;
}
#area-atencion-instituto {
 padding: 25px 15px 20px 15px;
 height: 138px;
 border-bottom: 1px solid rgb(192,192,192); 
}
#area-atencion {
 padding: 25px 15px 20px 15px;
 height: 310px;
 border-bottom: 1px solid rgb(192,192,192); 
}
#barra-central .elementos-secundarios {
  /*position: relative;*/
 color: black; 
 padding: 0 20px 0 20px;
} 
#barra-central .elementos-secundarios h1 {
 color: black;
/* font-size: 150%;*/
}
#barra-central .elementos-secundarios ul.elementos{
  margin: 0;
  padding: 0;
  list-style: none;
}
#barra-central .elementos-secundarios h3{
  font-size: 110%;
  color: black;
}
#barra-central .elementos-secundarios h3 a:link, #barra-central .elementos-secundarios h3 a:visited {
  color: black;
  text-decoration: none;
}
#barra-central .elementos-secundarios h1 a:link, #barra-central .elementos-secundarios h1 a:visited {
  color: black;
  text-decoration: none;
}
#barra-central .elementos-secundarios p {
  color: #666666;
  font-size: 90%;
}
#barra-central .elementos-secundarios p.leer-mas{
 margin-top: 0;
 text-align: right;
}
#barra-central .elementos-secundarios p.leer-mas a:link, #barra-central .elementos-secundarios p.leer-mas a:visited {
 /*background-image: url(img/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;*/
 padding-left: 14px;
 font-size: 90%;
 color: #1e4c82;
}
#main {
  /*position: relative;*/
  top:0;
  left: 0;
  width: 100%;
  margin-top: 10px;
  /** 30/06/2008 11:58:40 a.m. **/
  /*background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: #ffff99;
  background-image: none*/
  /*****************************/
}
/** 30/06/2008 12:03:34 p.m. **/
/*#colmid {
  float: left;
  width: 100%;
  margin-left: -200px;
  position: relative;
  right: 100%;
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: #ffffff;
  background-image: none
}
#colleft {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative;
  left: 400px;
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: #ffd8b7;
  background-image: none
}
#col1wrap {
  float: left;
  width: 50%;
  position: relative;
  right: 200px;
  padding-bottom: 1em
}
#col1 {
  margin-top: 0;
  margin-right: 215px;
  margin-bottom: 0;
  margin-left: 215px;
  position: relative;
  left: 200%;
  overflow-x: hidden;
  overflow-y: hidden
}
#col2 {
  float: right;
  width: 170px;
  position: relative;
  right: 15px
}
#col3 {
  float: right;
  width: 170px;
  margin-right: 45px;
  position: relative;
  left: 50%
}
div {
  display: block
}*/
/********************************/
#buscar-form .texto {
 width: 140px;
 border: 1px solid gray; 
}
#buscar-form .boton_buscar {
   /*text-align: center; */
   margin-top: 0px;
}
#buscar-form .btn {
 border: 1px solid #45bac0;
 background-color: black;
 color:  white; 
}
/*****************/
/* PIE DE PAGINA */
/*****************/
#pie-pagina {
 margin: 7px 0 7px 0;
 width:auto;
}
#pie-pagina p{
 font-size: x-small;
 text-align: center;
 color: gray;
}
/****************************/
/* Generado por dreamweaver */
/****************************/
.Estilo11 {font-size: small}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}
.Estilo27 {color: #999999}
.Estilo30 {font-size: 28px}
.Estilo32 {
	font-size: 13px
}
.Estilo43 {
	color: #000000;
	font-weight: bold;
	font-size: 12.5px;
}
/***********************/
/* Contenido Portada   */
/***********************/
.pie_foto{
  font-size: xx-small;
  line-height: 12px;
}