/* CSS Document */
body { background-color:#000000; margin:0; padding:0; font:11px/14px Arial, Helvetica, sans-serif;} 

#wrapper { margin:5px 2px 0 2px; width:779px; height:623px; background: url(../imagenes/Fdo.jpg) top no-repeat; }

#top { background: url(../imagenes/logoCombate.gif) left no-repeat; width:779px; height:140px; position:relative; float:left; border:0;}
#top .banner { width: 468px; height:60px; float:right; margin:12px 12px; }
#top .extra { background: url(../imagenes/flash.gif) left no-repeat; width:576px; height:26px; float:right; position:absolute; top:80px; left:192px; padding-top:14px; padding-left:6px }


#content { background: url(../imagenes/FdoImg01.jpg) bottom right  no-repeat; width:779px; height:483px; float:left; }

#content .menu { width:159px; height:385px; float:left;}
.menuFdo { background: url(../imagenes/FdoMenu.jpg) top right no-repeat; margin-top:0px; padding-top:27px; width:159px; height:385px;}
#content .home {  width:421px; height:483px; position:absolute; top:145px; left:191px; }
#content .encuesta { background: url(../imagenes/encuestaFdo.jpg) top left no-repeat; width:148px; height:211px; float:right; }


.titulo { font:bold 13px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; text-decoration:none; border:0px}
.fecha { font:bold 12px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; text-decoration:none; border:0px}
.subtitulo { font:bold 12px Arial; color:#FFFFFF; text-align:left; padding-left:12px}
.repite { color:#F5E316; text-decoration:none; border:0px}
.amarillo { color:#F5E316; text-decoration:none; border:0px}
.parrafo { font:13px Arial; color:#FFFFFF; text-align:left; padding: 5px 7px 7px 12px; text-decoration:none}
.parrafoChico { font:10px Arial; color:#FFFFFF; text-align:left; padding: 5px 7px 10px 12px;}
.firma { font:10px Arial; color:#FFFFFF; text-align:left; padding: 3px 0px 0px 12px; }

/* Home */
.destacado { width:421px; height:267px; text-align:center; background-color: #676767;}
.destacadoFecha { background:url(../imagenes/tituloHome.jpg) top no-repeat #676767; width:411px; height:23px; font:bold 12px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; padding:5px 0px 0px 10px}
.destacadoTextos { background:url(../imagenes/homeDestacado.jpg) top left no-repeat; width:411px; height:auto; padding: 7px 0px 0px 10px; text-decoration:none}
.fotoGde { border:1px solid #ffffff; width:413px; height:234px;}

/* Agenda */
.agendaDestacado { background:url(../imagenes/agenda.jpg) top center no-repeat; width:421px; height:83px; padding:38px 0px 0px 10px;}
.agendaFecha { width:411px; height:15px; font:bold 12px Arial; text-transform:uppercase; color:#FFFFFF; padding:0px 0px 0px 10px}
.agendaTitulo { font:500 16px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; height:42px; vertical-align:middle}
.agendaTitulo2 { font:500 16px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; height:25px; vertical-align:middle}
.agendaTitulo .boxeador01 { width:180px; float:left; text-align:right; vertical-align:middle; }
.agendaTitulo .boxeador02 { width:190px; float:right; text-align:left; vertical-align:middle; }
.agenda { width:421px; height:80px; }

/* Notas */ 
.notaDestacado  { width:397px; height:auto; padding-bottom:3px; background:url(../imagenes/notasDestacadas.jpg) bottom left repeat-x; margin-bottom:3px; text-decoration:none}
.notaTitulo { background:url(../imagenes/destacadoBorde.jpg) top left no-repeat; width:385px; height:auto; background-color:#2D2D2D; padding:3px 5px 2px 10px}

.notaFoto { width:96px; height:110px; float:right; margin:5px 5px 5px 0px; padding:0px}
.notaTituloDestacado { font:500 16px Arial; text-transform:uppercase; color:#FFFFFF; text-align:left; height:auto; background:url(../imagenes/notasDestacadas.jpg) bottom left repeat-x; margin-bottom:5px; padding-bottom:5px;}
.fotoChica { border:1px solid #ffffff; width:74px; height:75px; float:right; margin-left:20px}
.texto { font:12px Arial; color:#FFFFFF; text-align:left; padding: 5px 7px 10px 12px;}
.copete {font:bold 11px Arial; color:#FFFFFF; text-align:left; padding: 5px 0px 10px 12px; height:60px}
.volanta { font:bold 11px Arial; text-transform:uppercase; color:#F5E316; text-align:left; text-decoration:none; border:0px; padding:0 0 3px 22px; height:auto; }

#content .notas {  width:421px; height:380px; position:absolute; top:148px; left:188px; overflow:auto;
scrollbar-face-color:#000000; 
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#F5E316;
scrollbar-track-color:#000000; }

#content .notaTextos {  width:421px; height:255px; margin-top:7px; overflow:auto;
scrollbar-face-color:#000000; 
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#F5E316;
scrollbar-track-color:#000000; }

.copetePrensa {font:bold 11px Arial; color:#FFFFFF; text-align:left; padding: 5px 5px 10px 12px; height:auto; width:auto }
#content .prensaTextos {  width:401px; margin-top:7px; }

/* Resultados */
.resultados { width:397px; height:auto; }
.resultadosTitulo { width:385px; height:15px; font:bold 12px Arial; text-transform:uppercase; color:#FFFFFF; padding:0px 0px 0px 10px}

/* Concursos */ 
.concursosFoto { float:left; margin:8px 10px 10px 12px; border:1px solid #ffffff; }
#content .concursosTextos {  width:421px; height:343px; margin-top:7px; overflow:auto;
scrollbar-face-color:#000000; 
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#333333;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#F5E316;
scrollbar-track-color:#000000; }
#content .concursosArchivo {  width:411px; height:343px; margin-top:7px;}

/* Videos */
#videos { width:360px; height:288px; background-position:center}


.espacio1, .espacio2, .espacio3, .espacio5, .espacio7, .espacio10, .espacio14, .espacio15, .espacio20, .espacio25, .espacio30 {clear:both;border:0px;margin:0px;padding:0px;}
.espacio1 {height:1px;line-height:1px;}
.espacio2 {height:2px;line-height:2px;}
.espacio3 {height:3px;line-height:3px;}
.espacio5 {height:5px;line-height:5px;}
.espacio7 {height:7px;line-height:7px;}
.espacio10 {height:10px;line-height:10px;}
.espacio14 {height:14px;line-height:14px;}
.espacio15 {height:15px;line-height:15px;}
.espacio20 {height:20px;line-height:20px;}
.espacio25 {height:25px;line-height:25px;}
.espacio30 {height:30px;line-height:30px;}


/* Form */
.formContenedor {margin-top:12px; width:385px; text-align:right; float:left }
.form {font-family:Arial;font-size:11px;color:#333333; margin-left:10px; height:16px; width:225px; float:right; background-color:#fff; border:1px solid #333;}
.formSeleccion {font-family:Arial;font-size:11px;color:#F5E316; margin-left:10px; height:20px; width:225px; float:right; background-color:#000000; border:1px solid #333; }
.enviar { font-family:Arial;font-size:10px;color:#F5E316; margin-left:10px; height:23px; width:50px; background-color:#000000; border:1px solid #333; text-align:center; padding: 3px; text-transform:uppercase; }



/*FORM*/	
 
/*MANEJA LOS LABELS de campos
.form fieldset { border:none; padding-top:20px; padding-left:5px;}
.form label { float:left; padding:5px;}
.form br { clear:left;}*/

.form .esp{ font:bold 11px Tahoma, Arial; color:#000; margin-top:0;}
.form  .no { border-bottom:none;}
.form  .no1 { border-bottom:none; font:10px Tahoma, Arial; color:#42B5F0;}
/*MANEJA LOS INPUTS
.form .inputLargo {
	width:260px;
	height:13px;
	background-color:#000000;
	border:1px solid #333;
	margin-top:0px;
	float: right;
	font: 10px verdana, arial;
} 
.form .inputLargo-nofloat {
	width:200px;
	height:17px;
	background-color:#fff;
	border:1px solid #333;
	margin-top:5px;
	font: 10px tahoma, arial;
} */

.form .btnEnviar { background:url(../imagenes/btnEnviar.jpg) top left no-repeat; border:none; width:101px; height:20px;}

.form .btn {
	float:left;
}
.form .buttons {
	width:200px;
	float:right;
	font:normal 11px Tahoma, Arial;
	height: 25px;
	padding-top: 5px;
	}
.form .contbuttons {
	width:200px;
	float:right;
	padding-top: 3px;
}

.form .areatexto {
	float:right;
	width:200px;
	height: 150px;
	font: 10px tahoma, arial;
}
.form .mensaje {
   width:100px;
 }
 
input#enviar { border:none; background: url(../imagenes/btn_enviar.gif) no-repeat; width:75px; height:17px; cursor:pointer; margin-top:10px;}
input#desuscribir { border:none; background: url(../imagenes/btn_desuscribir.gif) no-repeat; width:90px; height:17px; cursor:pointer; margin-top:10px;}