/*-----------------------------------------------

--------------SAUL CRAVIOTTO -------------------- 

Página oficial del campeón olímpico Beijing 2008 

------------------------------------------------

               CSS principal

----------------------------------------------*/


* {
margin:0;
padding:0;
border:none;
}
/* 
---------------------------          
FUENTES 
--------------------------- */

#titulo h1 {
font: 4em  "Georgia";
text-align:center;
color:#8c2121;
padding: 20px 10px 25px 20px;
line-height:1.4em;
}
#contenidotexto h1 {
	font: 2.7em  "Georgia";
	text-align:left;
	color:#8c2121;
	padding: 20px 10px 25px 20px;
	line-height:1.4em;
	font-style: italic;
}
.subcontenidomenu h2 {
	font: 1.7em  "Georgia";
	color:#8c2121;
	padding: 0 0 10px 110px;
	font-style: italic;
	

}
.subcontenidomenu h3 {
	font: 0.66em  "Georgia";
	
	color:#8a8988;
	line-height:1.4em;
	font-style: italic;
	padding: 50px 0 8px 112px;
	
}
.subcontenidomenu img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.on img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
 .on h3 {
	
	color:#020202;
	
	
	
}
.subcontenidomenu  p{
	font: 1em  "Georgia";
	color:#7e7d7d;
	padding: 4px;
	line-height:1.4em;
	font-style: italic;
	text-align:justify;
}

.subcontenidomenu a{
	
	color:#bf8e8e;
	text-decoration:none;
	
}
.subcontenidomenu a:hover{
	
	color:#8c2121;
	text-decoration:none;
	
}
#contenidotexto p{
	font: 1em  "Georgia";
	color:#020202;
	padding: 4px 40px 4px 10px;
	line-height:1.4em;
	font-style: italic;
	text-align:justify;
}
#contenidotexto img{
	
	padding:-10px 0 35px 0px;
	
}
/* 
.............................

Estilo de la página

.............................
*/


body {
	color:#020202;
	font-family: "Georgia", "Tahoma", "Arial";
	background-color: #d3d5ca;
	background-image: url(../images/background-1600.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

#principal {
width: 948px;
margin: 0 auto;
}

#cabecerabio {
width:946px;
height:589px;
background:
url(../images/biografia/biografia.jpg) no-repeat 0;

}

#contenido {
	padding-left:20px;
}
#pie{
	background-image:url(../images/topbgpie.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0px 0 0 11px;
	clear:left;
	width:924px;
	background-color:#000;
	
}
.subpie{
	padding-top:60px;
	padding-left:15px;
	float:left;
	width:285px;
	height:386px;
	
}
.sponsors{
	margin:60px 0 0 40px;
	
}
.center{
	margin-left:310px;
	
}
#logopie{
	background-color:#d3d5ca;
	
	clear:left;
	
	
}
/*----------------------------------------

            CSS Biografía

--------------------------------------*/
#contenidomenu {
	padding:5px 10px;
	margin-top:25px;
	width:343px;
	float:left;
	background-image:url(../images/punto_vertical.gif);
	background-position:330px 50px;
	background-repeat:repeat-y;
}
.subcontenidomenu {
	padding:10px;
	width:290px;
	clear:left;
	height:120px;
	background-image:url(../images/punto_horizontal.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	
}
/*----------------------------------------

            Menu navegacion

--------------------------------------*/


/* --------------------------------------------------------------------- */
/*         /////////// LISTADO DEL MENU ////////////////////*/
/* --------------------------------------------------------------------- */

#menu  { 
width:946px; 
height:31px;
margin:0;
padding:0;
}

.nav {
    width: 946px;
    height: 31px;
    background:url(../images/menu.jpg)	no-repeat;
    position: relative;
    left: 38px;
	}
	.nav li {
	display: inline;}
	
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 31px;
    text-indent: -9000px;
    overflow: hidden;
}

