@import url("default.css");
@import url("horitzontal.css");

.content{
	height:730px;
	overflow:hidden;
	}

/***********
	left
************/
.container .left{
	height:730px;
	display:block;
	}

/************
	right
*************/
.container .right{
	width:210px;
	background-color:#f1f6f9;
	float:right;
	padding-top:40px;
	height:730px;
	display:block;
	}
* html .container .right{
	height:735px;
	}
.right .destacat a{
	display:block;
	padding:5px;
	text-transform:uppercase;
	background-color:#dae8ec;
	margin-bottom:12px;
	text-align:right;
	padding-bottom:10px;
	}
.right .destacat img{
	margin:0px 1px 0px 0px;
	}
.right .destacat a:hover{
	background-color:#c91b75;
	}
.right .destacat a:hover span{
	color:#ffffff;
	}
.right .destacat span{
	color:#526166;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:5px 8px 0px 8px;
	display:block;
	}
.right .destacat span.red{
	color:#c3195f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.2em;
	margin-top:3px;
	display:block;
	}
.right .boletin {
	background:url(img/bg_boletin.jpg) 0 0 no-repeat;
	margin:0px 0px 17px 0px;
	}
.right .boletin a{
	padding:85px 0px 15px 12px;
	display:block;
	}
.right .boletin span{
	color:#526166;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform:uppercase;
	}
.right .encuesta{
	clear:both;
	display:block;
	background-color:#333333;
	background-image:url(img/bg_encuesta.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#dae8eb;
	padding-top:40px;
	overflow:hidden;
	line-height:1.45em;
	}
* html .right .encuesta{
	height:1%;
	overflow:visible;
	}
.right .encuesta p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#395158;
	margin:0px 15px 12px 18px;
	}
/*
* html .right .encuesta p{
	margin-left:18px;
	}*/
.right .encuesta .row{
	display:block;
	clear:both;
	padding:0px 15px 10px 18px;
	overflow:hidden;
	color:#526166;
	}
* html .right .encuesta .row{
	margin-bottom:10px;
	}
.right .encuesta .row input{
	margin-bottom:-3px;
	float:left;
	}
* html .right .encuesta .row input{
	margin:-4px 0px 0px 0px;
	}
*+html .right .encuesta .row input{
	margin:-3px 0px 0px 0px;
	}
.right .encuesta label{
	display:block;
	width:150px;
	float:left;
	margin:0px 0px 0px 8px;
	}
* html .right .encuesta label{
	width:145px;
	}
*+html .right .encuesta label{
	width:155px;
	}
.right .encuesta input{
	float:left;
	margin-left:1px;
	}
.right .encuesta form{
	display:block;
	font-size:1.1em;
	line-height:1.2em;
	}
.right .encuesta .buttons{
	clear:both;
	}
* html .right .encuesta .buttons{
	padding-top:10px;
	}

/*******************
	LIRICA
********************/
.lirica{
	background:url(img/bg_lirica.jpg) 0 0 no-repeat;
	width:268px;
	float:left;
	height:419px;
	overflow:hidden;
	display:block;
	padding-top:60px;
	}
/*****************
	desplegables
******************/
.desplegable, .desplegat{
	margin-bottom:6px;
	}
* html .desplegable,
* html .desplegat{
	margin:0px;
	}
.desplegable h3,
.desplegat h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	color:#545454;
	height:23px;
	}
.desplegable h3 a,
.desplegat h3 a{
	padding:4px 0px 8px 15px;
	margin:0px 0px 8px 12px;
	display:block;
	width:240px;
	}
.desplegable h3 a{
	background:url(img/bg_desplegable.gif) 0 0 no-repeat;
	color:#545454;
	}
.calendar h3 a{
	background:url(img/bg_desplegable_cal.gif) 0 0 no-repeat;
}
.desplegable h3 a:hover{
	color:#ffffff;
	background:url(img/bg_desplegable_hover.gif) 0 0 no-repeat;
	}
