/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {width: 100%;height: 100%;font-family:Roboto;font-weight:300;}
html {width: 100%;height: 100%;}
.clear {clear:both;}
@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        background-color:transparent;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    
.navbar ul {background-color:#000;}
    .top-nav-collapse {
        padding: 0;background-color:#1762AF;
    }
.top-nav-collapse ul {
       background-color:#1762AF;margin-top:20px;
    }
    .top-nav-collapse #atendimento-copasa {
       background-color:#1762AF;margin-top:20px;
    }

}

.logo-topo {float:left;margin-left:2%;}
#atendimento-copasa {float:right;background-color:#1762AF;color:#FFFFFF;font-size:1em;font-weight:500;padding:9px;padding-top:14px;text-transform:uppercase;}
.intro-section {
    margin-top:-150px;
    height: auto;
    overflow:auto;
    padding-top: 150px;
    text-align: center;
    background: #fff;
}
.intro-section img {max-width:100%;height:auto;padding:0px;margin:0px;}

.nossa-gente-section {
background-color:#6C5160;
    margin-top:-100px;
    padding-top:100px;

    text-align: right;
    color:#FFF;
}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

.atuacao-secao {
    margin-top:-100px;
    padding-top: 100px;
    overflow:auto;
    height: auto;
    text-align: center;
}
.titulo-atuacao {width:100%;background-color:#D7D7D7;padding:20px;}
.titulo-atuacao h1 {font-weight:300;font-size:3em;color:#6C5160;}
.thumbs-regionais {position:relative;}
.thumbs-regionais img {max-width:100%;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	   -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    transition: all 1s ease-in;
	}
.thumbs-regionais img:hover {

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);


	
	}	
.txt-thumb {position:absolute;top:20px;color:#FFFFFF;background-color:#1762AF;padding:10px;font-size:1.2em;font-weight:500;text-transform:uppercase}

.minas-secao {
    margin-top:-100px;
    padding-top: 100px;
    overflow:auto;
    height: auto;
    
}
.titulo-minas {width:100%;background-color:#1762AF;padding:20px;}
.titulo-minas h1 {font-weight:300;font-size:3em;color:#FFFFFF;text-align:center;}

.titulo-dados {float:left;background-color:#1762AF;display:inline-block;color:#FFF;padding:10px;text-transform:uppercase;font-weight:500;font-size:1.5em;margin-top:30px;margin-bottom:30px;}

.dados-01 {overflow:auto;height:100%;}
.reservatorios {text-align:left;}
.reservatorios img {width:60%;max-width:561px;margin-left:auto;margin-right:auto;}

.container2 {clear:left;float:left;width:100%;overflow:hidden;background:#B7E4F9;}
.container1 {float:left;width:100%;position:relative;right:50%;background:#FFFFFF;}
.col1 {float:left;width:46%;position:relative;left:52%;overflow:hidden;padding-bottom:40px;}
.col2 {float:left;width:46%;position:relative;left:56%;overflow:hidden;padding-bottom:40px;}

.container3 {clear:left;float:left;width:100%;overflow:hidden;}
.container4 {float:left;width:100%;position:relative;right:50%;background:#B7E4F9;}
.col3 {float:left;width:46%;position:relative;left:52%;overflow:hidden;padding-bottom:40px;}
.col4 {float:left;width:46%;position:relative;left:56%;overflow:hidden;padding-bottom:40px;}

.col-left {width:40%;float:left;text-align:center;font-size:1.8em;text-transform:uppercase;}
.col-left strong {font-size:1.5em;font-weight:900;}
.col-right {width:55%;float:right;font-size:1.2em;}


.info-rodape {padding-top:40px;padding-bottom:40px;}
.conect ul {list-style:none;}
.conect li {float:left;margin-right:10px;}
.conect li img {max-width:100%;}
.conect li p {padding-top:15px;font-weight:700;font-size:1.1em;}
.img-rodape {text-align:center;}
.img-rodape img {max-width:90%;}

.rodape-secao {border-top:#EEEEEE 7px solid;}

#interna {background-color:#F1F1F1}
.titulo-pagina h1 {color:#FFFFFF;font-size:6em;margin-top:-200px;font-weight:900;}
.pagina {width:75%;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;}
.sobre-regiao {font-size:2em;margin-bottom:30px;}
.cidade-copasa {font-size:3.5em;}
.cidades {font-size:1.5em}
.atendimento-municipios {font-size:3em}

@media only screen and (max-width: 650px) {

	.intro-section {
    margin-top:100px;
    padding-top: 0px;
}

.nossa-gente-sobre {float:none;}

}