/* CSS Document */

body
    { background-image: url(imagenes/fondo/fondobody.jpg);
	 margin-left:3%;
	 margin-right:3%;
	 text-align:justify;
	
	 }
h1
    {
	color:#FFFFFF;
	 background-image: url(imagenes/fondo/fondoh1.jpg);
	 text-align:center;
	 font-family: Verdana, Arial, Helvetica, sans-serif,;
	 border-color: #06445D;
	 border-style: double;
     border-width: thick;
     font-size: 22px;
	
	 }
	  
h2  
	{
	color:#FFFFFF;
	 background-image: url(imagenes/fondo/fondoh2.jpg);
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 border-color:#06445D;
	 border-style: double;
     font-size:20px;
	} 
h3  
	{
	color:#FFFFFF;
	 background-image: url(imagenes/fondo/fondoh3.jpg);	
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 border-color:#06445D;
	 border-style:double;
     font-size:18px;
	} 
P
    { font-family: Verdana, Arial, Helvetica, sans-serif;	
	 color:#004E6D;
	 font-size:14px;
	 }
.cspan
      { font-weight:bold;}	 	

#cabecera
     {
       border-color:#06445D;
       border-style:double;
       height :100px;
       width:100%;
       text-align:center;
      } 
#fondocolaborador
     {
       height :30em;
       width:40em;
      } 
#nav a:hover{font-weight:bold;
}
#navegador
{
background-image:url(imagenes/fondo/menu3.jpg);
padding : 3px 10px 5px 10px;
border-color:#06445D; 
border-style: double;
text-align:center;
font-weight:bold;
}
/* para fijar un color en el menu para una pagina*/
#nav a:visited#active
{
color:#6697A6;
}

#navcontainer ul
{
padding : 5px 12px 5px 12px;
margin: 0;
list-style-type: none;
text-align: center;
font-weight:bold;
}

#navcontainer ul li { display:inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #FFFFFF;
background-image:url(imagenes/fondo/menu1.jpg);
 font-weight:bold;
}


#navcontainer ul li a:hover
{
color: #FFFFFF;
background-image:url(imagenes/fondo/menu2.jpg);
 }

 #navcontainer ul li#active a:visited
{
color: #06445D;
background-image:url(imagenes/fondo/menu2.jpg);
 }

li,td
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#004E6D;
 font-size:14px;
}
/* Estilo aplicado en los enlaces */
a:link, a:active, a:visited 
{
color:#004E6D; 
text-decoration:none;
font-weight:bold;
}
a:hover	
{
font-weight:bold;
text-decoration: none;
color:#6697A6;
}
a.imagen:link, a.imagen:active, a.imagen:visited, a.imagen:hover 
{
color:white;
text-decoration: none;
}
	/* Estilo aplicado para las tablas utilizadas en la web*/

table.border
{
border-style:double;
border-color:#06445D;
border-width:5px;

}
p.center
{
text-align:center;
}


TH 
{
border-style:double;
border-width:2px;
border-color:#06445D;
text-align:center;
font-family:Verdana,sans-serif;
font-size:1.0em; 
color:#06445D;
background-image:url(imagenes/fondo/1.jpg); 
font-weight:bold;
}


TD.conborder 
{
border-style:groove;
border-width:2px;
border-color:#06445D;
font-family:Verdana,sans-serif;
font-size:0.7em;
text-align:center;
color:004E6D;
}

/* para alinear en la parte superior de la celda las flechas*/
TD.conborder1 
{
border-style:groove;
border-width:2px;
border-color:#06445D;
text-align:center;
color:004E6D;
vertical-align:top;
}


/* para las fotos accesible*/
.thumbnail
{
float:left;
width: 285px;
}
/* para las foto de los socios accesible*/
.socios
{
width: 285px;
height:auto;
margin-left:38%;
margin-right:32%;
}
.clearboth
{ 
clear: both;
 }
.thumbnail1
{
float:right;
width:200px;
}

/* para las fotos accesible para fotos pequeñas*/
.thumbnai2
{
float: left;
width: 7.49em;
height: 5em;
}
.clearboth
{ 
clear: both;
 }
.thumbnai22
{
float:right;
width:150px;
}

/*para las fotos flash y las flechas*/
#flash1
     {
       border-color:#06445D;
       border-style:double;
       height:131px;
       width:200px;
      } 
#flechaizq
     {
	  float: left;
       height :6.5ex;
       width:6em;
      }
  
#inicio
     {
       float: left;
       height :5.8ex;
       width:6em;
      }