/* ***************** html ***************** */
body{
	margin:3px;
	padding:0;
	background-color: white;
	font-family: arial, tahoma, verdana;
	color:#000;
	font-size: 80%;
	background-color: #000;
	text-align: center;
}

a:{ color:#253c72; }
a:hover{ color: #cc0000; }
a:visited, a:active{
	color:#3F89C3;
}
h1{ font-size: 150%; }
h2{ font-size: 120%; }
/* etiketas html fin */


/* *****************   ***************** */
#todo {
width:760px;
margin: 0 auto;
background-color: white;
border: 1px solid black;
}
#contenedor{
	margin-top:15px;
}

/* ***************** Header ***************** */
#header{
	background-image: url(images/banner1.jpg);
	height:120px;
	width:760px;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: baseline;
	}
#header #titulo{
	font-size: 120%;
	letter-spacing: -1px;
	padding-right:10px;
}
#header #subtitulo{
	font-size: 80%;
	padding-right:10px;
}

/* ***************** barra google ***************** */
#banners{
	height:89px;
	width:760px;
}

#ban_izq{
float:left;	
}

#ban_der{
float:right;	
}

/* ***************** barra ***************** */
#barra{
	width:760px;
	height:100px;
	margin: 0 auto;
	margin-bottom:3px;
	font-size: 120%;
	clear: both;
	text-align: center;
}

#barra #a,#barra #b,#barra #c,#barra #d {
	float:left;
	height: 100px;
	width:182px;
	margin-top: 3px;
	margin-bottom:1px;
	margin-left:3px;
	margin-right:3px;
	
	color:white;
	font-weight: bold;
	font-size:70%;
	padding-bottom:3px;
}
html>body #barra #a, html>body #barra #b, html>body #barra #c, html>body #barra #d { margin-left:4px;padding-left:3px;margin-right:0px;}

#barra #a #cont, #barra #b #cont, #barra #c #cont, #barra #d #cont{
	font-weight:normal;
	margin-top:3px;
}

#barra #a{ background-color:#BB0404; }
#barra #a #cont{ background-color: #DA1010;}

#barra #b{ background-color:#AA4400; }
#barra #b #cont{ background-color: #FF6600;}

#barra #c{ background-color:#225D7B; }
#barra #c #cont{ background-color: #337895;}

#barra #d{ background-color:#408E38; }
#barra #d #cont{ background-color: #5AA950;font-weight:normal;}

#barra #a a,#barra #b a,#barra #c a,#barra #d a{
color:white;
text-decoration:underline;
font-size:90%;
text-decoration:none;
}
#barra #a a:hover,#barra #b a:hover,#barra #c a:hover,#barra #d a:hover{
text-decoration:underline;
}

/* ***************** izquierda ***************** */
#izquierda{
	width: 150px;
	/*position:absolute;
	left:3px;
	top:245px;*/
	background-color: white;
	border-left: solid 1px silver;
	float:left;
	text-align: left;
}

#izquierda img{ border: 0px; }

/* ***************** Bloque A ***************** */
#navcontainer{
	width: 150px;
	display: block;
}

#navlist {
	width: 144px;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	/*border: 1px black solid;*/
}

#navlist li {
	display: inline;
}

#navlist a {
	width: 144px;
	display: block;
	background-color: #f7f5f5;
	border-top: 1px white solid;
	border-bottom: 1px silver solid;
	border-left: 1px white solid;
	border-right: 1px silver solid;
	/*text-align: center;*/
	text-decoration: none;
	color: #000;
	padding-left:2px;
}

#navlist a:hover {
	background-color: #fff;
	border-top: 1px gray solid;
	border-bottom: 1px silver solid;
	border-left: 1px gray solid;
	border-right: 1px silver solid;
}

#navlist a:visited { color: #000; }

#navcontainer #titulo_a, #navcontainer #titulo_b, #navcontainer #titulo_c, #navcontainer #titulo_d{
	font-weight: bold;
	font-size:90%;
}

#navcontainer ul li, #nuevos ul li {
	font-size:85%;
}

#navcontainer #titulo_a {
	width: 144px;
	display: block;
	background-color: #CC0000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #770000;
	border-right: 1px solid #ff0000;
	border-left: 1px solid #770000;
	/*text-align: center;*/
	text-decoration: none;
	color: #fff;
	padding-left:2px;
}

