/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:	
	tamanos: 
		contenedor:1000px; contenido:960px			
	colores: 
		rojo:#c00; amarillo:#fc0;
**************************************************************************************/
	/* ------------ import --------------*/
@import 'formulario.css';
@import 'post.css';



/*************************************************************************************
	GENERAL 
**************************************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background:#e3e3e3 /*url(../imagenes/bg_web.jpg) center 320px no-repeat*/;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}

/***************************************************************************************
	ELEMENTOS GENERICOS
***************************************************************************************/
/* -------------- ENCABEZADOS --------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: 800;
	color: #036;
	margin-bottom: 10px;
}

h2 {
	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bolder;
	color: #c00;
	margin-bottom: 10px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333;
	margin-bottom: 10px;
	}
/* ------------ PARRAFOS -------------*/
p {margin: 10px 0px; line-height:17px;}

/* -------------- ULs ----------------*/
ul {list-style: none;}

/* ------------ ENLACES --------------*/
a {color: #f00;	text-decoration: underline;}
a:hover {color: #333; text-decoration: underline;}

/* ----------- IMAGENES --------------*/
img {border: none;}


/********************************************************************************************************************
	CONTENEDOR
*******************************************************************************************************************/
div#contenedor {
	width: 1000px;
	margin: auto;
}

/***************************************************************************************
	BANNER CABECERA
***************************************************************************************/
div#banner_cabecera {
	width:100%;
	height:100px;
	background:#000;
}

/***************************************************************************************
	CABECERA
***************************************************************************************/
div#cabecera {
	width: 100%;
	height: 180px;
	display:block;
	background:#000;
	/*background: url(../imagenes/bg_cabecera.jpg) no-repeat;*/
	text-align:center;
}
	#cabecera #contenido_cabecera {width:1000px; margin:auto;}
		#cabecera #contenido_cabecera img {float:left;}


/***************************************
	LOGIN
****************************************/
ul#login {
	margin:5px;
	float:right;
	clear:right;
}

ul#login li {
	float: left;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background: #ad0505;
	color:#fff;
}

ul#login li a {
	color: #fc0;
	text-decoration: none;
}

ul#login li a:hover {
	color: #fff;
	text-decoration: none;
}

ul#login li.recuperar {
	padding: 0px;
	background: transparent;
}

ul#login li.recuperar a {
	color: #fff;
	font-size: 10px;
}

ul#login li.recuperar a:hover {
	text-decoration: underline;
}



/***************************************
	MENU PRINCIPAL
****************************************/

#menu_principal {
	width:100%;
	height:35px;
	text-align:center;
	background:#900;
}

ul#menu {
	width:1000px;
	margin:auto;
	height:100%;
	text-align:left;
}

ul#menu li {
	float: left;
	margin-right:-1px;
	height:35px;
	border-left:#c00 1px solid;
	border-right:#c00 1px solid;
}

ul#menu a {
	padding: 0 10px;
	display:block;
	height:100%;
	line-height:32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #fc0;
	font-weight: bold;
	text-decoration: none;
}

ul#menu a:hover, ul#menu a.activo, ul#menu a:active {background:#c00;}


/***************************************
	BUSQUEDA
****************************************/
form#form_busqueda {
	float:right;
}

input.buscar {
	padding: 5px;
	width: 180px;
	height: 15px;
	color: #fff;
	background: #380504;
	border-bottom: #c00 1px solid;
	border-left: #c00 1px solid;
	border-top: none;
	border-right: none;
}

input.boton_busqueda {
	width: 75px;
	background: #000;
	color: #ccc;
	border: none;
	height: 25px;
	font-size: 11px;
	/*cursor: hand;*/ 
}


/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
#contenido {
	margin-top:20px;
	width: 990px;
	padding: 30px 5px 0px 5px;
	text-align: left;
	background:#fff;
	border:#ccc 1px solid;
}

