BODY {
	text-align:center;
	margin:0px;
	padding:0px;
	/*line-height:1.0;*/
	background-color: black;
	background-image:url(../images/body_bkg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	padding:0px;
	margin:0px;
}
/*.clearfix {display: inline-block;} /* for IE/Mac */ */

DIV.main{
	min-width: 960px;
	text-align: center;
	position: relative;
}

DIV.mainSeccion{
    margin-top:-20px;
    
}

DIV.contenedor{
	width:960px;
	position: relative;
	margin: 0px auto;
	background-color: white;
	background-image:url(../images/content_bkg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	height: auto;
}


DIV.columna_left_index{
	background-image:url(../images/redcolumn_bkg_index.jpg);
	background-position:right top;
	background-repeat:repeat-y;
}

DIV.columna_left_sections{
	background-image:url(../images/redcolumn_bkg_sections.jpg);
	background-position:right top;
	background-repeat:repeat-y;
}

DIV.columna_left_index, DIV.columna_left_sections{
	position: relative;
	float: left;
	margin-bottom: 5px;
	margin-left: 10px;
	top: 0px;
	width: 725px;
	height: 100%;
	/*border: 1px solid black;*/
}

DIV.columna_right{
    position: relative;
    float: right;
    margin: 0 auto;
    margin-bottom: 5px;
    right: 0px;
    top: 5px;
	width: 220px;
    height: auto;
   	/*border: 1px solid black;*/
}

DIV.listado_left{
	width: 500px;
	position: relative;
	float: left;
	background-color:white;
	background-image:url(../images/content_bkg.gif);
	background-position:center top;
	background-repeat:repeat-x;
}

DIV.columna_middle{
	position: relative;
    float: right;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
	width: 200px;
	top: 0px;
	right: 0px;
    height: auto;
	background-image:url(../images/redcolumn_bkg.gif);
	background-position:top center;
	background-repeat:repeat-x; 
	color: #A0A0A0;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:5px;
	text-align:justify;
}

DIV.publicidad_right{
	/*border: 1px solid blue;*/
	position: relative;
	float: right;
	margin: 0px auto;
}


INPUT.input_common{
	width:60%;
	border:1px solid #B90000;
	font-family:Arial;
	color:#a8a8a8;
	font-size:12px;
	padding-left:5px;
}

INPUT.input_common_file{
	width:396px;
	border:1px solid #B90000;
	font-family:Arial;
	color:#a8a8a8;
	font-size:12px;
	padding-left:5px;
	background-color: white;
}

TEXTAREA.textarea_common{
	width:299px;
	height:204px;
	border:1px solid #B90000;
	font-family:Arial;
	color:#a8a8a8;
	font-size:12px;
	padding-left:5px;
        overflow: auto;
}

DIV.form_messages {
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding-top:10px;
	text-align:center;
	padding-bottom:10px;
}
SPAN.msgOk{
	color:#4CB050;
}
SPAN.msgError{
	color:#BA2C2B;
	padding-left:20px;
	background-image:url(../images/error_icon.gif);
	background-position:left center;
	background-repeat:no-repeat;	
}

DIV.volver_container_bottom, DIV.volver_container_top{
	font:18px Arial, Helvetica, sans-serif;
	top: 0px;
	position: relative;
	width: 100%;
	text-align: left;
	margin-top: 20px;
	height: 15px;
	margin-bottom: 15px;
}

DIV.volver_container_top{
	border-bottom: 1px solid #B90000;
	color: #bd0100;
	height: 26px;
}
DIV.volver_container_bottom{
	border-top: 1px solid #B90000;
}

DIV.volver_link{
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
}






DIV.copy {
	width:600px;
	height:20px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
}

DIV.btnContainer{
	position:relative;
	width:772px;
	height:122px;
}

DIV.btnContacto, DIV.btnSuscripcion {
	font:bold 12px Arial,Helvetica,sans-Serif;
	color:#000000;
	position:absolute;
	right:10px;
	height:25px;
	padding-top:5px;
	padding-left:20px;
}

DIV.btnContainer a{
	color:#000000;
	text-decoration:none;
}

DIV.btnContacto {
	top:5px;
	background-image:url(../images/mail_icon.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
}
DIV.btnSuscripcion {
	top:33px;
	background-image:url(../images/pencil_icon.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

DIV.calendarContainer {
	width:105px;
	background-image:url(../images/calendar_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:75px;
	text-align:center;
	vertical-align:top;
	padding-left:10px;
}

DIV.mes, DIV.dia, DIV.numero {
	padding-right:35px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial;
}

DIV.mes {
	font-size:14px;
	height:15px;
	padding-top:2px;
}

DIV.dia {
	font-size:10px;
	height:11px;
}

DIV.numero {
	font-size:30px;
}

DIV.titulo {
	padding-left:10px;
	padding-top:10px;
	width:335px;
	text-align: left;
	color:#b80000;
	font:18px Arial, Helvetica, sans-serif;
}
DIV.titulo A{
	font:18px Arial, Helvetica, sans-serif;
	color:#b80000;
	text-decoration:none;
}

DIV.titulo A:hover{
	text-decoration:underline;
}

SPAN.descripcion {
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

DIV.horario, DIV.lugar{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left top;
	width:320px;
}

DIV.introduccion, DIV.detalle, DIV.detalle a{
	font:12px Arial, Helvetica, sans-serif;
	text-align: justify;
}

DIV.introduccion{
	color:#000000;
	width:98%;
}

DIV.detalle{
	color:#666666;
	width:98%;
	margin-bottom: 10px;
}

DIV.detalle a{
	color: #b80000;
}


DIV.horario {
	background-image:url(../images/clock_icon.gif);
}

DIV.lugar {
	margin-top:5px;
	background-image:url(../images/house_icon.gif);
}

DIV.lineSeparator {
	border-bottom:1px solid #dfdfdf;
	border-top:1px solid #FFFFFF;
	width:553px;
	height:0px;
}
DIV.volver_evento_top{
	padding-top:0px;
	padding-bottom:6px;
	position:absolute;
	top:10px;
	right:0px;
}
* html DIV.volver_evento_top{
	right:10px;
}
DIV.volver_evento_bottom{
	padding-top:10px;
	padding-right:0px;
	position:relative;
	bottom:10px;
	right:0px;
}
* html DIV.volver_evento_bottom{
	bottom:45px;
	right:10px;
}


A.volver {
	background-image:url(../images/backbtn_bkg.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:80px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 5px;
	padding-left: 42px;
}

DIV.publishMiddle{
	background-color:#FFFFFF;
	height:60px;
	left:2px;
	padding-bottom:10px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:553px;
}

/**************************** Agenda Index *********************/

DIV.evento_left{
	position: absolute;
	top: 0px;
	width: 80px;
	height: 85px;
	left: 0px;
	padding-top: 5px;
}
DIV.evento_right{
	position: absolute;
	top: 0px;
	width: 185px;
	right: 0px;
}

DIV.img_agenda{
	margin-top: 10px;
	margin-bottom: 10px;
}

DIV.top_text_agenda{
	font:11px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

DIV.calendario_agenda{
	position: relative;
	text-align: center;
	height: 180px;
}

DIV.fecha_agenda{
	position: relative;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	color: #888888;
	text-align: center;
}

IMG.imagen_evento{
	border: 1px solid white;
}

DIV.evento_hora{
	position: absolute;
	width: 140px;
	height: 15px;
	right: 0px;
	top: 0px;
	background-color: #B80000;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-left: 5px;
	color: white;
}

DIV.titulo_evento A{
	position: absolute;
	width: 195px;
	height: 35px;
	right: 0px;
	top: 15px;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 0px;
	color: black;
	text-align: right;
}

DIV.ubicacion_evento{
	position: absolute;
	width: 195px;
	height: 50px;
	right: 0px;
	top: 50px;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 0px;
	color: black;
	text-align: right;
}

DIV.text_evento{
	border-top: 1px solid #B80000;
	font: 11px Arial, Helvetica, sans-serif;
	color: #A0A0A0;
}

DIV.no_evento{
	font: 13px Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
/**************************** Publicidades Derecha *********************/

TD.publicidades {
	padding-left:10px;
	text-align:center;
	vertical-align:top;
	width:212px;
}

DIV.publicidadContainer {
	width:212px;
	position:relative;
	height:auto;
}

/*DIV.publicidadTop {
	position:absolute;
	background-image:url(../images/banner200_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:212px;
	height:6px;
	top:0px;
}*/

DIV.publicidadBkg {
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	width:206px;
	background-image:url(../images/banner200_bkg.gif);
	background-repeat:repeat-y;
	padding-left:2px;
	height:auto;
}

/*DIV.publicidadBottom {
	position:absolute;
	background-image:url(../images/banner200_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:212px;
	height:6px;
	bottom:0px;
}*/

DIV.publicidadBig {
	/*background-image:url(../images/banner760_bkg.jpg);
	background-repeat:no-repeat;
	background-position:top center;*/
	background-color: white;
	width: 960px;
	/*height:98px;*/
	margin: 0 auto;
}

DIV.publicidadGran {
	width: 728px;
	height: 90px;
	margin-left: 5px;
}

DIV.publicidadMed {
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
/*--------------------------------------HEADER--------------------------------*/
DIV.header_container{
	position: relative;
	background-image:url(../images/header_bkg.gif);
	background-repeat: repeat-x;
	background-position:top center;
	width: 960px;
	height: 158px;
	margin: 0 auto;
}

DIV.header_container_banda{
	position: relative;
	background-image:url(../images/header_bkg.gif);
	background-repeat: repeat-x;
	background-position:top center;
	width: 960px;
	margin: 0 auto;
}

DIV.header_logo{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 600px;
	height: 110px;
	/*border: 1px solid red;*/
}

DIV.header_botonera{
	position: absolute;
	top: 110px;
	left: 10px;
	width: 600px;
	/*border: 1px solid red;*/
}

DIV.header_logo_banda{
	position: relative;
	top: 0px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}

DIV.logo_banda{
	background-color: white;
	width: 960px;
	margin: 0 auto;
}

DIV.header_botonera_banda{
	position: relative;
	left: 181px;
	/*border: 1px solid red;*/
}

DIV.header_image_search{
	position: absolute;
	top: 25px;
	right: 30px;
	width: 285px;
	height: 33px;
	/*border: 1px solid red;*/
}

DIV.header_input_search{
	position: absolute;
	top: 65px;
	right: 30px;
	width: 285px;
	height: 26px;
	/*border: 1px solid red;*/
}

DIV.div_input_search{
	position: absolute;
	left: 0px;
	*top: -1px !important;
	top: 0px;
}

DIV.div_btn_search{
	position: absolute;
	right: 0px;
	top: 0px !important;
	top: 1px;
}

INPUT.input_search{
	width: 192px;
	border: 1px solid #8c8c8c;
	font-family: Arial;
	color: #a8a8a8;
	font-size: 12px;
	padding: 4px 11px 5px 3px;
}

INPUT.enviar_search{
	width:93px;
	height:26px;
	background-image:url(../images/search_btn.gif);
	background-repeat:no-repeat;
	background-position:center;
	cursor: pointer;
	border:0px;
}
/*--------------------------------------MAILS--------------------------------*/

TD.mails_left{
	text-align:left;
	padding-left:135px;
}
TD.mails_right{
	text-align:right;
	padding-right:135px;
}
SPAN.titulo_lista{
	font: bold 12px Arial, Helvetica, sans-Serif;
	color:#000000;
}
DIV.listado_mails{
	width:495px;
	padding-left:5px;
	height:75px;
	border:1px solid #888888;
	overflow-x:auto;
	font: 12px Arial, Helvetica, sans-Serif;
	color:#000000;	
}
SPAN.campo_password{
	font: 12px Arial, Helvetica, sans-Serif;
	padding-right:70px;
}
SPAN.nombre_campos{
	font: 12px Arial, Helvetica, sans-Serif;
}
DIV.mailEnviar INPUT {
	width:100px;
	height:24px;
	border:0px;
	background-image:url(../images/suscbtn_bkg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font: 12px Arial, Helvetica, sans-Serif;
	color:#FFFFFF;
	text-align:left;
	padding-left:2px;
}
INPUT.mails{
	font: 12px Arial, Helvetica, sans-Serif;
	padding-left:5px;
}
/*-------------------------------------> FOOTER <----------------------------*/

DIV.footer{
	position: relative;
	*top: 0px !important;
	top: -3px;
	width: 960px;
	height: 47px;
	margin: 0 auto;
	background-color: white;
	background-image:url(../images/footer_bkg.gif);
	background-repeat:repeat-x;
	background-position:center;
}

DIV.logo_footer{
	position: absolute;
	top: 0px;
	left: 4px;
}

DIV.text_footer{
	position: absolute;
	font:11px Arial, Helvetica, sans-serif;
	color: white;
	top: 17px;
	left: 180px;
}

DIV.dokko_footer{
	position: absolute;
	top: 0px;
	right: 5px;
}
/*-------------------------------------> PAGINADOR EVENTOS <----------------------------*/

DIV.paginador_evento{
	width:100%;
	height:20px;
	position:relative;
	left:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

DIV.paginador_evento A{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #888888;
	text-decoration: none;
}

SPAN.actual_evento{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #B80000;
	text-decoration: none;
}

A.number_evento,A.number_evento:link,A.number_evento:visited,A.number_evento:selected{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #888888;
	text-decoration: none;
}

A.number_evento:hover{
	color: #780001;
	text-decoration: underline;
}

/*-------------------------------------> PAGINADOR NOTAS <----------------------------*/

DIV.paginador_notas{
	width:100%;
	height:20px;
	position:relative;
	left:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

DIV.paginador_notas A{
	font-family: Arial;
	font-size: 14px;
	color: #be0100;
	text-decoration: none;
}

SPAN.actual_notas{
	font-family: Arial;
	font-size: 14px;
	color: black;
	text-decoration: none;
}

A.number_notas,A.number_notas:link,A.number_notas:visited,A.number_notas:selected{
	font-family:Arial;
	font-size: 14px;
	color: #be0100;
	text-decoration: none;
}

A.number_notas:hover{
	color: red;
}


/*-------------------------------------> BOTONERA <----------------------------*/
DIV.botoneraHeader{
	position:relative;
	width:100%;
	height:39px;
}

DIV.eventos{
	position: absolute;
	width: 45px;
	height: 39px;
	top: 0px;
	left: 2px;
}

DIV.bandas{
	position: absolute;
	width: 132px;
	height: 39px;
	top: 0px;
	left: 73px;
}


DIV.publicar{
	position: absolute;
	width: 45px;
	height: 39px;
	top: 0px;
	left: 233px;
}

DIV.suscripcion{
	position: absolute;
	width: 87px;
	height: 39px;
	top: 0px;
	left: 383px;
}

DIV.contacto{
	position: absolute;
	width: 45px;
	height: 39px;
	top: 0px;
	left: 488px;
}

A.boton{
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

A.boton:hover{
	font-weight: bold;
}

A.botonUP{
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

