html, body {
	margin: 0;
	padding: 0;
	border: 0; font-family: 'Raleway', sans-serif; font-weight: 400;font-size: 16px; 
  }
  

h1 {font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 36px; color:#307ABD; }
h2 {font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 24px; color:#307ABD} 
h3 {font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 20px; color:#307ABD} 
h4 {font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 20px; color:#307ABD} 
h5 {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 20px; color:#307ABD}
p { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px; color:#307ABD}

.topo{ width:100%; height:180px; clear:both }
.topoleft{ width:50%; float:left; padding-top:40px; padding-left:10px}
.toporight{ width:50%; float:right; position:relative; text-align:right; padding-top:10px; padding-right:10px;}

.navbar .navbar-nav {
display: inline-block;
float: none !important;
}
.navbar .navbar-collapse {
text-align: center;
}
/* navbar verde */
.navbar-default {
    background-color: #2C2C2C;
    border-color: #2c2c2c; border-radius:0; text-align:center;font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 18px; padding-top:20px; padding-bottom:20px;
}
/* title */
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
}
/* link amarelo*/
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
/* link vermelho*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff; font-weight:bold;
}
/* link rosa*/
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:transparent; 
}
/* link roxo*/
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #2c2c2c;
}
/* seta */
.navbar-default .navbar-nav > .dropdown > li > a .caret {
    border-top-color: #2c2c2c;
    border-bottom-color: #2c2c2c; 
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {

    
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    
   
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-nav > .dropdown .dropdown-menu  { background-color: #2c2c2c; padding-left: 5px}
.navbar-default .navbar-nav > .dropdown .dropdown-menu a  { background-color: #2c2c2c;}
.navbar-default .navbar-nav > .dropdown .dropdown-menu a:hover { background-color: #2c2c2c;}


//////////////////////////////////////////


.carousel-caption{ font-family: 'Raleway', sans-serif; font-size:50px; font-weight:700}



.pre-site{ background-image: url(../images/BackgroundOlho.png); padding-top:100px; padding-bottom:100px; text-align:center; background-color: #99CCFF;}

.header-site{ background-image: url(../images/Background1.jpg);
background-position: center top;
background-repeat:no-repeat;
background-size: cover;
background-attachment:fixed;
color:#FFFFFF;
padding-top:100px;
padding-bottom:100px;
text-align:center;
}

.mid-site{ background-image: url(../images/Background2.jpg);
background-position: center top;
background-repeat:no-repeat;
background-size: cover;
background-attachment:fixed;
color: #FFFFFF;
padding-top:100px;
padding-bottom:200px;
text-align:center;
}


.solicite-cotacao{ background-image: url(../images/BackgroundOlho2.png); padding-top:100px; padding-bottom:100px; text-align:center}

.foot-site{ background-color: #C0D5FA;  color:#FFFFFF; padding-top:30px; padding-bottom:30px; text-align:center}
.foot-site img{ width:140px;}
.foot-site a{ color:#FFFFFF; text-decoration:none}
.foot-site a:hover{ color:#F58634; text-decoration:none; font-weight: bold;}


.imghover{
position:relative;
overflow:hidden;
}

.imghover img{
width:100%;
}

.texthover{
position:absolute;
top:0;
margin-left:-100%;
padding-top: 20px;
width:100%;
height:100%;
background: rgba(48, 122, 189, .8);
color:#FFFFFF;
transition:.5s;
}

.texthover h3 {
margin:0;
padding:0;
position:absolute;
top:50%;
left:50%; color:#FFFFFF;
transform: translateX(-50%) translateY(-50%);

}

.texthover a { color:#FFFFFF; text-align:center; text-decoration:none}
.texthover a:hover { color:#fff; text-align:center; text-decoration:none}

.imghover:hover  .texthover{
margin-left:0;
}


//////////////////////////////////////////


.centered{ text-align:center}
.btn-primari{ background-color:#307ABD; color:#FFFFFF}
.btn-primari:hover{ background-color:#17A9A0; color:#FFFFFF}
.btn-success{ background-color:#17A9A0; color:#FFFFFF}
.btn-success:hover{ background-color:#307ABD; color:#FFFFFF}

.top{ width:100%; height:auto; padding-right:20px; padding-bottom:7px; padding-top:7px;}
.top a { color:#2c2c2c; text-decoration:none}
.top a:hover { color:#2c2c2c; text-decoration:none; font-weight:bold}
.logo{ width:50%; height:auto; text-align:left; }
.logo2{ width:50%; height:auto; text-align:right; }




.blanco{ color:#FFFFFF; text-decoration:none}
.blanco a{ color:#FFFFFF; text-decoration:none}
.blanco a:hover{ color:#307ABD; text-decoration:none}

.nero{ color:#2c2c2c; text-decoration:none;}
.nero a{ color:#2c2c2c; text-decoration:none}
.nero a:hover{ color:#307ABD; text-decoration:none}

.fonto{ font-size:16px}

.myform{ text-align:left}
.form-control{
	width:100%;
	background: transparent;
	border:none;
	outline:none;
	border-bottom: solid 1px #FFFFFF;
	color:#000
}

.dupla {

 width: 100%;
 height:auto; 

 color:#3d3c3c;
 display:none;
 background-color:#fff;

}

.dupla-um {
 width: 100%;
 height:auto; padding-left:20px; padding-top:10px; padding-bottom:10px; padding-right:20px; 

 flex:1;

}

.dupla-dois a { color:#3d3c3d; text-decoration:none}
.dupla-dois a:hover { color: #0066CC; text-decoration:none}

.dupla-dois {
 width: 100%;
 height:auto; font-size:14px; text-align:right;
 padding-right:20px; padding-top:10px; padding-bottom:10px;
 
 flex:1;

}


@media (max-width:1100px){
    
    .marl{width: 100%; margin-left: 0px; margin-bottom: 7px}
    .bblack{height:auto}
    .bblack2{height: auto}
    .blanche{ color:#FFFFFF}
	.blanche a{ color:#FFFFFF}
	.blanche a:hover{ color:#FFFFFF; font-weight:bold}

    .dropdown-menu{text-align: center}

}



@media (max-width:768px){
    
    .marl{width: 100%; margin-left: 0px}
	.dropdown-menu{text-align: center}
	.blanche{ color:#FFFFFF}
	.blanche a{ color:#FFFFFF}
	.blanche a:hover{ color:#FFFFFF; font-weight:bold}
	.header-site{ background-image: url(../images/BackgroundOlho.png); padding-top:100px; padding-bottom:100px; text-align:center; background-color: #99CCFF;}
	
	.topo{ display:none}
	.dupla { display:flex;}
	.dupla, .tripla, .quadra, .destaque {
flex-direction:column;

}

.topo{ display:none}

}