* /* regla universal todo a margen 0*/ 
{ 
padding: 0; 
margin: 0; 
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
background-color:#cccccc;
} 

body { 
text-align: center;
background-color:#cccccc;
background-image:url(IMAGES/valarriba.png);
background-position:top;
background-repeat:repeat-x;
} 

#cuerpo * {
background-color:#FFFFFF;}

#contenedor { 
width: 760px; 
/*border: #000033 thin solid;*/
margin: 0 auto;/* centramos el diseņo */ 
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 
background-color: #ffffff;
color:#FFFFFF;


background-position:left;
background-repeat:repeat-y;
} 

#encabezado { 
background-color:#FFFFFF;
height:240px;
/*border-bottom:#000033 thin solid;*/
color: #fff;
background-image:url(IMAGES/encabezado.jpg);
background-repeat:no-repeat;
} 

#metacuerpomenu {
padding:0px;
width:758px;

clear:both;
background-color:#FFFFFF;

}

#cuerpo { 
float: right; /* Our content is going to be left aligned */ 
width: 490px; /* And it's going to have a 500px width */ 
background-image:url(IMAGES/fondocuerpo.png);
background-position:right;
background-repeat:repeat-y;
background-color:#FFFFFF;
/*padding: 20px;*/
padding:28px 20px 20px 0px;
color:#000000;
font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size:small;
/*border-right: #cccccc thin solid;*/


} 
#menu { 
float: left; /* Our column is going to be right aligned */ 
width: 218px; /* Our total width - content width is 260px */ 
/*background-color:#FFFFFF;*/
color:#000000;
padding-top:30px;
background-color:#FFFFFF;
/*border-left: #cccccc thin solid;*/




} 
#pie { 
clear: both; /* We have to clear our floats */ 
width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ 
margin: 0 auto; /* We need to center the footer also */ 
background: none ;
height:45px;
background-image:url(IMAGES/fondopie.png);
background-position:bottom;
background-repeat:no-repeat;
text-align:center;
color:#00ff00;
vertical-align:bottom;
} 

/*formateo los componentes del cuerpo*/
#menu ul {
list-style:none;
background-image:url(IMAGES/fondomenu.png);
background-position:left;
background-repeat:repeat-y;
}

#menu ul li a{
display:block;
width:155px;
height:39px;
text-align: left;
line-height:39px;
color:#ffffff;
font-size:large;
text-decoration:none;
list-style:none;
padding-right:25px;
padding-left:40px;
margin-left:1px;
background-color:#ffffff;
background-image: url(IMAGES/fondoli.jpg);
background-position: left;
background-repeat: no-repeat;
}

#menu ul li a:hover{
background: #ffffff;
background-image: url(IMAGES/fondolihover.jpg);
background-position: left;
background-repeat: no-repeat;
color: #ffffff;
}

#menu p a{
display:block;
width:155px;
height:39px;
text-align: left;
line-height:39px;
color:#666666;
font-size:large;
text-decoration:none;
list-style:none;
padding-right:25px;
padding-left:40px;
background-image: url(IMAGES/fondoupv.jpg);
background-position: left;
background-repeat: no-repeat;
}

#menu p a:hover{
background-image: url(IMAGES/fondoupvhover.jpg);
}
#cuerpo h0{
color: #ff0000;
padding:10px;
font-size: large;
text-align: center;
border-bottom:#0057ae 1px dotted;
margin-top:100px;


}

#cuerpo h1{
color: #000055;

font-size: large;
text-align: right;
border-bottom:#0057ae 1px dotted;
padding-bottom:20px;
padding-left:40px;
background-image:url(IMAGES/bullet01.png);
background-position:left;
background-repeat:no-repeat;
margin-bottom:20px;
background-color:#FFFFFF;

}

#cuerpo h2{
color: #dd0000;
padding:10px;
font-size: large;
text-align: center;
}
#cuerpo h3{
color: #000055;
padding:10px;
font-size: large;
text-align: center;
border-bottom:#0057ae 1px dotted;


}
#cuerpo h4{
color: #000055;
padding:10px;
font-size: medium;
text-align:left;
padding-top:20px;
/*border-bottom:#1115be 1px dotted;*/
/*background-image:url(IMAGES/fondoh4cuerpo.png);*/
}

#cuerpo h5{
color:#333333;
font-size: small;
text-align:center;}

#cuerpo h6{
color:#333333;
font-size: x-small;
text-align:center;
background-image:url(IMAGES/escudo_mec1.gif);
background-position:bottom center;
background-repeat:no-repeat;
padding-bottom:40px;}

#cuerpo h8{
color:#333333;
font-size:x-small;
}

#nota p{
color:#333333;
font-size:x-small;
line-height:5px;
text-align:justify;
}

#rojo {
color:#ff0000;
font-size:x-large;
line-height:5px;
text-align:left;
}

#cuerpo ul  {
text-align: justify;
list-style-type: disc;
display: block;
padding-left: 1em;
}

#cuerpo ul li {
/*text-decoration: none;*/

font-size:small;
padding-bottom:5px;
margin-left:30px;

}
#cuerpo p  {
padding:10px;
text-align:justify;
text-indent:20px;
line-height:140%;
font-size: small;
}

#cuerpo p a {
padding-left:-10px;
text-align:left;
text-indent:0px;
font-size: small;
}

#cuerpo ul li a {
text-align:left;
line-height:140%;
font-size: small;
}

.entradatexto {width:200px;height:20px;border: 1px solid #cccccc;} 
.boton {border: #cccccc 1px; font-size:small; margin-left: 280px}

#pie a {
color: #333333;
background:none;
font-size:small;
text-align:center;
}

#italica {
font-style:oblique;
font-size:small;
}

#libro {
background-color: #666666;
border:#999999 thin dashed;
text-align:center;
font-size:small;
}