/*********************  GENERAL  ********************************
*****************************************************************
*****************************************************************/

  
  /* azul: #007a90   .... naranja: #d17400 
   rojo: #d41217 .... amarillo: #f5c800
   naranja2: #d84d15 ..... naranja3: #ea9000 */
  
  /* no se pone en el head del html...se pone aca el css de los iconos usados */

  @import url("material-design-iconic-font.css");

  /* no se pone en el head del html...listado de prefijos de los principales navegadores */
@-webkit-viewport   { zoom: 1.0; width: device-width; }
@-moz-viewport      { zoom: 1.0; width: device-width; }
@-ms-viewport       { zoom: 1.0; width: device-width; }
@-o-viewport        { zoom: 1.0; width: device-width; }
@viewport           { zoom: 1.0; width: device-width; }

  /* tipografias usada */

html, body {
	font-family: 'Open Sans', sans-serif;
    height: 100%;
/* para mejorar visualizacion de tipografias */
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
  
}

 header, section, footer, aside, nav, article, hgroup{
  display:block;
  }
  
h1{
	color:#fff;
	margin:5px;
}

.h2{
	color:#fff;
	margin:5px;
	font-size:11px;
	font-weight:normal;
}



.fondobanner{
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 0%, #f92904 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 0%,#ff7c00 0%,#f92904 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 0%,#ff7c00 0%,#f92904 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#f92904',GradientType=0 ); /* IE6-9 */
}


section.bannerTopGeneral{
    padding-top: 140px;
    position:relative;
}



@media screen and (min-width: 320px) {
    section.bannerTopGeneral{
        
        padding-top: 0px;
    }
}

@media screen and (min-width: 480px) {
    section.bannerTopGeneral{
       
        padding-top: 6px;
    }
    
}

@media screen and (min-width: 640px) {
    section.bannerTopGeneral{
     
        padding-top: 27px;
    }
}

@media screen and (min-width: 768px) {
    section.bannerTopGeneral{
       
        padding-top: 37px;
    }
   
}




@media screen and (min-width: 1024px) {
    section.bannerTopGeneral{
       
        padding-top: 140px;
        
    }

}










/********************* HEADER  ********************************
*****************************************************************
*****************************************************************/



header .header-prestamos{

    box-shadow: 2px 2px 5px #999;
    background-color: #007a90;
   
    
}



header .header-prestamos h2.logotipo{
    color:#fff;
    font-size: 23px;
    font-weight:normal;
    text-transform:uppercase; 
    padding: 7px 0 7px 6px;
    margin-bottom: 0px;
}


@media screen and (min-width: 320px) {
    header .header-prestamos h2.logotipo {
        font-size: 13px;
        padding: 7px 0 7px 0px;
    }

}


@media screen and (min-width: 480px) {
    header .header-prestamos h2.logotipo {
        font-size: 16px;
        padding: 7px 0 7px 0px;
    }

    
}

@media screen and (min-width: 640px) {
    header .header-prestamos h2.logotipo {
        font-size: 18px;
        padding: 7px 0 7px 0px;
    }

}

@media screen and (min-width: 768px) {
    header .header-prestamos h2.logotipo {
        font-size: 21px;
        padding: 7px 0 7px 0px;
    }

}


@media screen and (min-width: 1024px) {
    header .header-prestamos h2.logotipo {
        font-size: 23px;
        padding: 7px 0 7px 6px;
    }

}


.fixed-top{
    background-color: #fff;
    opacity: 0.9;
    -webkit-box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 34px -5px rgba(0,0,0,0.43);
    }
    



    
/********************* NAVEGACION    ********************************
*****************************************************************
*****************************************************************/
 a.cont-logo{
    display: block;
    float:left;
}

 a.cont-logo img{
    padding: 5px 0 0 0!important;
    width: 100%;
}

@media screen and (min-width: 320px) {
    a.cont-logo img {
        width: 200px;
        
    }

}


@media screen and (min-width: 480px) {
    a.cont-logo img {
        width: 70%;
        width: 200px;
    }
}

