/* CSS Document */


body
{
height: 100%;
width: 100%;
text-align: center;
background: none;
/*background-image: url("historieta_imagenes/historieta-main-bg-letters.gif"); 
background-repeat: repeat;*/
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
padding: 0px;
position: absolute;
z-index: 3;

}


#container 
{
display: block;
position: absolute;
top: 20px;
left: 0px;
height: 100%;
padding: 0px;
margin-left: 0px;
width:100%;
background: none;
}

/*#first-header

{
display: block;
position: absolute;
z-index: 3;



}*/

#first-header h1
{
padding: 0px;
margin: 0px;
height: 148px;
width: 150px;
background: none;
/*background-image: url("historieta_imagenes/historieta-top-bg-red1.gif");*/
/*background-repeat: repeat-x;*/
/*background-position: 0% 85% ;*/
text-align: center;
/*border-top: 1px solid blue;*/
z-index: 3;
position: absolute;
top: 1px;
left: 100px;

-moz-opacity:1.0;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity =1.0);

}


#first-header h1 img
{
height: 100%;
width: 100%;
margin: 0px;
/*padding: -moz-opacity:1.0;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity =1.0);

es necesario crear un elemento detras del logo que de la impresionde 
translucir
*/
position: relative;
z-index: 3;

}

#first-header a
{
border: 0px;
}


#navigation
{ 
position: absolute;
/*display: inline;
 float: left;
*/
top: 1px;
left: 100px;
height: 128px;
width: 850px;
z-index: 2;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
background: white;

/*border-top: 1px solid blue;
border-bottom: 1px solid #000066;
border-left: 1px solid #CCCCFF;
border-right: 1px solid #CCCCFF;*/

background: none;



}

#navigation ul
{
	
float: left;
margin-left: 150px;
margin-top: 20px;
	
	padding: 0px;
	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000066;
	
	background: none;
	display: block;
	height: 24px;
        width:590px;


}

#navigation a
{
background: white;

display: inline;


}

tt.prime_link
{
padding:0px;
height:24px;
width: 130px;
margin: 10px;
background: none;

}

tt.prime_link a:link
{
color: blue;

}

tt.prime_link a:visited
{
color: #000066;
}

tt.prime_link a:hover
{
border-top: 1px solid #000066;
border-bottom: 1px solid #000066;
border-right: 1px solid #000066;
border-left: 1px solid #000066;
}

tt.prime_link a
{

text-decoration: none;
}

#navigation #preview
{
float: left;
width: 180px;
height: 70px;
margin-top: 3px;
margin-left: 680px;
margin-bottom: 0px;
margin-right: 0px;

padding: 0px;
display: block;
background: none;

}






#content_main
{
display: block;
position: absolute;
z-index: 1;
left: 100px;
top: 131px;

width: 850px;

margin-left: 0px;
margin-top: 0px;
/*border: 1px solid #CCCCFF;
background: #CCCCCC;*/


}


/*#content_main img

{
float: left;
left: 0px;
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;


}
*/

#content_main dd
{
display: block;
z-index: 1;
float: left;
margin-left: 0px;
background: none;
padding: 0px;
width: 850px;
height: 125%;

border: none;



}

div.headers 
{
display: block;
position: relative;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: uppercase;
color: #000066;
background: none;
border-right: none;
border-left: none;
border-top: none;
/*border-bottom: 1px solid #000066;*/	
width: 500px;
height: 50px:
margin-top:0px;
margin-left: 0px;
margin-bottom:0px;
padding: 0px;
float: left;

/*background-image: url("imagenes_index/background2.gif")*/	;




/*border-bottom: 2px solid #3399FF; */
/*
-moz-opacity:0.95;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity =0.95);*/

}


div.headers  p
{

font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;

color:#000066;
margin: 0px;
padding: 0px;


}



a.descripcion-cabezera
{

}


p.descripcion-cabezera
{
}

tt.cierra-headers 
{

}

tt.cierra-headers  img
{

}


tt.cierra-headers p 
{

}


#content
{
float: left;
display: block;
position: relative;
margin-bottom: 0px;
margin-left: 0px;
width: 500px;
height:880px;

margin-top:0px;
margin-left: 0px;
padding: 0px;

background-image: url("imagenes_index/background1.gif")	;
background-repeat: no-repeat;
border-bottom: 10px solid #000066;
border-right: 1px solid #E0E0E0;	
border-left: 1px solid #E0E0E0;
border-top: 1px solid #000066;

}

#content p
{

margin-left: 10px;
margin-right: 10px;
margin-top: 24px;
float: left;


background: none;

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: blue;
	text-decoration: none;
}

#content img

{
float: left;
margin-left: 10px;


}

#content li
{



background: none;
margin-left: 20px;  
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;

line-height: 24px;

}
#content a: link
{
color: blue;
}

