.topbar-bar{

background-color: #fff !important;
border-bottom: 1px solid #e4e4e4;
}


span.aja{

 color: #fff;
 font-size: 9px;
 padding: 5px 6px;
 border-radius: 12px;
 font-weight: 800;
background-color: #000;
position: absolute ;
top: 7px;
margin-left: 3px;

}


@media (max-width:767px){
span.aja{

 
margin-left: 50px;
background-color: #73A700;

}
} 



.bg-oficial{

background-size: cover;
max-width: 100%;
min-height: 500px;
background-position: center top;
background-image: url(../img/bg-1.png);
 

}


 .princi{

margin-top: 40px;
border-radius: 5px;
padding: 20px 30px;
background-color: rgba(0,0,0,0.4);
	


}


p.header{

color: #fff;
text-align: right;
padding: 0;
line-height: 32px;
font-size: 16px;

}


h1.head{

color: #fff;
font-size: 60px;
text-align: right;
padding: 0;
}


button.he{

margin-top: 20px;
background: transparent;
border: 1px solid #fff;
border-radius: 5px;

}


i.azul{

 color: #00b7e2  ;
 

}

 



@media (max-width: 767px){
 .topbar-bar .topbar-inner .topbar-left-content ul li {
        display: inline-block;
        margin: 0 23px;
        color: #fff !important;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        position: relative; }
        }
 

 .navbar-default .navbar-toggle {
    border-color: #00b7e2;
    background-color: #00b7e2;
}


 .navbar-default .navbar-toggle:hover {
    border-color: #00b7e2;
    background-color: #00b7e2;
}



 .navbar-default .navbar-toggle:focus {
    border-color: #00b7e2;
    background-color: #00b7e2;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}



 
li.apa{

position: absolute;
right: 0;
margin-right: 200px;
top: 15px;
list-style: none;
color: #000;
text-decoration: underline;
 
padding: 10px;
 

} 


strong.azul{

color: #00b7e2;

}



p.inicio{

padding: 20px 0;
color: #000;
text-align: justify; 
 
}


@media (max-width: 767px){


p.inicio{

padding: 20px; 
}


}




h1.inicio{

font-size: 20px;
font-weight: 600;
color: #00b7e2;
padding: 12px 0;
padding-bottom: 0;
}



h1.inicio4{

font-size: 20px;
font-weight: 600;
color: #000;
padding: 12px 0px;
padding-bottom: 0;
margin-top: 40px; 
}




@media (max-width: 767px){

h1.inicio4{

 
padding: 12px 20px;
margin-top: 40px; 
}


}



h1.inicio7{

font-size: 32px;
font-weight: 600;
color: #00b7e2;
padding: 12px 0;
padding-bottom: 0;
}





@media (max-width: 767px){
h1.inicio{

padding: 20px; 
padding-bottom: 0;
}
}



.gris{

background-color: #f5f5f5;

}


.pad{

padding: 60px 0;

}


hr{

border-color: #e4e4e4;

}


input.bonito{

border-radius: 5px;
border: 1px solid #00b7e2;
padding: 10px;

}


@media (max-width: 767px){
input.bonito{

margin: 0 20px;

}
}




strong.negro{

color: #000;

}




p.inicio2{

font-weight: 600;
color: #00b7e2   ;
padding-bottom: 0 !important;
 
}





@media (max-width: 767px){
p.inicio2{

margin: 0 20px;
 
}
}



a.buenops{

color: #fff;

}


p.tabla{

font-size: 13px !important;
color: #666;
padding: 25px 20px;

}


p.inicio5{

padding: 60px 0;
color: #000;
text-align: justify; 
 
}

 



p.tableno{
 
padding: 10px  20px;

}


i.azul{

color: #00b7e2;
padding-right: 5px;

}




img.mar{

padding:  20px;

}