@charset "utf-8";
/* CSS Document */

/* HTML */
body  {
   font: 100% Tahoma, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   text-align: center;
   color: #000000;
}

img {border:none}

a:link, a:visited, a:active, a:hover { color:#999;text-decoration:none}

/* FIN HTML */


/* -- CLASES -- */

.bold {font-weight:bold}
strong {font-weight:bold}

.borde{border: 1px solid black}
.edicionaxis {font-size:12px;line-height:24px;color:#00CCFF}
.txt{font-size: 11px;line-height:16px;text-align:justify}
.titulos, h1{font-size:11px;line-height:16px;text-align:justify;margin:0}
#container {
   width: 885px;
   height: 569px;
   background: #FFFFFF;
   margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
   text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
   height: 120px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
   padding: 0
}
#logofau{padding-left: 30px;padding-bottom:10px}
#logoaxis{padding-top:10px;padding-left:413px;padding-bottom:2px;}
#header #divgris {
	margin: 10px 0 0 10px;/* es cero */  /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-color:#000;
	width: 863px; /* 885 */ 
	height:3px; /* 15 */
	font-size:12px;
	line-height:14px
}


#titulo{
margin-top:5px;
height:41px; /* media 59 */
padding-top:13px;
line-height:75%;
}
#tituloaxis {font-size:24px;font-weight:bold;color:#00CCFF}
#edicionaxis {font-size:12px;color:#00CCFF}

#sidebar {
   margin: 0px 0px 0 0;
   padding: 0;
   float: right; 
   width: 241px; 
}

#textodelpremio {
   margin: 0; 
   padding: 0 0 5px 0; 
   width: 210px;
   border-bottom:1px solid #999;
}

#mainContent {
   margin: 0 250px 0 0; 
   padding: 0;
}

#flecha{padding-left:10px;padding-right:9px}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
   float: right;
}

.fltlft { /* this class can be used to float an element left in your page */
   float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

#mainContent #menu {
   margin: 10px 0 0 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
   padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
   height: 49px;
}

#foto {
	margin: 0; 
	margin-left: 30px; 
	padding: 5px;
	width: 565px;
	height:375px;
	border: 1px solid #999;
	text-align:center;
	vertical-align:middle;
	overflow:auto;
}

#premios {
	margin: 0; 
	margin-left: 30px; 
	padding: 5px;
	width: 565px;
	height:375px;
	border: 1px solid #000; /* 999 */
	text-align:center;
	vertical-align:middle;
}


#busqueda {
	margin: 0; 
	margin-left: 30px; 
	padding: 5px;
	width: 565px;
	height:375px;
	border: 1px solid #999;
	text-align:center;
	overflow:auto;
}

#rayagris{width:210px;border-top: 1px solid #999;}
#scroll_de_texto {
width: 231px; height:376px;overflow:auto; margin-top:3px; padding:0px;
}

#texto_del_scroll{padding:5px 5px 5px 0px; text-align:justify}

#footer {
   margin: 5px 0 0 0;
   padding: 0;
   width: 852px;
   text-align:right
}

#cuadro1 {width:15px;height:15px;border: 1px solid #999;margin-left:30px}
#cuadro2 {width:15px;height:15px;border: 1px solid #999;margin-left:6px;margin-right:6px}
#cuadro3 {width:15px;height:15px;border: 1px solid #999}

#footer p {
   margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
   padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.boton {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 70px; COLOR: #999999; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica; HEIGHT: 25px;
}


.titulos {
   font: 100% Tahoma, Arial, Helvetica, sans-serif;
      font-size:11px;

}
.parrafo {
   font: 100% Tahoma, Arial, Helvetica, sans-serif;
   font-size:11px;
}



/*********************** SCROLLERS ***********************/
.root     {
    position:relative;
    height: 375px;
    width:  230px;
    margin: 0;
	/*0 0 0 30px;*/
	}

#root1    {
    position:relative;
    width: 575px;
    height:  375px;
    margin: 0 0 0 30px;
	}
	
.thumb     {
    position:   absolute;
    height:     30px;
    width:      10px;
    left:       0px;
    }
.up, .dn   { /* flechas arriba y abajo */
    position: absolute}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    }
.scrollContainer {
	position: absolute;
	left:     0px;
	top:      0px;
	width:    230px;
	height:   375px;
	clip:     rect(0 230 375 0);
	overflow: auto;
	bor der: solid 1px black;
    }
.scrollContent { 
    position: absolute; 
    left:     0px; 
    top:      0px; 
    width:    230px; 
	font-family: Tahoma;
	font-size: 11px;
	text-align: justify;
	line-height:16px;
	}



#scroll1Container { 
    position: absolute; 
    left:     0px; 
    top:      0px; 
    width:    575px; 
    height:   375px; 
    clip:     rect(0 575 375 0); 
    overflow: auto; 
    }

#scroll1Content { 
    position: absolute; 
    left:     0px; 
    top:      0px; 
    width:    555px; 
	font-family: Tahoma;
	font-size: 11px;
	text-align: justify;
	}