*{
   padding:0;
   margin:0;
}
ul{
   list-style:none;
}
body{
   background:#CACACA url(/images/fnd_body.jpg) repeat-x 0 0;
}
img{
   border:0;
}
p{
   font:11px Arial, Helvetica, sans-serif;
   color:#333;
   margin:0 0 5px 0;
}


#contenedor{
    width: 818px;
    margin: 34px auto 0 auto;
}

a{
    color: #E60094;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
em{
    font-style: normal;
    color: #E60094;
}

h1 img, h2 img, h3 img{
    display: block;
}
/* ESTILOS CABECERA */
#cabecera{
    width: 818px;
    background: url(/images/fnd_cabecera.jpg) no-repeat 0 0;
    height: 183px; 
    position: relative;  
}
    #cabecera #logo{
        margin: 0;
        padding:0;
        position:absolute;
        top: 13px;
        left:26px;
    }
    #menu{
        height: 26px;
        list-style: none;
        margin: 0;
        padding: 0;
        position:absolute;
        top: 18px;
        /*left:354px;*/
        left: 340px;
    }
    #menu li{
        margin: 0 23px 0 0;
        padding: 0;
        list-style-position: outside;
        height: 26px;
        display: inline;
    }
    #menu li a{
        font:bold 11px Arial, Helvetica, sans-serif;
        color:#fff;
        text-align: center;
    }
    #motivo{
        position:absolute;
        top:-40px;
        left:723px;
    }
/* FIN ESTILOS CABECERA */


/* ESTILOS CONTENIDO */
.borde_contenido{
    display:block;
}
.borde_inferior{
    float:left;
}
#contenido{
    padding:0 14px;
    background:  url(/images/fnd_contenido.jpg) repeat-y 0 0;
    overflow: hidden;
    float:left;
    width: 790px;
}
#contenido h2{
    margin: 15px 0 10px 0;
    padding: 0;
}
#contenido_izqda{
    width: 515px;
    float:left;
    display: inline;  
}
#contenido_izqda p{
    font:12px Arial, Helvetica, sans-serif;
    line-height: 17px;
    color:#666666;
    margin:0 0 15px 20px;
}
#contenido_izqda blockquote{
    width: 480px;
    height: 71px;
    background: url(/images/fnd_blockquote.jpg) no-repeat 0 0;
    margin: 0 0 15px 20px;
}

#contenido_izqda blockquote p{
    width:392px;
    font:15px Georgia,"Times New Roman", Verdana, Geneva;
    line-height: 20px;
    color:#fff;
    margin: 0 0 0 45px;
    padding: 15px 0 0 0;
}
#contenido_izqda #curriculum{
    width: 480px;
    height: 106px;
    background: url(/images/fnd_curriculum.jpg) no-repeat 0 0;
    margin: 0 0 20px 20px;
    position: relative;
}
    #curriculum p{
        font: bold 12px Arial, Helvetica, sans-serif;
        line-height: 18px;
        color: #fff;
        width: 310px;
        position: absolute;
        top: 53px;
        left:62px;
    }
    #curriculum #descargar_cv{
        position:absolute;
        top:60px;
        right:12px;
    }

#habilidades{
    background: #3F738B url(/images/fnd_habilidades.jpg) no-repeat 0 0;
    float:left;
}
#habilidades h3{
    margin: 0 0 0 20px;
    padding: 14px 0 0 ;
}
#habilidades h3 img{
    display: block;
}
#habilidades #bajo_habilidades{
    display:block;
    float:left;
}

#habilidades ul{
    margin: 20px 0 0 30px;
    padding:0;
    width:190px;
    float:left;
    display: inline;
}
#habilidades ul li{
    list-style: none;
    width:190px;
    float:left;
    display: inline;
    margin-bottom: 10px;
    list-style-position: outside;
    font: 9px Arial, Helveticabold, sans-serif;
    color:#CEDFE8;
}
#habilidades ul li span{
    float:left;
    display:inline;
    margin-right: 35px;
    width: 60px;
    text-align: right;
}
#habilidades ul li .puntuacion{
    float:left;
}
#contenido_dcha{
    float: right;
    display: inline;
    margin-top: 0;
    width:260px;
}
/* FIN ESTILOS CONTENIDO */