@media screen and (min-width: 640px) {
    a.cont-logo img {
        width: 80%;
        width: 250px;
    }
}

@media screen and (min-width: 768px) {
    a.cont-logo img {
        width: 90%;
    }
}



@media screen and (min-width: 1024px) {
    a.cont-logo img {
        width: 100%;
    }

}



.navbar-Ofrecer{
    margin-top: 50px;
   
}


.navbar-collapse{
  flex-grow: 0;
 
}


.navbar-expand-lg .navbar-nav .nav-link{
  color: #333!important;
  margin: 0 5px 0 5px;
  font-weight: 500;
  padding-bottom: 0;
  text-transform:uppercase; 
  font-size: 15px;
  padding-left: 20px;
  
}

.navbar-expand-lg .navbar-nav a.nav-link:hover{
    color: #d17400!important;
    
}








/********************* MAIN   ***************************************************************
**************************************************************************************************
**************************************************************************************************/
 
main{
	padding: 0 0 0 0!important;
 }


/********************* SIN USAR**********/

/* clase que tiene  fondo NARANJA DEGARDE */
.bk-form{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff9f9+0,ffffff+30,007a90+100 */
background: rgb(255,249,249); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,249,249) 0%, rgb(255,255,255) 30%, rgb(0,122,144) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(255,249,249) 0%,rgb(255,255,255) 30%,rgb(0,122,144) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(255,249,249) 0%,rgb(255,255,255) 30%,rgb(0,122,144) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#007a90',GradientType=0 ); /* IE6-9 */
}

/* clase que tiene  imagen fija de fondo */
.image-fixed {
    background-image: url("../images/slide3.jpg");
    height: 300px;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

/********************* fin SIN USAR**********/


/********************* MAIN / SLIDER DEL INDEX  ***************************************************************
**************************************************************************************************
**************************************************************************************************/

.carousel-inner{
	width: 100%;
    max-height: 400px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+0,ff7c00+0,f92904+100 */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 0%, #f92904 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 0%,#ff7c00 0%,#f92904 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 0%,#ff7c00 0%,#f92904 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#f92904',GradientType=0 ); /* IE6-9 */

}



 section.slider{
    position: relative;
    padding-top: 140px;
    width: auto;
    height:auto;


}


@media screen and (min-width: 320px) {
    section.slider{
        padding-top: 100px;

    }
}

@media screen and (min-width: 480px) {
    section.slider{
        padding-top: 100px;
    }
    
}

@media screen and (min-width: 640px) {
    section.slider{
        padding-top: 120px;
    }
}

@media screen and (min-width: 768px) {
    section.slider{
        padding-top: 120px;
    }
   
}

@media screen and (min-width: 1024px) {
    section.slider{
        padding-top: 140px;
    }

}


/* boton sorteos*/


section.slider a.sorteos-icon img{
    text-decoration: none;
}


.online-icon{
    position:absolute;
    bottom:-45px;
    right:250px;
    z-index:3;
}

.online-icon img{
    -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -ms-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   
   
}

.online-icon img:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    transform: rotate(18deg) scale(1.5);
    outline: none;
	
 }


 
.online-icon img:focus, .online-icon img:active{

    outline: none;
	
 }


 @media screen and (min-width: 320px) {
    .online-icon{
    bottom: -20px;
    right:10px;
    width: 100px;
    }
}



@media screen and (min-width: 480px) {
    .online-icon{
        bottom:-25px;
        right:50px;
        width: 120px;
        }
}

@media screen and (min-width: 640px) {
    .online-icon{
        bottom:-30px;
        right:100px;
        width: 150px;
        }
}

@media screen and (min-width: 768px) {
    .online-icon{
    bottom:-30px;
    right:200px;
    width: 170px;
    }
}



@media screen and (min-width: 1024px) {
    .online-icon{
    position:absolute;
    bottom:-45px;
    right:250px;
    z-index:3;
    width: 200px;
    }
}













 .sorteos-icon-sorteo{
    position:absolute;
    bottom: 300px;
    right:280px;
    z-index:3;
 }

 .sorteos-icon-sorteo img{
    -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -ms-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   
   
}