/*Menu home*/
    .nav .Home a:link, .nav .Home a:visited, .nav .Home a:active {
	left: 0;
	width: 91px;
    }
	
    .nav .Home a:hover, .nav .Home a:focus {
		
        background: url(../images/menu.jpg) no-repeat 0px -31px;
    }
	.current-home .Home a:link, .current-home .Home a:visited {
		background: url(../images/menu.jpg) no-repeat 0px -62px;
		cursor: default;
	}
	/*Menu biografía*/
	
    .nav .Bio a:link, .nav .Bio a:visited, .nav .Bio a:active {
	left: 97px;
	width: 91px;
    }
	
    .nav .Bio a:hover, .nav .Bio a:focus {
		
        background: url(../images/menu.jpg) no-repeat -97px -31px;
    }
	.current-bio .Bio a:link, .current-bio .Bio a:visited {
		background: url(../images/menu.jpg) no-repeat -97px -62px;
		cursor: default;
	}
  /* Menu equipo*/
  .nav .Equipo a:link, .nav .Equipo a:visited, .nav .Equipo a:active {
	left: 193px;
	width: 91px;
    }
	
    .nav .Equipo a:hover, .nav .Equipo a:focus {
		
        background: url(../images/menu.jpg) no-repeat -193px -31px;
    }
	.current-equipo .Equipo a:link, .current-equipo .Equipo a:visited {
		background: url(../images/menu.jpg) no-repeat -193px -62px;
		cursor: default;
	}
	/* Menu blog*/
	.nav .Blog a:link, .nav .Blog a:visited, .nav .Blog a:active {
	left: 289px;
	width: 91px;
    }
	
    .nav .Blog a:hover, .nav .Blog a:focus {
		
        background: url(../images/menu.jpg) no-repeat -289px -31px;
    }
	.current-blog .Blog a:link, .current-blog .Blog a:visited {
		background: url(../images/menu.jpg) no-repeat -289px -62px;
		cursor: default;
	}
	/* Menu Palmares*/
	.nav .Pal a:link, .nav .Pal a:visited, .nav .Pal a:active {
	left: 480px;
	width: 91px;
    }
	
    .nav .Pal a:hover, .nav .Pal a:focus {
		
        background: url(../images/menu.jpg) no-repeat -480px -31px;
    }
	.current-pal .Pal a:link, .current-pal .Pal a:visited {
		background: url(../images/menu.jpg) no-repeat -480px -62px;
		cursor: default;
	}
	/* Menu Galería*/
	.nav .Gal a:link, .nav .Gal a:visited, .nav .Gal a:active {
	left: 577px;
	width: 85px;
    }
	
    .nav .Gal a:hover, .nav .Gal a:focus {
		
        background: url(../images/menu.jpg) no-repeat -577px -31px;
    }
	.current-gal .Gal a:link, .current-gal .Gal a:visited {
		background: url(../images/menu.jpg) no-repeat -577px -62px;
		cursor: default;
	}
	/* Menu Facebook*/
	.nav .Face a:link, .nav .Face a:visited, .nav .Face a:active {
	left: 673px;
	width: 91px;
    }
	
    .nav .Face a:hover, .nav .Face a:focus {
		
        background: url(../images/menu.jpg) no-repeat -673px -31px;
    }
	.current-face .Face a:link, .current-face .Face a:visited {
		background: url(../images/menu.jpg) no-repeat -673px -62px;
		cursor: default;
	}
	/* Menu contacta*/
	.nav .Cont a:link, .nav .Cont a:visited, .nav .Cont a:active {
	left: 770px;
	width: 91px;
    }
	
    .nav .Cont a:hover, .nav .Cont a:focus {
		
        background: url(../images/menu.jpg) no-repeat -770px -31px;
    }
	.current-cont .Cont a:link, .current-cont .Cont a:visited {
		background: url(../images/menu.jpg) no-repeat -193px -62px;
		cursor: default;
	}
/* --------------------------------------------------------------------- */
/*         /////////// Imagenes ////////////////////*/
/* --------------------------------------------------------------------- */