/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
    margin: 0;
     padding: 0;
     color: black;
     background-color: #cde;
 }

 body a {
	font-family:arial;
	font-size:12px;
 }
 
#contenedor {
	width:775px;
	border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	background-color:#FFF8F0;
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

#encabezado {
	width:100%; 
	height:70px; 
	float:left;  
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	display:inline; 
	clear:both;
	text-align:center;
	background-color:#FFEDCF;
}

#subtitulo {
	text-align:center;
	font-size:11px;
	font-family:arial; 
	font-weight:bold;
	width:100%;
	color:#000000;
	background-color:#E0E0E0;
}
#subtitulo p {
	padding:10px;
}

#encabezado h1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	font-size:14px;
	font-family:arial; 
	font-weight:bold;
	width:100%;
	color:#000000;
	margin:4px; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase; /*convierte todas en mayusculas*/ 
	padding-bottom:4px;
}

#encabezado h2 {
	font-size:11px;
	font-family:arial; 
	font-weight:bold;
	width:100%;
	color:#000000;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase; /*convierte todas en mayusculas*/ 
	padding-bottom:4px;
}

#encabezado img {
	margin:1px 1px auto 0;
	border:1px solid #c0c0c0;
	margin: 0 auto;
	display: block;
}



#contenido {
	width:775px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:20px;
} 


#contenido h2 {
	font-size:16px;
	color:#CC3300;
	width:400px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
}

#contenido h3 {
	padding-top:30px;
	width:300px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}

#contenido span{
	padding-top:30px;
	padding-right:5px;
	font-size:14px;
	font-weight:bold;
	color:#999900;
	border-bottom:1px dotted #999900;
}

#bannersright{
	float:right;
	width: 270px;
	margin-right:40px;
	text-align:center;
	border:1px solid #333333;  
	background-color:#E0E0E0;		
}
#bannersright img{
	padding:2px;
	border: 3px #ffffff solid;
}

#listadocontenedor {
	margin: 0 auto;
	width: 450px;
	float:left;
	clear:both;
}

#listado {
	padding-top:5px;
	padding-left:2px;
	float:left;
	width: 100px;
	height:60px;
	margin:4px;
	padding-top:4px;
	padding-left:2px;
	border:1px solid #333333;  
	background-color:#E0E0E0;
	
} 

#listado a {
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
	width:90px;
}
#listado img {
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
	width:70px;
	height:100px;
	padding-left:10px;
	padding-bottom:4px;
}
#listado p {
	font-size:11px;
	font-family:arial;
	padding:0px;
	margin:0px;
	text-align:center;
	width:90px;
	color:#000000;
}



#listado2 {
	padding-top:5px;
	padding-left:2px;
	float:left;
	width: 100px;
	height:160px;
	margin:4px;
	padding-top:4px;
	padding-left:2px;
	border:1px solid #333333;  
	background-color:#E0E0E0;
} 
#listado2 a {
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
	width:90px;
}
#listado2 img {
	text-align:center;
	font-family:arial;
	font-size:11px;
	float:left;
	width:70px;
	height:100px;
	padding-left:10px;
	padding-bottom:4px;
}
#listado2 p {
	font-size:11px;
	font-family:arial;
	padding:0px;
	margin:0px;
	text-align:center;
	width:90px;
	color:#000000;
}


#teltexto{
	margin-top:20px;
	margin-left:5px;
	vertical-align:center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2px;
	width: 700px;
	border:1px solid #333333;  
	background-color:#E0E0E0;
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
}
#teltexto p {
	font-family:verdana;
	font-size:10px;
	float:left;
	padding:2px;
	margin:6px;
	width:90px;
	color:#000000;
	background-color:#ffffff;
}
#teltexto span{
	margin:6px;
	padding-top:30px;
	padding-right:5px;
	font-size:14px;
	font-weight:bold;
	color:#999900;
	border-bottom:1px dotted #999900;
}

#footer {
	background-color:#DCDCDC;
	text-align:center;
	
	padding-top:10px;
	font-size:90%; /*mas pequeño el texto*/ 
	margin: 0 auto;
	clear:both;	
}