@charset "utf-8";
/* CSS Document */

/* CARACTERISTICAS DE LA PAGINA PRINCIPAL*/
body
{
	background-color:#e1e1e1;
	background-image:url(../images/fondo_externo.jpg);
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#2589A0;
	scrollbar-face-color: #ffffff; 
    scrollbar-highlifht-color: #DCDCDC; 
    scrollbar-darkshadow-color: #999999;
    scrollbar-track-color: #e6e6e6; 
    scrollbar-shadow-color: #d3d3d3; 
    scrollbar-3dlight-color: #e0e0e0; 
    scrollbar-arrow-color: #3366cc;
    scrollbar-border-color: #e6e6e6; 
}
img
{
	max-height:100%;
	max-width:100%;
	height:auto;
	width:auto;
}

.contenedor_principal 
{ 
    background-color: #fff;
	width:96%; 
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 2%;
	margin-right: 2%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border:0px solid rgb(189, 189, 189); 
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0px 6px 15px 0px rgba(50, 100, 100, 0.80); 
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6); 
	
}

.contenedor_principal .navegar 
{ 
	background-color: #6CF;
	width: 96%;
	padding: 0px;
/*	position: fixed; */
	height: auto;
	border:10px;
	border-color:#F00;
}



/* TITULOS, PRINCIPAL Y SECUNDARIO*/
.titulo_superior
{
	font-family: arial, verdana, serif;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	text-shadow:2px 2px 4px #666666,
	-1px -1px 3px #666666;	
}

.titulo_principal
{
	font-family: 'Bookman Old Style', arial, verdana, serif;
	font-size: 50px;
	font-weight:bold;
	color: #cfffff;
	text-align:center;
	line-height: 1em;
	text-shadow:0px 0px 0 rgb(221,221,221),
	1px 1px 0 rgb(204,204,204),
	2px 2px 0 rgb(188,188,188),
	3px 3px 0 rgb(172,172,172),
	4px 4px 0 rgb(155,155,155),
	5px 5px 0 rgb(139,139,139),
	6px 6px 0 rgb(123,123,123),
	7px 7px 6px rgba(0,0,0,0.5),
	7px 7px 1px rgba(0,0,0,0.2),
	0px 0px 6px rgba(0,0,0,0.4);	
}
.subtitulo_principal
{
	font-family: arial, verdana, serif;
	font-size: 15px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	text-shadow:2px 2px 4px #666666,
	-1px -1px 3px #666666;	
}

/* TABLA MAQUETA PRINCIPAL */
.tabla_maqueta 
{
	margin:0px; 
	padding: 2px 2px 2px 2px; 
	border:0px solid rgb(189, 189, 189); 
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 0px 20px rgba(50, 100, 100, 1.0); 
	background-repeat: repeat-y; 
	background-color: rgb(255, 255, 255);
}
/* TABLA CABEZERA DE PAGINA */
.tabla_cabezera_pagina 
{
	margin:0px; 
	padding:5px; 
	border:0px solid rgb(189, 189, 189); 
	border-radius:6px 6px 0px 0px;
	box-shadow: 0px 0px 0px #333366; 
	background-repeat: repeat-y; 
	background-color: rgb(220, 240, 250);
	/*background-color: rgb(215, 235, 235);*/
}

/* TABLA PIE DE PAGINA */
.tabla_pie_pagina 
{
	margin:0px; 
	padding:5px; 
	border:0px solid rgb(189, 189, 189); 
	border-radius:0px 0px 6px 6px;
	box-shadow: 0px 0px 0px #333366; 
	background-repeat: repeat-y; 
	background-color: rgb(220, 240, 250);
	/*background-color: rgb(230, 235, 245);*/
}

/* FORMATO PARA MOSTRAR CABEZERA DE PAGINA, LOCALIZACION Y FECHA */
.localizacion_fecha
{ 
	font-family: arial, verdana; 
	font-size: 11px; 
	color: #3366cc; 
	border: 0; 
	font-weight: bold;
}

/* FORMATO PARA MOSTRAR CABEZERA DE PAGINA, BUSCAR */
.entrada_buscar 
{
    width:150px;
	height:8px;	
	margin:0px; 
	padding:10px; 
	border:0px solid rgb(222, 222, 222); 
	border-radius:5px;
	box-shadow: 0px 0px 3px #333366; 
	background-color: rgba(180, 235, 235, 0.5);
	color: #3366cc; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}
.entrada_buscar:focus
{
    box-shadow:0px 0px 5px #0099cc;
	background-color: rgba(205, 245, 255, 0.5);
}

/* FORMATO PARA MOSTRAR BIENVENIDA Y USUARIO */
.bienvenido_usuario
{ 
	font-family: arial, verdana; 
	font-size: 12px; 
	color: #3366cc; 
	border: 0; 
}

/* FORMATO PARA MOSTRAR PIE DE PAGINA, RED SOCIAL Y FINANCIAMIENTO */
.red_social
{ 
	font-family: arial, verdana; 
	font-size: 10px; 
	color: #3366cc; 
	border: 0; 
}

/* TABLA MENU PRINCIPAL */
.tabla_menu 
{
	margin:0px; 
	padding:5px; 
	border:0px solid rgb(189, 189, 189); 
	border-radius:0px 0px 0px 0px;
	box-shadow: 0px 0px 0px #333366; 
	background-repeat: repeat-y; 
	background-color: rgb(220, 240, 250);
}







/* DISEÑO AJUSTE A DIFERENTES PANTALLAS */
/* Titulo Cabezera de Pagina */
.titulo_cabecera {
	background:#FFC20A;;
	width:100%;
	padding:5px;
	text-align:center;
	position:static;
/*	display:block; */
}
@media (max-width: 550px) {
.titulo_cabecera {
	display: none;
}
}


/* Cabezera de Pagina */
.tabla_logos {
	display: block;
}
@media (max-width: 550px) {
.tabla_logos {
	display: none;
}
}

/* Pie de Pagina */
.pie_logos {
	display: block;
	position: relative;
	float: left;
	text-align:center;
}
@media (max-width: 550px) {
.pie_logos {
	display: block;
	position: relative;
	float: left;	
	text-align: center;
}
}

.pie_direccion {
	display: block;
	position: relative;
	float: left;	
	text-align: center;
	font-size: 12;
}
@media (max-width: 768px) {
.pie_direccion {
	display: block;
	position: relative;
	float: left;	
	text-align: right;
	font-size: 6;
}
}

.pie_eslogan {
	display: block;
	float: right;	
	position: relative;
}
@media (max-width: 768px) {
.pie_eslogan {
	display: none;
}
}