/* CSS Document */

/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/

#contenedor {
	width:850px; /*ancho total de la pagina*/ 
	height:700px;
	border:3px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	background-color:#000000; /*COLOR DEL FONDO */
	margin:0px auto;
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
}

#top {
	margin:0px; /*para que no se pegue al borde*/ 
	padding:0px; /*algo de relleno*/
	width:850px; /*este ancho es para que cuadre con el texto*/ 
	height:99px; /*idem*/ 
	border:0px solid #000000; /*decoracion*/ 
	background-color:#CCCCCC; /*more*/
	text-align:center; 
	display:inline; /*(*)*/ 
}

#cuerpo {
	width:815px; /*este ancho es para que cuadre con el texto*/ 
	height:550px; /*idem*/ 
	border:0px solid #000000; /*decoracion*/ 
	background-color:#FFFFFF; /*more*/ 
	margin:0px auto;
	text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

#cuerpo_contenido {
    width:809px; 
	height:547px; 
	border:0px solid #000000; /*decoracion*/ 
	background-color:#b8b8b8; 
	margin:0px auto;
	text-align:center; /  
}

#derechos {
    width:auto; 
	height:10px; 
	border:0px solid #000000; /*decoracion*/ 
	background-color:#000000; 
	margin:0px auto;
	text-align:center;   
}

#design {
    margin:0px auto;
    width:820px;
	text-align:center; 
}

#contenido {
	width:800px;
	height:515px;
	border:0px solid #000000; /*decoracion*/
	background-color:#b8b8b8;
	margin:0px auto;
	text-align:center;
	
}
	#botom{
	background-image: url(imagenes_sc/botom.jpg);
	height: 89px;
	width: 792px;
	margin:0px auto;
	margin-bottom: 8px;
	clear:both
	
}


#cajon1{
	float:left;
	width:177px;
	height:439px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-right: 9px;
	background-image: url(imagenes_sc/columna.jpg);
 
}
#cajon2{
	height: 400px;
	width: 400px;
	background-color: #000000;
}

#cajon3{
	float:left;
	width:177px;
	height:439px;
	background-image: url(imagenes_sc/columna.jpg);
	margin-left: 8px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#encabezado_central{
	width:100%;
	height:25px;
	margin-top: 0px;
	background-color: #B30303;
	text-align: center;
	background-image: url(imagenes_sc/paencabezados.jpg);
}

a.blanco:link {color: white}
a.blanco:hover {color: #6eb8d7}
a.blanco:visited {color:gray}

a.rojo:link {color: #ae0814}
a.rojo:hover {color: #6eb8d7}
a.rojo:visited {color: #999999}


.style1 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0099CC;
	font-weight: bold;
}

.style2 {

   	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16px;
	
}

.style3 {

   	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 20px;
	
}

.style5 {font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #333333;}

.style6 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.style8 {	font-size: 18px;
	font-weight: bold;
	color: #FFFF00;
	font-family: sans-serif;
}

.style9 {font-size: 20px; font-weight: bold; color: #FFFFFF; font-family: sans-serif;}
         
.style10 {color: #FFFF00;
          font-family: Arial, Helvetica, sans-serif;
		  font-size: 12px;
		  
		  }

.style14 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

.style15 {font-size: 9px}