/* 
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
Crea el Cuadro Blanco Con Esquinas Redondeadas 
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

    Color del Cuadro
*/
div.cuadrob {
 background-color: #EAEAEA;
}
/*
    Ancho del Cuadro
*/
div.ancho {
 width: 100%;
}
/*
    Raya de arriba del Cuadro
*/
div.cb-top {
 background-image: url(Blocks/Blanco/CB-Top.jpg);
 background-repeat: repeat-x;
 background-position: top;
}
/*
    Raya de Abajo del Cuadro
*/
div.cb-bot {
 background-image: url(Blocks/Blanco/CB-Bot.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}
/*
    Raya Izquierda
*/
div.cb-izq {
 background-image: url(Blocks/Blanco/CB-Izq.jpg);
 background-repeat: repeat-y;
 background-position: left;
}
/*
    Raya Derecha
*/
div.cb-der {
 background-image: url(Blocks/Blanco/CB-Der.jpg);
 background-repeat: repeat-y;
 background-position: right;
}
/*
    Esquina Arriba Izquierda
*/
div.esq1 {
 background-image: url(Blocks/Blanco/CB-Esqu1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}
/*
    Esquina Arriba Derecha
*/
div.esq2 {
 background-image: url(Blocks/Blanco/CB-Esqu2.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}
/*
    Esquina Abajo Izquierda
*/
div.esq3 {
 background-image: url(Blocks/Blanco/CB-Esqu3.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}
/*
    Esquina Abajo Derecha
*/
div.esq4 {
 background-image: url(Blocks/Blanco/CB-Esqu4.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}
/*
    Espaciado del texto, con el margen
*/
div.espac {
 text-align : center;
 padding: 1em 1em 1em;   /*5px 2em 0;*/
}
/*
    Negritas
*/
.negritas {
 font-weight: bold;
}



/* 
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
Crea El Cuadro Azul Con Esquinas Redondeadas y Con Titulos
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
 
    Color Del Cuadro
*/
div.cuadroa {
 background-color: #92B3E5;
}
/*
    Negritas
*/
div.ca-titulo {
 background-image: url(Blocks/Azul/CA-titulo.jpg);
 background-repeat: repeat-x;
 background-position: top;
}
/*
    Raya de Arriba
*/
div.ca-bot {
 background-image: url(Blocks/Azul/CA-bot.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}
/*
    Raya Izquierda
*/
div.ca-izq {
 background-image: url(Blocks/Azul/CA-Izq.jpg);
 background-repeat: repeat-y;
 background-position: left;
}
/*
    Raya Derecha
*/
div.ca-der {
 background-image: url(Blocks/Azul/CA-Der.jpg);
 background-repeat: repeat-y;
 background-position: right;
}
/*
    Esquina Titulos Izquierda (arriba)
*/
div.ca-tesq1 {
 background-image: url(Blocks/Azul/CA-Tesq1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}
/*
    Esquina Titulos Derecha (arriba)
*/
div.ca-tesq2 {
 background-image: url(Blocks/Azul/CA-Tesq2.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}
/*
    Esquina Izquierda (abajo)
*/
div.ca-esq3 {
 background-image: url(Blocks/Azul/CA-Esq3.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}
/*
    Esquina Derecha (Abajo)
*/
div.ca-esq4 {
 background-image: url(Blocks/Azul/CA-Esq4.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

/*
	Crea la tabla al 100% del tamaņo
*/
table.eg {
 border-collapse: collapse;
 width: 100%;
 margin-bottom: 0.23em;
}
/*
	Crea el espaciado del texto con el margen (Vertical)
*/
td.eg {
 width: 50%;
 padding: 1em;
 vertical-align: top;
}
/*
	Pone El Color A Los Titulos
*/
th.eg {
 width: 50%;
 padding: 0.6em 0.3em 0.3em 0.3em;
 color: white;
  /*
 font-size: 1em;  Tamaņo de la fuente, si se cambia el tamaņo, el borde separador
 				       Entre una y otra tabla, no se va a ver correctamente, se se
					   ve separado, hay que ajustar el tamaņo de la fuente*/
 font-weight: bold;
 text-align: center;
}
/*
	Division
*/
.divisor {
 background-image: url(Blocks/Azul/CA-Izq.jpg);
 background-repeat:  repeat-y;
 background-position: left;
}

/* 
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
Crea El Cuadro Azul Con Esquinas Redondeadas y Sin Titulos 
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

*/

/*
    Raya superior
*/
div.ca-top {
 background-image: url(Blocks/Azul/CA-Top.jpg);
 background-repeat: repeat-x;
 background-position: top;
}
/*
    Esquina Arriba Izquierda

*/
div.ca-esq1 {
 background-image: url(Blocks/Azul/CA-Esq1.jpg);
 background-repeat: no-repeat;
 background-position: botom left;
}
/*
    Esquina Arriba Derecha
*/
div.ca-esq2 {
 background-image: url(Blocks/Azul/CA-Esq2.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}
/*
    Espaciado del Texto Con La imagen
    padding: Superior Izquierda
*/
div.contenido {
 	padding: 1em 1em 1em;
 	text-align: center;
}
/*
	Es el mismo que div.contenido, solo que no esta centrado
*/
div.contenido2{
	padding: 1em 1em 1em;
    text-align: left;  
}
  /* Contenido 50%
  */
div.Tam30{  /* Tamaņo del 50%  */
	width:30%;
}  
div.Tam30C{
	width:30%;
	margin: 10px auto 15px auto
}
div.Tam40C{  /* Tamaņo del 50% y Centrado  */
	width:35%;
	margin: 10px auto 15px auto; /* Centrar DIV*/
}  
div.Tam50C{  /* Tamaņo del 50% y Centrado  */
	width:50%;
	margin: 10px auto 15px auto; /* Centrar DIV*/
}  
div.Tam50{  /* Tamaņo del 50%  */
	width:50%;
}  
div.Tam520pxC{  /* Tamaņo del 50% y Centrado  */
	width: 520px;
	margin: 10px auto 15px auto; /* Centrar DIV*/
}  
div.Tam260pxC{  /* Tamaņo del 50% y Centrado  */
	width: 260px;
	margin: 10px auto 15px auto; /* Centrar DIV*/
}  
div.Tam80C{  /* Tamaņo del 50% y Centrado  */
	width:80%;
	margin: 10px auto 15px auto; /* Centrar DIV*/
}  
div.Tam90{  /* Tamaņo del 90%  */
	width:80%;
	
}  
/*
    No Es Necesario Para El Cuadro
    Oculta lo que este entre las etiquetas <Div> y </div>
*/
.ocultar {
 display: none;
}
/*

*/
.MenuS{
	/* Arriba  Derecha Abajo Izquierda    */
	padding: 1em 1em 2em 1em;
	text-align:left;
}


.MenuD{
	padding: 1em 1em 1em;
	text-align:right;
}

.AliDer{  /* Cuadro Alineado a la derecha*/
	margin: 10px 1px 15px auto;
}

.Menu{
	width:100%;
		
}
.Ltext {
	padding: 2em 2em 2em 2em;
	text-align:justify;
	font-family: "MS Reference Sans Serif";
	font-size: 12px;
	text-indent: 3em;
}


/* iDevices */
