/* CSS Document */

* {padding:0; margin:0; width:100%;} 

html{/*--background: url(img/pattern_celeste.gif) repeat;--*/}

#body{font-family:Georgia, Arial, Tahoma; z-index:1;}

a{outline:medium none;}

h2{font-size:15px;
line-height:15px;}

h2.fly {display:none;}

h3{font-size:20px;
line-height:22px;}
/*----------------------CV------------------
p{font-size:10px;
line-height:13px;}--*/

#wrapper_index{
width:800px;
height:550px; 
position:relative;
margin:10px auto;
/*---background:url(img/fondo_index3.jpg) no-repeat;---*/
z-index:2;
padding-bottom:90px;
font-size:10px;
line-height:13px;	
font-family:Arial, Verdana, Tahoma, Georgia;}

/*----------------------leyenda central--------------------*/
#leyenda_central{
width:294px;
height:496px;
position:absolute;
left:230px;
top:37px;
z-index:3;
background:url(img/notita.png) no-repeat;}

/*----------------------me--------------------*/
#cv{width:190px;
height:405px;
z-index:10px;
position: absolute;
top:60px;
left:42px;}

#me{width:240px; 
height:480px;
position:absolute;
left:6px;
top:49px;
cursor:pointer;
z-index:30;}

/*----------------------menu---digital--------------------*/
#leyenda_digital{
width:50px;
height:20px;
position:absolute;
left:455px;
top:55px;
font-style:italic;
color:#5B5B5B;}

#menu_digital{
width:99px;
height:93px;
position:absolute;
top:50px;
right:160px;}

#menu_digital ul {
margin:0;
list-style-image: none;
list-style-type: none;}
	
#menu_digital li {
width:99px;
font-style:normal;}

#menu_digital li a { 
display:block;
height:28px;
width:120px;
cursor:pointer;
font-size:13px;
text-align:center;
line-height:28px;
text-decoration:none;
color:#000;
font-weight: bold;
margin:0px 0px 10px 0px;
background:url(img/btn_digital.png) no-repeat;}

#menu_digital li a:hover {color:#EC3964; background: url(img/btn_digital_hover.png) no-repeat;}

/*----------------------oil painting, press, crafts--------------------*/
#menu_manualidades{
width:108px;
height:109px;
position:absolute;
top:130px;
right:150px;
list-style-type: none;}

#menu_manualidades ul {
margin:0;
list-style-image: none;
list-style-type: none;}
#menu_manualidades li { width:99px; font-style:normal;}

#menu_manualidades li a { 
display:block;
height:28px;
width:103px;
cursor:pointer;
font-size:13px;
text-align:center;
line-height:28px;
text-decoration:none;
color:#000;
font-weight: bold;
margin:0px 0px 10px 0px;
background: url(img/btn_manualidades.png) no-repeat;}

#menu_manualidades li a:hover { color:#213887;background-image: url(img/btn_manualidades_hover.png);}

/*------------------soles Etsy ---------*/
#leyenda_etsy{
width:60px;
height:40px;
position:absolute;
right:280px;
top:290px;
font-style:italic;
font-size:10px;
color:#5B5B5B;}

#menu_etsy{ 
width:163px;
height:30px;
position:absolute;
cursor:pointer;
top:275px;
right:100px;
z-index:4;}

#menu_etsy ul {
margin:0;
list-style-image: none;
list-style-type: none; }

#menu_etsy li { width:163px; height:28px; font-style:normal;}

#menu_etsy li a { 
display:block;
height:28px;
width:163px;
font-size:13px;
text-align:left;
line-height:28px;
text-decoration:none;
color:#000;
font-weight: bold;
margin:0px 0px 10px 0px;
background: url(img/btn_etsy.png) no-repeat; 
padding-left:7px;}

#menu_etsy li a:hover{ color:#6d0d8a; background: url(img/btn_etsy_hover.png) no-repeat;}

/*------------------bySol My Etsy ---------*/
#menu_etsy2{
width:163px; 
position:absolute;
cursor:pointer;
top:315px;
right:100px;
z-index:4;}

#menu_etsy2 ul {
margin:0;
list-style-image: none;
list-style-type: none; }

#menu_etsy2 li { width:163px; height:28px; font-style:normal;}

#menu_etsy2 li a { 
display:block; 
height:28px;
width:163px;
font-size:13px;
text-align:center;
line-height:28px;
text-decoration:none;
color:#000;
font-weight: bold;
margin:0px 0px 10px 0px;
background: url(img/btn_etsy.png) no-repeat;}