#navcontainer #titulo_b {
	width: 144px;
	display: block;
	background-color: #F4AE01;
	border-top: 1px solid #F6C004;
	border-bottom: 1px solid #E69112;
	border-right: 1px solid #E69112;
	border-left: 1px solid #F6C004;
	/*text-align: center;*/
	text-decoration: none;
	color: #fff;
	padding-left:2px;
}

#navcontainer #titulo_c {
	width: 144px;
	display: block;
	background-color: #337895;
	border-top: 1px solid #489CC0;
	border-bottom: 1px solid #225D7B;
	border-right: 1px solid #225D7B;
	border-left: 1px solid #489CC0;
	/*text-align: center;*/
	text-decoration: none;
	color: #fff;
	padding-left:2px;
}

#navcontainer #titulo_d {
	width: 144px;
	display: block;
	background-color: #408E38;
	border-top: 1px solid #489CC0;
	border-bottom: 1px solid #225D7B;
	border-right: 1px solid #225D7B;
	border-left: 1px solid #489CC0;
	/*text-align: center;*/
	text-decoration: none;
	color: #fff;
	padding-left:2px;
}


#nuevos{
	border:solid 1px silver;
	width:146px;
}
#nuevos ul{
	list-style: none;
	margin-left:0px;
	padding:0px;
}

#nuevos ul li{
background-image: url(images/blog.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 17px;
}

#nuevos ul li a{
color: #3F89C3;
}

#nuevos a:{
	text-decoration:none;
}
#nuevos a:hover{
	text-decoration: underline;
	color:#cc0000;
}

#izquierda h1, #derecha h2{
	color:white;
	font-family: arial, tahoma, verdana;
	font-size: 12px;
	text-transform: uppercase;
	margin:0;
	font-weight: bold;
	padding:3px;
	margin-right:1px;
}

#izquierda h1, #izquierda h1 a{ background-color: #AB2236; }
#izquierda h2, #izquierda h2 a{ background-color: #618BB5; }

/* ***************** derecha ***************** */
#derecha{
	width: 150px;
	/*position:absolute;
	right:3px;
	top:245px;*/
	float:right;
	border:1px solid silver;
	text-align: left;
}

#derecha #buscar{
background-color: #E9E9E9;	
}

#derecha #buscar .titulo{
background-image: url(images/lupa.gif);
background-repeat: no-repeat;
background-position: 5px;
background-color: #E9E9E9;
height:30px;
padding-left:50px;
color:#6780B8;
}

#derecha #buscar .texto{
text-align:center;
color:#000000;
font-size:80%;
}

#derecha #buscar .texto a{
text-align:center;
color:#4084C0;
}

#derecha #buscar h1{
	text-transform: capitalize;
}
#derecha form{
	margin: 5px;
	padding-bottom:5px;
}

#derecha form a{
	color:#4084C0;
}

#derecha #buscar .enviar{
background-color:#4084C0;
color:white;
font-size:70%;
border:0;
padding:1px;
/*font-weight:bold;*/
}

#derecha #buscar .label{
color:black;
font-size:70%;
}
/* cuadro de buscar fin */

#derecha h1, #derecha h2{
	color:white;
	font-family: arial, tahoma, verdana;
	font-size: 12px;
	text-transform: uppercase;
	margin:0;
	font-weight: bold;
	padding:3px;
}

#derecha h1, #derecha h1 a{ background-color: #AB2236; }
#derecha h2, #derecha h2 a{ background-color: #618BB5; }

#derecha ul{
	font-size:9px;
	margin: 0;
	padding: 0;
}
#derecha li{
display:block;
font-size:10px;
border-bottom:1px dotted #D2D2D2;
color:silver;
background-color: White;
margin: 0;
text-transform: none;
}

#derecha li a{
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	color:#000000;
	display:block;
	padding-left:15px;
}

#derecha li a:hover{
	/*background-color: #F4F4F4;*/
	display:block;
	background-image: url(images/arrowb.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: underline;
	color:red;
}

#derecha li a:visited/*, #derecha li a:link*/{
background-image: url(images/check.gif);
background-position: left;
background-repeat: no-repeat;}

