/*GENERALES*/

html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-image:url(../../img/vortice/main_bg.jpg);
	background-color:#000000;
	background-repeat: repeat-x;
}

p{margin:0 10px 10px}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
#container{text-align:left}
#content {
	/*
	height:561px;
	background-image:url(../../img/vortice/fondo_index.gif);
	*/
	height:561px;
	background-image:url(../../img/vortice/fondorojo.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px; /* REVISAR antes: padding: 10px 48px 10px 10px; */
	position:relative;
}
#navigation{background:#B9CAFF}
#extra{background:#FF8539}
#container{width:938px;margin:0 auto}
#navigation{float:left;width:350px}
#extra{float:right;width:350px}
/*HOME*/
.columna_izquierda_home {
	float:left;
	width:544px;
	display:inline;
	position:absolute;
	left: 17px;
	top: -30px;
	zoom:1;
}
.logohome {
	zoom:1;
}
.columna_derecha_home {
	float:right;
	width:326px;
	display:inline;	
	padding-right: 20px;
	padding-top: 40px;
}

#contenthome {
	height:528px;
	background-image:url(../../img/vortice/fondo_indexclaro.gif);
	background-repeat: no-repeat;
	padding: 10px;
	position:relative;
}

#contenthome_liviano {
	height:596px;
	background-image:url(../../img/vortice/inicioliviano.gif);
	background-repeat: no-repeat;
	padding: 10px;
	position:relative;
	width: 910px;
}

#containerhome{width:906px; margin:40px auto 0 auto}
.premio {width:100%; zoom:1; display:inline;}
#botonreg a, #botonreg a:hover, #botoncomo a, #botoncomo a:hover{width:263px; height:36px; background-repeat:no-repeat; float:left; margin: 10px;}
#bases{width:263px; height:25px; background-repeat:no-repeat; float:left; margin-top: 0px;margin-left: 10px;margin-right: 10px;}
#botonreg a{background-image:url(../../img/vortice/registrate.gif);}
#botonreg a:hover {background-image:url(../../img/vortice/registrate_act.gif);}
#botoncomo a {background-image:url(../../img/vortice/comojugar.gif);}
#botoncomo a:hover {background-image:url(../../img/vortice/comojugar_act.gif);}
#bases a{font:normal 12px  Tahoma, "Trebuchet MS", Arial; color:#0099FF;} 
.copa {float:left; position:absolute; left:-30px; top: 417px; zoom:1;}
.copy {font: normal 10px  Tahoma, "Trebuchet MS", Arial; color:#CCCCCC;}
/*CUADRO LOGIN*/
.login {
	padding-top:20px;
	width:326px;
	height:260px;
	background-image:url(../../img/vortice/cuadro_login.png);
	background-repeat:no-repeat;
}
/********** contact form **********/
#contactform { margin-top:50px; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0; cursor:hand;}
#contactform label { float:left; margin-left:10px; width:100px; padding:5px 0; font:bold 14px "Trebuchet MS", Tahoma, Arial; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:145px; border:1px solid #e2e2e2; margin:5px 0; padding:5px 2px; height:18px; background:#f8f8f8;}
#contactform li.buttons input {padding:3px 0; margin:20px 0 0 50px; border:0; color:#FFF;}
p.response { text-align:center; color:#F00; font:bold 11px "Trebuchet MS", Tahoma, Arial; line-height:1.8em; width:auto;}

/*PIE DE PAGINA*/
#pie{color: #FFF}
#pie p{margin:0;padding:2px 2px}
#pie{clear:both;width:889px}
#bannerpie {
	float:left;
	margin-right:10px;
	margin-top:4px;
}
#tanteador {
font-family:"Trebuchet MS", Tahoma, Arial;
background-image:url(../../img/vortice/tanteador.jpg);
margin:0;
float:right;
width:412px;
height:70px;
}
#puntaje {
	float:right;
	border-left:#FFCC00 dotted 1px;
	margin-top:2px;
}
#usuario {
padding:8px;
float:left;
}
#usuario h3 {
	font-size:12px;
	color:#CCCCCC;
	margin:0;
	padding:0;
}
#usuario a {
	text-decoration: none;
}
#usuario .numeros {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:24px;
	color:#FF9900;
	font-weight:bold;
}
#usuario .separador {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	float:left;
}
#usuario .puntos {
float:right;
}
/*ENCABEZADO Y LOGO*/
#header {
	width:901px;
	height:120px;
	padding-left:10px;
}
.logo { padding:0; margin:0; float:left;}
.logointerior {
	float:left;
	position:fixed;
	z-index:1;
}
/*BOTONES AFUERA DEL RECUADRO*/
#botonpronostico {
	width:266px;
	position:relative;
	z-index:2;
	left: 308px;
	top: 94px;
}

#redessociales {
	/*width:58px;*/
	position:relative;
	z-index:2;
	padding-left: 752px;
	top: 55px;/*58*/
	cursor: pointer;
}

#redessociales2 {
	width: 100%;
	text-align: right;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
