/* CSS Document */

html{
width:100%;
height:100%;
}

body{
margin:0px;
padding:0px;
width:100%;
height:100%;
overflow-y:scroll;
*overflow-y:none;
background-color:#afafaf;
}

#contenedor{
position:relative;
min-height:50%;
z-index:3;
}

*html #contenedor{
height:50%;
}

.clear{
clear:both;
}

a{
text-decoration: none;
}

/************************
		TEXTO
************************/

.txt_v_8_B{
font-family:verdana;
font-size:9px;
color:#FFFFFF;
}

.txt_v_10_B{
font-family:verdana;
font-size:10px;
color:#FFFFFF;
}

.txt_v_11{
font-family:verdana;
font-size:11px;
}

.txt_v_13_b{
font-family:verdana;
font-size:13px;
font-weight:bold;
}

.txt_v_16_b {
font-family:Verdana;
font-size:16px;
font-weight:bold;
line-height:20px;
}

.txt_v_12 {
font-family:Verdana;
font-size:12px;
line-height:18px;
color:#000000;
}

.txt_v_12_b{
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:bold;
}

.txt_v_14_b{
font-family:Verdana;
font-size:14px;
color:#000000;
font-weight:bold;
}
/************************
		CABECERA
************************/

#cabecera{
position:relative;
width:100%;
min-height:80px;
height:12%;
max-height:25%;
background-color:#fff;
}

#menu{
position:absolute;
margin-left:auto;
margin-right:auto;
width:904px;
left: -4px;
top: -40px;
}

.botones{
position:relative;
float:right;
margin-left:9px;
}


/************************
		CUERPO
************************/

#logo{
position:absolute;
background-image:url(../imagenes/l_IPC.png);
width:284px;
height:119px;
left: 19px;
top: -53px;
z-index:3;
cursor:pointer;
}

#news_index{
position:absolute;
background-image:url(../imagenes/f_index.png);
width:267px;
height:429px;
left: 15px;
top: -58px;
padding-left:20px;
padding-top:112px;
}

#c_contacto{
position:absolute;
background-image:url(../imagenes/c_contacto.png);
width:189px;
height:198px;
left: 326px;
top: 289px;
padding-top:26px;
padding-left:36px;
}

#c_flash{
position:absolute;
width:315px;
height:312px;
left: 319px;
top: 6px;
}

#f_cuerpo{
position:relative;
background-image:url(../imagenes/f_burbujas.jpg);
min-width:904px;
height:448px;
margin-top:auto;
}

#cuerpo{
position:relative;
margin-left:auto;
margin-right:auto;
width:904px;
}

#c_contenido{
position:relative;
width:480px;
height:448px;
float:left;
}

#c_cuadro{
position:relative;
width:420px;
height:472px;
float:left;
}

#c_cuadro_medio{
position:relative;
width:421px;
height:447px;
background-image:url(../imagenes/f_degradado.gif);
background-repeat:repeat-x;
}

#c_cuadro_index{
position:relative;
width:417px;
height:447px;
}


#c_cuadro_bajo{
position:relative;
background-image:url(../imagenes/f_cuadro.gif);
width:421px;
height:16px;
}

#leienda{
position:absolute;
background-image:url(../imagenes/leienda.gif);
width:259px;
height:33px;
left: 647px;
top: 458px;
}

#leienda_1{
position:absolute;
background-image:url(../imagenes/firma_gerard.gif);
width:119px;
height:33px;
left: 655px;
top: 458px;
}

#leienda_2{
position:absolute;
background-image:url(../imagenes/firma_jordi.gif);
width:127px;
height:31px;
left: 655px;
top: 458px;
}

.c_input{
width:146px;
height:17px;
background-color:#000000;
border:1px solid #fff;
color:#FFFFFF;
}

.c_b_enviar{
background-image:url(../imagenes/b_enviar.jpg);
width:47px;
height:23px;
border:0;
}

/************************
		MENU 2
************************/

#menu_2{
position:relative;
width:184px;
height:65px;
}

#menu_2 a{
cursor:pointer;
}

#m_caja{
position:relative;
width:184px;
height:22px;
background-image:url(../imagenes/f_menu2_off.jpg);
}

#m_caja:hover, #m_caja.activo{
background-image:url(../imagenes/f_menu2_on.jpg);
}


#race{
margin-left:52px; 
padding-top:30px; 
width:320px;
height:400px;
overflow:auto;
}

#race a{
color:#000;
}

#ficha_corredor{
position:relative;
width:502px;
height:472px;
background-repeat:no-repeat;
background-position:top left;
}

#f_texto{
position:relative;
float:right;
background-image:url(../imagenes/logo.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:20px;
padding-top:53px;
width:205px;
height:428px;
}

#ficha_corredor h1{
margin:0px;
padding:0px;
}

/************************
		MOTOCROSS
************************/
#pop_patrocinio {
position:relative;
width:369px;
height:336px;
}

#pop_patrocinio h1{
margin:0px;
padding:0px;
}
/************************
		PIE
************************/
#pie{
position:relative;
width:100%;
height:15%;
background-color:#afafaf;
margin-top:-20px;
}

#pie a{
text-decoration:underline;
}

#p_pie{
position:relative;
padding-top:80px;
margin-left:auto;
margin-right:auto;
width:904px;
}