@charset "UTF-8";
@import url("futura/fontface.css");
@import url("coda-slider-2.0.css");

body.intro {
	margin:0;
	padding:0;
	border:0;
	background: url(../img/backgrounds/backintro.jpg) no-repeat fixed center top;
}

body.common {
	margin:0;
	padding:0;
	border:0;
	font-family: "FuturaStdBook", Verdana, Arial, "sans-serif normal";
	text-align:left;
	background: url(randomback.php) no-repeat fixed center top;
}

strong {
	font-family: "FuturaStdHeavy", Verdana, Arial, "sans-serif normal";
}

table, td, tr {
	vertical-align:top;
	}

#wraper {
	width:805px;
	margin:auto;
	}

#footlink {
	padding:5px 0px 5px 20px;
	font-size: 10px;
	color: #000000;
	}

#footlink a, #footlink a:visited {
	text-decoration:none;
	color: #000000;
	}

#footlink a:hover {
	text-decoration:underline;
	color: #2FB9E4;
	}

.header {
	margin: auto;
	width:805px;
	height: 90px;
}

.header_logo {
	float: right;
	width:290px;
	text-align:left;
	height: 90px;
}

.header_vivi {
	float: left;
	width:510px;
	text-align:left;
	height: 90px;
	border:0;
	cursor:pointer;
}

/* CONTENIDO GENERAL ********************************************************************************/
.contenido {
	font-size: 14px;
	color:#000000;
	line-height:18px;
	}

.contenido a, .contenido a:visited, .contenido a:hover {
	color:#000000;
	}
	
.contenido .colDerecha {
	padding-right:20px;
	}

.contenido .colIzquierda {
	padding-left:20px;
	}
	
.contenido .colCentral {
	padding-left:20px;
	padding-right:20px;
	}

.contenido td {
	padding-top: 10px;
	padding-bottom: 10px;
	width:50%;
	vertical-align:top;
	}

.contenido table {
	width:616px;
	vertical-align:top;
	}

.contenido ul {
	padding-left:10px;
	list-style-image:url(../img/misc_bullet.gif);
	line-height:20px;
	}

.aligncenter {
	float:none;
	display:block;
	margin: 0 20px 0 20px;
	border:#0099FF thin solid;
}

.alignleft {
	float:left;
	display:block;
	margin: 0 20px 0 0;
	border:#0099FF thin solid;
}

.alignright {
	float:right;
	display:block;
	margin: 0 0 0 20px;
	border:#0099FF thin solid;
}


/* FIN CONTENIDO GENERAL ********************************************************************************/


/* TITULOS **********************************************************************************************/

.titulo { height:30px;}

.titulo .text {
	width:auto;
	background-color:#959595;
	position:absolute;
	padding:6px 10px 5px 0px;
	color:#FFFFFF;
	font-family: "FuturaStdLight", Verdana, Arial, "sans-serif normal";
	font-size:16px;
}

