/* CSS Document */

body{
/*background-image:url(fonsrallat.gif);*/
background-color:white;
margin-top:0px;

}

html{
height:100%;
overflow:auto;
}

#container{
text-align:left;
width:97%;
}



#header{
position:relative;
width:612px;
left:50%;
margin-left:-306px;
text-align:center;
}


#resultados{
position:relative;
left:50%;
margin-left:-306px;
text-align:left;
width:612px;
margin-top:2px;
color:white;
font-weight: bold;
}


#bouton_clignotant{
position:absolute;
cursor:pointer;
background-image: url("bg-ver_resultados.jpg");
font-weight:bold;
width:250px;
height:27px;
line-height:27px;
text-align:center;
visibility:visible;
left:50%;
margin-left:-125px;
bottom:20px;
}

#content{
position:relative;
text-align:left;
width:700px;
left:50%;
margin-left:-350px;
margin-top:2px;
height:500px;
}




#menu{
	position:absolute;
	z-index:1;
	background-color:#F6F6F6;
	height:384px;
	width:100px;
	left:50%;
	margin-left:-307px;
	margin-top:-2px;
	
}




#iframe{
position:relative;
left:50%;
width:612px;
margin-left:-306px;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
background-image: url("bg-menu.jpg");
height: 27px;
line-height: 27px;
margin: 2px 0;
color:white;
text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
}


#folder {
	cursor: pointer;
	border-color:#3688ad;
	border-style:dashed;
	border-width:1px;
	margin-top:3px;
	margin-bottom:3px;
	background-color:#FFFFFF;


}



#folder ul li a{

		font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #3688ad;
	font-weight: bolder;
	font-size: 12px;
}

#folder ul li a:hover{
	text-decoration: underline;	
}

#folder ul li a:active{
	text-decoration: underline;	
}


#smenu {
position: absolute;
z-index: 100;
left: 6em;
margin-top: -2em;
width: 100px;
background-color:#FFFFFF;
border-color:#3688ad;
border-style:dashed;
border-width:1px;
	color:#3688ad;
}

#smenu a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	color:#3688ad;
	text-decoration:none;
}
#smenu a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	color:#3688ad;
	text-decoration:underline;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a {
	color:#3688ad;
text-decoration: none;
display: block;
}
#menu li a:hover{
	color:#3688ad;
text-decoration:underline;
display: block;
}

#menu dt a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	color:white;
	text-decoration: none;
	display: block;
}

#menu dt a:hover{
color:#3688ad;
}



.rojo{
	color: #3688ad;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.rojoder a{
	position:absolute;
	z-index:80;
	margin-top:8%;
	margin-left:55%;
	color:#3688ad;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:right;
	text-decoration:none;
	/*text-decoration:blink;*/
}

.rojoder_quiniela{
	position:absolute;
	z-index:80;
	margin-top:12%;
	margin-left:55%;
	color:#3688ad;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:right;
	text-decoration:none;
}

.rojoder a:hover{
text-decoration:underline;
}

#textorss{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3688ad;
	text-align:center;

	margin-top:5px;
}

#tablarss{
border-color:#3688ad;
border-style:dashed;
border-width:1px;
margin-top:1px;
margin-bottom:3px;
text-align:right;

}

#frame_art_quiniela{
	position:absolute;
	left:50%;
	width:487px;
	top:20%;
	margin-left:-203px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align:justify;
	text-indent:20px;
	border-color:#3688ad;
	border-style:dashed;
	border-width:1px;
	padding:10px;

}

#frame_art{
	position:absolute;
	left:50%;
	width:487px;
	top:17%;
	margin-left:-203px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align:justify;
	text-indent:20px;
	border-color:#3688ad;
	border-style:dashed;
	border-width:1px;
	padding:10px;

}


#frame_art h1, #frame_art_quiniela h1{
	font-size: 16px;
	text-indent:20px;
	color: #3688ad;
	text-align:left;
	background-color:#FFEEE6;
	border-color:#3688ad;
	border-style:dashed;
	border-width:1px;
	text-transform: capitalize;
	padding-top:2px;
	padding-bottom:1px;
	}


a	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3688ad;
	font-weight:bold;
	}
	
a:link {
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}
	
a:hover {
	color: #F0A323;
	}

a:active {
	color: #F0A323;
	}


.link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3688ad;
	font-weight:bold;
}
.link:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F0A323;
	font-weight:bold;
}

#banner_right{
position:absolute;
left:85%;
top:16%;

}

#banner_right_inicio{
position:absolute;
left:100%;
top:16%;
}
#banner_right_2{
position:absolute;
left:105%;
top:0%;
}
#content_art{
position:relative;
text-align:left;
width:900px;
left:50%;
margin-left:-450px;
margin-top:2px;
height:500px;
}

#h1{
	z-index:1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#353535;
	float:left;
}

#h1 h1{
	font-size:16px;
}


#h2{
	z-index:1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#353535;
	float:right;
	right:2%;

}

#h2 h2{
	font-size:12px;
	color:353535;
}



#hhh {
position:absolute;
bottom:0px;
text-align:center;
left:20%;
margin-bottom:-10px;
}

#marquesina{

	position:absolute;

	left:2%;

	top:94%;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

}



#marquesina a	{
	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;
	
	font-weight:normal;
	}
	
#marquesina a:link {
	text-decoration: none;
	font-weight:normal;
	}

#marquesina a:visited {
	text-decoration: none;
	font-weight:normal;
	}
	
#marquesina a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;
	
	font-weight:normal;
	}

#marquesina a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;
	
	font-weight:normal;
	}