body 
{ 
    background-color:#DEF1F7; 
    padding-bottom:20px; 
    margin-bottom:20px; 
    margin-top:20px; 
    text-align:left; 
    font-family:"Trebuchet MS", "Arial", "Helvetica"; 
    font-size:12px; 
    color:#333; 
}

a { color:#333; }

#lienzo 
{
    width:780px; 
    border:solid 1px #CCC; 
    background-color:#FFF; 
    left:50%; 
    margin-left:-380px; 
    position:absolute; 
    padding-bottom:12px; 
    margin-bottom:20px;
}
#contenidoPrincipal 
{
    float:left; 
    margin-left:15px; 
    display:inline;
}
#contenidoPrincipalCalendario
{
    float:none; 
    position:relative;
    left:15px;
}
#footer 
{
    float:right; 
    width:400px; 
    text-align:center; 
}
#footerEsp 
{
    margin-top:20px; 
    float:left; 
    width:720px; 
}

/* ----HEADER---- */

#header 
{
    width:750px; 
    margin-left:15px; 
    height:95px; 
    margin-top:10px; 
    margin-bottom:7px; 
}
#logo 
{
    width:190px; 
    height:95px; 
    float:left; 
    margin-left:0px; 
}
#buscador 
{
    width:385px; 
    float:left; 
    margin-left:0px; 
    background-color:#8E2E49; 
    border:solid 5px #602537; 
    height:73px; 
    margin-top:5px; 
}
#buscTit 
{
    width:inherit; 
    border-top:solid 1px #E6E6E6; 
    margin-top:5px; 
    padding-top:10px; 
    padding-left:5px; 
    margin-bottom:7px; 
}
.buscTextField 
{
    height:25px; 
    margin-left:8px; 
    background-color:#FFF; 
    border:solid 1px #CCC; 
    width:260px; 
    float:left; 
    font-size:21px; 
    color:#602537; 
    padding:2px 0px 0px 3px; 
}
#banner 
{
    width:140px; 
    float:right; 
    height:83px; 
    margin-top:5px; 
    border-top:dashed 1px #CCC; 
    border-bottom:dashed 1px #CCC;
    margin-right:10px; 
}
	
/* ----COLUMNA IZQUIERDA---- */
	
#colIzq 
{
    width:173px; 
    float:left; 
    border-right:dashed 1px #CCC; 
    border-left:dashed 1px #CCC; 
}
#ciusuarios1 
{
    width:173px; 
    float:left; 
    background-color:#B25371; 
    padding:10px 0px 10px 0px; 
    margin-bottom:10px; 
}
#ciusuarios2 
{
    width:147px; 
    float:left; 
    border-top:solid 1px #E6E6E6; 
    border-bottom:solid 1px #FFF; 
    border-right:solid 1px #E6E6E6; 
    background-image:url(imagenes/back-usuarios.gif); 
    background-repeat:no-repeat; 
    background-position:left; 
    padding:7px 0px 7px 15px; 
} 
#ciInstituciones1 
{
    width:173px; 
    float:left; 
    background-color:#70BDCD; 
    padding:10px 0px 10px 0px; 
    margin-bottom:10px; 
}
#ciInstituciones2 
{
    width:147px; 
    float:left; 
    border-top:solid 1px #E6E6E6; 
    border-bottom:solid 1px #FFF; 
    border-right:solid 1px #E6E6E6; 
    background-image:url(imagenes/back-instituciones.gif); 
    background-repeat:no-repeat; 
    background-position:left; 
    padding:7px 0px 7px 15px; 
}

#ciNovedades 
{
    width:173px;
	height:98px;
    float:left; 
    background-image:url(imagenes/ciNovedades.jpg); 
    margin-bottom:10px; 
	cursor:pointer;
}

#ciEventos 
{
    width:163px; 
    margin-top:5px; 
    margin-left:5px; 
    margin-right:5px; 
    float:left; 
    float:expression('none'); 
}
/* barra de navegación de ver eventos por */
.ciTitulos { margin-bottom:7px; }
.ciCategorias { margin-left:5px; margin-bottom:15px; }
#ciBanner 
{
    width:153px; 
    margin-top:5px; 
    margin-left:10px; 
    margin-right:10px; 
    float:left; 
    float:expression('none'); 
    background-color:#000; 
}
/* ----COLUMNA DERECHA---- */
#colDer 
{
    width:140px; 
    float:left; 
    margin-left:20px; 
    margin-left:expression('10px'); 
    display:inline;
    .position:relative;
    .left:10px;
}
#Table1 tbody tr td select
{
    margin-top:-15px;
    }
.colDerBann 
{
    float:left; 
    margin-bottom:15px; 
}
/* ----COLUMNA CENTRAL---- */
#colCentral 
{
    width:395px; 
    float:left; 
}
#colCentral1 
{
    width:395px; 
    float:left; 
    background-color:#EDEDED; 
    margin-bottom:15px;   
}
/* ----HOME---- */
#Listado 
{
    width:395px; 
    float:left; 
    border-top:solid 2px #333; 
    padding-top:5px; 
    padding-left:10px; 
    margin-bottom:20px; 
    background-color:#EDE2AB; 
    border-bottom:solid 2px #333; 
    padding-bottom:15px; 
}
#eventoDestacado 
{
    width:405px; 
    float:left; 
    border-top:solid 4px #333; 
    padding-top:5px; 
    margin-bottom:20px; 
    background-color:#EDEDED; 
    border-bottom:solid 4px #333; 
    padding-bottom:5px;
	overflow:hidden;
}
#eventoDestModulo 
{
    float:left; 
    width:385px; 
    border-right:dashed 1px #CCC; 
    padding-right:7px; 
    padding-bottom:10px; 
}
#eventoDestTxt 
{
    float:left; 
    width:375px;
    margin-top:7px; 
    padding-left:7px;   
}
/* estilos del evento destacado de la home */
#eventoDestRecomn { width:140px; float:right; }
#eventosDestBotonera { float:right; width:385px; margin-top:-12px; }
#eventosDestBotVermas { position:absolute;  width:38px; right:21px; height:12px; }
#eventosDestBotRegistrarse { position:absolute; width:68px; right:172px; height:13px; border-left:solid 1px #666; padding-left:10px; }
.eventosDestBotRegistrarse1 { position:absolute; width:68px; right:172px; height:13px; border-left:solid 1px #666; padding-left:10px; }
#eventosDestBotMasinfo { position:absolute; width:68px; right:231px; height:13px; border-left:solid 1px #666; }
		
.eventosDestacados { width:385px; float:left; border-top:solid 1px #9C7783; padding-top:3px; margin-bottom:20px; display:inline; }
.eventDestTit { float:left; border-bottom: solid 1px #9C7783; border-top: solid 1px #9C7783; padding-top:3px; padding-bottom:3px; width:385px; margin-bottom:15px;display:inline; }
.eventoDest { width:385px; border-bottom:solid 1px #CCC; padding-bottom:7px; float:left; margin-bottom:10px; }
	.eventDestFoto { float:left; width:120px; }
	.eventoDestTxt2 { float:left; margin-left:10px; width:255px; }
	.eventoDestBoton { float:right; text-align:right; margin-top:10px; } 
	
	.eventProxTit { float:left; width:340px; }
	.eventProxBoton { float:right; margin-top:4px; }

#NroPag1 {width:380px; text-align:center; margin-bottom:15px;}	
#NroPag2 {width:380px; text-align:center; margin-bottom:15px;}	
/* ----DETALLE DEL EVENTO---- */

#DetalleDestacado { width:395px; float:left; border-top:solid 4px #333; padding-top:3px; margin-bottom:20px; }
#DetalleDestacado1 { width:395px; float:left; border-top:solid 1px #555; padding-top:3px; margin-bottom:20px; }

	#detalleFoto { width:170px; float:left; }
	#detalleFoto1 { width:70px; float:left; }
	#detalleFotoMarco { border:solid 1px #666; }
	#detalleCaract { width:200px; float:right;  margin-right:0px; margin-left:10px; }
	#detalleCaract1 { width:270px; float:right;   margin-right:10px; margin-left:20px;}
		#detalleTit { float:left; width:206px; margin-bottom:10px; margin-top:4px; line-height:12px;}
		.detalleInfo { float:left; width:198px; margin-bottom:4px; background-color:#D6CE9A; padding:4px; }
		#detalleBotonAgregar { float:left; width:204px; padding-top:6px; padding-bottom:6px; background-color:#8E2E49; border:solid 1px #602537; margin-top:15px; text-align:center; }
		.detalleBotonAgregar1 { float:left; width:204px; padding-top:6px; padding-bottom:6px; background-color:#8E2E49; border:solid 1px #602537; margin-top:15px; text-align:center; }
		#mensaje {text-align:center;}
.eventosTips { width:375px; border:solid 2px #8E2E49; padding:7px; margin-bottom:30px; float:left; }
	
#DetalleEventoRecom { width:150px; float:right; background-color:#EDEDED; padding-top:5px; border-top:solid 4px #333; border-bottom:solid 4px #333; margin-bottom:20px; }
	#DetalleEventoVermas { float:right; width:38px; margin-right:2px; height:12px; display:inherit; }
/*Lista de Imagenes*/
.scrollablelist	{ background-color:White; }
		
/* ----LIBROS RECOMENDADOS---- */
#recomendTit { width:140px; padding-bottom:5px;  border-bottom:solid 4px #333; margin-bottom:15px; }
.BorderDashed { border-bottom:dashed 0px black; border-top:dashed 0px black; width:385px;}

.recomendMod { width:135px; margin-right:5px; border-bottom:solid 1px #CCC; padding-bottom:4px; margin-bottom:10px; float:left; float:expression('none'); }
.recomendComprar { float:right; text-align:right; margin:7px 0px 3px 0px; }
.Lugar {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 10px 10px 0px; width:345px;}
.ColDat {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 5px 10px 0px; width:160px;}
.TitDesc {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 5px 10px 0px; width:345px; height:220px; background-color:White;}
.PhPicker {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 5px 10px 0px; width:345px; }
.TimeC {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 5px 10px 0px; width:345px; }
.Otros {float:left; border:dashed 1px #CCC; padding:10px 10px 10px 10px; margin:10px 5px 10px 0px; width:345px;}
/* ----FUENTES---- */

.Ftitulo1 { font-size:12px; font-weight:bold; }
a.Ftitulo1 { font-size:12px; font-weight:bold; color:#333; }
a.Ftitulo1:hover { text-decoration:underline; color:#000; }

.Ftitulo2 { font-size:12px; font-weight:bold; color:#602537; line-height:15px;  line-height:expression('14px');  text-transform:uppercase; }
.Ftitulo3 { font-size:36px; font-weight:bold; color:#602537; line-height:80px;text-align:center; }
.Ftitulo4 { font-size:10px; font-weight:bold; color:#602537; line-height:10px;  text-transform: capitalize ; }
.Ftitulo5 { font-size:24px; font-weight:bold; color:#602537; line-height:35px; margin: 20px 0px 15px  25px; text-align:left; }
.Ftitulo6 { font-size:18px; font-weight:bold; color:#602537; line-height:25px; line-height:expression('25px'); }
.Ftitulo7 { font-size:10px; font-weight:bold; color:#602537; line-height:14px; line-height:expression('14px'); text-transform:capitalize; }
.Ftitulo8 { font-size:11px; font-weight:bold; color:#602537; line-height:14px;  line-height:expression('14px');  }

.Fbold { font-weight:bold; color:#000; }

a.Fmenu { color:#000; text-decoration:underline; line-height:13px; font-size:13px; }
a.Fmenu:hover { color:#FFF; text-decoration:underline;  }

a.Fcategorias { color:#666; text-decoration:underline; line-height:15px; font-size:12px; }
a.Fcategorias:hover { color:#000; text-decoration:underline;  }

a.Fautor { color:#000; text-decoration:none; font-size:11px; }
a.Fautor:hover { color:#000; text-decoration:underline;  }

/************************************************************************
* 
* estilos tomados del CLUBSITE y usados en EVENTOS
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    background: url(images/background_button_small.gif) repeat-x;
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-ovr
{
    text-decoration: underline;
    background: url(images/background_button_small-ovr.gif) repeat-x;
}

/* shows a visual seperation */
.separador
{
	float:left;
    border-bottom: 1px dashed gray ;
    margin-top: 3px;
    margin-bottom: 3px;
    width:140px;
}

.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
.linelisa
{
    border-bottom: solid 1px black;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}


.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
	text-align:center; 
	padding-left:5px;
	margin-bottom:15px;
	margin-top:15px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
	text-align:center; 
	margin-bottom:15px;
	margin-top:15px;
}

.PageNumbers span
{
    padding-left: 3px;
	text-align:center; 
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 1px;    
}

.picture
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;
    margin: 5px;  
}

.selected, .unselected
{
    width: 80px;
    height: 100px;
    text-align: center	;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: transparent;
    border: solid 1px #FEFFAB;
}

.selected
{
     background: #FED36B;
     border: solid 1px #DBDB79;
}



/* label column */
.formlabel
{
	width: 150px;
	text-align:right;
	vertical-align: top;
}

/* Command buttons on pages */
.actionbuttons
{
  text-align: right;
  position:relative;  
  color: white;
  padding: 1px 1px 1px 1px;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}


/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/
#Evento 
{ 
	padding: 1px; 
	color:Black;
	font-size:smaller;
	width:72px; 
	overflow:hidden; 
}
/* Surrounds the calendar */
.eventmonth
{
	border: 1px solid #DBDB79;
	width: 544px;
	margin-right: 0px;
	margin-left: 145px;
	background: url(images/background_fullwidth.jpg) #feffab;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 540px;
    margin-right: 0px;
    margin-left: 0;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    clear: none;
    padding: 2px;
    font-family:Courier New ;
    font-size:small;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #B25371;
    color:White;
}
.calcurrentday
{
    background-color: #70BDCD;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #CCC;
    height: 65px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

/************************************************************************
* 
* Login Classes Format
*
************************************************************************/
.login_Body
{
    float:left;
    width:220px; 
    margin:20px 20px 20px 20px;   
    }
.login_DivStyle
{
    float:left;
    width:210px; 
    margin:5px 20px 5px 20px;
    }
.login_emailStyle
{
    
    }
.login_txtBoxStyle
{
    font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 13px;
	color: #616161;
	text-decoration: none;
	border: 1px solid #7f9db9;
	height:15px;
    }
.login_passwordStyle
{

    }
.btn_login_Click
{
    
    }
    
.login_Title
{
     float:left;
     width:200px;
     font-size:16px; 
     font-weight:bold; 
     color:#602537; 
     line-height:18px; 
     margin: 5px 5px 5px 0px; 
     text-align:center;
    }
.login_Message
{
    text-align:center;
    font-size:10px;
    width:200px; float:left; 
    border-top:solid 2px #333; 
    padding-top:3px; 
    margin:5px 5px 5px 20px;
    }
.login_Button
{
    float:right;
    text-align: right;
    position:relative;  
    color: white;
    padding: 1px 1px 1px 1px;
    margin:15px 10px 5px 0px;    
    }