﻿*
{
	margin: 0;
	padding: 0;
	}

body
{	
	background: url(Imagenes/img01.jpg) repeat-x left top;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*text-align: center;*/
	/*font-size: 13px;*/
	/*color: #8A7F7F;*/
}

/* Mozilla Firefox alignment */ 

body 
{ 
	background: url(Imagenes/img01.jpg) repeat-x left top;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
    /*text-align: -moz-center;*/ 
	/*font-size: 13px;*/
	/*color: #8A7F7F;*/
} 

.principal
{      
	/*position: absolute;*/ /*top: 50%;
	left: 50%;*/
	width: 950px; /*height: 420px;*/ /*margin-left: -350px;*/ /*margin-top: -210px;*/ /*border: black 1px solid;*/
	padding: 5px; /*overflow:auto;*/
	background-color: transparent;
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	/*
	--position: absolute; --top: 50%;	--left: 50%;
	width: 800px; --height: 420px; --margin-left: -350px; --margin-top: -210px; --border: black 1px solid;
	padding: 5px; --overflow:auto;
	*/
 
 	/*
	--position: absolute; --top: 50%;	--left: 50%;
	width: 800px; --height: 420px; --margin-left: -350px; --margin-top: -210px; --border: black 1px solid;
	padding: 5px; --overflow:auto;
	*/
 
 }
   
 .principalDirectorio
 {      
	width: 500px; /*height: 420px;*/ /*margin-left: -350px;*/ /*margin-top: -210px;*/ /*border: black 1px solid;*/
	padding: 5px; /*overflow:auto;*/
	background-color: transparent;
	text-align:center;
    margin-left: auto;
    margin-right: auto;
 }
 
 .contenidoReporte
{
    width: 750px;
    padding: 5px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    font-family: 'Courier New';
}




.acceso
{
	width: 350px;
	height: 150px;
	/*padding: 5px;*/
	background-color: #fffff0;
	border: lemonchiffon 1px solid;
	/*width: 350px;
	height: 150px;
	--padding: 5px;
	background-color: #fffff0;
	border: lemonchiffon 1px solid;*/
}

.imagenSuperiorContenido
{
	background-image: url(Css/Imagenes/superior.png);
}

.imagenInferiorContenido
{
	background-image: url(Css/Imagenes/inferior.png);
}