.desplegat h3 a,
.desplegat h3 a:hover{
	color:#ffffff;
	background-image:url(img/bg_desplegable_desplegat.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
* html .desplegat h3{
	overflow:hidden;
	}

/****************
	EVENT
****************/
.desplegat .event{
	background: #fff url(img/bg_desplegable_desplegat_top.gif) 0 0 no-repeat;
	color: #545454;
	font-size: 1.1em;
	line-height: 1.3;
	margin:5px 0 15px 12px;
	padding-top: 5px;
   width: 240px;
}
.desplegat .event ul{
	background: url(img/bg_desplegable_desplegat_bot.gif) 0 bottom no-repeat;
	padding: 0 15px;
}
.desplegat .event ul li{
	padding-bottom: 9px;
}
.desplegat .event ul .title{
	font-weight: bold;
}

/****************
	CALENDAR
****************/
.calendar h3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:1.2em;
	padding-top:2px;
	}
.calendar .info{
	background:url(img/bg_calendar.gif) 9px 0 no-repeat;
	margin-top:10px;
	height:110px;
	display:block;
	overflow:hidden;
	}
.calendar .info{
	margin:0px;
	}
* html .calendar .info{
	margin-bottom:5px;
	}
.calendar .info table{
	margin:0 auto;
	color:#999999;
	text-align:center;
	margin:10px auto 0 auto;
	font-size:1.1em;
	}
.calendar .info table caption{
	display:none;
	}
.calendar .info table td{
	width:21px;
	height:12px;
	}
.calendar .info table td a{
	color:#393939;
	width:21px;
	height:12px;
	display:block;
	}
.calendar .info table td.selected{
	background-color:#c8e9f3;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	}
.calendar .info table td.selected a:hover{
	background-color:#c8e9f3;
	color:#393939;
	}
.calendar .info table a:hover{
	background-color: #c41f62;
	color:#ffffff;
	}
/*******************
	buscador
********************/
.buscador{
	clear:both;
	background:url(img/bg_buscador.gif) 18px 7px no-repeat;
	padding:35px 0px 0px 18px;
	}
.buscador .text{
	background-color:#c5e2eb;
	width:234px;
	border:none;
	}
.buscador .row{
	clear:both;
	margin-top:4px;
	display:block;
	}
.buscador #radio{
	margin-bottom:-3px;
	}
.buscador .row label{
	color:#ffffff;
	font-size:1.1em;
	}
.buscador .button{
	margin:14px 0px 0px 56px;
	}
/********************
	center
*********************/
.center{
	width:404px;
	float:right;
	background:url(img/bg_center.jpg) 0 0 no-repeat;
	display:block;
	overflow:hidden;
	padding:25px 0px 0px 0px;
	}

/*********************
	comillas, element
**********************/
.center .comillas,
.center .element{
	clear:both;
	float:right;
	color:#526166;
	display:block;
	overflow:hidden;
	margin-bottom:14px;
	}
*+html .center .comillas,
*+html .center .element{
	margin-bottom:19px;
	}
* html .center .comillas,
* html .center .element{
	margin-bottom:19px;
	}
.center .comillas{
	background:url(img/bg_comillas.gif)  -2px bottom no-repeat;
	width:100%;
	height:213px;
	}
.center .element{
	background:url(img/bg_element.jpg)  -2px bottom no-repeat;
	height:166px;
	width:100%;
	}
* html .center .element{
	height:161px;
	}
*+html .center .element{
	height:161px;
	}
	
.center .comillas img,
.center .element img{
	float:left;
	}
.center .element img{
	margin-top:5px;
	}
* html .center .element img{
	margin-top:0px;
	}
*+html .center .element img{
	margin-top:0px;
	}
.center .comillas .comillasRight,
.center .element .elementRight{
	float:right;
	text-align:right;
	margin-right:20px;
	}
* html .center .element .elementRight{
	margin-right:10px;
	}
.center .comillas .comillasRight{
	width:198px;
	}
.center .element .elementRight{
	width:230px;
	}
.center .comillas p,
.center .element p{
	clear:both;
	font-size:1.1em;
	}
.center .comillas p.name,
.center .element p.name{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:2px;
	}
.center .comillas .comillasRight h2,
.center .element .elementRight h2{
	display:block;
	}
.center .comillas .comillasRight h2 img,
.center .element .elementRight h2 img{
	float:right;
	}
.center .comillas .comillasRight a,
.center .element .elementRight a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.85em;
	margin-bottom:5px;
	}
.center .comillas .comillasRight a{
	padding-top:5px;
	line-height:1.15em;
	}
/***************
	ASOCIADO
****************/
.asociado{
	background-color:#dae8ec;
	padding:24px 0px 0px 12px;
	color:#ffffff;
	height:140px;
	overflow:hidden;
	}
.asociado .text{
	float:right;
	position:relative;
	top:-98px;
	margin-right:33px;
	width:250px;
	text-align:right;
	}
* html .asociado .text{
	margin-right:18px;
	}
.asociado p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:12px;
	}
.asociado a, .asociado a:hover{
	color:#ffffff;
	font-size:1.1em;
	}
.asociado a:hover{
	text-decoration:underline;
	}