.titulo .text span { padding-left:25px; padding-right:3px; border-bottom:1px solid #FFFFFF; }

.share {
	position:relative;
	float:right;
	width: 200px;
	text-align:right;
	padding-right:20px;
	font-size:10px;
	color:#2fb9e4;
}
.share img {
	vertical-align:text-top;
	}


/* FIN TITULOS ******************************************************************************************/



/* WORDPRESS ********************************************************************************** */

.wpnews {
	padding: 20px;
	font-size: 14px;
}

.wpnews h2 { font-size: 10px; text-transform:uppercase;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}
.wpnews h3 { font-size:16px; margin:5px 0 10px 0;}
.wpnews .meta { font-size: 10px;}

.wpnews a, .wpnews a:visited {
	color: #000;
	text-decoration: none;
}

.wpnews a:hover {
	color: #000;
	text-decoration: underline;
}

.news-wrapper {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #17a7d8;
	margin-bottom: 20px;
}
.wpnews .aligncenter {
	margin: 0;
}



/* FIN WORDPRESS ********************************************************************************** */


/* TARIFAS ********************************************************************************** */
.tarifas_pie {
	text-align: center;
	font-size: 12px;
}
.tarifas_info {
	text-align: left;
	padding: 0 20px 0 20px;
	font-size: 12px;
}
.tarifas_info_list {
	text-align: left;
	padding: 0 20px 0 40px;
	font-size: 12px;
}

.tarifas_info strong {
	color: #2FB9E4;
}
/* FIN TARIFAS ********************************************************************************** */




/* SPONSORS ********************************************************************************** */

.sponsors { font-size:10px; color:#666; background-color:#FFF; }
.sponsors #header {height:20px;}
.sponsors #content {background:repeat-y url(../img/sponsors_back.gif); padding: 0 20px 0 20px; height:265px; }

.sponsors .logos ul {padding-left: 0; }
.sponsors .logos li {display: inline; list-style-type: none; padding: 0 35px 0 35px;}

.sponsors #capsula_blanca { float: left;}

.sponsors #capsula_blanca div { height: 95px; background: url(../img/sponsors_back_white.gif); float: left; width:10px;}
.sponsors #capsula_blanca .left {background-position: left;}
.sponsors #capsula_blanca .right {background-position: right;}
.sponsors #capsula_blanca .logos { width:745px; background-position: center;}

.sponsors #capsula_gray { float: left;}
.sponsors #capsula_gray .left, .sponsors #capsula_gray .right, .sponsors #capsula_gray .logos { height: 95px; background: url(../img/sponsors_back_gray.gif); float: left;}
.sponsors #capsula_gray .left { width:10px; background-position: left;}
.sponsors #capsula_gray .right { width:10px; background-position: right;}
.sponsors #capsula_gray .logos { width:745px; background-position: center; overflow: hidden;}

.sponsors div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%;}

.sponsors div.scrollableArea { position: relative; width: auto; height: 100%; padding-top: 12px;}
.sponsors #logoParade { width: 745px; height: 75px;	position: relative;	}
.sponsors #logoParade div.scrollableArea img { float: left;	margin-left: 25px;}



/* FIN SPONSORS ********************************************************************************** */


/* OPERADORES ********************************************************************************** */
.operadores_list {	
	width: 150px;
	margin: 0 0 0 17px;
}
.operadores_head {
	height:12px;
	background-position: top;
}
.operadores_title {
	cursor: pointer;
	position: relative;
	color:#CCCCCC;
	background-position: center;
	margin:0;
}
.operadores_title:hover {
	color:#FFFFFF;
}
.operadores_closer {
	height:12px;
	background-position: bottom;
}
.operadores_body {
	display:none;
	padding-top: 10px;
	background-position: center;
}
.operadores_body, .operadores_title, .operadores_head, .operadores_closer {
	background-image: url(../img/tpl_back_acordion.gif);
	background-repeat: no-repeat;
	font-size:12px;
}
.operadores_body a{
	display:block;
	color:#999999;
	padding:5px 10px 10px 5px;
	text-align: center;
}
.operadores_body a:hover{
  color: #FFFFFF;
  text-decoration:underline;
  }
/* FIN OPERADORES ********************************************************************************** */



/* BOTONERA LATERAL ********************************************************************************/
.botonera {
	width:182px;
	vertical-align:top;
	margin-left: auto;
	line-height: 12px;
	}

.botonera tr td{
	text-align:center;
	width:91px;
	padding-top:15px;
	}

.boton, .boton:visited {
	font-size: 9px;
	text-decoration:none;
	text-align:center;
	color:#CCCCCC;
	border:0px;
	}

.boton img {
	padding-bottom:5px;
	}

.boton:hover span {
	text-decoration:underline;
	color:#000000;
	}

.botonera .boton:hover span {
	text-decoration:underline;
	color:#FFFFFF;
	}

a img {
	border:0px;
	text-decoration:none;
	}

/* FIN BOTONERA LATERAL ********************************************************************************/


	
/* PARTE ********************************************************************************** */
.parte table {
	width:616px;
	vertical-align:top;
	
}
.parte td {
	width:auto;
	padding-top: 5px;
	padding-bottom: 5px;

	}
.parte .colIzquierda {
	padding-left:0;
	text-indent:10px;
	}
.parte textarea {
	width:400px;
	}



/* HOME ********************************************************************************** */

#viviNieve td{
	width:auto;
	padding-right:30px;
	}