.contornoYFondo
{
    width: 500px; /*padding: 5px;*/ /***background-color: #ffffe0;**/
    border-left: #9DC9FE 1px solid; /***background-color: #ffffe0;*/ /****border: lemonchiffon 1px solid;*/ /*overflow:auto;*/
    border-right: #9DC9FE 1px solid; /*text-align :center;*/
    background-color: #f4f9fd;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

.contornoYFondo2
{
    width: 700px; /*padding: 5px;*/ /***background-color: #ffffe0;**/
    border-left: #9DC9FE 1px solid; /***background-color: #ffffe0;*/ /****border: lemonchiffon 1px solid;*/ /*overflow:auto;*/
    border-right: #9DC9FE 1px solid; /*text-align :center;*/
    background-color: #f4f9fd;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}


.contornoYFondoNoticias
{
	width: 480px; /*padding: 5px;*/ /***background-color: #ffffe0;**/
	height:150px; 
	overflow:auto; 
	text-align: center;
	background-color: #f4f9fd;	
}

.contornoYFondoNoticiasContenido
{
	width: 450px; /*padding: 5px;*/ /***background-color: #ffffe0;**/
	text-align :justify;
	background-color: #f4f9fd;	
}

.contenido
{       
    width: 450px;    
    text-align:justify 
}


.contornoYFondoSC
{
	width: 400px;
	/*padding: 5px;*/
	text-align:center;
	background-color: #fffff0;
	border: lemonchiffon 1px solid;
	/*background-color: #ffffe0;*/
}

.fondoPrincipal
{
	text-align:center;
	background-color: #ffffe0;
}


.contornoYFondoAzul
{
    width: 500px;
    padding: 5px;
    text-align: center;
    background-color: #b1d4e8;
    border: #0000ff 1px solid;
}

.contornoYFondoEncuestas {
    width: 100%;
    padding: 30px 15px 30px 15px;
    border: #9DC9FE 1px solid;
    overflow: auto;
    text-align: center;
    background-color: #f4f9fd;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 20px 0px 20px;
}

    .contornoYFondoEncuestas .contenido {
        width: 100%;
    }

    .contornoYFondoEncuestas p {
        margin-top: 1em;
    }

    .contornoYFondoEncuestas p a {
        font-size: 1.5em;
        color: blue;
    }

.ItemSitio {
    border: #9DC9FE 1px solid;    
    border-radius: 0px 20px 0px 20px;
    padding: 10px;
}
.enlacesNoticias
{
    width:210px;
    height:160px;
    /*text-align:right;*/
    overflow:auto;
}

.enlacesSinScrollGT
{
    width:210px;
    height:420px;
}

.enlaces
{
    width:220px;
    height:175px;
    text-align: center;
    /*padding:5px;*/
    text-align:center;
}

.enlaceClima
{
    text-align: center;
    width:220px;
    height:50px;
    /*padding:5px;*/
    text-align:center;
}

.enlaceCalendario
{
    text-align: center;
    width:210px;
    height:210px;
    /*padding:5px;*/
    text-align:center;
    overflow:auto;
}

.presentacionCalendario
{
    text-align: center;
    width:400px;
    height:190px;
    text-align:center;
}


.titulo1
{
	font-weight: bold;
	font-size: 25px;
	text-transform: capitalize;
	vertical-align: middle;
	text-align: left; /*color: #ea2c35;*/
	color: black;
}

.hipervinculosGenerales
{
    font-weight: normal;
    font-size: small;
    vertical-align: middle;
    text-align: left; /*color: #ea2c35;*/
}


.titulo2
{
	font-weight: bold;
	font-size: 4mm;
	text-transform: capitalize;
	text-align: left;
	color: black;
}

.titulo3
{
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
	/*font-family: Tahoma;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #ea2c35;
}

.titulo4
{
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    font-size: medium;
}

.avisoImportanteAzul
{
	color: #0066ff;
}

.avisoImportanteRojo
{
	color: #ea2c35;
	font-weight: bold;
	font-size: x-small;
}

.avisoImportanteRojoNormal
{
    color: #ea2c35;
    font-weight: bold;
    font-style: italic;
}

.avisoImportanteNormal
{
    font-weight: bold;
    font-style: italic;
}


.avisoImportanteAzulNormal
{
    color: #0066ff;
    font-weight: bold;
    font-style: italic;
}



/* Estilos para formato rápido */
.oculto {
    display: none;
}

.contenidoJustificado
{
	text-align: justify;
}


.tablaSencilla
{
    width: 97%;
    border-spacing: 0px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
 }

.tablaSencilla2
{
	width:500px;
	text-align:center;
}


.lineaAzul
{
	width: 100%;
	border: inactivecaption solid;
}

.lineaNegra
{
	width: 100%;
	border: black solid;
}

.lineaGris
{
	width: 100%;
	border: black solid;
	background-color: #dcdcdc;
}

.alinearDer
{
	text-align: right;
}

.alinearIzq
{
	text-align: left;
}

.alinearCen
{
	text-align:center;
}

.titulo1Azul
{
	font-weight: bold;
	font-size: 6mm;
	text-transform: capitalize;
	vertical-align: middle;
	text-align: left;
	color: #0066ff;
}

.lineaNegra
{
	width: 100%;
	border: black solid;
}

.letrasRojas
{
	font-weight: bold;
	color: #ff0000;
}

.letrasNegras
{
    color: #000000;
}

.googleTalk
{
    width: 210px;
    height: 420px;    
}

.nose
{
    
}

.alineamientoYBalanceo
{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

.alineamientoYBalanceoR
{
    width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alineamientoYBalanceoDirectorio
{
    width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.directorioTelefonico
{
    width: 350px;
    height: 300px;
    border-left: #9DC9FE 1px solid; /***background-color: #ffffe0;*/ /****border: lemonchiffon 1px solid;*/ /*overflow:auto;*/
    border-right: #9DC9FE 1px solid; /*text-align :center;*/
    background-color: #FFFFEC;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #9DC9FE;
    overflow: auto;
}

.directorioTelefonicoMarco
{
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.luna_mostrada {
    cursor: pointer;
    width: 98px;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;
}
.luna_oculta{ 
    width: 0px;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;
}