.sorteos-icon-sorteo img:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    transform: rotate(18deg) scale(1.3);
  
    cursor: none;
	
 }







/********************* SECCION PRESTAMOS  DEL INDEX  ***************************************************************
**************************************************************************************************
**************************************************************************************************/

    section.prestamosIndex{
        color:#fff;
        padding: 50px 0 40px 0;

    }


    .card-header{
        border: none;
        padding: 10px!important;
        background-color: transparent!important;
        height: 80px;
    }


    .card-body h5{
        margin-top:20px;
        font-size: 20px;
        font-weight: 400;
        text-transform:uppercase;
        height: 50px;
    }

   
    
    .card-body .card-texto{
        color: #000!important;
        height: 130px;
    }


    .tarjetas-index-color{
        background-color: rgb(245, 245, 245);
        border-radius: 3px;
        padding: 5px;
        min-height:275px;

    } 
    .tarjetas-index-color h5{
        margin-top:0px;
    } 

  
    .prestamosIndex .card.last{
        margin-left:0px;
    }

    .col-lg-3.card.empleados{
        max-width: 24%;
    } 




/* COLORES PRESTAMOS */

    .empleados{
      color: #d41217!important;
      font-weight: 600;
    }

    .btn-empleados{
        background-color: #d41217!important;
        color:#fff;
    }

   



    .jubilados{
        color: #f5c800!important;
        font-weight: 600;
    }
    .btn-jubilados{
        background-color: #f5c800!important;
        color:#fff;
     }

   

    .monotributistas{
        color: #d84d15!important;
        font-weight: 600;
    }

    .btn-monotributistas{
        background-color: #d84d15!important;
        color:#fff;
     }

   

    .pension{
        color:  #ea9000!important;
        font-weight: 600;
    }

    .btn-pension{
        background-color:  #ea9000!important;
        color:#fff;
     }
   


    /* fin COLORES PRESTAMOS */
 


    .card-body{
        padding: 5px!important;
      
    }


    .card-footer{
      border: none;
       margin-bottom: 0;
    }


    .link-prestamo{
        margin: 0;
       text-decoration: none!important;
       color: #fff;
       padding:5px;
       display: inline-block;
       box-shadow: 2px 2px 5px #999;
       
   }

   a.link-prestamos{
        margin: 0;
        text-decoration: none!important;
        color: #fff;
        padding:5px;
        display: inline-block;
    }
    a.link-prestamos:hover{
       opacity:0.5;
   }
  


    .card-prestamos{
        color: #000;
       height: auto;
    }

    .prestamos{
       padding: 5px!important;
    }
    



 
/********************* PAGINA PRESTAMOS ***************************************************************
**************************************************************************************************
**************************************************************************************************/

section.prestamos-content {
    padding: 50px 0;
}
/*
section.prestamos-content .req-Empleados{
    font-size: 18px;
    text-transform: uppercase;
    color:#f75e06!important;
    text-decoration: none;
    font-weight: 600;
}

section.prestamos-content .req-Empleados:hover{
    opacity: 0.8;
}

section.prestamos-content .req-Empleados .zmdi{
    font-size: 30px;
    padding-left: 150px;
   
}

*/

.card-requisitos .requisitos-vertical{
    color: #000;
    min-height: 200px;
}




 /* requisitos */

.bannerTopGeneral .requisitos{
    position: relative;
 }


 .requisitos-icon{
    position:absolute;
    bottom: -115px;
    right:290px;
    z-index:3;
    width: 300px;
 }

 .requisitos-icon img{
    -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -ms-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   
   
}

.requisitos-icon img:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    transform: rotate(18deg) scale(1.3);
    cursor: none;
	outline: none;
 }

 .requisitos-icon img:focus, .online-icon img:active{

    outline: none;
	
 }



 
 @media screen and (min-width: 320px) {
    .requisitos-icon{
    bottom: -10px;
    right:70px;
    width: 100px;
    }
}