/* ESTILOS PIE */
#pie{
    float:left;
    width: 818px;
    background: url(/images/fnd_contenido.jpg) repeat-y 0 0;
    height: 15px; 
    padding:20px 14px  0 14px;
    font:11px Tahoma,Arial, Helvetica, sans-serif;
    color:#666666;
}
#pie a{
    font:11px Tahoma,Arial, Helvetica, sans-serif;
    color:#666666;
    text-decoration: none;
}
#pie a:hover{
    text-decoration: underline;
    color:#C1285E;
}    
   
/* FIN ESTILOS PIE */

/* ESTILOS HOME */
#sobre_mi{
    margin: 12px 0 22px;
    width: 790px;
    height:91px;
    background: url(/images/fnd_sobre_mi.jpg) repeat-x 0 0;
    position:relative;
    font:bold 11px Arial, Helvetica, sans-serif;
    color:#fff;
    float:left;
    display: inline;
}
#silueta{
    position: absolute;
    top: -10px;
    left: 3px;
}
    #sobre_mi h2{
        margin: 0;
        padding: 0;
        position:absolute;
        top: 10px;
        left:105px;
        font: normal 16px Arial, Helvetica, sans-serif;
        color:#f6f6f6;
    }
    #parrafos{
        position:absolute;
        top: 32px;
        left:133px;        
    }
    #sobre_mi p{
        font:11px Arial, Helvetica, sans-serif !important;
        color:#fff;
        line-height: 13px;
        margin: 0 0 3px;
    }       
    #sobre_mi p a{
        color: #FFA7D5;
    }
    #sobre_mi p a:hover{
        color: #FFA7D5;
        text-decoration: none;
    }    

#trabajos_home{
    width: 530px;
    float:left;
    display: inline;
} 
    #trabajos_home h2{
        margin: 0 0 10px 0;
        padding:0 !important;
    }
    #trabajos_home h2 img{
        display: block;
    }
    
    .trabajo_home{
        float:left;
        display: inline;
        margin: 0 10px 10px 0;
        width: 250px;
        height: 181px;
    }
        .trabajo_home .marco_foto{
            width: 250px;
            height: 140px;
            background: #C1285E;
        }
        .trabajo_home .marco_foto img{
            border:1px solid #EDBFCF;
            margin: 4px 0 0 4px;
        }
        
        .trabajo_home .info_trabajo{
            height: 37px;
            background: #4B4B4B;
            margin-top: 4px;
        }
        .trabajo_home .info_trabajo h3{
            font:11px Georgia,"Times New Roman", Verdana, Geneva;
            color:#fff;
            background: url(/images/bullet_h3_trabajo.gif) no-repeat 0 9px;
            margin: 0 0 0 6px;
            padding:4px 0 0 6px;
        }
        .trabajo_home .info_trabajo p{
            font:10px Arial, Helvetica, sans-serif;
            color: #FFA7D5;
            margin: 1px 0 0 12px;
            padding: 0;
        }

#dcha_home{
    float: right;
    display: inline;
    margin-top: 34px;
    width:260px;
}
    #dcha_home #termometro{
        width: 260px;
        height: 181px;
        float:right;
        display: inline;
        background: url(/images/fnd_termometro.jpg) no-repeat 0 0;
    }
    #dcha_home #termometro h2{
        font:15px Arial, Helvetica, sans-serif;
        color:#fff;
        margin: 9px 0 10px 10px;
        padding: 0;
    }   
    #dcha_home #termometro p{
        color:#fff;
        margin: 0 0 10px 20px;
        width: 190px;
    } 
    #dcha_home #termometro #btn_contactar{
        margin-left: 20px;
    }
    #dcha_home #termometro #medidor{
        float: right;
        display: inline;
        margin: 16px 16px 0 0;
    }
    
    #dcha_home #haciendo{
        width: 260px;
        height: 181px;
        float:right;
        display: inline;
        margin-top: 10px;
        background: url(/images/fnd_haciendo.jpg) no-repeat 0 0;
    }
    #dcha_home #haciendo h2{
        font:15px Arial, Helvetica, sans-serif;
        color:#fff;
        margin: 9px 0 10px 10px;
        padding: 0;
    }   
    #dcha_home #haciendo #twitter_update_list{
        margin: 15px 0 0 32px;
        width: 190px;
    }
    #dcha_home #haciendo #twitter_update_list li{
        margin: 0;
        padding: 0;
        list-style: none;
        font:11px Arial, Helvetica, sans-serif;
        color: #608284;
    }
    #dcha_home #haciendo #twitter_update_list li span{
      float:left;
      width:190px;
    }
    #dcha_home #haciendo #twitter_update_list li a{
      color:#999;
    }
    #dcha_home #haciendo #twitter_update_list li span a{
        font:11px Arial, Helvetica, sans-serif;
        color: #608284;
        text-decoration:underline;
        /*display: none;*/
    }
    #dcha_home #haciendo #twitter_update_list li span a:hover{
        text-decoration:none;
    }
