/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0}

html,
body {
width:100%;
height:100%;
color:#555;
background:url(../img/fondo.png) repeat-x  0% 0;
font:0.9em Verdana,Arial, Helvetica, sans-serif;} 

body#home{background:url(../img/fondo-home.png) repeat-x  0% 0;}

h1 a{
display:block;
width:600px;
height:60px;
margin-left:60px;
outline:0;
background:url(../img/h1-trans.png) no-repeat top left;}

h2{
color:#222;
font:2em Georgia, serif;}

h3{
margin:35px 0 5px 0}

h4{
margin:15px 0 5px 0}

hr{
margin:3px 0;
border-top:1px solid #ccc}

dt{
font-weight:bold;
clear:left;}

li{list-style:none;}

acronym{
border-bottom:1px dotted #666}


a{
color:#FF0099;
text-decoration:none;}
a:hover{
text-decoration:underline}


.clear{clear:both;}
.centrado{text-align:center}
.emoticon{background:#FFFAC6;font-weight:bold;padding:3px;}


#contenedor{
width:95%;
min-height:100%;
max-width:990px;
margin:0 auto;}



/*==============================
			-- INDEX --
==============================*/

/*-- header --*/
#header{
background:url(../img/coffee-trans.png) no-repeat top left;
width:350px;
height:200px;
margin-top:20px;
margin-left:57px;
padding-left:280px;}
#header p{
margin:0 0 5px 0;
font:1.1em Georgia, serif;
line-height:22px;}
#header a{
font-family:verdana, sans-serif !important;
font-size:1.3em;}
#header p.hola{
color:#222;
margin-left:-40px;
font:2em Georgia, serif;}

ul.botones li{
float:left;
margin-right:20px}
ul.botones a{
display:block;
width:87px;
height:24px;
padding:8px 0 0 30px;
margin:20px auto 0 auto;
font-size:12px !important;
font-weight:bold;
color:#333;
text-decoration:none;
outline:none;
background:url(../img/boton-trans.png) no-repeat 0 0;}
ul.botones a:hover{
background:url(../img/boton-trans.png) no-repeat 0 -32px;}
ul.botones a.sobre-mi{
padding-left:12px;
width:105px;}


/*-- hCard --*/
.vcard{
padding-top:140px;
margin-top:-40px;
width:30%;
min-width:500px;
float:left;
background:url(../img/h2-contacto-trans.png) no-repeat top left;}