@media screen and (min-width: 480px) {
    .requisitos-icon{
        bottom:-40px;
        right:100px;
        width: 150px;
        }
}

@media screen and (min-width: 640px) {
    .requisitos-icon{
        bottom:-80px;
        right:150px;
        width: 200px;
        }
}

@media screen and (min-width: 768px) {
    .requisitos-icon{
    bottom:-100px;
    right:200px;
    width: 250px;
    }
}



@media screen and (min-width: 1024px) {
    .requisitos-icon{
        position:absolute;
        bottom: -115px;
        right:290px;
        z-index:3;
        width: 300px;
    }
}






	
/********************* GALERIA DE IMAGENES  ***************************************************************
**************************************************************************************************
**************************************************************************************************/

section.galeria{
	background-color: #fff;
	padding: 30px 0 ;
}

.img-ampliar {
    position: absolute;
    color: rgba(255, 255, 255, 0.7);
    font-size: 50px;
    left: 30px;
    top: 30px;
}

.wrap {
    /* border: 1px solid #ccc;*/
    padding: 5px;
    position: relative;
    margin: 0px 15px 15px 0;
}


/********************* MAPA GOOGLE ***************************************************************
**************************************************************************************************
**************************************************************************************************/


#mapCanvas {
    width: 100%;
    height: 400px;
}


/********************* FLECHA IR ARRIBA  ***************************************************************
**************************************************************************************************
**************************************************************************************************/
.ir-arriba {
	display:none;
	padding:20px 20px 0px 20px;
	background:transparent;
	font-size:50px;
    color: #007a90!important;
	cursor:pointer;
	position: fixed;
	bottom:5px;
	right:50px;
	z-index: 2;
}

.ir-arriba:hover {
    opacity: 0.5;
}



/********************* curriculum vitae  ***************************************************************
**************************************************************************************************
**************************************************************************************************/
section.personal{
    box-shadow: 2px 2px 5px #999;
    background-color: #007a90;
   
}




.deptopersonal p{
    padding: 10px 0 10px 0;
    text-align: right;
    font-size: 20px;
	color:#fff;
	font-weight: normal;
    text-shadow: -2px -2px 15px #000;
    text-align: left;
 
}

.cvitae{
    padding: 10px 0 10px 0;
    text-align: right;
    font-size: 18px;
	color:#f3f583;
	font-weight: normal;
    text-shadow: -2px -2px 15px #000;
    text-align: left;
 
}


.cvitae:hover{
      color:#f3f583;
      opacity: 0.5;
      text-decoration: none;
  }
  



@media screen and (min-width: 320px) {
    .deptopersonal p{
        padding: 0;
      
        font-size: 12px;
    }
}



@media screen and (min-width: 480px) {
    .deptopersonal p{
        padding: 10px 0 10px 0;
        font-size: 12px;
       
        }
}

@media screen and (min-width: 640px) {
    .deptopersonal p{
        padding: 10px 0 10px 0;
        font-size: 13px;
        }
}

@media screen and (min-width: 768px) {
    .deptopersonal p{
        padding: 10px 0 10px 0;
        font-size: 14px;
    }
}



@media screen and (min-width: 1024px) {
    .deptopersonal p{
        padding: 10px 0 10px 0;
        font-size: 20px;
   
    }
}



@media screen and (min-width: 320px) {
    .cvitae{
        padding: 0;
      
        font-size: 12px;
    }
}



@media screen and (min-width: 480px) {
    .cvitae{
        padding: 10px 0 10px 0;
        font-size: 12px;
       
        }
}

@media screen and (min-width: 640px) {
    .cvitae{
        padding: 10px 0 10px 0;
        font-size: 13px;
        }
}

@media screen and (min-width: 768px) {
    .cvitae{
        padding: 10px 0 10px 0;
        font-size: 14px;
    }
}



@media screen and (min-width: 1024px) {
    .cvitae{
        padding: 10px 0 10px 0;
        font-size: 18px;
   
    }
}