#content a: visited
{
color: #000066;
}
#content a: hoover
{
color: green;
}

#content a
{
color: blue;
text-decoration: underline;

}



div.content2
{
float: left;
display: block;
margin-bottom: 0px;
margin-left: 0px;
width: 500px;
height:300px;
background: none;
margin-top:0px;
margin-left: 0px

padding: 0px;

background-image: url("imagenes_index/background1.gif")	;
background-repeat: no-repeat;
border-bottom: 10px solid #000066;	
z-index: 1;
/*border-right: 1px solid #E0E0E0;	
border-left: 1px solid #E0E0E0;*/
}


div.content2 li
{
float: right;
display: block;
margin-left: 10px;
margin-right: 10px;
margin-top:0px; 
width: 220px;
background: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	
	text-decoration: none;

}


div.content2 p.content2-links
{
display: block;
margin-top: 10px;
background: red;

}


div.content2 tt
{

display: inline;
float: left;

background: #E0E0E0 ;
width: 208px;
height: 108px;
margin-left: 60px;
margin-top: 40px;


}


div.content2 tt img
{

display: inline;

margin-top: 4px;
margin-left: 4px;
border: 1px solid white;
background: none;

}


div.content2 div.ad3{


display: block;
width: 129px; 
height: 129px;

float: left;
margin-left: 0px;
margin-top: 60px;
/*background: #E0E0E0*/ ;
background: white;
border: 3px solid #E0E0E0 ;
color: #0066FF;
font-size: 11px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 5px;

}

.content2 #ad {

display: block;
margin-top: 10px;
margin-left: 220px;
border: no-border;


}



#content3
{
float: left;
display: block;
margin-bottom: 0px;
margin-left: 0px;
width: 500px;
height:100%;
background: none;
margin-top:0px;
margin-left: 0px



padding: 0px;


background-image: url("imagenes_index/background1.gif")	;

background-repeat: no-repeat;

border-bottom: 1px solid blue;	


}

/*
#content3 li
{


}

*/
#content3 p
{

text-align: left;
display: block;
float: left;

color: blue;

width: 498px;
height: 100%;
margin-left: 1px;
margin-top: 10px;
margin-bottom: 15px;

text-indent: 28px;

background: none;

	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: blue;
	text-decoration: none;

}


#content3 p tt 
{
font-size: 36px;
color: blue;
font-weight: bold;
letter-spacing: 5px;
vertical-align: middle;

}





#ads 
{


display: block;
z-index: 5;
position: absolute;
left: 600px;
top: 121px;
float: left;
width: 350px;
height: 280px;

margin-top: 10px;

padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;

/*text-align: center;*/
border: 0px solid white;

background-image: url("imagenes_index/background1.gif")	;
background-repeat: no-repeat;
border-bottom: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top: 1px solid #000066;	
/*border-left: 1px solid #E0E0E0;*/



/*-moz-opacity:0.75;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity =0.75);*/
}



#youtube 
{
display: block;
z-index: 5;
position: absolute;
left: 600px;
top: 445px;
float: left;
width: 390px;
height: 330px;


padding: 0px;
text-align: center;

background-image: url("imagenes_index/background1.gif")	;
background-repeat: no-repeat;
/*border-bottom: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;*/
background: none;
/*-moz-opacity:0.75;
filter:progid:DXImageTransform.Microsoft.BasicImage(opacity =0.75);*/
}





#ads3 
{



/*background-image: url("imagenes_index/background1.gif")	;
background-repeat: no-repeat;*/
display: block;
z-index: 5;
position: absolute;
left: 600px;
top: 770px;
float: left;
width: 350px;
height: 280px;

margin-top: 10px;

padding: 20px;


}


#search_box 
{




display: block;
z-index: 5;
position: absolute;
left: 600px;
top: 1050px;
float: left;
width: 320px;
height: 80px;

margin-top: 20px;
margin-left: 15px;

padding: 20px;
background: white;
border:  1px dashed gray;
color: gray; 
text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}







#footer
{
display: block;
position: relative;
float: left;
width: 850px;
height: 23px;
background: none;
font-size: 80%;
margin-left: 0px;
margin-top: 20px;
border-top: 10px solid #CCCCFF;
/*border-left: 10px solid #CCCCFF;*/
/*border-right: 10px solid #CCCCFF;*/
border-bottom: 1px solid #CCCCFF;
padding: 0px;
color: black;

z-index: 4;
}


#footer p
{
display: block;
float: left;
position: relative;
width: 750px;
height: 23px;
text-align: center;
color: black;
font-size: 80%;
background: white;
margin-top: 0px;
margin-left: 50px;
padding: 0px;

}


p.bodymd
{
text-align: left;
float: left;

}




#content ul
{
	margin-left: 0px;
	margin-top: 5px;
	padding: 0;
	list-style-type:none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}