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

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

#notificar #contenido{
padding: 25px;
width: 545px;
background: #000;
}

#notificar #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;
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;
}

#formulario .descripcion{
font-size: 18px;
font-weight: bold;
}

#notificar_msg_s{
float:left;
padding: 0 25px;
margin-left: -24px;
width: 550px; height:300px;
background: url(../images/notificar_mensaje.png) bottom no-repeat;
}

#notificar_mensaje{
float:left;
padding: 0 25px;
margin-left: -26px;
width: 545px; height:292px;
background: #000;
}

#factura{
float:left;
padding: 0 25px;
margin-left: -25px;
width: 545px; height:500px;
height: 100%;
background: #000;
}

#factura_s{
width: 577px; height:499px;
background: url(../images/notificar_shadow_repeat.png) right repeat-y;
}