/************************************
		COLUMNAS
************************************/
.columna_xxs,.columna_xs,.columna_s,.columna_m,.columna_l,.columna_xl,.columna_xxl,.columna_3xl,.columna_4xl
	{
	float: left;
	margin-bottom: 25px;
}

/*.columna_xxs {width:170px;}*/
.columna_xs {width: 180px;}
.columna_s {width: 310px;}
.columna_m {width: 340px;}
.columna_l {width: 650px;}
.columna_xl {width: 990px;}



	/*  SIDEBAR  */

/**********************************
		BLOQUES
**********************************/
.bloque_xxs,.bloque_xs,.bloque_s,.bloque_m,.bloque_l,.bloque_xl,.bloque_xxl,.bloque_3xl,.bloque_4xl
	{
	float: left;
	margin: 0 5px 20px 5px;
}

/*.bloque_xxs {width:180px;}*/
.bloque_xs {width: 170px;}
.bloque_s {width: 315px;}
.bloque_m {width: 330px;}
.bloque_l {width: 640px;}
.bloque_xl {width: 980px;}

/*
.bloque_xxl {width:680px;}
.bloque_3xl {width:780px;}
.bloque_4xl {width:880px;}
*/

.cabecera_bloque, .cabecera_bloque_2 {width: 100%; text-indent: 15px; color: #fc0;}

.cabecera_bloque {
	height: 45px;
	background: url(../imagenes/bg_cabecera_bloque.jpg) no-repeat;
	line-height: 45px;
}
.cabecera_bloque_2 {
	height: 40px;
	background:#ccc url(../imagenes/bg_cabecera_bloque2.jpg) no-repeat;
	line-height:30px;
}

.cuerpo_bloque {
	padding: 10px 10px 10px;
}

.pie_bloque {
	margin-top:5px;
	width:300px;
	height: 30px;
	display:block;
	text-indent:15px;
	background:#ccc;
}



/***************************************************************************************
	PIE WEB
***************************************************************************************/
div#pie {
	padding-bottom:15px;
	width: 100%;
	height: 250px;
	text-align: center;
}
#pie h5 {margin-bottom:5px; font-size:1.1em;}

#contenido_pie {
	width: 1000px;
	margin: auto;
}

ul#menu_pie {
	padding-top: 20px;
	width: 100%;
	height: 20px;
	text-align: center;
}

ul#menu_pie li {
	display: inline;
	margin: 0px 3px;
}

ul#menu_pie li a {
	color: #333;
	font-weight:bold;
	text-decoration: none;
}

ul#menu_pie li a:hover {
	color: #c00;
	text-decoration: none;
}

ul.datos_pie {
	margin-top: 30px;
	float: left;
	text-align: left;
	font-size:0.8em;
	color:#666;
}