.vcard ul.contacto{
float:left;
width:250px;}
.vcard ul.contacto li{
margin:8px 0 8px 10px;}
.vcard ul.contacto img{
vertical-align:middle;}
.vcard ul.contacto li.adr{
font-size:0.9em;
line-height:20px;}
.vcard ul.contacto li.adr br{
padding:5px 0;}
.vcard ul.contacto li.adr img{
float:left;
margin:0 5px 30px 0}
.vcard ul.contacto li.descarga-vcard{
margin:20px 0 0 10px;}
.vcard ul.contacto li.descarga-vcard a{
display:block;
font-size:11px;
padding:7px 40px 7px 50px;
color:#222;
border:1px solid #FFEB94;
background:url(../img/vcard.gif) no-repeat 10px 50% #FFFFC3;}


/*-- perfiles --*/
.vcard ul.perfiles{
float:left;
margin-left:110px;
padding-top:30px;}
.vcard ul.perfiles li{
margin:6px 0;}
.vcard ul.perfiles li a{
padding:3px 0 3px 20px}

.vcard ul.perfiles li a.linkedin{background:url(../img/linkedin.png) no-repeat 0 50%}
.vcard ul.perfiles li a.flickr{background:url(../img/flickr.png) no-repeat 0 50%}
.vcard ul.perfiles li a.fdw{background:url(../img/fdw.png) no-repeat 0 50%}
.vcard ul.perfiles li a.wikipedia{background:url(../img/wikipedia.png) no-repeat 0 50%}


/*-- sitios --*/
.sitios{
float:right;
margin:-206px 0 0 3%;
width:32%;
padding:190px 0 0 0;
background:url(../img/lampara-trans.png) no-repeat top left; }
.sitios h2{
width:257px;
height:77px;
background:url(../img/h2-proyectos-trans.png) no-repeat top left; }
.sitios ul{
padding-bottom:10px;
background:#eee;}
.sitios li{
clear:both;
padding:10px;}
.sitios li span{
font-size:10px;
display:block;}
.sitios li a img{
float:left;
border:3px solid #222;
margin:0 10px 0 0}
.sitios li a:hover img{
border:3px solid #FF0099;}




/*==============================
			-- INTERNAS --
==============================*/

.contenido{
width:80%;
margin:auto;}

.contenido h2{
padding:15px 0 20px 0;}

.contenido p{
line-height:150%;
margin-top:10px;}

.contenido ul.botones,
.cv-general ul.botones{
float:right;
margin:-5px 150px 0 0;}

.contenido .creditos li{
margin:3px 0 3px 10px;
padding-left:15px;
background:url(../img/flecha01.gif) no-repeat 0 60%}
.contenido li ul li{
font-size:0.8em;}
.contenido ul.datos-geeks{
margin-top:10px;}
.contenido ul.datos-geeks li{
background:none;
padding-top:3px;
padding-bottom:3px;}

.yo{
float:right;
margin:-65px 0 5px 0px;}

div.creditos{
padding:10px;
margin-top:-7px;}


/* CV - fecha de actualizacion */
.actualizado{
margin-top:-1px;
padding:10px;
font-size:10px;
background:#fff;
float:right;}

.actualizado a{
padding-right:20px;
padding-bottom:10px;
background:url(../img/download.png) no-repeat top right}


/* CV - datos generales */
.cv-general{
width:80%;
margin:auto;}
.cv-general h2{
padding:15px 0;}
.cv-general dl{
clear:both;
margin-top:5px;}
.cv-general dt,
.cv-general dd{
float:left;
margin:3px 3px 3px 0}
.cv-general li,
.cv-box li{
margin:3px 0 3px 10px;
padding-left:15px;
background:url(../img/flecha01.gif) no-repeat 0 60%}


/* cv general - intro */
.cv-general p.cv-intro{
margin:20px 0 0 0;
padding:10px 20px 20px 20px;
background:#ECF6FC;
border:1px solid #C4E3FC;}

.cv-general ul.botones li{
margin:0 20px 0 0 !important;
padding:0 !important;
background:none !important}



/*cv general - tabla idiomas*/
table{
border-collapse:collapse}
table.idiomas th{
padding:5px;
width:150px;
border:1px solid #fff;
background:#FFF9D2}
table.idiomas thead th{
border-bottom:0;
border-top:1px solid #E4DD90;}
table.idiomas tbody th{
border-left:1px solid #E4DD90;
border-right:0;
text-align:right;}
table.idiomas th.nobg{
background:none;
width:auto;
border:0;
border-bottom:1px solid #E4DD90;
border-right:1px solid #E4DD90;}
table.idiomas th.nobg span{
display:none}
table.idiomas tr.confondo td{
background:#ECF6FC;}
table.idiomas td{
padding:5px;
text-align:center}


/* CV - box */
.cv-box{
width:80%;
padding:20px;
margin:60px auto 0 auto;
background:#ECF6FC;
border-top:1px solid #C4E3FC;}
.cv-box h2{
text-align:right;
background:#fff;
width:200px;
float:right;
padding:10px 20px;
border-bottom:1px solid #C4E3FC;
border-left:1px solid #C4E3FC;
margin:-21px -20px 0 0;
font:1.4em Verdana,Arial, Helvetica, sans-serif}
.cv-box dt{
margin-top:10px;}


/* CV - box - egipto */
.cv-box.egipto{
background:#FFF9D2;
border-top:1px solid #E4DD90;}
.cv-box.egipto h2{
border-bottom:1px solid #E4DD90;
border-left:1px solid #E4DD90;}

dl.conferencias{
margin-left:40px !important;}
dl.conferencias dd span{
display:block;
padding-left:93px;}


/* CV - box - descargar */
.cv-box.descargar{
background:#E2FFCF;
margin-bottom:30px;
border-top:1px solid #CAFF6F;}
.cv-box.descargar h2{
border-bottom:1px solid #CAFF6F;
border-left:1px solid #CAFF6F}

.descargar ul{
float:left;
margin-right:40px;
padding-left:40px;}
.descargar li{
background:none;
padding:0;
font-size:0.7em;}
.descargar li a{
font-size:1.3em;}

.descargar ul.pdf{background:url(../img/pdf.png) no-repeat 0 50%}
.descargar ul.odt{background:url(../img/odt.png) no-repeat 0 50%}


/*margenes cv*/
.cv-general h4,
.cv-general dl,
.cv-general ul,
.cv-general p,
.cv-general table,
.cv-box dl,
.cv-box h4,
.cv-box ul,
.cv-box p{
margin-left:20px}

.noMarginTop{
margin-top:0}

.cv-general p,
.cv-box dd,
.cv-box p{
line-height:150%;}

.cv-box dd p{
margin-left:0}



/*==============================
			-- PIE --
==============================*/
#pie{
clear:both;
margin-top:-70px;
text-align:right;
font-size:10px;
padding:30px 10% 0 0;
height:40px;
color:#eee;
width:90%;
background:url(../img/fondo-pie.png) repeat-x top left}

#pie p{
padding-left:60px;
float:right;
padding-top:15px;
background:url(../img/fondo-pie2-trans.png) no-repeat top left}

#pie a{
font-weight:bold;
color:#FFC30E}

#pie a.creditos{color:#eee}



/*==============================
			-- ocultos --
==============================*/
h1 span,
.vcard h2,
.vcard h3,
.vcard .fn,
.sitios h2 span,
.cv-general h2 span{
display:none}