/* CSS Document */
body
{
	background-color:#C8C8C8;
}

#logo
{
	float:left;
}

#table_wrapper
{
	width:800px;
	top:5px;
	background:#FFFFFF;
	border:medium;
	height:100%;
}

/*  TOP RIGHT */

#top_right
{
	float:right;
	font:11px 'Lucida Sans Unicode';
	margin-right:10px;
	margin-top:5px;
	text-align:right;
}
#top_right .idiomes
{
	color:#00A65E;
	text-transform:uppercase;
}
#top_right .selected
{
	color:#7AD0AB;
}
#top_right .idiomes a
{
	color:#00A65E;
	text-decoration:none;
}
#top_right .idiomes a:hover
{
	color:#000000;
}
#top_right .date
{
	color:#AAAAAA;
	text-transform:lowercase;
}
#top_right .contacto
{
	position:relative;
	font:11px 'Lucida Sans Unicode';
	margin:35px 10px 0px 0px;
	padding-left:80px;
	text-transform:uppercase;
	text-align:left;
}
#top_right .contacto a
{
	color:#7F7F7F;
	display:list-item;
	text-decoration:none;
}
#top_right .contacto a:hover
{
	color:#000000;
}

/* TOP MENU */

#topmenu
{
	position:relative;
	float:left;
	top:5px;
	height:44px;
	width:778px;
	margin-left:10px;
	background-color:#EFEFEF;
	z-index:10;
}
#topmenu .item a
{
	float:right;
	height:16px;
	font:12px "Trebuchet MS";
	text-transform:uppercase;
	color:#58444F;
	border-right:1px solid #B8B8B8;
	text-align:center;
	padding:4px 6px 0px 6px;
	text-decoration:none;
}
#topmenu .last_item
{
	float:right;
		padding:5px 6px 0px 6px;
}
#topmenu .last_item a
{
	/*height:16px;*/
	font:12px "Trebuchet MS";
	text-transform:uppercase;
	color:#58444F;
	text-align:center;

	text-decoration:none;
}
#topmenu .item a:hover, #topmenu .last_item a:hover
{
	color:#00A65E;
}

/* ÀREA CENTRAL */

#area
{
	position:relative;
	float:left;
	width:565px;
	margin:10px 0px 20px 10px;
	background-color:#FFFFFF;
}
#area .header
{
	position:relative;
	top:0px;
	width:555px;
	height:20px;
	background-color:#00A65E;
	text-align:right;
	text-transform:uppercase;
	color:#FFFFFF;
	font:13px 'Lucida Sans Unicode';
	padding:10px 5px 0px 0px;	
}
#area .subcateg
{
	margin-top:5px;
	margin-left:5px;
}
#area .subcateg a
{
	position:relative;
	font:14px 'Trebuchet MS';
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
}

#area .subcateg a:hover
{
	color:#00A65E;
}

#area .element
{
	width:560px;
	margin-top:7px;
	border-bottom:1px solid #00A65E;
	font:12px Verdana;
	text-align:justify;
}

#area .last_element /* igual que element pero sense */
{
	width:560px;
	margin-top:7px;
	font:12px Verdana;
	text-align:justify;
}

#area .url
{
	text-align:right;
}

#area .url a, #area .element a, #area .last_element a
{
	font:13px "Trebuchet MS";
	color:#00A65E;
}

#area .url a:hover, #area .element a:hover, #area .last_element a:hover
{
	color:#000000;
}

#area .thumbnail a
{
	float:left;
	border:4px solid #E4E4E4;
	width:76px;
	height:76px;
	margin-right:10px;
	margin-bottom:4px;
}

#area .thumbnail a:hover
{
	float:left;
	border:4px solid #000000;
	width:76px;
	height:76px;
	margin-right:10px;
	margin-bottom:4px;
}

#area .foto
{
	float:left;
	margin-right:15px;
	margin-bottom:4px;
}

#area .date
{
	color:#00A65E;
	font:11px "Lucida Sans Unicode";
	text-align:right;
	text-transform:uppercase;
	margin-bottom:3px;
}

#area .date_detail
{
	color:#00A65E;
	font:11px "Lucida Sans Unicode";
	text-transform:uppercase;
	margin-bottom:3px;
}

#area .source
{
	position:relative;
	margin:-6px 0px 5px 0px;
}

#area .title
{
	font:13px "Trebuchet MS";
	text-transform:uppercase;
	color:#58444F;
	font-weight:bold;
	margin-bottom:15px;
}

#area .readmore, #area .readmore a
{
	font-size:20px;
	text-align:right;
	margin-bottom:7px;
	color:#000000;
	text-decoration:none;
}