ul.datos_pie li {
	margin: 5px 3px;
	color: #666;
}
ul.datos_pie li a {color:#666; text-decoration:underline;}
ul.datos_pie li a:hover {color:#c00; text-decoration:underline;}

ul#desarrollado {float:right; clear:right; margin-top:50px; font-size:0.8em; overflow:hidden;}
		ul#desarrollado li {margin-bottom:10px; text-align:center;}
		ul#desarrollado li a#idominiun {margin:auto; width:83px; height:20px; display:block;}
		ul#desarrollado li a#idominiun img {background:url(../imagenes/sprite.png) 0 -130px no-repeat;}


.bloque_pie {
	margin:40px 0 20px;
	padding:1px;
	float:left;
	width:100%;
	background:#E3E3E3;
	text-align:center;
}

.bloque_pie ul {width:330px; float:left;}
.bloque_pie h5 {text-align:left;}
.bloque_pie img {border:#ccc 5px solid;}
.bloque_pie a {font-size:0.8em;}

/***************************************************************************************
	SECCIONES
***************************************************************************************/
/***********************************************
	INDEX
***********************************************/
/* --------------- video ---------------------- */
#video {
	width: 620px;
	height: 520px;
	padding: 0 10px 10px;
}


/* ------------- mas videos --------------*/

#listado_videos {
	height:350px;
	padding-bottom:20px;
	overflow:scroll;
}

#listado_videos a {clear:both;}

ul.datos_video {
	float:left;
	margin:5px;
	width:285px;
	/*background-color:#f3f3f3;*/
	background-color:#e7ecf1;
	border:#ccc 1px solid;
	margin-bottom:10px;
	height:160px;
}
	ul.datos_video li {
	}
	
	
	li.titulo {
		padding:10px;
		height:25px;
		font-size:14px;
		color:#06F;
		margin-bottom:10px;
	}
	
	li.preview {
		float:left;
		padding:0 10px;
	}
	
	li.resumen {
		float:left;
		width:130px;
		height:80px;
		font-size:10px;
		color:#333;
	}
	li.fecha {
		margin-top:5px;
		margin-left:10px;
		float:left;
		font-size:10px;
		color:#666;
	}
	li.duracion {
		margin-top:5px;
		margin-right:10px;
		float:right;
		font-size:10px;
		color:#f00;
	}

/***************************************************
	CONTACTO
***************************************************/
/* El css del formulario en formulario.css */
/**************************************************
	NOTICIAS
**************************************************/
/* ------------------- AJAX en INDEX ----------------- */
#noticias {
	
}

#noticias .cuerpo_bloque {
	padding: 20px;
}

#pie_noticias {
	padding-right: 10px;
	padding-top: 0px;
	text-align: right;
	background-color: #fafafa;
	font-weight: bold;
	color: #red;
	border-top: #ccc 1px dotted;
}


