@font-face {
    font-family: dicotme;
    src: url(../font/DICOTME.TTF);
}
@font-face {
    font-family: colibrii;
    src: url(../font/calibri.ttf);
}
body     { 
	
	font-family: colibrii;
	min-width:600px;
	width:100% !important;

}
.bg    {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
    z-index: -100;
	background-size: cover; 
}


.navbar{position:absolute; width:80%;width:80vw; background-color:#F5CB11; min-height:43px !important; height:43px; font-family:dicotme;  font-weight: bold;    border: 0px;}
.navbar-nav > li {float: left;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  height:80px;  color: #fff;  background-color: #030000;}
.navbar-default .navbar-nav > li > a { color: #030000;}
.navbar-default .navbar-collapse {position:absolute; margin-left: 15%;margin-left: 15vw; height:auto;  margin-bottom:10px; z-index:123;}

.nav > li > a {padding: 10px 25px; }
ul.nav a:hover { color: #fff !important; }

.text{position:absolute; height: 80%;height: 80vh;top:80px;  position: absolute;  left:0;  right: 0;  bottom: 0; margin:0 auto; max-width:920px; width:100%; min-width:620px; border: 25px solid; color: #000;border-bottom:7px solid; background-color:#fefefe;}


.footer{height:100%; background-color: #030000;  color: #fff; position:fixed;top:95%;top:95vh; left:0px; width:100%;width:100vw;}
#footer{margin-left:40px; font-family:dicotme; margin-top:0px; height:45px;}
#logofooter{margin-top:-130px;}


.contact{  margin-left:180px; margin-top:20px;}
.contact span{ font-family: dicotme; font-size:16px;}
#gmap_canvas{height:260px;width:560px; position: absolute;
background-color: #E5E3DF;top: 150px;}


@media screen  and (orientation:portrait)  {
.navbar-default .navbar-collapse   {margin-left: 0%;margin-left: 0vw;	}
#footer2{margin-left:0px;}
#footer{margin-left:0px;}
#logofooter1{top:85%; }
.container-fluid {padding-left:0px;}

}
@media screen and (max-width: 800px) {
	#gmap_canvas{width:400px;}
}
@media screen and (max-width: 989px) {
	.navbar-default .navbar-collapse   {left:70%; background-color:#F5CB11; z-index:12314;	}
}

@media screen and (max-width: 990px) {
	.footer{ top:90%;top:90vh;}
	.navbar-nav > li {float: none; z-index:12315; height:  auto;}
	#logofooter1{top:90%; }
}

@media screen and (max-width: 1150px) {
	.navbar-default .navbar-collapse   {margin-left: 0%;margin-left: 0vw;}
	#footer {margin-left: 0px; }
}

@media screen and (min-width: 1600px) {
	.navbar-default .navbar-collapse  {margin-left: 24%;margin-left: 24vw; }
}