#viviNieve img {
	margin-left:30px;
	}


/* NEWS ********************************************************************************** */

.imgNewsIzquierda {
	float:left;
	display:block;
	margin: 0 20px 0 20px;
}
.imgNewsDerecha {
	float:right;
	display:block;
	margin: 0 20px 0 20px;
}
#news {
	background:url(../img/misc_linea576px.gif) bottom no-repeat;
}

#news table td {
	width:auto;
	}

/* FORMULARIOS ************************************************************ */
.contacto{ width:400px; }
#stylized{ border:none; } /* Necesario, sino no funciona el estilo */
#stylized label{ display:block; text-align:Left; width:100px; float:left; margin-top:0px; color:#000000; }
#stylized .small{ color:#333333; display:block; font-size:10px; font-weight:normal; text-align:left; width:100px; }
#stylized input, #stylized textarea{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #00ABEC; width:280px; margin:2px 0 10px 10px; resize:none; }
#stylized .boton { float: right; }

.RRHH { width:550px; }
#stylizedRRHH { border:none; }
#stylizedRRHH table{ padding:0;}
#stylizedRRHH .label{ display:block; text-align:Right; width:200px; height:30px; float:left; margin-top:0px; color:#000000; }
#stylizedRRHH .label .small{ color:#333333; display:block; font-size:10px; font-weight:normal; text-align:Right; width:200px; }
#stylizedRRHH .select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #00ABEC; width:330px; height:30px; margin:2px 0 10px 10px; resize:none; }
#stylizedRRHH .input,
#stylizedRRHH .textarea{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #00ABEC; width:330px; margin:2px 0 10px 10px; resize:none; }
#stylizedRRHH .boton { float: left; margin-left:210px; }
#stylizedRRHH .dias {display:block; width:330px; float:left; margin-left: 10px; line-height: 25px;}


.SURVEY { width:550px; }
#stylizedSURVEY { border:none; }
#stylizedSURVEY table { padding:0; width:100%;}
#stylizedSURVEY table td { padding:0; height:25px;}
#stylizedSURVEY table tr { padding:0; }
#stylizedSURVEY .SURVEYcategoria {font: 9px Verdana, Arial, Helvetica, sans-serif normal;	text-decoration:none; text-align:center; color:#000000;	border:0px; vertical-align:middle;}
#stylizedSURVEY .label{ display:block; text-align:Right; width:200px; height:30px; float:left; margin-top:0px; color:#000000; }
#stylizedSURVEY .label .small{ color:#333333; display:block; font-size:10px; font-weight:normal; text-align:Right; width:200px; }
#stylizedSURVEY .select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #00ABEC; width:330px; height:30px; margin:2px 0 10px 10px; resize:none; }
#stylizedSURVEY .input,
#stylizedSURVEY .textarea{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #00ABEC; width:330px; margin:2px 0 10px 10px; resize:none; }
#stylizedSURVEY .boton { float: left; margin-left:300px; }
#stylizedSURVEY .dias {display:block; width:330px; float:left; margin-left: 10px; line-height: 25px;}
#stylizedSURVEY .SURVEYseccion {font: 12px Verdana, Arial, Helvetica, sans-serif normal; font-weight:bold;}
#stylizedSURVEY .SURVEYpregunta {font: 12px Verdana, Arial, Helvetica, sans-serif normal; font-weight:normal; padding-left:10px;}


/* EVENTOS ************************************************************ */
.eventos { }
.eventos .titulo p { font-size:20px; font-weight:bold; padding:0 15px 0 15px; }
.eventos .aligncenter {	float:none; display:inline; margin: 0 10px 0 0; border:#0099FF thin solid; }