/********************* INDEX 3 SECCIONES ***************************************************************
**************************************************************************************************
**************************************************************************************************/



.seccionesIndex{
	height: auto;
	background-color:#fff;
	padding: 80px 0;
	
}

.seccionesIndex .espacio{
	padding: 0 35px;
	
}

.seccionesIndex h4.seccion{
	font-size: 22px;
	color:#000;
	font-weight: normal;
    margin-top: 20px;
    text-transform:uppercase;
    

}

.seccionesIndex p.text-seccion{
	font-size: 16px;
	color:#666;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.seccionesIndex p.text-contacto{
	font-size: 16px;
	color:#666;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.5;
}

a.button-secciones{

}

a.button-secciones:hover{
    opacity: 0.5;
}




/********************* FORMULARIO CREDITO ON-LINE ***************************************************************
**************************************************************************************************
**************************************************************************************************/

   .form-control{
	position:relative;

	
}
.txt-orange{
	color:#ba1003;
	font-size:15px!important;
}
.result-label{
	font-weight:bold;
	font-size:13px;
	display:block;
}

.form-group.form-icons.input-field{
	margin:10px 5px;
}

.form_labels{
	color:#000;
	font-weight:normal;
	font-size:12px;
}

.form-icons  i.zmdi{
	position: absolute;
	right: 15px;
	top: 0px;
	font-size: 24px;
	color: #999;
	
}

.has-error .form-control{
	box-shadow:none;
}

.bk-form .fondoContacto{
	background-color: #fff!important;
	
}


.panel-title{
   font-size: 16px;
   margin: 5px;
}

.colcontacto{
	padding-top: 60px;
}

.enviarizquierda{
	text-align: right;
}

.textochico{
	font-size: 14px;
}



/********************* FORMULARIO CONTACTO INDEX ***************************************************************
**************************************************************************************************
**************************************************************************************************/


section.contact {
    padding: 80px 0;

  }

section.contact .form-group {
	margin-bottom: 25px;
  }
  
  section.contact .form-group input,
  section.contact .form-group textarea {
	padding: 20px;
  }
  
  section.contact .form-group input.form-control {
	height: auto;
  }
  
  section.contact .form-group textarea.form-control {
	height: 150px;
  }
  
  section.contact .form-control:focus {
	border-color: #fed136;
	box-shadow: none;
  }
  
  section.contact ::-webkit-input-placeholder {
	font-weight: normal;
	color: #666;
  }
  
  section.contact :-moz-placeholder {
	font-weight: normal;
	color:  #fed136;

	
  }
  
  section.contact ::-moz-placeholder {
	font-weight: normal;
	color: #666;
  }
  
  section.contact :-ms-input-placeholder {
	font-weight: normal;
	color: #666;
	
  }

  section.contact .boton{
	  
      padding-top:190px;
  }



  section.contact .form-group textarea.form-control {

    height: 100px!important;

}

  /*toast*/

#toast {
    visibility: hidden;
    min-width: 200px;
	margin: 10px;
	padding: 10px;
	text-align: center; 
    position: fixed; 
    z-index: 1;
   /*   left:15px; 
    bottom: 100px; */
    font-size: 15px;
	color: #ffffff;
	background-color: #64a83f;
	border-radius:3px;
}

#toast.show {
    visibility: visible;
    -webkit-animation: fadein 2.5s, fadeout 2.5s 2.5s;
    animation: fadein 2.5s, fadeout 2.5s 2.5s;
}


.title-section h4 .contacto-text{
   
    margin-bottom: 5px!important;
}




a.prestamosonlinelink{
    font-size: 13px;
    
}

a.prestamosonlinelink:hover{
    opacity:0.5;
    color:#007a90;
 
}

a.sorteoslink{
    font-size: 13px;
    
}

a.sorteoslink:hover{
    opacity:0.5;
    color:#007a90;
    
}

p.textocontacto{
    font-size: 13px;
    color: #d41217;
    margin: 0 0 5px 0;
}