/* ***************** Bloque Colores *****************
#derecha #cuadroY, #derecha #cuadroG, #derecha #cuadroC, #derecha #cuadroR{
	font-weight: bold;
	margin-bottom: 3px;
	color:white;
	text-align:center;
}

#derecha #cuadroY a, #derecha #cuadroG a, #derecha #cuadroC a, #derecha #cuadroR a{
	font-weight: normal;
	margin-bottom: 3px;
	color:white;
	font-size: 80%;
}

#derecha #cuadroY #contenido, #derecha #cuadroG #contenido,#derecha #cuadroC #contenido, #derecha #cuadroR #contenido{
font-weight: normal;	
}

#derecha #cuadroY { background-color: #F4AE01; }
#derecha #cuadroY a{ color:white; text-decoration: none; }
#derecha #cuadroY #contenido { background-color: #F6C004; }

#derecha #cuadroG{ background-color: #408E38; }
#derecha #cuadroG a{ color:white; text-decoration: none; }
#derecha #cuadroG #contenido { background-color: #5AA950 }

#derecha #cuadroC{ background-color: #225D7B; }
#derecha #cuadroC a{ color:	white; text-decoration: none; }
#derecha #cuadroC #contenido{ background-color: #337895; }

#derecha #cuadroR{ background-color: #BB0404; }
#derecha #cuadroR a{ color:	white; text-decoration: none; }
#derecha #cuadroR #contenido{ background-color: #DA1010; }

#derecha #cca{
background-color: #F7F0D1;
}
#derecha #ccb{
	background-color: #E8E8D8;
}*/ 

/* ***************** faq ***************** */
#faq{
	margin: 0 100px;
	width:500px;
	text-align:justify;
	font-size:80%;
	font-family: verdana, tahoma, arial;
	border: 1px solid #EBEBEB;
	padding-left:3px;
	padding-right:3px;
	background-color: #F4F4F4;
}
html>body #faq{ margin: 0 100px; }


/* ***************** centro ***************** */
#centro{
	margin: 0 150px;
	width:442px;
	text-align:justify;
	font-size:80%;
	font-family: verdana, tahoma, arial;
	border: 1px solid #EBEBEB;
	padding-left:3px;
	padding-right:3px;
	background-color: #F4F4F4;
}
html>body #centro{ margin: 0 154px; }

#centro a:hover{
	color:#cc0000;
}

#centro a{
	color:#000000;
	font-weight: bold;
}

#google{
	background-color: gray;
	height:110px;
	margin-bottom:10px;
}

#centro h1, #centro h2, , #centro h2 a{
	color:white;
	font-family: arial, tahoma, verdana;
	font-size: 12px;
	text-transform: uppercase;
	margin:0;
	font-weight: bold;
	padding:3px;
}

#centro h1, #centro h1 a{ background-color: #AB2236; }
#centro h2, #centro h2 a{ background-color: #618BB5; }

#marco{
	border: 1px solid gray;
	background-color: white;
	padding:3px;
}

#nomarco{
	border: 1px none white;
	padding:3px;
}


/* quote inicio */
#quote{
	border: 1px dashed orange;
	background-color:white;
	padding:5px;
	text-align: justify;
	margin:15px;
}
/* quote final */

#centro table{
	width:100%;
	border:1px solid gray;
	font-size: 100%;
}
tr{ margin: 0; }
td{ margin: 0; }

#centro th{
	background-color:#CC0000;
	background-image: url(images/dot.gif);
	color: black;
	font-weight: bold;
	text-align: left;
}
/*formato de las celdas de la tabla*/
#centro .y{
	background-color: #E8E8D8;
}
#centro .x{
	background-color: #F7F0D1;
}

#centro #directorio{
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	background-color: white;
	border: 1px solid silver;
}

#centro #directorio a, #centro #directorio a:link{
	text-decoration:none;
}

#centro #directorio a:hover{
	text-decoration:underline;
}

.naranja{ color:#FFA812; }
.celeste{ color:#3F89C3; }
.rojo{ color:#DD1313; }
.verde{ color: #7FA33F; }
.gris{ color:#ADABA9; }
.derecha{ float:right; }
.izquierda{ float: left; margin-left:1px; }
.center{ text-align: center; }
.borde{ border: 1px solid black; }
.foto{
	border: 1px solid silver;
	padding:5px;
	background-color:white;
	margin-right:5px;
	margin-bottom:3px;
	float:left;
}

/* ***************** Footer ***************** */
#footer {
	clear : both;
	margin: 0 auto;
}

#footer{
	width:760px;
	font-size: 70%;
	text-align: center;
	margin-top: 20px;
}

#footer #imagenes{
vertical-align: middle;
letter-spacing: 15px;
}

.clean{
	clear: both;
}
.fuente01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#centro h1{
    color:white;
}
#centro h2{
    color:white;
}