/* CSS Document */


/*///////////////////////////////////////////////////////////////////////////////////// Listado y Detalles*/
#contentEvents {
	float: left;
	width: 740px;
}
#contentEvents h1 {
	color: #FFFFFF;
	font-size: 16px;
	padding: 6px 10px 5px 10px;
	border-bottom: solid 1px #FFFFFF;
	letter-spacing: 2px;
	margin: 0 0 20px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////// Listado*/


.note {
	margin: 10px;
	font-size: 13px;
	color: #fff;
	text-align: center;
}


#eventsMonth { float: right; width: 520px; }
#eventsMonth h3 { color: #E57409; font-size: 14px;	padding: 6px 10px 5px 10px; border-bottom: solid 1px #fff; letter-spacing: 2px; }
#eventsMonth .box {	padding: 10px 0 0 0;	background-color: #080808; border: solid 1px #292929; margin-bottom: 15px; }
#eventsMonth .post { padding: 15px 15px 15px 20px; }
#eventsMonth .info { float: right; width: 330px; }
#eventsMonth .info a { color: #E57409; }
#eventsMonth .name { font-size: 13px; font-weight: bold; margin: 2px 0 5px 0; background: url(../images/flecha4.gif) no-repeat; padding: 0 0 0 20px; }
#eventsMonth .details { font-size: 12px; background: url(../images/flecha.gif) no-repeat; margin-left: 5px; padding: 0 0 4px 15px; }
#eventsMonth .address { color:#999999; font-size: 11px; padding: 0; }
#eventsMonth .text { font-size: 12px; padding: 10px; }

#eventsMonth .logo {
	position: relative;
	float: left;
}
#eventsMonth .logo img {
	border: solid 1px #666;
}
#eventsMonth .logo span {
	width: 126px;
	height: 40px;
	display: block;
	position: absolute;
	top: -12px;
	left: -15px;
	background: url(../images/listaAcceso.png) no-repeat;
	z-index:100;
}

#cal {
	font-size:12px; 
	color:#000000;
	margin-bottom: 15px;
}

#eventsDay {
	float:left;
	width: 200px;
}
#eventsDay .post {
	margin: 15px;
	font-size: 13px;
	padding-bottom: 10px;
	border-bottom: dotted #999999 1px;
	color: #FFFFFF;
}
#eventsDay .post a{
	color: #E57409;
}
#eventsDay img {
	width: 120px;
	border: solid 1px #FFFFFF;
	margin: 10px 0 0 20px;
}
#eventsDay .name {
	font-size: 13px;
	font-weight: bold;
	margin: 7px 0 5px 0;
	background: url(../images/flecha4.gif) no-repeat;
	padding-left: 20px;
}
#eventsDay .details {
	font-size: 13px;
	background: url(../images/flecha.gif) no-repeat;
	margin-left: 5px;
	padding-left: 15px;
}

.element {
	background:#FFFFFF;	
	color: #000000;
	padding: 5px;
} 
.element p {
	margin: 0;
	padding: 5px;
} 


/*///////////////////////////////////////////////////////////////////////////////////// Detalles*/
#contentEventA {
	float: left;
	width: 300px;
}

#contentEventB {
	float: right;
	width: 420px;
}

#flayer {
	float: left;
	width: 300px;
	background-image: url(../images/sidebarFoot.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	padding-bottom: 65px;
}
#flayer h2 {
	color: #000000;
	font-size: 16px;
	background-image: url(../images/sidebarTitle.jpg);
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	height: 26px;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: 2px;
	margin-bottom: 8px;
	text-align: left;
}

#contentEventC { text-align:justify; }
#contentEventC.widthPhotos { width:570px; }

#contentEvents .name {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 7px 0;
	background: url(../images/flecha4.gif) no-repeat;
	padding-left: 20px;
	color: #E57409;
}
#contentEventA a,
#contentEventB a,
#contentEventC a{
	color: #E57409;
}
#contentEventA p,
#contentEventB p,
#contentEventC p {
	font-size: 13px;
	background: url(../images/flecha.gif) no-repeat;
	margin-left: 5px;
	padding-left: 15px;
}
#contentEventA strong,
#contentEventB strong,
#contentEventA b,
#contentEventB b,
#contentEventC strong,
#contentEventC b {
	color: #E57409;
}
#contentEventA .text p,
#contentEventB .text p,
#contentEventC .text p{
	padding-bottom: 10px;
}

#info {	
	text-align: justify;
	font-size: 13px;
}

#nextEvents {
	font-size: 13px;
}
#nextEvents .post {	
	color: #FFFFFF;
	width: 180px;
	padding-right:5px;
	float: left;
}
#nextEvents .post a {
	color: #E57409;
}
#nextEvents img {
	width: 120px;
	border: solid 1px #FFFFFF;
	margin: 10px 0 0 20px;
}
#nextEvents .name {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	background: url(../images/flecha4.gif) no-repeat;
	padding-left: 20px;
	text-align:left;
}
#nextEvents .details {
	font-size: 13px;
	background: url(../images/flecha.gif) no-repeat;
	margin-left: 5px;
	padding-left: 15px;
}
#nextEvents .note {
	text-align: right;
	padding-bottom: 100px;
}

#contentEventsAlbum { float:right; width:150px; }
#contentEventsAlbum .thumbs {list-style:none;}
#contentEventsAlbum .thumbs li{ margin:0 0 10px 10px; text-align:center;}
#contentEventsAlbum .thumbs img{border:#aaaaaa solid 1px; width:110px;}


/*///////////////////////////////////////////////////////////////////////////////////// Fotos*/

#infoEvent {
	float: left;
	width: 300px;
	background: url(../images/sidebarFoot.jpg) #FFFFFF no-repeat bottom;
	padding-bottom: 65px;
	text-align: center;
}
#infoEvent h2 {
	color: #000000;
	font-size: 16px;
	background-image: url(../images/sidebarTitle.jpg);
	padding: 6px 10px 0 10px;
	height: 26px;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: 2px;
	text-align: left;
}
#infoEvent .name {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 7px 0 5px 7px;
	background: url(../images/flecha4.gif) no-repeat;
	padding-left: 20px;
	text-align: left;
}



#readMe {
	float: right;
	width: 420px;
}