/*BANNERS*/
#bannertop {
	float:right;
}
/*HOME*/
/*
.columna_izquierda_home {
	float:left;
	width:518px;	
}
.columna_derecha_home {
	float:right;
	width:407px;
}
*/
/*PANTALLA DE GRUPOS*/
#agrupoador {
	float:left;
	margin:0;
	padding:0;
	width: 96%;
}
.grupos {
	float:left;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:2px;
	margin-top:2px;
}
.grupos a:hover {
	background-color: #FF9900;	
}
/*LLAVES*/
#primercolumna, #segundacolumna, #tercercolumna {
	float:left;
}
#llave {
	width:113px;
	font-family:"Trebuchet MS", Tahoma, Arial;
	/*background-color:#EBEBEB;*/
	margin:6px;
}
#llave .titulo{
	background-image:url(../../img/vortice/top_llave.jpg);
	background-repeat:repeat-x;
	height:23px;
}
#llave .titulofinal {
	background-image:url(../../img/vortice/top_llave_roja.jpg);
	background-repeat:repeat-x;
	height:29px;
}
#llave h2{
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	margin:0;
}
#llave table {
	padding:1px;
}
#llave .linea{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #669900;
	margin-bottom:1px;
} 
.resultado_oficial, .resultado_propio {
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.resultado_propio {
	color:#0099CC;
}
.resultado_propiofinal{
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#0099CC;
}
.resultado_oficial {
	color:#669900;
}
.graficos {
text-align:center;
}
/*#fondollave {
background-color:#EFF0F1;
}*/
#fondollavefinal{
	background-image:url(../../img/vortice/copa.png);
	background-repeat:no-repeat;
}
#llave hr {
	color:#3399FF
}
/*BOTONES ACEPTAR Y CANCELAR*/
#aceptar a, #aceptar a:hover, #aceptar input, #aceptar input:hover, #cancelar a, #cancelar a:hover{
background-repeat:no-repeat;
float:right;
margin:5px;
width:87px;
height:28px;
border: 0px;
}
#aceptar a, #aceptar input {
	cursor: pointer;
	background: transparent;
	background-image:url(../../img/vortice/aceptar.png);
	margin: 5px 48px 10px 10px;
}
#aceptar a:hover, #aceptar input:hover {
background-image:url(../../img/vortice/aceptar_act.png);
margin: 5px 48px 10px 10px;
}

#ingresar input, #ingresar input:hover{
background-repeat:no-repeat;
margin:5px;
width:204px;
height:63px;
border: 0px;
}

#ingresar a, #ingresar input{
	cursor: pointer;
	
	background: transparent;
	background-image:url(../../img/vortice/bot_ingresar.gif);
}
#ingresar a:hover, #ingresar input:hover {
	
	background-image:url(../../img/vortice/bot_ingresar_act.gif);
}

#cancelar a{
background-image:url(../../img/vortice/cancelar.png);
}
#cancelar a:hover {
background-image:url(../../img/vortice/cancelar_act.png);
}

.jt img
{
	border: 0;
}
/*BORDES REDONDEADOS - con division*/
.ct1, .ct2, .ct3, .ct4, .cb1, .cb2, .cb3, .cb4{font-size:1px; overflow:hidden; display:block;}
.ct1, .cb1 {height:1px; background:#CCCCCC; margin:0 5px;}
.ct2 {height:1px; background:#333333; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 3px;}
.ct3 {height:1px; background:#333333; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 2px;}
.ct4 {height:2px; background:#333333; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 1px;}
.cb2 {height:1px; background:#FFFFFF; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 3px;}
.cb3 {height:1px; background:#FFFFFF; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 2px;}
.cb4 {height:2px; background:#FFFFFF; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 1px;}
.ctcontent {background-image:url(../../img/vortice/top_tablas.jpg); border-right:1px solid #606060; border-left:1px solid #606060; padding:0 5px 5px 5px; font-weight:bold; font-family:"Trebuchet MS", Tahoma, Arial; font-size:14px; color:#FFFFFF; text-align:center;}
.cbcontent {background:#FFFFFF;background-image:url(../../img/vortice/fondo_tablas.jpg); background-repeat:repeat-x;border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;text-align:center;}

.tb1, .tb2, .tb3, .tb4{font-size:1px; overflow:hidden; display:block;}
.tb1 {height:1px; background:#333333; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 3px;}
.tb2 {height:1px; background:#333333; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 3px;}
.tb3 {height:1px; background:#333333; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 2px;}
.tb4 {height:2px; background:#333333; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 1px;}


/*BORDES REDONDEADOS - FINAL*/
.finalct1, .finalct2, .finalct3, .finalct4{font-size:1px; overflow:hidden; display:block;}
.finalct1{height:1px; background:#CCCCCC; margin:0 5px;}
.finalct2 {height:1px; background:#9D2929; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 3px;}
.finalct3 {height:1px; background:#9D2929; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 2px;}
.finalct4 {height:2px; background:#9D2929; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 1px;}
.finalctcontent {background-image:url(../../img/vortice/top_llave_roja.jpg); border-right:1px solid #606060; border-left:1px solid #606060; padding:0 5px 5px 5px; font-weight:bold; font-family:"Trebuchet MS", Tahoma, Arial; font-size:14px; color:#FFFFFF; text-align:center;}

.titulo h2 a
{
	color: white;
}

.resaltarllave
{
	cursor: pointer;
	background-image:url(../../img/vortice/fondo_tablas_resaltado.jpg);
	background-repeat:repeat-x;
	border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;text-align:center;

}

.resaltarllavefinal
{
	cursor: pointer;
	background-image:url(../../img/vortice/copaoscura.png);
	background-repeat:repeat-x;
	border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;text-align:center;

}

.flechaesconder {
	float:left;
	margin:0px;
}