*{
	margin:0;
	padding:0;	
	border:none;
}
            
html, body {
	width:100%;
	font-family:Verdana !important;
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	color:#C0C0C0;
	font-size:11px;
	font-weight:normal;
	height: 100%;
	background-color:#000000;
}

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

/* para pie de pagia */
#wrap {
	height: 100%;
	height: auto !important;
	min-height: 100%;
	width:780px;
	margin:0 auto -170px; /* tan alto como footer */
	/*background: url(src/fondo.jpg) 0 0 repeat-y;*/
	padding:0 10px;
}

.main {
	background: url(src/fondo_menu.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:720px;	
	height:444px; 
	color:#FF0000; 
	padding:156px 0 0 60px;
	margin:20px auto 0;	
}  /* must be same height as the footer */

.main2 {
	background: url(src/fondo_home.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:720px;	
	height:443px; 
	color:#FF0000; 
	padding:157px 0 0 60px;
	margin:20px auto 0;	
}  /* must be same height as the footer */

.main3 {
	background: url(src/fondo_home2.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:720px;	
	height:443px; 
	color:#FF0000; 
	padding:157px 0 0 60px;
	margin:20px auto 0;	
}  /* must be same height as the footer */

#losprotagonistas {
	background: url(src/fondo_losprotagonistas.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:720px;	
	height:50px; 
	color:#FF0000; 
	padding:550px 0 0 60px;
	margin:20px auto 0;	
}  /* must be same height as the footer */

#losprotagonistas a{
	color:#C0C0C0;
	text-decoration:none;
}
#losprotagonistas a:hover {
	text-decoration:underline;
}

#elcalendario {
	background: url(src/fondo_elcalendario.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:780px;	
	height:452px; 
	color:#FF0000; 
	padding:148px 0 0 0;
	margin:20px auto 0;	
}  /* must be same height as the footer */

#elcalendario a{
	color:#C0C0C0;
	text-decoration:none;
}
#elcalendario a:hover {
	text-decoration:underline;
}

#comosehizo {
	background: url(src/fondo_comosehizo.jpg) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:780px;	
	height:400px; 
	color:#FF0000; 
	padding:200px 0 0 0;
	margin:20px auto 0;	
}  /* must be same height as the footer */

#comosehizo a{
	color:#C0C0C0;
	text-decoration:none;
}
#comosehizo a:hover {
	text-decoration:underline;
}

#volver a{
	color:#C0C0C0;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	padding-left:60px;
}
#volver a:hover {
	text-decoration:underline;
}

#adquieretucalendario {
	background: url(src/fondo_adquieretucalendario.jpg) 0 0 no-repeat;
	width:780px;	
	height:600px; 
	color:#FF0000;
	padding:0;	
	margin:20px auto 0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
		
}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* cabecera--------------------------------------------------------- */
#header{
	width: 100%;
	height: 100px;
	background:#F0F0F0;
	border-bottom: 5px #FFFFFF solid;
}

/* pie de pagina---------------------------------------------------- */
#footer{
	width:780px;
	text-align:center;
	font-size:9px;			
	margin: 0 auto 20px;
	background-color:#000;
	color:#C0C0C0;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
}
/* avisos---------------------------------------------------- */
#avisos{
	width:780px;
	text-align:justify;
	font-size:9px;			
	margin: 0 auto 10px;
	background-color:#000;
	color:#C0C0C0;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
}

/* contenedor - entre cabecera y pie-------------------------------- */
.marco {
	width:720px;
	padding:120px 0 0 50px;
	min-height:430px;
	height:430px;
	font-size:11px;
	
}


/* menu lateral  ------------------------------------------------------------------------------*/

/* Globales----------------------------------------------------------------------------------------*/
.fright { float:right; }
.fleft { float:left; }
.clear { clear:both; overflow:hidden;  }
.clear0 { clear:both; overflow:hidden; width:0; height:0; line-height:0;  }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.tnormal { font-weight:normal; }
.tbold {font-weight:bold; }

.t10 { font-size:10px; }
.t11 { font-size:11px; }
.t12 { font-size:12px; }
.t13 { font-size:13px; }
.t14 { font-size:14px; }
.t15 { font-size:15px; }
.t16 { font-size:16px; }

.w50 { width:50px; }
.w100 { width:100px; }

.wp10 { width:10%; }
.wp15 { width:15%; }
.wp20 { width:20%; }
.wp25 { width:25%; }
.wp30 { width:30%; }
.wp35 { width:35%; }
.wp50 { width:50%; }
.wp75 { width:75%; }
.wp100 { width:100%; }

.wform { width:150px; }
.wformcombo { width:154px; }

.cblk { color:#000000; }
.cgre { color:#A0A0A0; }

.background_cgre { background-color:#F0F0F0; }

.bmar5 { margin-bottom:2px; }
.bmar20 { margin-bottom:20px; }

.rpad10 { padding-right:10px; }

/* formularios-------------------*/
form {
	margin:0;
	padding:0;
}
input{
	text-decoration: none;
	border:1px #CCC solid;
	width:100%;
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:1px;
	font-family:Verdana;
	background-color:#FFFFFF;
}

select  {
	text-decoration: none;
	border:1px #A0A0A0 solid;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana;
	color:#000;
}

.check  {
	text-decoration: none;
	border:none;
	width:15px;
	height:15px;
	color:#000;
	border:1px #A0A0A0 solid;
}

.radio  {
	text-decoration: none;
	border:none;
	width:15px;
	height:15px;
	color:#000;
}

textarea {	
	text-decoration: none;
	border:1px #A0A0A0 solid;
	width:100%;
	height:100%;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana;
	overflow:hidden;
	color:#000;
	padding:1px;
}

/* ------------- tablas ---------*/
.tabla { width:100%; }
.tabla a{
	color:#475b7e;
	text-decoration:none;
}
.tabla a:hover { text-decoration:underline; }

table { width:100%; }
th {
	border-bottom:1px #A0A0A0 solid;
	font-weight:bold;
	padding:5px 5px 2px;
	font-size:10px;
	background-color:#A0A0A0;
}

td {
	color:#000000;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	padding:2px 5px;
	border-bottom:1px #A0A0A0 solid;
	
}
/*------------------------------------------------------*/