#menu_etsy2 li a:hover{ color:#6d0d8a; background: url(img/btn_etsy_hover.png) no-repeat;}

/*------------------leyenda blog ---------*/
#leyenda_blog{font-style:italic;
width:160px;
height:20px;
position:absolute;
right:155px;
top:430px;
color:#5B5B5B;}

#menu_blog{
width:103px;
height:30px;
position:absolute;
cursor:pointer;
top:423px;
right:160px;
z-index:4;}

#menu_blog ul {
margin:0;
list-style-image: none;
list-style-type: none;}

#menu_blog li { width:103px;}

#menu_blog li a { 
display:block;
height:28px;
width:103px;
font-size:13px;
text-align:center;
line-height:28px;
text-decoration:none;
color:#000;
font-weight: bold;
margin:0px 0px 10px 0px;
background: url(img/btn_blog_hover.png) no-repeat;}

#menu_blog li a:hover{color:#6d0d8a; background-image: url(img/btn_blog.png);}

/*----------------------footer index--------------*/	
#footer_index{
width:780px;
height:70px;
position:absolute;
bottom:65px;
left:0;
z-index:3; 
clear:both;}

#contacto a{ /*de index*/
width:33px;
height:18px;
position:absolute;
top:-8px;
right:5px; 
background-image:url(img/contacto.png);}
#contacto a:hover{background-image:url(img/contacto_hover.png);}


/*----------------------contacto.html--------------*/
#wrapper_contact{
width:800px;
height:550px;
/*--background:url(img/fondo_contacto.jpg) no-repeat--*/;
position:relative;
margin:auto;
z-index:2;
margin-bottom:10px;}

#home a{ /*de contacto*/
width:33px;
height:31px;
position:absolute;
top:-10px;
right:-8px;
background-image:url(img/btn_home.png);}
#home a:hover{background-image:url(img/btn_home_hover.png);}

#footer_contact p{ /*de contacto*/
text-align: center;
font-size:13px;
color:#3E3E3E;
line-height:20px;
font-family:  Arial, Verdana, Tahoma, Georgia;
font-weight: bold; 
font-style:italic;letter-spacing:0,5px;}

/*----------------------footer contact--------------*/	
#footer_contact{
width:780px;
height:40px;
position:absolute;
bottom:10px;
left:0;
z-index:3; 
clear:both;}

#contacto a{
width:33px;
height:18px;
position:absolute;
top:-271px;
right:400px; 
background-image:url(img/contacto.png);}
#contacto a:hover{background-image:url(img/contacto_hover.png);}

#home a{
width:33px;
height:31px;
position:absolute;
top:-10px;
right:0px;
background-image:url(img/btn_home.png);}
#home a:hover{background-image:url(img/btn_home_hover.png);}

#footer_contact p{
text-align: center;
font-size:13px;
color:#3E3E3E;
line-height:20px;
font-style: italic;
font-weight: bold;}

#footer_index p{
padding:5px 0px;
text-align: right;
font-size:11px;
color:white;

font-weight: bold;}

/*--------------formulario contacto-------------------------------------------------------- */	
#contactForm{
width:420px; 
height:400px;
position:absolute;
right:175px;
top:57px;
color:#666666;}

#fvalida {
width:420px;
height:450px;
position:relative;
margin:auto;}

#contactForm label{
text-transform: capitalize;
font-size: 18px;
font-size:15px;
color:#666;
font-family:Arial, Verdana, Tahoma, Georgia;
font-weight:bold; 
font-style:italic;letter-spacing:0,5px;}

#contactForm input {
color: #000000;
margin: 5px 0px 5px 0px;
font-size:15px;
font-family:  Arial, Verdana, Tahoma, Georgia;
font-weight: bold; }

#button{
width: 100px;
position:absolute;
bottom:40px;
left:300px;
font-size:12px;}

#nombre, #telefono {
width:400px;}

#email, #comentario{
width:400px;
font-size: 15px;
line-height: 16px;
color: #000000;}

#comentario{
margin: 5px 50px 20px 0px;}

/*----------------------leyenda respuesta--------------------*/
#leyenda_respuesta{
width:300px;
height:50px;
position:absolute;
left:202px;
top:153px;
color:#FD6672;
line-height:30px;
font-style:italic;}

#leyenda_respuesta h3{
font-size:20px;}

#dibu{
width:150px;
height:150px;
position:absolute;
top:250px;
right:150px;
background-image: url(img/estrellas.gif);}
/*-----------------------------------*/