/* ----------------------------------------------*/
/* ---------->>> ESTILOS GLOBALES <<<------------*/
/* ----------------------------------------------*/

* {margin: 0; padding: 0;}
   
body /* Internet Explorer */ {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align:center;
	background-color:#CCCCCC;
	scrollbar-base-color: #fff; scrollbar-3dlight-color: #999; scrollbar-darkshadow-color: #666;
	}
	
body /* Mozilla Firefox alignment */  {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	text-align:-moz-center;
	background-color:#CCCCCC;
	}


h1, h2 { display:none;}
p{ color:#333333; font-family: Tahoma;}


.clearfix { clear: both; height: 0;}

#flashcontent {margin-top:30px;}

/* ----------------------------------------------*/
/* ---------->>> CV <<<------------*/
/* ----------------------------------------------*/

#wrapper {
width:742px;
margin:10px;
height:auto;
margin-left:auto;
margin-right:auto;
}

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

#encabezado {
background:url(imagenes/encabezado.gif) no-repeat;
width:741px;
height:171px;
margin-bottom:17px;
cursor:pointer;
}

#encabezado_gal {
background:url(imagenes/encabezado2.gif) no-repeat;
width:741px;
height:146px;
margin-bottom:17px;
cursor:pointer;
}

#encabezado a{
width:741px;
height:171px;
display:block;
}

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

#contenido {
width:742px;
margin:0 auto; padding:0;
height:428px;
}

#fondo-cv {
width:485px;
height:320px;
background:url(imagenes/fdo_cv.gif) no-repeat;
padding:70px 0 42px 0;
float:left;
}

/* ----------------------------------------------*/
/* ---------->>> NAVEGACION <<<------------*/
/* ----------------------------------------------*/


#navegacion {
width:81px;
float:left;
margin:10px 10px 0 7px;
clear:both;
height:300px;
text-align:left;
}

#navegacion li
{list-style:none;
}

a {
font-family:"Trebuchet MS"; font-size:11px; color:#a8ce44; line-height:19px; text-decoration:none;}

/* ----------------------------------------------*/
/* ---------->>> MENU GAL<<<------------*/
/* ----------------------------------------------*/

#menu_gal{
width:250px;
margin-left:500px;
height:25px;
text-align:left;
border:none;
float:right;
/*margin-top:125px;
*/}

#menu_gal ul {
          height:25px; width:250px; float:left; display:inline;
}

#menu_gal li
{display:inline;
width:250px;
list-style-type: none;
}

#menu_gal li .btn-anterior { background:url(imagenes/btn_anterior_off.gif) no-repeat; width:60px; float:left; height:16px; margin-right:25px; cursor:auto}

#menu_gal li .btn-anterior a:hover, .btn-anterior a:active, .btn-anterior a:link, .btn-anterior a:visited { background:url(imagenes/btn_anterior_on.gif) no-repeat; width:60px; float:left; height:16px; display:block; margin-right:25px;}

#menu_gal li .btn-siguiente { background:url(imagenes/btn_sgte_off.gif) no-repeat; width:59px; float:left; height:16px; display:block; margin-right:25px;}

#menu_gal li .btn-siguiente a:hover, .btn-siguiente a:active, .btn-siguiente a:link, .btn-siguiente a:visited { background:url(imagenes/btn_sgte_on.gif) no-repeat; width:59px; float:left; height:16px; display:block; margin-right:25px;}


#menu_gal li .btn-volver, .btn-volver a:link, .btn-volver a:visited, .btn-volver a:hover, .btn-volver a:active  { background:url(imagenes/btn_volver.gif) no-repeat; width:52px; float:left; height:16px; display:block; margin:0;}


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

#texto-cv {
width:360px;
height:auto;
float:left;
}

#texto-cv p{
font-family:"Trebuchet MS"; font-size:11px; color:#939d9f; font-weight:lighter;
width:360px;
float:right;
padding-bottom:10px;
text-align:left;
margin:3px 0 3px 0;
}

#texto-cv p span{
font-weight:bold;
}


/* ----------------------------------------------*/
/* ---------->>> PORTFOLIO <<<------------*/
/* ----------------------------------------------*/


#portfolio {
width:264px;
height:264px;
float:left;
margin:20px 0 0 40px;
}

a.seccionweb {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionweb_off.gif)
}

a.seccionweb:hover {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionweb_on.gif)
}

a.secciongrafica {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/secciongrafica_off.gif)
}

a.secciongrafica:hover {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/secciongrafica_on.gif)
}

a.seccionilustracion {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionilustracion_off.gif)
}

a.seccionilustracion:hover {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionilustracion_on.gif)
}

a.seccionfotografia {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionfotografia_off.gif)
}

a.seccionfotografia:hover {
width:132px;
height:132px;
float:left;
display:block;
background-image:url(imagenes/seccionfotografia_on.gif)
}

.descarga{
width:200px;
height:40px;
border:none;
margin-top:10px;
margin-left:80px;
float:left;
}

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

#fondo-datos {
width:218px;
height:427px;
background:url(imagenes/fdo_datos.gif) no-repeat;
padding:8px 11px 15px 11px;
float:right;
}

#fondo-datos img{
float:left;
border:none;
margin:0;
margin:0 0 5px 0;
}

#texto-datos {
width:217px;
float:left;
text-align:left;
padding-top:5px;
padding-bottom:5px;
}

#texto-datos p{
font-family:"Trebuchet MS"; font-size:12px; color:#e8e8e8; 
}

#texto-datos p span{
font-weight:bold; color:#FFFFFF;
}

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

.separador {
border-top:1px solid #dddddd;
clear:both;
margin:0px;
height:5px;
}

/* ----------------------------------------------*/
/* ---------->>> CONTACTO <<<------------*/
/* ----------------------------------------------*/

#fondo-contacto {
width:742px;
height:427px;
background:url(imagenes/fdo_contacto.gif) no-repeat;
padding:70px 0 42px 0;
float:left;
}

#contacto {
width:450px;
height:auto;
float:left;
text-align:left;
margin-top:12px;
margin-left:48px;
}

#contacto p{
font-family:"Trebuchet MS"; font-size:11px; color:#939d9f; font-weight:lighter;
}

form { display:block; width:320px; float:left; margin-top:10px;}
form p { margin-bottom:13px; width:320px; position:relative; font-family:"Trebuchet MS"; font-size:11px; color:#939d9f; font-weight:lighter;}
input { margin-left:15px; width:250px; position:absolute; right:0px; padding-left:5px; color:#666666; font-size:11px;}
textarea {width:320px; margin-top:5px; padding-left:5px; color:#666666; font-family:"Trebuchet MS"; font-size:11px;}
input#submit { background: url(imagenes/btn_enviar.gif) no-repeat; border:none; cursor:pointer; width:65px; height:23px;  }


/* ----------------------------------------------*/
/* ---------->>> FOTOS <<<------------*/
/* ----------------------------------------------*/

#content-fotos{
background-color:#FFFFFF;
padding:5px;
}

table {margin: 0px; padding: 0px}
.scrollcontenedor {margin: 0px auto; padding: 0px}
.scrollfotos {overflow-y: hidden; overflow: auto; width: 100%; height: 620px}
.scrollfotos2 {overflow-y: hidden; overflow: auto; width: 100%; height: 570px}
.scrollfotos3 {overflow-y: hidden; overflow: auto; width: 100%; height: 526px}
.scrollfotos4 {overflow-y: hidden; overflow: auto; width: 100%; height: 413px}