/*
Contenido pagina de contacto
*/
#contacto{
width: 602px; height: 647px;
margin: 50px auto 0 auto;
color: #fff;
background: url(../images/contacto_shadow.png) no-repeat;
}

#contacto h1, #contacto h2{
color: #fff;
font-size: 20px;
font-weight: bold;
}

#contacto #contenido{
background: #000;
padding: 25px;
width: 545px; height:590px;
}

#contacto #formulario{
width: 500px;
}

.descripcion{
margin-bottom: 25px;
}

.campo{
background: url(../images/frm_bg_a.gif) repeat-x;
height: 67px;
}

.tipo{
float:left;
width: 100px;
text-align: right;
font-size: 12px;
margin-top:25px;
margin-right:25px;
}

.input input{
margin-top:25px;
width: 250px;
height: 17px;
padding-top: 3px;
padding-left: 5px;
}

.comment textarea{
margin-top:25px;
width: 250px; height: 132px;
padding-top: 3px;
padding-left: 5px;
}

.mensaje{
background: url(../images/comment_bg_a.gif) repeat-x;
height: 184px;
}

#enviar h2{
float:left;
margin-top: 20px;
margin-left: 25px;
width: 103px; height: 29px;
background: url(../images/enviar.gif) top no-repeat;
text-indent: -100000px;
}

#enviar h2 a{
float:left;
width: 103px; height: 29px;
display:block;
}

#enviar h2 a:hover{
background: url(../images/enviar.gif) bottom no-repeat;
}

#mail_response{
width: 300px; height: 40px;
margin-top: 20px;
margin-left: 25px;
overflow: hidden;
background: #red;
color:#fff;
}

.enviar{
float:left;
margin-top: 20px;
margin-left: 25px;
width: 103px; height: 29px;
background: url(../images/enviar.gif) top no-repeat;
text-indent: -100000px;
}

.hover{
background: url(../images/enviar.gif) bottom no-repeat;
cursor: pointer;
}