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

--------------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;
}

#contenidomenu {
	padding:5px 10px;
	width:260px;
	float:left;
	height:inherit;
	
}
.subcontenidomenu {
	padding:15px 0 15px 0;
	margin-bottom:25px;
	width:260px;
	clear:left;
	
	
	
}
.subcontenidomenu h2 {
	font: 1.7em  "Georgia";
	color:#bf8e8e;
	padding: 0 0 0px 5px;
	font-style: italic;
	margin-top:-20px;
	

}
.subcontenidomenu h3 {
	font: 1.2em  "Georgia";
	color:#a96f6f;
	line-height:1.4em;
	font-style: italic;
	padding: 10px 0 0px 5px;
	
}
.subcontenidomenu h2 a:hover{
		
	color:#8c2121;
	
	
}

.subcontenidomenu  p{
	font: 0.85em  "Georgia";
	color:#7e7d7d;
	padding: 4px;
	line-height:1.4em;
	font-style: italic;
	text-align:justify;
	font-family: Georgia;
	margin-top:10px;
}
.subcontenidomenu ul li{
	list-style:url(../images/blog/flecha.jpg);
	font: 0.85em  "Georgia";
	color:#7e7d7d;
	
	line-height:1.4em;
	font-style: italic;
	text-align:justify;
	font-family: Georgia;
	margin:10px 0 -7px 36px;
}
.subcontenidomenu a{
	
	color:#5c5c5c;
	text-decoration:none;
	
}
.subcontenidomenu a:hover{
	text-decoration:none;
	color:#8c2121;
}


 .on h3 {
	
	color:#a96f6f;
	
	}
	
 .on h2 {
	 width:260px;
	 height:40px;
	color:#8c2121;
	background-image:url(../images/punto_horizontal.gif);
	background-position:bottom;
	background-repeat:repeat-x;

	}
	
.flickr {
	width:260px;
	padding-bottom:20px;
}
.flickr img{
	float:left;
	border:#8f2124 solid thin;
	margin:8px 6px 8px 0;
}


.flickr img a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

#contenidotexto{
	background-image:url(../images/punto_vertical.gif);
	background-position:left;
	background-repeat:repeat-y;
	width:625px;
	float:right;
	
}




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

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/blog/saulcraviottoblog.jpg) no-repeat 0;

}

#contenido {
	padding-left:20px;
	margin-top:-25px;
}
#pie{
	background-image:url(../images/topbgpie.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0px 0 0 11px;
	clear:both;
	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

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


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

            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 ////////////////////*/
/* --------------------------------------------------------------------- */
/*------------------------------- CSS Document ---------------------------*/
/*                   Contenido de el lado izquierdo    */
/*------------------------------- Tablas ---------------------------*/


.piraguista {
	margin-left:110px;
	
}
.piraguistaimg{
	margin-top:15px;
	margin-left:-5px;
	
}
/*------------------------------- CSS Document ---------------------------*/
/*                   Estilo año mes y dia blog   */
/*------------------------------- Tablas ---------------------------*/
.notice{
	height:auto;
	clear:right;
	float:left;
}

.post{
	width:495px;
	float:left;
	padding-bottom: 15px;
	background:url(../images/punto_horizontal.gif) repeat-x;
	background-position:0 43px;
}
.post h2{
	color:#8f2124;
	font: 2em  "Georgia";
	padding: 1px;
	font-style: italic;
	padding-bottom:15px;
	
}
.post p{
	font: 1em  "Georgia";
	color:#020202;
	padding-top:15px;
	line-height:1.4em;
	font-style: italic;
	text-align:justify;
}
.post li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
}
.post img {
	padding:15px 0 10px 0;
}
.date {
	width:85px;
	float:left;
	list-style-type:none;
	margin-left:14px;
	margin-top:35px;
	
}
.date li{
	
	list-style-type:none;
	
}
.year {
	color:#FFF;
	background-color:#8f2124;
	font: 0.95em  "Georgia";
	padding: 1px;
	text-align:center;
	font-style: italic;
	margin-top:10px;
	width:58px;
}
.day {
	color:#8f2124;
	font: 2.95em  "Georgia";
	text-align:center;
	font-style: italic;
	width:58px;
}
.month{
	color:#8f2124;
	font: 0.89em  "Georgia";
	text-align:center;
	font-style: italic;
	width:58px;
}
.numberpost {
	
	float:left;
	border-right:thick solid #5c5c5c;
	padding-right:10px;
	
	}

.numberpost p{
	color:#5c5c5c;
	font: 2.9em  "Georgia";
	font-style: italic;
	margin-top:-20px;
	
	}
.resume  {
	margin-left:140px;
				
}
.resume p {
	color:#5c5c5c;
	font: 1.05em  "Georgia";
	font-style: italic;
	margin-top:-18px;
			
}

.post a{
		color:#5c5c5c;
	text-decoration:none;
	
}
.post a:hover{
	text-decoration:none;
	color:#8c2121;
}
.paginacion{
	clear:both;
	float:right;
	width:470px;
	margin-left:100px;
	
}
.categoria {
	background-color:#8f2124;
	padding:3px 1px 3px 3px;
	color:#FFF;
}
.tipocategoria {
	color:#8f2124;
}