/* ------------------- en INDEX ----------------- */
#noticias_index {}

	#noticias_index h4 a {
		font-weight:normal;
		font-size:0.9em;
		color:#333;
		text-decoration:none;
	}
		#noticias_index h4 a:hover {color:#f00; text-decoration:underline;}
	#noticias_index span {color:#f00; font-size:0.8em;}
	
	.destacada {border-bottom:#ccc 1px dotted;}

/* ------------------- Archivo de noticias en SIDEBAR ----------------- */
#archivo_noticias {}
#archivo_noticias ul {}
#archivo_noticias ul li {margin-bottom:5px; padding:5px; background:#fafafa;}
#archivo_noticias ul li a {display:block; width:100%; color:#666; text-decoration:none;}
#archivo_noticias ul li a:hover {color:#c00; text-decoration:underline;}


/****************************************************
	BLOQUES SIDEBAR
*****************************************************/
/* -----------------  facebook -------------------- */
#facebook {height: 340px;}


/* -------------------  twitter ------------------- */
.twitter {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #3a4144 url(../imagenes/bg_twitter_sidebar.jpg) no-repeat;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	text-indent: 45px;
}

.twitter a {
	color: #fff;
	text-decoration: none;
}

.twitter a:hover {
	color: #fff;
	text-decoration: underline;
}


/*************************************************
	COLABORADORES
*************************************************/
#colaboradores {}

	.bloque_colaborador,
	.bloque_colaborador_m,
	.bloque_colaborador_g {
		float:left;
		text-align:center;
	
	}
	
	.bloque_colaborador_m {width:80px; height:80px; margin:20px 25px;}
	.bloque_colaborador {width:100px; height:100px; margin:20px 25px;}
	.bloque_colaborador_g {width:200px; height:250px; margin:20px 5px;}
	.bloque_colaborador .marco_img_exterior {/*position:relative; width:95px; height:95px; border:#ccc 2px solid; margin-bottom:5px;*/}
	.bloque_colaborador .marco_img_interior {
		/*position:absolute;
		clip:rect(5px 100px 100px 5px);
		top:-5px;
		left:-5px;
		*/
	}
	.bloque_colaborador a {margin-top:5px;}
	


/* EN SIDEBAR ------------------- */
#colaboradores_sidebar {}

.bloque_colaborador_sidebar {
		float:left;
		margin:5px;
		width:65px;
		height:85px;
		font-size:0.8em;
		color:#333;
	}
	.bloque_colaborador_sidebar p {margin-top:2px; text-align:center; width:65px; height:20px; overflow:hidden;}
	.bloque_colaborador_sidebar:hover {cursor:hand;cursor:pointer;}




/* FICHA COLABORADOR ------------------- */
.contenedor_avatar {float:left;}

.colaborador {
	
	padding:10px 20px;
	margin:10px 0;
	background:#ededed;
	border:#ccc 1px solid;
	line-height:17px;
	
}
	.colaborador h4 {font-size:1.5em; height:25px; margin-right:10px;}

	.colaborador ul {margin-bottom:20px;}
	.colaborador ul li {margin-bottom:3px;}

.bloque_datos {
	float:left;
	margin-left:20px;
	 width:420px;
}

.colaboracion {
	clear:both;
	padding:20px;
	display:block;
}

/*******************************
	GALERIAS
********************************/

/* ------------------- en INDEX ----------------- */
.galeria_index {
	margin:5px 5px 15px;
	width:130px;
	float:left;
	}
	.galeria_index h5 {font-size:1em; margin-bottom:2px !important;}
	.galeria_index .marco_img_exterior {border:#ccc 2px solid;}





/*******************************
	CLUBES
********************************/
#club {}
	#club img.img_principal {border:#ccc 4px solid;}
	#club h4 {font-size:1.5em; color:#f00;}
	#club p, #club ul {font-size:1.2em;}
	#club li {margin: 5px 0;}
	
	#club ul.pasos {margin-top:20px; padding:15px; background:#e0e0e0; border:#999 1px solid;}
	#club ul.pasos li {color:#333;}
	#club ul.pasos li h5, #club ul.info_club li h5 {font-size:1.4em; color:#000;}
	
	#club ul.info_club {
		margin:30px 10px 0 0;
		float:right;
		width:400px;
		text-align:right;
	}
	
/*******************************
	ESPECIALES
********************************/
#especial {}
	
	#especial .bloque_p {float:left; margin:10px; width:135px; height:210px;}
	
	
	
	#especial a.boton_votar_encuesta  {padding:3px 7px; background:#333; color:#fff; text-decoration:none;}
	#especial a.boton_votar_encuesta:hover {background:#f00;}
	#especial img.img_principal {border:#ccc 4px solid;}
	#especial .cuerpo_bloque {overflow:hidden;}
	
	

	.resultado_encuesta {width:500px; margin-bottom:5px; height:50px; display:block; border:#ccc 1px solid;}
		.resultado_encuesta li {float:left; height:50px; line-height:50px; color:#fff; text-align:right; font-size:1.5em;} 
		.resultado_encuesta li.porcentage {padding:0 2px; width:90px; background:#f00; color:#fff;}
		.resultado_encuesta li.barra {background:#333;}
	
	#votaciones {width:800px;}
/*******************************
	BLOQUE SOCIALES
********************************/
#sociales {
	width:100%;
	height:450px;
}

/* TWITTER *********************/
#home_twitter {
	padding:10px;
	text-align:left;
}
.title {
	/*
	height:50px;
	margin-bottom:10px;
	background:url(../imagenes/cabecera_widget_twitter.jpg) no-repeat;
	*/
}
div#home_twitter_content {
	background:url(../imagenes/bg_widget_twitter_.jpg) repeat-y;
}
div.tweet {
	margin-bottom:15px;
	width:310px;
	display:block;
	color:#666;
}
div.tweet a.autor {margin:0 0 5px 0;display:block; width:100%;}
div.tweet a.vermas {margin-left:5px;}


span.date {
	margin:5px 0 0 5px;
	width:100%;
	display:block;
	color:#999;
	font-size:10px;
}
a.user {
	color:cyan;
}
.pie_twitter {
	height:25px;
	background:url(../imagenes/pie_widget_twitter.jpg) top no-repeat;
}


/*************************************************
	HOGUERAS
*************************************************/
#leyenda {padding:10px; width:950px;}
	#leyenda ul{ padding:5px; height:35px; border:#ccc 1px solid; background:#fafafa;}
	#leyenda ul li {float:left; margin-right:15px;height:35px; line-height:35px; text-indent:25px; display:block; font-weight:bold;}
		li.cat_esp {background:url(../imagenes/iconos_mapa_google/icn_cat_esp.png) no-repeat;}
		li.cat_1 {background:url(../imagenes/iconos_mapa_google/icn_cat_1.png) no-repeat;}
		li.cat_2 {background:url(../imagenes/iconos_mapa_google/icn_cat_2.png) no-repeat;}
		li.cat_3 {background:url(../imagenes/iconos_mapa_google/icn_cat_3.png) no-repeat;}
		li.cat_4 {background:url(../imagenes/iconos_mapa_google/icn_cat_4.png) no-repeat;}
		li.cat_5 {background:url(../imagenes/iconos_mapa_google/icn_cat_5.png) no-repeat;}
		li.cat_6 {background:url(../imagenes/iconos_mapa_google/icn_cat_6.png) no-repeat;}
.listado_hogueras {float:left; margin:5px; padding:5px; width:300px; height:33px; background:#ededed;}
.listado_hogueras li {float:left; height:33px; line-height:33px;}
.listado_hogueras li.icono_cat {width:24px; border-right:#999 1px dotted;}
.listado_hogueras li.nombre {width:235px; margin-right:4px; border-right:#999 1px dotted; text-indent:5px;}
	.listado_hogueras li.nombre a {text-decoration:none; color:#333; height:100%; display:block; font-weight:normal;}
	.listado_hogueras li.nombre a:hover {color:#f00;}
.listado_hogueras li.btn_mapa {padding:2px 0px 0px 3px; width:29px;}

.listado_usuarios {float:left; padding:5px; width:90px; text-align:center; background:#fff; border:#ccc 1px solid; margin:5px;}
.listado_usuarios li {}
/*************************************************
	MI CUENTA
*************************************************/
#cuenta {width:620px;}

#datos_usuario {
	background:#ededed;
	border:1px #ccc solid;
}

#datos_usuario ul {float:right;}

	/*******************************
		ACTIVACION
	*******************************/
	#activacion {height:300px;}


/*************************************************
	AVISO LEGAL
*************************************************/
#legal{}

#legal ul {margin-bottom:20px;}
#legal ul h4 {color:#333;}



/*************************************************
	INGLES
*************************************************/
#contenido_ingles {
	margin:20px 0 0 !important;
	padding:0 !important;
	width: 100%;
	min-height:1050px;
	text-align: left;
	/*background:#840707 url(../imagenes/bg_ingles.jpg) bottom no-repeat;*/
}
	
	#contenido_ingles h3 {color:#fc0; background-color:#f00; padding:5px; font-size:1.5em;}
	#contenido_ingles h4 {color:#fc0; font-size:1.2em;}
	#contenido_ingles .cuerpo_bloque p {color:#fc0;}
	#contenido_ingles .bloque_l p {color:#fff;}
	
	
	
	/* galeria imagenes */
	#contenido_ingles #galeria_ingles {padding:0;}
	#contenido_ingles #galeria_ingles h4 {
		color:#fc0;
		background-color:#900;
		padding:5px;
		margin-bottom:0 !important;
		width:990px;
	}
	
	
	#contenido_ingles #cuerpo_ingles {
		padding:20px 5px 200px !important;
		margin:20px 0 0 0 !important;
		width:990px;
		background:#ff0000 url(../imagenes/bg_ingles.jpg) bottom no-repeat;
		overflow:hidden;
	}
	
	/*noticias */
	#contenido_ingles #noticias_ingles {
		margin-top:0px;
		padding:10px;
		width:980px;
		height:30px;
	}
	#contenido_ingles #noticias_ingles h3 {
		float:left;
		width:50px;
		height:40px;
		color:#fc0;
		background-color:#900;
		padding:5px;
		line-height:40px;
	}
	
	#contenido_ingles #noticias_ingles marquee {
		
		float:left;
		padding:0 5px;
		width:910px;
		height:50px;
		line-height:50px;
		background:#ccc;
		
	}
	
	#contenido_ingles #noticias_ingles marquee span {margin-left:20px;}
	#contenido_ingles #noticias_ingles marquee span a {padding-left:10px;}
	
	
	
	/* videos */
	#contenido_ingles #reproductor_ingles {background:#900;}


/******************************************************************************************************************
	MISCELANEA
******************************************************************************************************************/


.derecha {float:right;}
.izquierda {float:left;}

.m5 {margin:5px !important;}
.m10 {margin:10px !important;}


/**********************************
	COLORES
**********************************/
.bg_a {background-color:#efefef;}

.c333 {color:#333;}
.cf00 {color:#f00;}

/* ------ LIMPIADORA -------------*/
div.limpia {clear: both;}



/* ------ video en sidebar --------*/
.video_sidebar {margin-bottom: 20px;}


/* ------------- submenu -------------------- */
#submenu_contenido {
	margin:15px 0;
	padding: 0 10px;
	width: 320px;
	height: 30px;
	color: #666;
	background: #ededed;
	border: #ccc 1px solid;
	line-height:10px;
}

#submenu_contenido a {
	margin:0 10px;
}

#submenu_contenido p {font-size:1.0em;}

/* ------------ redes sociales -----------------*/
#redes_sociales {
	margin-top:20px;
	text-align:right;
}

/* ------------ a -----------------*/
a.enlace_pie {width:100%; display:block; clear:both;}

/* ------------ p -----------------*/
p.ind {text-indent: 20px;}


/* ---------- ul's ----------------*/
ul.datos {padding:5px 20px;}
	
	ul.datos li {float:left; display:block;}

ul.listado {width:100%; margin-bottom:20px;}
.td {width:100%;}
.td_p {width:25%;}
.td_m {width:50%;}
.td_g {width:75%;}

.th_p {}
.th_m {width:30%;}
.th_g {width:70%;}
.th {width:100%;}

/* ---------- span ---------------*/
.alerta {
	color: red;
}


.destacado {
	font-weight: bold;
}


/* ---------- flotantes ---------------*/
.izquierda {float:left;}
.derecha {float:right;}



a.unirse, a.dejar {
	clear:both;
	margin:5px 0;
	width:auto;
	height:22px;
	display:block;
	line-height:22px;
	text-indent:25px;
}
a.unirse {background:url(../imagenes/btn_unirse.png) no-repeat;}
a.dejar {background:url(../imagenes/btn_dejar.png) no-repeat;}



.wrong {
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:60px;
	background:#fff url(../imagenes/icono_wrong.jpg) no-repeat;
}

.happy {
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:60px;
	background:#fff url(../imagenes/icono_happy.jpg) no-repeat;
}





/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../imagenes/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../imagenes/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../imagenes/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../imagenes/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../imagenes/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../imagenes/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../imagenes/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../imagenes/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../imagenes/colorbox/border.png) 0 -29px repeat-x;}
    #cboxPhoto {margin-top:0; min-width:200px;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:60px; max-height:600px;}
        #cboxTitle{position:absolute; bottom:35px; left:0; text-align:center; width:100%; color:#666;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../imagenes/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../imagenes/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../imagenes/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../imagenes/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../imagenes/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagenes/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/**********************************
	DAVID
**********************************/

.play {
position: absolute;
margin:40px 0 0 40px;
z-index:100;
}