/* FIN ESTILOS HOME */


/* ESTILOS SERVICIOS */
#contenido .servicio{
    float:left;
    display: inline;
    width: 255px;
    height: 181px;
}
#contenido .servicio#web{
    background: url(/images/fnd_servicios_web.jpg) no-repeat 0 0;
}
#contenido .servicio#grafico{
    background: url(/images/fnd_servicios_grafico.jpg) no-repeat 0 0;
    margin:0 12px;
}
#contenido .servicio#multimedia{
    background: url(/images/fnd_servicios_multimedia.jpg) no-repeat 0 0;
}
#contenido .servicio h3{
    margin: 12px 0 0 15px;
}
#contenido .servicio h3 img{
    display: block;
}
#contenido .servicio ul{
    margin: 10px 0 0 17px;
    padding: 0;
    width:220px;
}
#contenido .servicio ul li{
    margin: 0 0 4px 0;
    padding: 0 0 0 8px;
    float:left;
    width:220px;
    list-style: none;
    list-style-position: outside;
    font:11px Arial, Helvetica, sans-serif;
    color: #fff;
    background: url(/images/bullet_servicio.gif) no-repeat 0 6px;
}
/* FIN ESTILOS SERVICIOS */

/* ESTILOS CONTACTO */
#form_contacto{
	margin:0px 0 0 70px;
    padding:0;
    float:left;
    display: inline;
}

#form_contacto fieldset{
	border:none;
	padding:0;
	float:left;
	display:inline;
	margin:5px 10px 0;
}
#form_contacto ol{
	margin:0;
	padding:0;
	width:390px;
}
#form_contacto li{
	list-style:none;
	margin:12px 0 0 0;
	padding:0;
	float:left;
	width:390px;
}
#form_contacto label{
	float:left;
	display:inline;
	width:65px;
	text-align:right;
	margin-right:10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#E60094;
}
#form_contacto .texto{
	width:310px;
	border:1px solid #F8AFE0;
	background: #FEEDFA;
	height:16px;
	font:11px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#333;
	float:left;
}
#form_contacto textarea{
	width:310px;
	float:left;
	height:80px;
	border:1px solid #F8AFE0;
	overflow:auto;
    font:11px Arial, Helvetica, sans-serif;
    color:#666;
	background: #FEEDFA;    
}
.submit{
	float:right;
	display:inline;
	margin-right:3px;
	margin-top: 5px;
}
.LV_invalid{
    font:11px Arial, Helvetica, sans-serif;
    color:#F85CD5;
    margin-left: 75px;
}
.LV_valid{
	display:none;
	font:11px Arial, Helvetica, sans-serif;
	color:#E60094;  
}
.LV_invalid_field{
	border:1px solid #F8AFE0 !important;
	background:#FA96E3 !important;
}

#form_contacto li em{
	background: #EF57BA url(/images/fnd_ok.gif) no-repeat 7px 4px;
	border:none;
	display:block;
	padding:2px 3px;
	font:11px Arial, Helvetica, sans-serif;
	color:#FEEDFA;
	text-align:left;
	padding-left: 30px;
}

.h3rosa{
    background: #EF57BA;
    height: 17px;
    width: 236px;
    float:right;
    padding: 4px 0 0 14px;
}
#contenido_dcha p{
    float:left;
    display: inline;
    margin: 10px 0 0 18px;
    font: 11px Arial, Helvetica, sans-serif;
    color:#666666;
}
#contenido_dcha #redes_sociales{
    float:left;
    display: inline;
    margin: 15px 0 0 18px;
    padding:6px 0 0 0;
    width: 230px;
    height: 24px;
    border: 1px solid #F8AFE0;
    text-align: center;
}
#contenido_dcha #redes_sociales img{
    margin: 0 6px;
}
/* FIN ESTILOS CONTACTO */

