body{ 
margin:0;
padding:0;
background:white;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666;
}

h1, h2, h3, h4{font-family: 'Roboto', sans-serif; font-weight:400; margin:18px 0; color:#333; line-height:36px;}
h1{ color:#174569; line-height:40px; font-weight:500; margin-bottom:30px;  font-size:40px;}
h2{ line-height:33px;}
h3{ line-height:26px;}
h4{ color:#FFF; margin-bottom:5px; font-weight:700; font-size:19px}

#superior{ height:100px;}
#menu{height:40px; background-color:#20608E;}
#presentacion{width:100%; background-color:#f0f0f0; background-image:url(../img_cobros/fdo_present_gris.jpg); background-repeat:no-repeat; background-position:center; background-position:inherit;  height:450px; overflow:hidden;}
#descripcion{ height:239px; background-image:url(../img_cobros/fdo_gris.jpg); background-repeat:repeat-x; background-position:top; }
#pagos{ height:225px; padding:30px 0 0 20px;}
#funciona{ height:400px; background-color:#E4E4E4; padding:30px 0 20px 0;}
#consulta{ height:350px; background-color:#333; margin:2px 0; padding:50px 0 20px 0;}
#pie{ height:210px; background-color:#20608e;}

.central{ width:1000px; margin:0 auto;}

/*-------------Logo + login-------------------------*/
#logo_sup{ float:left; width:296px;}

#barraLogin { width:600px; height:59px; float:right; }
.barraloginint { width:450px; margin:0 auto; padding:12px auto 0 auto}
#barraLogin form,
#barraLogin input { padding:0; margin:0; display:inline}
#barraloginizq { /*width:450px;*/width:300px;float:right; height:100px; margin-top:35px;}

#barraLogin ul{ list-style-type:none; padding:9px 0 0 51px; }
#barraLogin ul li{display: inline; text-align: center; margin: 0 10px 0 0;}
#barraLogin ul li a{ padding: 2px 20px 2px 7px; color: #333; }
#barraLoginul li a:hover{color:#000;}




/*----------imagen y descripcion ---------------*/
#imggrande{ float:left; background-image:url(../img_cobros/tablet_manos.png); background-repeat:no-repeat; background-position:left; width:100%; height:450px;}
#titulo_desc{ float:right; max-width:430px; padding:27px 35px 0 0 ; }

/*----------Menú----------------*/
#menu ul{ list-style-type:none; padding:9px 0 0 51px; }
#menu ul li{display: inline; text-align: center; margin: 0 10px 0 0;}
#menu ul li a{ padding: 2px 20px 2px 7px; color: #fff; border-right: 1px solid #1B5178; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; }
#menu ul li a:hover{color:#B8D8EF;}

/*-----------------descripción por 3--------------*/

.descripcion_1, .descripcion_2, .descripcion_3{ float:left; color:#FFF; padding:30px 0; font-size:18px;}
.descripcion_1{float:left; width:25%; padding-left:20px;}
.descripcion_2{float:left; width:34%;}
.descripcion_3{ float:right; width:29%;}
.sep_vert{ float:left; height:239px; width:5%; background-image:url(../img_cobros/sep_vert.png); background-repeat:no-repeat; background-position:center;}


/*--------------como funciona---------------*/
#como_funciona{ float:left; width:37%; padding-right:5%;}
#como_funciona h2{ color:#42AC50; font-weight:700; }
#video{ float:left; width:53%; padding-top:20px;}

/*--------------Menu secundario---------------*/

#menu_sec ul{ list-style-type:none; padding:0px 0 0 28px; }
#menu_sec ul li{display: inline; text-align: center; margin: 0 10px 0 0;}
#menu_sec ul li a{ padding: 2px 5px; color: #ccc;  text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size:13px; }
#menu_sec ul li a:hover{color:#B8D8EF;}


/*--------------como funciona---------------*/
#consu{ float:left; width:40%; /*padding-left:10%;*/ color:#E6E4E4; padding-top:8px;}
#consu a{ color:#E6E4E4;}
#consu a:hover{ color:#fff;}
#consu h2{ color:#42AC50; font-weight:700; }
#form{ float:left; width:50%; padding-top:0px;}
.consu-btn{margin:80px 170px 0 0; float:right;}
/*--------------internas---------------*/

.body_internas{ background-image:url(../img_cobros/fdo_interna.jpg); background-repeat:repeat-x; background-position:top; background-color:#EEEEEE;}
#cont_nota{ /*background-image:url(../img_cobros/fdo_nota.png); background-repeat:repeat-y;*/ width:850px; background-color:#FFF; border-right: 1px solid #E9E9E9; border-left: 1px solid #E9E9E9;  padding:30px 100px 60px 50px; }
/*#tablet_pie{ background-image:url(../img_cobros/pie_tablet.png); background-repeat:no-repeat; background-position:bottom; padding:0 40px 310px 40px;}*/
/*#cont_nota div { padding:0 40px;}*/
.tit_nota{color: #174569; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:700; margin:20px 0; }
.destacados{color: #174569; font-weight:bold; font-size:16px;}
.subtit_nota{ color:#42ac50; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:700; margin:20px 0; }
.subtit_nota_azul{ color:#174569; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:700; margin:20px 0; }
.copete_nota {font-family: 'Roboto', sans-serif; font-weight:400; padding-bottom:50px; }
.destacado_azul{color:#174569; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:700; margin:20px 0;}
.texto_nota a{color: #174569;}
.texto_nota{font-size:16px; line-height:22px;}
.texto_nota ul{margin-bottom:30px; padding:5px 10px 5px 20px;}
.texto_nota ul li{ margin:14px 0 14px 0; padding-left:5px; list-style:none;}
.texto_nota ul li span.li1{background-image:url(../img_cobros/li_1.png); background-repeat:no-repeat; background-position:left; padding:5px 5px 5px 35px;}
.texto_nota ul li span.li2{background-image:url(../img_cobros/li_2.png); background-repeat:no-repeat; background-position:left; padding:5px 5px 5px 35px;}
.texto_nota ul li span.li3{background-image:url(../img_cobros/li_3.png); background-repeat:no-repeat; background-position:left; padding:5px 5px 5px 35px;}
.texto_nota ul li span.li4{background-image:url(../img_cobros/li_4.png); background-repeat:no-repeat; background-position:left; padding:5px 5px 5px 35px;}


#loading-div-background 
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:black;
        width:100%;
        height:100%;
     }
	 
	 
#loading-div
    {
         width: 250px;
         height: 70px;
         background-color: #0c0b0b;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
     }	 
	 
#ml{ margin-left:20px; }

/*--faqs--*/
.texto_nota .faqs li a{color:#42ac50;}
.texto_nota .faqs li{ list-style-image: url(../img_cobros/bullet.gif)}
.texto_nota .faqs {margin:0;}
.faqsep{ border-bottom:dotted 1px #B3B0B0; margin:25px 0;}