#area .links
{
	float:right;	
	font:10px sans-serif;
	color:#686868;
	padding-top:5px;
}
#area .links a
{
	color:#686868;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

#area .links a:hover
{
	color:#FFFFFF;
}

#area .register_form
{
	font:13px 'Lucida Sans Unicode';
	background:#E4E4E4;
	color:#00A65E;
	width:450px;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	text-align:left;
	float:left;
}

#area input, #area textarea
{
	font:11px 'Trebuchet MS';
	background: #FFFFFF;
	border: #FFFFFF 1px solid;
}

#area .submit
{
	font:13px 'Lucida Sans Unicode';
	background-color:#00A65E;
	color:#FFFFFF;
	border:none;
}


/* PAGINADOR */

#paginador
{
	text-align:center;
	color:#58444F;
	font:12px Arial;
	padding-top:20px;
}

#paginador a
{
	color:#58444F;
	text-decoration:none;
}

#paginador a:hover
{
	color:#000000;
}

#paginador .actual
{
	color:#00A65E;
}

#paginador .nextlast
{
	font:12px Verdana;
	margin-left:5px;
	margin-right:5px;
	
}
#paginador .nextlast a
{
	text-decoration:none;
}
#paginador .nextlast a:hover
{
	color:#000000;
}


/* MENÚ LATERAL*/

#rightmenu
{
	position:relative;
	top:10px;
	right:11px;
	width:203px;
	float:right;
}

#rightmenu .header
{
	position:relative;
	left:-5px;
	width:203px;
	height:20px;

	padding:10px 0px 0px 5px;
	background-color:#00A65E;
	color:#FFFFFF;
	font:13px 'Lucida Sans Unicode';
	text-align:left;
	text-transform:uppercase;
}

#rightmenu .body
{
	width:203px;
	padding:10px 0px 10px 5px;
	color:#000000;
	background-color:#E4E4E4;
	font:12px "Trebuchet MS";
	right:5px;
	position:relative;
	text-align:left;
}

#rightmenu .submit
{
	height:15px;
	width:39px;
	margin:5px 5px 0px 5px;

	background: url(img/bullet_1.jpg) no-repeat center top;
	border:none;
	cursor:pointer;
	float:right;
	display:block;
}

#rightmenu .banner, .banner a
{
	position:relative;
	background-color:#FFFFFF;
	padding:3px 0px 1px 0px;
	right:3px;
	width:203px;
}

#rightmenu .poll
{
	width:203px;
	padding:10px 0px 10px 5px;
	background-color:#E4E4E4;

	right:5px;
	position:relative;
	margin-right:5px;
	text-align:left;
}
#rightmenu .poll table
{
	color:#000000;
	background-color:#E4E4E4;
	font:12px "Lucida Sans Unicode";
	background-color:#FFFFFF;
	width:194px;
	padding:10px 0px 0px 20px;
	margin-left:2px;
}

#rightmenu .button
{
	background: url(img/poll_button.jpg) no-repeat right top;
	color:#787878;
	font:11px "Lucida Sans Unicode";
	text-transform:uppercase;
	cursor:pointer;
	float:right;
}

#rightmenu .links
{
	background-color:#828282;
	margin:7px 0px 7px -5px;
}

#rightmenu .links td
{
	background-color:#828282;
	width:209px;
	height:20px;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
}

#rightmenu .links a
{
	color:#FFFFFF;
	font:13px "Lucida Sans Unicode";
	text-decoration:none;
	text-transform:uppercase;
	padding-left:5px;
	vertical-align:middle;
}

#rightmenu .links a:hover
{
	color:#000000;
}

#rightmenu .colabora
{
	position:relative;
	left:-5px;
	width:203px;
	height:20px;

	padding:10px 0px 0px 5px;
	background-color:#00A65E;
	color:#FFFFFF;
	font:13px 'Lucida Sans Unicode';
	text-align:left;
	text-transform:uppercase;
}

#rightmenu .colabora a
{
	/*position:relative;
	padding:0px 6px 0px 50px;*/
	margin-right:6px;
	float:right;
}
#rightmenu .colaborabutton
{	
	height:15px;
	width:39px;
	margin:5px 5px 0px 5px;
	top:-20px;

	position:relative;
	background: url(img/bullet_2.jpg) no-repeat center top;
	border:none;
	cursor:pointer;
	float:right;
	display:block;
}

#rightmenu .copyright
{
	height:62px;
	background-color:#E4E4E4;
	margin:7px 0px 40px -5px;
	text-align:right;
	color:#828282;
	font:11px 'Lucida Sans Unicode';
	text-transform:uppercase;
	padding-right:10px;
}

#rightmenu .copyright a
{
	color:#828282;
	font:11px 'Lucida Sans Unicode';
	text-decoration:none;
}

#rightmenu .copyright a:hover
{
	color:#000000;
}

/* FORMULARIS */
#rightmenu input
{
	font:11px 'Trebuchet MS';
	background: #FFFFFF;
	border: #FFFFFF 1px solid;
}

.submit
{
	color:#FFFFFF;
	background:#DF2D2D;
	border:#DF2D2D 1px solid;
}




#area .marcador
{
	color:#FF0000;
	margin-left:-20px;
	font-size:12px;
	padding-left:-10px;
	padding-right:-10px;
}


/* QUIENES SOMOS */

#quienes_somos .head_1
{
	font:14px Tahoma;
	color:#000000;
	font-weight:bold;
}

#quienes_somos .head_2
{
	font:14px Verdana;
	color:#888888;
	font-weight:bold;
}

#quienes_somos .body
{
	font:12px Verdana;
	color:#000000;
	text-align:left;
}

#quienes_somos .who_title
{
	font:12px Tahoma;
	color:#000000;
	font-weight:bold;
}

#quienes_somos .who
{
	font:12px Tahoma;
	color:#000000;
	left:10px;
	position:relative;
	padding-right:10px;
	text-align:left;
}

#quienes_somos .coordinator
{
	font:11px Tahoma;
	color:#000000;
	margin-left:10px;
}

#quienes_somos a
{
	color:#00A65E;
}

#quienes_somos a:hover
{
	color:#000000;
}