/********************* PAGINA INSTITUCIONAL ***************************************************************
**************************************************************************************************
**************************************************************************************************/

section.institucional {
    padding: 50px 0;
  
}

.textoInstitucional{
    font-size: 16px;
    color: #666;
    font-weight: normal;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 25px;
}


/********************* FOOTER ***************************************************************
**************************************************************************************************
**************************************************************************************************/
footer{
	height: 100px!important;
	padding-top: 35px;
	background-color: #d17400;
	color: #fff;
	font-size: 18px;
	
}








/********************* TITULOS DE SECCIONES ***************************************************************
**************************************************************************************************
**************************************************************************************************/


.title-section h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.571em;
	text-transform: uppercase;
    color:#333;
    margin-bottom: 15px;
}

.title-section h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.143em;
	 color:#d17400;
    margin-bottom: 25px;
}

.title-section h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.143em;
	color:#666;
    margin-bottom: 25px;
}



.title-section a {
    text-decoration: none;
}

.textoprincipal{
	padding-top: 35px; 

}

.textoprincipal p{
	line-height: 10px;
}


/********************* REQUISITOS ***************************************************************
**************************************************************************************************
**************************************************************************************************/

.col-requisitos {
	background: #F2F2F2;
	padding: 20px;
    border-radius: 3%;
    height: 160px;
}



/* Requisitos lineal*/

.requisitos-vertical {
    font-weight: normal;
    font-size: 16px;
    position: relative;
}

.requisitos-vertical,
.requisitos-vertical ul {
    display: block;
    margin: 0;
    list-style: none;
    padding-left: 0;
}



.requisitos-vertical ul>li {
    display: block;
    position: relative;
    transition: background-color .2s ease, color .2s ease
}

.requisitos-vertical ul>li {
    display: block;
    padding: 13px 10px 0px 40px;
    color: #000;
    font-weight: normal;
    
}


.requisitos-vertical ul>li span{
    font-size: 16px;
}

.requisitos-vertical ul>li .zmdi {
    pointer-events: none;
    position: absolute;
    left: 8px;
    top: 12px;
    z-index: 2;
}

.requisitos-vertical ul>li.current .zmdi {
    color: #000;
    font-size: 24px;
   
}

.requisitos-vertical ul>li .first {
    display: block;
    color: #000000
}



.txt-requisitos {
    margin-top: 0px;
}

.icon-requisitos h3 {
	padding: 40px 0 0 80px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.143em;
    text-transform: uppercase;
}



/*********************  Section BANNER PHONE del Index ***************************************************************
**************************************************************************************************
**************************************************************************************************/

.bannerPhone {
    background: #dadada; 
    color: #333;
    padding: 40px 0;
    height: auto;
    text-align: center;
}

.bannerPhone a{
    text-decoration: none;
    
}

.bannerPhone p{
    margin-bottom: 0;
    
}


.bannerPhone span{
    font-size: 1.5em;
    text-align: center;
    
}



.bannerPhone img{
    -webkit-transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
   -ms-transition: all 0.3s linear 0s;
   -o-transition: all 0.3s linear 0s;
   transition: all 0.3s linear 0s;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   
}

.bannerPhone img:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    transform: rotate(18deg) scale(1.5);
    outline: none;
	
 }

 .bannerPhone img:focus, .online-icon img:active{
    outline: none;
 }


 /* ICON SE ACHICA Y GIRA
.bannerPhone i.zmdi{
    font-weight: 400;
    margin-right: 10px;
    padding: 0 20px;
    background: #f2f2f2;
    width: 80px;
    height: 80px;
    font-size: 55px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    margin-left: 15px;
    }

.bannerPhone .zmdi:hover{
    height: auto;
    font-size: 40px;
    -webkit-transition: all .9s ease;
    
    -moz-transition: all .9s ease;
    
    -o-transition: all .9s ease;
   
    -ms-transition: all .9s ease;
   
}

.contacto-instagram i.zmdi{
    color: #c00381;
}
.contacto-whatsapp i.zmdi{
   color: rgb(6, 192, 0);
}
.contacto-facebook i.zmdi{
    color: #1603c0;
}
*/

