/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 

} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 background-color:#2b2a45; 
 width:100%;
 z-index:50;
} 


/*BARRA DE NAVEGACION*/

.navegacion { /* the outer div with the black border */
position:relative; 
border: 1px solid #020d6a;
background: url(.././imagenes/noticiasbg2.gif) left top repeat-x;
width: 798px; 
height: 24px; 
margin: 0; 
padding: 0px;
overflow: hidden; 

}

.navegacion .mask { /* that serves as a mask. so you get a sort of padding both left and right */
 display:inline; 
position: relative;
color: #ffffff;
width: 788px; 
left: 10px;
font: bold 12px Helvetica;
 vertical-align:bottom;
padding: 0px;
}

.navegacion .mask a { /* the outer div with the black border */
/*color: #ffbc00;*/
 color: #ffffff;
 display:inline; 
 vertical-align:bottom;
}

.navegacion .mask a:hover{ /* the outer div with the black border */
/*color: #ffbc00;*/
 color: #ffbc00;
}


#menu{
 position:absolute; 

/* background-color:#00FF00; */
left:15px;
 bottom:0px;
 width:800px;
 z-index:100;
} 

#menuespace{
 position:relative; 
 background-color:#2b2a45; 
 width:800px;

 z-index:0;
} 




.tickerstyle{
 position:relative; 
 width:238px; 
 height:200px; 
 border:1px solid black; 
 background:white url(.././imagenes/noticiasbg.gif) no-repeat; 
 padding:8px; 
 padding-top:20px; 
 overflow:hidden;

}

.messagediv{
 display: none;
 background:white


}

 
#leftcol{
 height:497px; 
 width:256px; 
 float:left; 
 background-color:white; 
 z-index:10;

 }
 
#maincol{

 background: black url(.././imagenes/tex_bg.jpg) no-repeat; 
 background-color: white;
 height:497px; 
 float: right; 
 display:inline; 
 width:544px; 
 z-index:10;

 }
 #maincol .scroll-panel{



 }

#pane3 {
	 


}

 #maincolhome{
 position:relative; 

 background-color: white;
 height:497px; 
 float: right;

 display:inline; 
 width:900px; 
 z-index:10;
 }


#botonentrar {
width: 800px;
height: 630px;
position: relative;

text-align:center;
z-index:100;
margin: -100px 0 0 0px;


}


  #maincolhome2{
 position:relative; 

 background-color: white;
 height:497px; 
 float: right;
 top:260px;
 display:inline; 
 width:600px; 
 z-index:10;
 }
 
 #maintxt {
 margin-top: 10px;
 margin-left: 23px;
 padding-right:10px;
 width:485px; 
 height:362px; 
 float: right; 
 display:inline; 

 float:left;
 z-index:10;
 }



#leftcol2{
 top:113px;
 height:497px; 
 width:256px; 
 float:left; 
 position:absolute; 
 background-color:#2b2a45; 
 z-index:10;
 }

#maincol2{
 background-color: #F045FF;
 top:113px;
 width:544px; 
 height:497px; 
 float: right;
 position: absolute,relative;
 z-index:80;

 }


 #maintitle, h1,h2 {

	color:#2b2a46;
	font: normal 26px Helvetica,"Futura-Condensed-Normal","Tahoma", "Geneva", Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
	margin: 5px;
	letter-spacing: 0px;
	text-indent: 10px;
	line-height: 1.2em;
	text-align: right;


	 float: right;
	 width: 100%;
	 padding-top:   40px;
	 padding-right: 50px;

	 margin-top: 0px;
	 margin-left: 23px;
	 width:470px; 
	 height:70px; 

	 z-index:10;
 }


 h1 {
 	text-align: left;
	font-size: 1.4em;
    float: left;
    margin-left: 0px;
	text-indent: 0px;
 }

 h2 {
 	text-align: left;
	font-size: 1.4em;
    float: left;
    margin-left: 0px;
	text-indent: 0px;
 }
 
 h3 {
	color:#2b2a46;
 	text-align: left;
	font-size: 1.4em;
    float: none;
    margin-left: 0px;
	text-decoration: underline;
	text-indent: 0px;
 }

#maintxt li,p {
 color:#2b2a46;
 font: normal 26px Helvetica,"Futura-Condensed-Normal","Tahoma", "Geneva", Verdana, Helvetica, sans-serif;
 font-size: 1.2em;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 vertical-align: top;
 margin: 5px;
 letter-spacing: 0px;
 text-indent: 0px;
 line-height: 1.2em;
 text-align: justify;
}


#footer{
 font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 text-align: center;
 color:black;
 height:30px;
 position: relative;
 padding-top: 6px;
 width:800px; 
 } 
 
 #footer a {
 color:black;

 } 

#dir{
 font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 text-align: center;
 color:black;
 height:20px;
 position: relative;
 padding-top: 6px;
 width:800px; 
 } 

 #dir a {

 color:blue;

 } 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}