/* ESTILOS GENERALES */
html body {
margin:0;
padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;
overflow-y:hidden;
}

body {
background:#000 url(../images/estructura/backgrounds-portada.jpg) left top fixed no-repeat;
overflow-y:hidden;

}



p, a {
font-size:11px;
}
h2, h3 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
font-size:18px;
font-weight: normal;
}

img, object {
border: none;
}
a, a:visited, a:active {
text-decoration: none;
color: #0066FF;
}

a:hover {
color: #FF0000;
}


li {
margin:0;
padding:0;
float:left;
list-style: none;

}

/* ESTRUCTURA */

#contenedor {

position: absolute;
top:0;
left:0;
height:100%;
width:100%;
}


#articulos {

float:left;
min-height:100%;

height:100%;
width: 9280px;

position:absolute;

}



/* MENU */
.menuMain {


float:left;
margin-left:-10px;
_margin-left:-5px;

}
.menuMain  ul {
float:left;
margin:0;
padding:0;
list-style-type:none;
list-style: none;



}
.menuMain li {
width: auto;
margin:0;
padding:0;
float:left;
}

.menuMain li a, .menuMain li a:visited, .menuMain li a:active {
margin:0;
padding:10px;
text-transform: uppercase;
color: #99CCFF;
font-size:14px;
font-weight:lighter;
margin-right:5px;

}


.menuMain li:hover {
/* background:url(../images/estructura/fondo-boton.gif) repeat-x;
*/
}

/*
li>.menuMain menuItem:hover {
background: url(../images/estructura/fondo-boton.png) repeat-x;
}

.menuMain menuItem:hover  {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, src='../images/estructura/fondo-boton.png', sizingMethod='scale');

}
*/



/* FINAL MENU */


/* ESTILOS DE LOS ARTICULOS */


.encabezado {

width:100%;
height:35px;
margin:0;
padding:0;
background: none;

}

div>.articulo .encabezado {
background-image: url(../images/estructura/fondo-articulo-before.png);
}


.articulo .encabezado {
display:block;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, src='../images/estructura/fondo-articulo-before.png', sizingMethod='fit');
}



.articulo {
position: relative;
display:block;
float:left;

/* position:static; > solución de oskitar */

overflow: hidden;
width:500px;
height:700px auto;
padding: 20px;

}

/* Hover de articulos - nomes per a background sin foto 
.articulo:hover {
background: #1F1F1F;

}


*/

.menuFoto {
}


.menuFoto ul {
padding:0;
margin:0;
float:left;
list-style-type:none;
}

.menuFoto li {

margin-right:10px;
line-height:15px;
bottom: 0;
}
.menuFoto a {
color:#b1b1b1;
}

/* icono de peli  icono que indica flash */
/*
.peli {
display:block;
height:10px;
width:20px;


background: url(../images/estructura/peli.png);

}

 fin icono de peli */
		
.fechaBack, .fechaForth, h3 {
font-size:18px;
}
.epigrafe {
font-size:9px;
}

.foto {
margin-bottom:20px;
height:auto;

}




.articulo h2,  p, .enlace {
color: #CCCCFF;
display:block;
/* left: 45%; */
margin:0;
padding:0;
position:relative;
width: auto;
}
.articulo h2 {
margin-bottom:5px;

color: #FF6600;
/* #6699FF; azulito */
/* color: #C61E6F; *(
/* color: #FF005a;  Rosa fashion */

}

.articulo .enlace,  .enlace:visited, .enlace:active {
color: #999;

}

.articulo a:hover, .menuFoto a:hover, .menuMain li a:hover {
color: #FF9933;
}


/*  ESTIOS DE CURRICULUM */


/*  png  transparente para IE y firefox */



#cv, #portada {

width:700px;


}
div>#cv .encabezado, div>#portada .encabezado {
background:url(../images/estructura/fondo-cv-before.png);
}



#cv .encabezado, #portada .encabezado {

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, src='../images/estructura/fondo-cv-before.png', sizingMethod='fit');

}






#cv h2, #cv .enlace, #portada h2, #portada p, #portada .enlace {
display:block;
float:left;
position:relative;
left: 0;
height:auto;
width: 700px;
margin-bottom:5px;

}
#portada  p {
font-size: 10px;
}

#portada .fechaBack,#portada .fechaForth {
visibility:hidden;
}




#portada .foto {
visibility: hidden;
}
#portada .foto {
display: block;
height:357px;
}

#cv {
height: 100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, src='../images/estructura/transparente-menu.png', sizingMethod='scale');
}

div>#cv {
background: url(../images/estructura/transparente-menu-ff.png) repeat;

}



#cv .foto {
height:167px;
}

#cv .columna {
display:block;
position:relative;

float:left;
top:0;

width: 345px;



}
#cv .columna p {
font-size:11px;
display:block;

width:auto;
left:0px;
margin:0 5px 5px 0;


}



/*  FINAL ESTILOS CURRICULUM */

/* sombritas de abajo mal en safari 
.articulo:after {
content: url("../images/estructura/fondo-articulo-after.png");

}

*/

/* MENU FIJO > PROXIMA IMPLEMENTACION!! 

#menuFijo {
display:block;
position:fixed;
left:0;
width: 70px;
height: 100%;
background: url(../images/estructura/transparente-menu.png) repeat;
z-index: 100;
}


#menuFijo ul {
position:absolute;
top:50%;
margin-top: -250px;
}


#menuFijo li {
padding: 0 0 5px 0;
list-style: none;
}

*/
/* Scroll horizontal inspirado en: Pasquín o panfleto / Óscar de la Mata / http://www.estudio36.com */