/*RESETEAR EL STYLE*/
   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
background-color:#003399;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0?‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
   
 /*FIN DEL RESETEO DEL STYLE*/  
  
 
  
   
   html{
        height:100%;
      }
   *
    {
     margin: 0;      
	 padding: 0;/* para Firefox */
    } 
	
	div#contenedor
    {
       margin:0px;
	   
       min-height: 100%;
       width: 1004px;
	   height:900px;
	   background-color:#003399;
	   background-image:url("../images/fondo.jpg");
	   background-repeat:repeat;
	   height:100%;
	   
	  
    }
	
	/* Hack para IE 6 */
      * html #contenedor {
        height:100%;
      }	
	
 body
    {
      
       text-align: center; /* para centrar los DIV's*/
       background-color: #003399;
	   padding:40px 20px 20px 40px;
       margin:20px;
	    background-image:url("../images/fondo2.jpg");
	    background-repeat: repeat;
		
		
    }
 div#encabezado
    {
       margin-top:20px;
	    _margin-top:25px;
		#margin-top:25px;
	   margin-left:210px;
       width: 790px; /* ancho del DIV */
       height: 200px;/* Especificamos el alto resultante después de haber cortado la imagen (header.png)*/ 
       background-image: url("../images/header.png");
       background-repeat: no-repeat;
	   
    }
 div#cuerpo
    {
       width: 550px;
	   _width: 500px;
	   margin-top:5px;
       margin-left: 5px;
	   height: auto;
       float: left;  
	   background-color:#555555;
	   border-color:#000000;
	   padding:0 0 100px 0;
	   z-index:0;
	   margin-bottom:20px;
    }

	



 .texto {
 font: arial 12px;
 overflow:auto;

 }
ul
{
list-style-type: none;
}

.centrar-imagen {
text-align: center;
}



div#menu {

	width: auto;
	float:left;
	margin-top:5px;
	margin-left:5px;
	/margin-left: 100px; /*margen para ie 6*/
	#margin-left:5px;
	margin-bottom:20px;
      
}

#barra {
 margin-top:0px;
 margin-right:20px;
 margin-left:20px;
 
 }
 
 
 .pie {
position:relative;
margin-bottom:5px;
width:1004px;
height:100px;
background-color:#000000;
margin: -40px auto 50px 0px;
clear:both;
margin-top:30px;
background:url(../images/pie.jpg) repeat-x;
padding:2px 0 2px 0;
}
.webmaster {

position:relative;
width:1004px;
height:50px;
background-color:#000000;
margin: -40px auto 0px 0px;
clear:both;
background:url(../images/pie.jpg) repeat-x;
padding:2px 0 2px 0;
}

ul
{
list-style-type: none;
}


div#logo {
margin-right:0px;
height:200px;
width:200px;
background:transparent url("../images/logo.gif");
background-repeat:no-repeat;
float:left;
z-index:1;
margin-top:-50px;
margin-left:-50px;
}
div#logo2 {
background-color:#eeeeee;
height:400px;
width:200px;
float:left;
background:transparent url("../images/logo.gif");
background-repeat:no-repeat;
}

 .blur{
background: transparent url(../images/shadow1.png);
_background: transparent url();
/*ruta para el 80%-transparente 1x1 pixel coloreado de negro */
color: inherit;
margin-left: 4px;
margin-top: 4px;
/*IE*/
	_filter: alpha(opacity=10);
	
}
.shadow{
background: transparent url(../images/shadow2.png);
_background: transparent url();
/*ruta para el 60%-transparent 1x1pixel coloreado de negro */
color: inherit;
/*IE*/
	
	
}
.shadow,
.content{
position: relative;
bottom: 8px;
right: 8px;

}


.marco{
      border-color:#555555;
      border-top: 3px solid;
  border-right: 3px solid;
  border-bottom: 3px solid;
  border-left:3px solid;

}

.fondoTransparente
{	
	/*IE*/
	filter: alpha(opacity=10);
	/*FireFox Opera*/
	opacity: .1;
}





.shadow2{
background: transparent url(../images/shadow1.png);
/*ruta para el 60%-transparent 1x1pixel coloreado de negro */
color: inherit;

}
.shadow2,
.content2{
width: 1004px;
height:100%;
position: relative;
bottom: 8px;
right: 8px;

}
.corte {clear: both;}

#menuh {
	font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 1px 8px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
	
}


#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
	background: #DBEBF6;
}
div#java
    {
       width: 970px;
	   height:45px; 
    }

#menuv {
	border: 1px solid #000000;
	border-width: 1px 1px 0 1px;
	width: 200px;
	font: 100% arial 12px;
	float:left;
	margin-left:5px;
	/margin-left: 100px; /*margen para ie 6*/
	#margin-left:5px;
      border-top: 3px solid;
  border-right: 3px solid;
  border-left:3px solid;
}
#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
}

