@charset "utf-8";

/*******************************************************************
     ESTILS COMUNS A TOTES LES PAGINES
********************************************************************/

/* Contenedor común a todas las paginas, excepto el fondo, que se carga en la pagina correspondente */

#contenedor_total{
	width: 96%;
	max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 780px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
	
	background-repeat:repeat;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
	margin-top: 2%;
	overflow: hidden;
}



body {
	font-family:"Comic Sans MS";
	background-color: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
}

h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding-right: 15px;
	padding-left: 15px;
	
	}
h1{
	font-size: 50px;
	font-weight:bold;
	display:block;
	text-align:center;
	color:#C00;	
}

ul, li{
	margin: 0;
	padding: 0;
}
	
	
.botons1{	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;	
	display:inline-block;
	cursor:pointer;
	color:#fafa7b;
	font-family:comic "Comic Sans MS", cursive;
	font-size:16px;
	font-weight:bold;	
	text-decoration:none;
	text-shadow:0px 0px 0px #b23e35;
	width: 100px;
	height: 25px;
	text-align:center;
	}

.botons2{	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
	display:inline-block;
	cursor:pointer;
	color:#fafa7b;
	font-family:comic "Comic Sans MS", cursive;
	font-size:13px;
	font-weight:bold;	
	text-decoration:none;
	text-shadow:0px 0px 0px #b23e35;
	width: 80px;
	height: 20px;
	text-align:center;
	}	

.botons1 {
	-moz-box-shadow:inset 0px 5px 7px 0px #f29c93;
	-webkit-box-shadow:inset 0px 5px 7px 0px #f29c93;
	box-shadow:inset 0px 5px 7px 0px #f29c93;
	background-color:#fe1a00;
	border:1px solid #d83526;
}	
.botons2{
	-moz-box-shadow:inset 0px 5px 7px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 5px 7px 0px #91b8b3;
	box-shadow:inset 0px 5px 7px 0px #91b8b3;
	background-color:#768d87;
	border:1px solid #566963;	
}
.botons1:hover {
	background-color:#ce0100;
}
.botons2:hover {
	background-color:#6c7c7c;
}
.botons1:active, .botons2:active{
	position:relative;
	top:2px;
}
#botons {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align:center;
}


.text1negreta {
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	font-weight: bold;
	color: #41011E;
}
.text2negreta {
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	font-weight: bold;
	color: #50615C;
}