/* ESTILOS TRABAJOS */
.trabajo{
    float:left;
    width:770px;
    display: inline;
    margin: 10px 0 25px 0;
}
    .trabajo h3{
        background: #4B4B4B;
        font: normal 14px Georgia,"Times New Roman", Verdana, Geneva;
        color:#fff;
        margin-left: 10px;
        padding:5px 0 0 6px;
        width: 764px;
        height: 23px;
    }
    .trabajo .info_trabajo{
        margin: 18px 0 0 30px;
        padding: 0;
        float:left;
        display: inline;
        width: 430px;
        list-style: none;
    }
    .info_trabajo li{
        margin: 0 0 10px 0;
        padding: 0;
        list-style-position: outside;
        float:left;
        display: inline;
        width: 430px;
    }
    .info_trabajo li span{
        font: 10px Arial, Helvetica, sans-serif;
        color: #C1285E;
        text-align: right;
        width:120px;
        float:left;
        padding-top: 1px;
    }
    .info_trabajo li .dcha_info{
        float:left;
        width: 300px;
        display: inline;
        margin-left: 5px;
        font: 11px Arial, Helvetica, sans-serif;
        color: #666;
    }
    .info_trabajo li .dcha_info p{
        margin: 0;
        padding:0;
        font: 11px Arial, Helvetica, sans-serif;
        line-height:16px !important;
        color: #666 !important;
    }
    .info_trabajo li .dcha_info a{
        color:#C1285E;
    }
    .dcha_info strong{
        color: #C1285E
    }
    .dcha_info img{
        margin-right: 5px;
    }
    
    .trabajo .imagen_trabajo{
        float:left;
        display: inline;
        margin:15px 0 0 13px;
        width:290px;
    }
    
    .trabajo .imagen_trabajo .enlace_trabajo{
        clear:both !important;
        float:left;
        display: inline;
        width: 53px;
        overflow:hidden;
        position: relative;
        font:11px Arial, Helvetica, sans-serif;
        color: #C1285E;
        background: url(/images/bullet_enlace_trabajo.gif) no-repeat 0 5px;
        padding-left:8px;
        text-decoration: none;
        margin: 2px 0 0 208px;
    }
    .trabajo .imagen_trabajo .enlace_trabajo:hover{
        text-decoration: underline;
    }
    
    .trabajo .trabajo_anterior, .trabajo .trabajo_siguiente{
        float:left;
        display: inline;
        margin-top: 56px;
        cursor: pointer;
    }

    
    .trabajo .marco_trabajo{
        width: 250px;
        height: 140px;
        background: #C1285E;
        float:left;
        position: relative;
        margin: 0 5px;
    }
    .marco_trabajo .mascara{
        width: 240px;
        height: 130px;
        position: absolute;
        top:4px;
        left: 4px;
        overflow:hidden;
        border: 1px solid #EDBFCF;
    }
    .mascara img{
        float:left;
    }
    .mascara .caja{
        position: absolute;
    }
    

#paginador{
    float: left;
    width:770px;
}
#paginador #paginas{
    float: right;
}   
#paginador .pagina{
    background: #C1285E;
    border:1px solid #C1285E;
    text-align: center;
    font:10px Arial, Helvetica, sans-serif;
    color:#fff;
    width: 13px;
    height:12px;
    float:left;
    display: inline;
    margin-right: 5px;
    text-decoration: none;
    padding-top: 1px;
}
#paginador .pagina:hover, #paginador .actual{
    background: #fff;
    color: #C1285E;   
    border:1px solid #C1285E; 
}
#paginador .pag_ant, #paginador .pag_sig{
    float:left;
    display:inline;
}
#paginador .pag_ant{
    margin-right: 5px;
}
#paginador span{
    float:left;
    display: inline;
    font:10px Arial, Helvetica, sans-serif;
    padding-top: 2px;
    color: #C1285E;
    text-transform: uppercase;
    font:10px Arial, Helvetica, sans-serif;
    margin-right: 8px;
}
/* FIN ESTILOS TRABAJOS */