<style>

@font-face{
font-family: rregular;
src:url(../fonts/roboto/Roboto-Regular.ttf);
}
    
@font-face{
font-family: rbold;
src:url(../fonts/roboto/Roboto-Bold.ttf);
}
    
@font-face{
font-family: rmedium;
src:url(../fonts/roboto/Roboto-Medium.ttf);
}
    
@font-face{
font-family: rlight;
src:url(../fonts/roboto/Roboto-Light.ttf);
}

@font-face{
font-family: rcondensed;
src:url(../fonts/roboto/Roboto-Condensed.ttf);
}


@font-face{
font-family: pregular;
src:url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face{
font-family: pbold;
src:url(../fonts/Poppins/Poppins-Bold.ttf);
}

@font-face{
font-family: pmedium;
src:url(../fonts/Poppins/Poppins-Medium.ttf);
}

@font-face{
font-family: plight;
src:url(../fonts/Poppins/Poppins-Light.ttf);
}


.boton:hover{
    opacity: 0.9;
    cursor: pointer;
}

.opmenu:hover{
    background:#292929;
    color: #fff;
    cursor: pointer;
}

.opmenu:hover .arrow{
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.arrow {
  border: solid #292929;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
    float: right;
    margin-top: 5px;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
    margin-right: 10px;
    float: left;
    margin-top: 10px;
}


.mascara{
    position: fixed;
    background: #000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

/*Para el menu fijo*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.sticky + .cuerpo {
  padding-top: 87px;
}
/*Fin para el menu fijo*/


select{
    -moz-appearance:none; 
    -webkit-appearance: none; 
    -o-appearance: none; 
    appearance: none; 
    -ms-appearance: none;
}



@media only screen and (max-width : 576px){
    #conlogo{
        padding: 5px 0px 4px 0px;
    }
    
    #logo{
        width: 130px;   
    }
}

@media only screen and (min-width : 576px){
	#conlogo{
        padding: 5px 0px 4px 0px;
    }
    
    #logo{
        width: 130px;   
    }
}

@media only screen and (min-width : 768px){
	#conlogo{
        padding: 0px;
    }
    
    #logo{
        width: 150px;   
    }
}

@media only screen and (min-width : 992px){
	#conlogo{
        padding: 0px;
    }
    
    #logo{
        width: 150px;   
    }
}

@media only screen and (min-width : 1200px){
	#conlogo{
        padding: 0px,
    }
    
    #logo{
        width: 150px,   
    }
}


</style>