/* CSS web ayala
================================== */

* {
  margin: 0;
  padding: 0;
}

body {
  font: 11px/1.3 "Helvetica", "Arial Narrow", Verdana, sans-serif;
  background-color:#FFFFFF;
  background-image:url(images/fondo_rayas_gris_claro.gif);
}

/*titulares de cada pgina*/
h1 {
  font-size: 18px;
  font-weight: normal;
  border-left: 10px solid #dc5004; /*el cuadrao naranga*/
  padding-left:10px;
}

/*ttulos
h2 {
  font-size: 11px;
  font-weight: normal;
}*/

/*preguntas*/
h3{
  font-size: 12px;
  font-weight: normal;
  color:#999999;
}

#cursiva{
font:italic;
padding-top:30px;
font-size:10px; 
color:#000000;
width: 320px;
}

h1, h2, p {
  margin: 1em 0;
}

a., a.:link, a.:visited {
color: #A80011;
margin: 2px; 
font-size: 10px;
text-decoration: none; /*no subrayado*/
font-family: Helvetica, Arial, sans-serif; 
line-height:25px; 
overflow:hidden;    
}                                         
a.:hover { 
/*background: white ;*/
color: #000000;
} 

a.:active { 
color: #A80011;
}


#branding h1 {
  margin: 0;
}

#branding {
  height: 200px;
  width: 800px;
  background-color:#fff;

}

#mainNav {
  font-color: #b0b0b0;
  list-style: none;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 800px; 
  margin: 0 auto; 
  text-align: left;
  background: #fff url(images/nav-bg-fixedXXXXXXX.gif) repeat-y left top;
}


#content { 
  width: 580px;
  float: right; 
  padding-left:20px;
  padding-bottom:10px;
}

#mainNav { 
  color: #fff;
  width: 180px; 
  float: left; 
  font-size:18px; 
} 



/* Add some padding
================================== */

#mainNav {
  color: #b0b0b0;
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav * {
  color: #b0b0b0;
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * * {
  color: #b0b0b0;
  padding-left: 0;
  padding-right: 0;
}

/*listado
===========================*/


#mainNav { 
  color: #fff;
  width: 180px; 
  float: left; 
  font-size:18px; 
} 


#mainNav  a, a:link, a:visited, a:active {
  text-decoration:none;
  color:#dc5004;
  font-size:18px; 
}

#mainNav  a:hover {
  text-decoration:none;
  color:#FFF;
  color:#CCCCCC;
  color:#F0B766;
  font-size:18px; 
}

#mainNav li{
  border-bottom: 1px solid #CCCCCC;
}

/*#mainNav li:hover{
  background-color:#CCCCCC;
}*/

#mainNav li:hover{
  border-bottom: 1px solid #CCCCCC;
  border-left: 10px solid #CCCCCC;
  background-color:#dc5004;

  /*  para que no se desplace hacia la derecha en el hover 
  position:relative;
  left:-10px;*/
}

mainNav:hover { 
/*background: white ;*/
color: red;
} 

/* Add some padding
================================== */

#listado {
  color: #000;
  font-size:12px;
  font-family: Helvetica, Arial, sans-serif; 
  padding-top:20px;
  padding-bottom:20px;
  list-style-type:none;
  font-weight:bold;
}

#listado  a, a:link, a:visited, a:active {
  text-decoration:none;
  color:#000;
  font-size:12px;
  
}

#listado  a:hover {
  text-decoration:none;
  color:#999999;
  font-size:12px;
}

#listado li:hover{
  position:relative;
  color: #999999;/*el botoncico rojo*/
}

#listado ul{
  padding-left:20px;
    list-style-type:none;
	font-weight:normal;
}

#lista_biblio {
list-style-type:none;
}

#lista_biblio li{
list-style-type:none;
margin-bottom:0.4em;
}


/*enlaces
==========================*/
a, a:link, a:visited, a:active {
  text-decoration:none;
  color:#f6a83e;

}

a:hover {
  text-decoration:none;
  color:#999999;
}

#enlace{
  color: #f6a83e;
  font-size:11px;
  font-family: Helvetica, Arial, sans-serif; 
}

#enlace  a, a:link, a:visited, a:active {
  text-decoration:none;
  color:#dc5004;
}

#enlace  a:hover {
  text-decoration:none;
  color:#999999;
}

#enlace li:hover{
  position:relative;
  color: #999999;/*el botoncico rojo*/
}




/*footer
===========================*/

.footer { 
  clear: both; 
  padding: 1px 20px;
  text-align:center;
  border-top:1px dashed #999999;
}



/*========================*/
#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

.tabla_ayala{
width:100%}

.tabla_ayala td
{padding:10px;
border:1px solid #FFF;
}





/*vdeos
===============================*/
.gris {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
.gris:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
.gris:hover {
	color: #666666;
}

#video{
  weight:330px;
  background-color:#FFFFFF;
  float:left;
  padding:2px 8px 0px 0px;
}

#boton_subir{
  float: left
}

#img_vida{
  float:left;
  size:200px;
  padding-bottom:12px;
   /*border:solid 5px #FF0000;*/
}

#pie_foto{
  font-size:9px;
  color:#999999;
  width:180px;
  padding-left:3px;   
}

a.enlace_azul, a.enlace_azul:link, a.enlace_azul:active, a.enlace_azul:visited{
  color:#0063b6;
  font-size:11px;
}

a.enlace_azul:hover{
  text-decoration:underline;
   font-size:11px;
}

.volver{
  margin-top: 15px;
  border:0px solid #fff;
  margin-left:10px;
}