body{
	margin: 0 auto 0 auto;
	text-align: center;
	background-color: #F5F5F5;
	font-family: Verdana;
}

a:link, a:visited { 
	text-decoration: underline;
}

a:hover { 
	text-decoration: none;
	color: yellow;
	background-color: #3399FF;
	font-size: 12pt;
}

/*CONTENEDOR*/

#contenedor{
    width: 98%;
    background-color: #F5F5F5;
    text-align: center;
    margin: 0 auto 0 auto;
}

/*FIN CONTENEDOR*/

/*CABECERA 1*/
#cabecera1{
	width: 100%;
	height: 103px;
	clear: both;
	font-family: Verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #F5F5F5;
}

/*CABECERA 2*/
#cabecera2{
	width: 100%;
	height: 91px;
	clear: both;
	font-family: Verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #F5F5F5;
}

/*FIN CABECERA*/

/*código miga de pan*/

#migadepan{
	width: 95%;
	height: 19 px;
	clear: both;
	border-radius: 10px;
	font: 10pt Verdana;
	text-align: left;
	margin: 5px auto 5px auto;
	background-color: #3399FF;
	padding: 0px 0px 0px 15px;
	border: 1px solid #111111;
}

/*fin de código de miga de pan*/

/*CUERPO*/
#cuerpo{
	width: 100%;
	clear: both;
	border: 2px solid #3399FF;
	font-family: Verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #F5F5F5;
}


/*PIE*/
#pie{
	width: 100%;
	height: 98px;
	clear: both;
	font-family: Verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #F5F5F5;
border: 1px solid #3399FF;
}
/*FIN CAJA PIE*/

/*bloque PIE*/
#bloque{
	width: 100%;
	height: 19px;
	clear: both;
	font-family: Verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #3399FF;
border: 1px solid #3399FF;
}
/*FIN bloque PIE*/

/*caja del copy right*/
#copy{
	width: 100%;
	height: 15px;
	clear: both;
	font: 8pt Verdana;
	color: #3399FF;
	text-align: center;
	margin: 0 auto 0 auto;
}
/*FIN bloque PIE*/


/*CAJAS*/

#caja10{
    float: left;
    width: 9%;
    / width: 10%;
        text-align: center;
    padding: 0px 5px 0px 0px;
}



#caja15{
    float: left;
    width: 14%;
    / width: 15%;
    font: 10pt Verdana;
     text-align: center;
    padding: 0px 5px 0px 0px;
}

#caja20{
    float: left;
    width: 18%;
    / width: 19%;
 border-top: 1px solid #3399FF;
    border-right: 1px solid #3399FF;
    border-left: 1px solid #3399FF;
    font: 10pt Verdana;
    text-align: center;
    vertical-align: top;
    padding: 5px 5px 0px 5px;
}

#caja30{
    float: left;
    width: 27%;
    / width: 28%;
border-top: 1px solid #3399FF;
        border-left: 1px solid #3399FF;
    font: 10pt Verdana;
    text-align: center;
    vertical-align: top;
    padding: 5px 5px 0px 5px;
}

#caja33{
    float: left;
    width: 31%;
    / width: 32%;
    font: 10pt Verdana;
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px 0px 5px;
}

#caja40{
    float: left;
    width: 38%;
    / width: 39%;
    text-align: center;
    padding: 5px 5px 0px 0px;
}


#caja45{
    float: left;
    width: 43%;
    / width: 44%;
    text-align: center;
    padding: 5px 5px 0px 0px;
}


#caja50{
    float: left;
    width: 50%;
    / width: 51%;
border-top: 1px solid #3399FF;
    border-right: 1px solid #3399FF;
    border-left: 1px solid #3399FF;
    font: 12pt Verdana;
    text-align: left;
    vertical-align: top;
    padding: 5px 5px 0px 10px;
}

#caja60{
    float: left;
    width: 58%;
    / width: 59%;
    text-align: center;
    padding: 5px 0px 0px 0px;
}


#caja80{
    float: left;
    width: 79%;
    / width: 80%;
    font: 10pt Verdana;
    text-align: left;
    padding: 0px 5px 0px 10px;
}

/*ENCABEZAMIENTOS*/

h1
{
font-family: Verdana;
color: #006688;
text-align: center;
font-size: 36pt;
text-decoration: underline;
font-weight: 400; 
}  

h2
{
font-family: Verdana;
color: #008080;
text-align: center;
font-size: 24pt;
text-decoration: none;
font-weight: 400;
}  

h3
{
font-family: Verdana;
color: #008080;
text-align: left;
font-size: 14pt;
text-decoration: underline;
font-weight: 400;
}  

h5
{
font-family: Verdana;
color: #000000;
text-align: left;
font-size: 12pt;
text-decoration: underline;
font-weight: 400;
}  

h6
{
font-family: Verdana;
font-weight: bold;
color: #006688;
text-align: center;
font-size: 10pt;
text-decoration: underline;
}  

/*PÁRRAFOS*/

p
{
font-family: Verdana;
font-style: normal;
text-align: justify;
font-size:12pt;
color: black;
text-decoration: none;
}   

.p-centrar{
   font-family: Verdana;
    font-size: 12pt;
    text-align: center;
}   

.naranja{
    font-family: Verdana;
    font-size: 12pt;
    text-align: center;
    color: #ffcc99;
}

.small{
    font-family: Verdana;
    font-style: normal;
    text-align: center;
    font-size: 10pt;
}   

.sangria{
    text-indent: 50px;
}

.sangria2{
    text-indent: 75px;
}

span.color-gris {
	color: #cccccc;
	font-family: Verdana;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

span.azul {
	color: #3399ff;
	font-family: Verdana;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
}


span.rojo {
	color: #800000;
font-weight: bold;
}

span.verde {
	color: #006688;font-weight: bold;
}

span.color-burdeos {
	color: #800000;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

/*FIN PÁRRAFOS*/

hr 
{
background-color: #3399FF; 
color: #3399FF;
height: 1px;
width: 95%;
clear: both;
} 


/*IMÁGENES*/
/*para centrar las imágenes*/

img{
    display: block;
    margin: auto;
}

/*Este código no funciona con IE por lo que es necesario crear una clase*/
/*En html <img class="img-centrar" src="ruta">*/

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

/*para poner las imágenes a la izquierda del texto*/

img.float-left { 
    float: left; 
    margin: 4px; 
}

/*para poner las imágenes a la derecha del texto*/

img.float-right { 
    float: right; 
    margin: 4px; 
}
/*FIN DE IMÁGENES*/

/*LISTAS*/

ul {
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	font: 12pt Verdana;
	  padding: 0px 5px 0px 100px;
 }

/*FIN LISTAS*/

table
{
font-family: Verdana;
}