.contacto-whatsapp{
    padding-bottom: 10px;
    font-size: 1em;
    
}

.contacto-facebook p.afacebook{
    padding-bottom: 10px;
    font-size: 1.5em;
   
}


.contacto-instagram p.ainstagram{
    padding-bottom: 10px;
    font-size: 1.5em;
   
}

/* boton flotante de whatsapp*/

.btn-whatsapp {
    display:block;
    width:80px;
    height:80px;
    position: fixed;
    right:50px;
    bottom:150px;
    border-radius:50%;
    line-height:30px;
    text-align:center;
    z-index:999;
    
}

.necesitasAyuda{
    color:#d17400;
    font-weight: bold;
  /*    font-size: 16px;*/

}

.btn-whatsapp a:hover{
    opacity:0.5;
    color:#026b1d;
 
}


@media (max-width:320px) {
    .btn-whatsapp {
      
    }
}
@media (max-width:360px) {
    .btn-whatsapp {
    
    }
}


@media screen and (min-width: 480px) {
    .btn-whatsapp {
     
    
    }
}

@media screen and (min-width: 640px) {
    .btn-whatsapp {
     
    }
}

@media screen and (min-width: 768px) {
    .btn-whatsapp {
     
     
    }
}



@media screen and (min-width: 1024px) {
    .btn-whatsapp {
     
    }
}

















.bandaColores{
    background-image: linear-gradient(to right, red , yellow);
    height: 10px;
}



/********************* PAGINA SUCURSALES***************************************************************
**************************************************************************************************
**************************************************************************************************/

section.sucursales{
    background-color: #fff;
    color:#d17400;
    height: auto;
    padding: 50px 0;
  
    }
    

    section.sucursales h2{

    margin-bottom: 25px;
}







.card-sucursales {
    color: #000;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    max-height: auto;
    padding: 5px 10px ;
    background-color: rgb(221, 221, 221);
   
    
}

.card-sucursales:hover{
    cursor: default;
   
}




.card-sucursales .margen{

margin-bottom: 10px!important;
background-color: #fff;
    
}

.card-img-top img{
    height: auto;
    width: 100%;
    display:block;
   
  
}

.card-sucursales .margen .title-sucursal .card-title {
    margin: 5px;
    font-size: 0.96em;
    word-wrap: break-word;
    line-height: 15px;
    font-weight: normal;
    color: #007a90;
    padding: 10px 10px 0px 10px;
}

.card-sucursales .margen .title-sucursal .card-subtitle {
    margin: 5px 5px 0 5px;
    font-size: 0.938em;
    word-wrap: break-word;
    line-height: 15px;
    color:#666;
    font-weight: normal;
    padding: 0px 10px 10px 10px;
   
}

.box {
    position: relative; 
    margin: 0;
}
.extracto {
    position: absolute;
    top: 0%;
    height: 100%; 
    width: 100%; 
    left: 0%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; 
   
    color: #000;
    background: #fff;
    -moz-transition:all ease .8s;
    -webkit-transition:all ease .8s ;
    transition:all ease .8s;
}
.box .meta-image:hover .extracto {
    filter: alpha(opacity=100);
    opacity: 10; 
    z-index:999999;  
    /*Al hacer hover sobre la caja hacemos visible los datos*/
}
/*--------------*/

.sucursalesImageTop{

	/*	background-image: url("../images/sucursales.jpg");
        height: 350px;
        width: 100%;
        background-repeat: no-repeat;
		background-attachment: fixed;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
        background-size: 100%;
        background-color: #d17400;*/
        
	
}


/********************* PAGINA SORTEOS ***************************************************************
**************************************************************************************************
**************************************************************************************************/

section.sorteos-content {
    padding: 50px 0;
}

.modal-header{
    border-bottom: none!important;
 
}

.modal-body{
    padding: 0 0.5rem 0.5rem 0.5rem!important;
}

.close {

    font-size: 2.5rem!important;

}