/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 10, 2015 */



@import 'https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,900';

body{margin:0;font-family:lato;}

body{margin:0;font-family:arial;}
.navbar{margin-bottom:0px;}
#bien{background-image:url('../img/campo.jpg');background-size:cover;background-position: center;}
#bien .tit{font-size:45px;color:#fff;font-weight:700;padding-top:100px;}
#bien .desc{font-size:25px;color:#fff;font-weight:700;padding-bottom:30px;}


#toplogin{padding:20px 0px; border-bottom:3px solid #61B052;}
#toplogin .datos_vendedor{}
#toplogin .datos_vendedor .datos{display:inline-block;margin-right:5px;}
#toplogin .datos_vendedor .datos .nombre{font-size:15px;color:#333;margin-top:5px;}
#toplogin .datos_vendedor .datos .cerrar{font-size:13px;margin-top:5px;}
#toplogin .datos_vendedor .ico{display:inline-block;vertical-align:top;}

#login{background-image:url('../img/bg.jpg');min-height:370px;background-size:cover;background-position: center;}
#login .titulo{font-size:21px;color:#fff; margin-top:20px;}
#login .error{font-size:15px;color:#fff; margin-top:20px;background-color:#61B052;padding:15px;display:inline-block;display:none;}
#login .campo{margin-top:30px;}
#login .campo .item{margin-bottom:10px;}
#login .campo .item .txt{width: 360px;height: 40px;padding: 0px 10px;color: #666;font-size: 15px;border: 0px none;}
#login .campo .bot{background-color:#61B052;padding:10px 15px;border-radius:5px;border:0px;color:#fff;}
#login .campo .bot:hover{background-color:#064C91;}



#interna{}
#interna h1{font-size:30px;font-weight:500;} 
#interna .ventana{margin-top:20px;margin-bottom:20px;}
#interna .ventana .titulo{font-size:18px;font-weight:700;}
#interna .ventana .desc{font-size:16px;font-weight:300;}

#interna .formulario{margin-top:10px;}
#interna .formulario .campo{margin-bottom:10px;}
#interna .formulario .campo .lbl{font-size:16px;font-weight:bold;margin-bottom:3px;display:inline-block;}
#interna .formulario .campo .btnagregar{display:inline-block;margin-left:10px;border-radius:5px;font-size:11px;margin-bottom:5px;}
#interna .formulario .campo .btnagregar a{color:#111;}
#interna .formulario .campo .content_campo{}
#interna .formulario .campo .content_campo .txt{border-radius:5px;border:1px solid #ccc;padding:5px 10px;width:100%;}
#interna .formulario .botones{}
#interna .formulario .botones .bot{background-color:#61B052;padding:10px 15px;border-radius:5px;border:0px;color:#fff;}
#interna .formulario .botones .bot:hover{background-color:#064C91;}
#interna .formulario .campo .content_campo #beneficiarios{width:100%;height:200px;overflow:scroll;}
#interna .formulario .campo .content_campo #beneficiarios .item{border-bottom:1px dotted #ccc;padding:5px;}
#interna .formulario .campo .content_campo #beneficiarios .item .chk{display:inline-block;}
#interna .formulario .campo .content_campo #beneficiarios .item .nombre{display:inline-block;}

#datos{min-height:200px;}
#datos.loading{background-image:url("../img/load.gif");background-position:top;background-repeat:no-repeat;}

#interna #listado{margin-top:10px;}
#interna #listado .cabecera{font-weight:bold;font-size:13px;}
#interna #listado .cabecera.sticky {position: fixed;top: 0;z-index: 10000;width:100%;left:0px;padding:0px 15px;}
#interna #listado .cabecera .row{background-color:#ccc;padding:10px 0px;}
#interna #listado .detalle{padding:7px 0px;}
#interna #listado .detalle .row{}
#interna #listado .detalle .lbl{font-size:13px;}
#interna #listado .detalle .lbl a{color:#111;}
#interna #listado .detalle .ico{display:inline-block;margin-right:10px;}
#interna #listado .detalle .ico a{color:#111;}
#interna #listado .total_listado{border-top: 1px solid #111;margin-top: 10px; padding: 5px 0px;}	
#imprimir{padding:10px 0px;}
#imprimir .fecha{margin-top:50px;font-weight:bold;font-size:16px;}
#imprimir .datos_empresa{margin-top:50px;}
#imprimir .datos_empresa .empresa{font-weight:bold;font-size:16px;margin-left:50px;}
#imprimir .datos_empresa .responsable{font-size:16px;margin-top:5px;display:block;margin-left:50px;}
#imprimir .consideracion{margin-top:20px;}
#imprimir .firmante{margin-top:100px;}
#imprimir .tipo{margin-top:30px;}
#imprimir .beneficiario{}
#imprimir .beneficiario .item{}
#imprimir .beneficiario .item .etiqueta{font-weight:bold;display:inline-block;margin-right:5px;}
#imprimir .beneficiario .item .dato{display:inline-block;}
	
footer{padding:30px 0px;background-color:#333;margin-top:20px;}
footer .texto{font-size:12px;color:#fff;}