#menuv li {
	border-bottom: 3px solid #000000;
}

#menuv a {
	text-decoration: none;
	color: #000000;
	background: #555555;
	display: block;
	padding: 3px 6px;
	width: 188px;
	font: 100% arial 14px;
	color:#ffffff;
}

#menuv a:hover {
	background: #222222;
}
 div#lateral_izq
    {
	/*ancho y alto de la imagen 200px x loque seapx*/
       width: 200px;
	   height: auto;
       float: left; 
	   margin-left:8px;
	   border-color:#000000;
       margin-top:5px;
	   background-color:#668899;
    }
	
#lateral_izq p{
 font: italic bold 12pt Times, serif;
 margin-top:15px;

}
#lateral_izq h1{
font-size:24pt;
background-color:yellow;
margin-bottom:5px;
}




	div#publi {
	/*este espacio es de publicidad*/
	width: 215px;
	font: arial 12px;
    margin-top:200px;
    margin-right:5px;
    height:1000px;
    margin-bottom:15px;
    margin-left:0px;
    #margin-left:0px;
    float:right;
}
#fijo {
/*esta es la imagen de la taa*/
position:absolute;
height:100%;
width:200px;
margin-left:840px;
#margin-left:740px;
 background-image: url("../images/logo2def.gif");
 background-repeat:no-repeat;
 margin-top:300px;
}
#corea {
/*esta es la imagen de las letras coreanas*/
position:fixed;
_position:absolute;
height:150px;
width:40px;
margin-top:100px;
margin-left:-60px;
#margin-left:-60px;
 background-image: url("../images/lc.gif");
 _background-image: url("");
 _margin-left:-800px;
 background-repeat:no-repeat;
 
}	



#enlacecomun a {
   #margin-top:0px;
    text-decoration: none;
	color: #ffffff;
	background: #555555;
	display: block;
	padding: 3px 6px;
	font: 100% arial 14px;
}

#enlacecomun a:hover {
text-decoration: none;
	color: red;
	background: #555555;
	display: block;
	padding: 3px 6px;
	font: 100% arial 14px;
}


#lateral_izq hr {
height: 10px;
border: 3;
color: #330000;
background-color: #330000;
width: 100%;
}

#publi hr {
margin-top:5px;
height: 3px;
border: 3;
color: #330000;
background-color: #330000;
width: 100%;
}

#lateral_izq a {
   #margin-top:5px;
   
text-decoration: none;
	color: #ffffff;
	background: #555555;
	display: block;
	padding: 3px 6px;
	font: 100% arial 14px;
}
#lateral_izq a:hover {
text-decoration: none;
	color: #ffffff;
	background: #111111;
	display: block;
	padding: 3px 6px;
	font: 100% arial 14px;
}



#cuerpo  h1{
font-size:30px;
margin-bottom:10px;
}

#cuerpo  h2{
margin-bottom:5px;
font-size:26px;
}	
#cuerpo  h3{
font-size:22px;
}
#cuerpo  h4{
font-size:18px;
}
#cuerpo  p{
font-size:14px;
font-family:arial;
text-align:justify;
}

div#contacto {
text-align:right;
}

div#contacto p{
text-align:right; 
}

.magdalena p:first-letter {color:#ffffff;font-size:20px;} 
.magdalena p:first-line {color:#cccccc;}
.magdalena {text-indent:3em;}
.magdalena h2,h3,h4{text-indent:0em;}
.magdalena p{margin-bottom:30px;}
.magdalena h1{text-indent:0em;}
.magdalena img{text-indent:0em;}

.enlacelargo a {
	text-decoration: none;
	color: #ffffff;
	background: #555555;
	display: block;
	padding: 3px 6px;
	width: 100%;
	font: 100% arial 14px;
	text-indent:0em;
}

.enlacelargo a:hover {
	background: #222222;
}

#linknada a{
	color: #red;
	background: #555555;
	padding: 0;
	width: 100px;
	font: 100% arial 14px;
	margin:0 auto;
}
#linknada a:hover {
	background: blue;
}

div#viñetas
.viñeta li{
list-style-type: circle;
}

div#viñetas ul{
  margin:0;
  padding-left: 1.5em;
  line-height: 1.5em;
  margin-bottom:30px;
}
div#viñetas ul li { padding-left: .2em; }
div#viñetas ul.ok { list-style-image: url(../images/v.png); }
div#viñetas ul.go { list-style-image: url(../images/v.png); }
div#viñetas ul.redondo { list-style-image: url(../images/v.png); }

.imagen {
_width:450px;
_height:500px;
}

#noborde img{
       _width:450px;
       _height:500px;
       border-top: 0px solid;
       border-right: 0px solid;
       border-bottom: 0px solid;
       border-left:0px solid;
	   margin-top:0px;
	   margin-bottom:0px;

}

div#imghistoria{
   margin-left:25%;
  _margin-left:30%;
   #margin-left:30%;
  }