/*! 
 * 2016 v1.0.0 
 * Copyright 2016. 
 */

body { font-family: 'Open Sans', sans-serif; font-size: 14px;}

/* TOPO */

.topo {background: #f1f1f1; height: 100px; width: 100%; border-bottom: 1px solid #dedede}

.logo {float: left; margin-left: 5%}
.logo img {height: 100px}

.menu ul 					{list-style: none; padding-left: 0; float: right; margin-top: 18px; margin-right: 5%}
.menu ul li 				{float: left; display: table!important; }
.menu ul li a 				{word-wrap: break-word;  display: table-cell!important; color: #222; text-transform: uppercase; display: block; /*width: 210px;*/ max-width: 160px; padding: 0 20px; height: 65px; text-align: center; font-weight: 600; font-size: 1em; vertical-align: middle; border-left: 1px dotted #222; box-sizing:border-box;}
.menu ul li a.borderzero 	{border-left: 0}
.menu ul li a:hover 		{}

/*VIDEO*/
.video {width: 100%; height: 66vh; background: #333; overflow: hidden; background: url(../img/capa.jpg) center; background-size: cover; margin-top: -4px;}
.chamada-video {background: rgba(255, 255, 255, 0.5); font-size: 3em; float: left; padding: 12px 15px; font-weight: 600; margin-top: 1px; text-transform: uppercase;}
.botao-video a {color:#fff; background: #ac1b1f; margin-top: 20px; display: block; padding: 15px; float: left; font-weight: 600; font-size: 1.3em;}

/*CHAMADAS*/
.chamadas h2 {color:#fff; display: block; background-color:#ac1b1f; padding: 20px 10px 20px 50px; font-size: 1.7em; font-weight: 600; position: relative; /*margin-bottom: 0px*/}
.chamadas h2:after {content: ""; height: 10px; width: 10px; position: absolute; bottom: -20px; left: 10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ac1b1f; }
.chamadas h2:before {content: ""; height: 38px; width: 13px; position: absolute; bottom: 14px; left: 23px; background: url(../img/dots.png) no-repeat; }

.chamadas a {color: #333}

.noticia-principal 	{font-size: 20px; border-left: 5px solid #333; font-weight: 600; padding-left: 10px; margin-top: 10px; display: block;}
.linha-principal 	{border-bottom: 1px dotted #333; width: 100%; height: 10px}

.noticia-secundaria 	{font-size: 15px; font-weight: 600; margin-top: 10px; display: block; text-transform: uppercase;}
.linha-secundaria 		{border-bottom: 1px dotted #DCDCDC; width: 100%; height: 10px}

.leiamais a {background: #f1f1f1; text-align: center; width: 100%; padding: 7px 0; margin-top: 9px; display: block; font-weight: 600; font-size: 13px;}
.sp-10 {margin-bottom: 50px;}
/*BANNERS*/

.banners {margin-top: 20px;}
.banner1 {background: #333; width: 100%; height: 262px; overflow: hidden;}
.banner2 {background: #3C5899; width: 100%; height: 121px; overflow: hidden; padding: 40px 15px 15px 15px; text-align: center;}
.banner3 {background: #2AA9E0; width: 100%; height: 121px; margin-top: 20px; overflow: hidden; padding: 30px 15px 15px 15px; text-align: center;}
.banner4 {background: #036818; width: 100%; height: 121px; overflow: hidden; padding: 30px 15px 15px 15px; text-align: center;}
.banner5 {background: #dedede; width: 100%; height: 121px; margin-top: 20px; overflow: hidden; padding: 0px 0px 15px 0px; text-align: center; border: solid #dedede 3px; box-sizing: border-box; }
.banner1:hover {opacity: 0.9}
.banner2:hover {opacity: 0.9}
.banner3:hover {opacity: 0.9}
.banner4:hover {opacity: 0.9}
.banner5:hover {opacity: 0.9}

.modal-content {background-color: rgba(23, 23, 23, 0.9); border: 0;}
.modal-header {border: 0;}
.close {font-size: 35px; color: #fff; opacity: 0.7; box-shadow: none;}


/*INTERNA*/

.interna h2 {color:#fff; display: block; background-color:#ac1b1f; padding: 20px 10px 20px 50px; font-size: 1.7em; font-weight: 600; position: relative; /*margin-bottom: 0px*/}
.interna h2:after {content: ""; height: 10px; width: 10px; position: absolute; bottom: -20px; left: 10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ac1b1f; }
.interna h2:before {content: ""; height: 38px; width: 13px; position: absolute; bottom: 14px; left: 23px; background: url(../img/dots.png) no-repeat; }

.interna h3 {font-size: 1.4em; font-weight: 600; display: block; width: 100%; clear: both; padding: 10px 2px 10px 30px; border-bottom: 1px dotted #bcbcbc; margin-bottom: 20px;}

.interna p 	{padding: 20px; display: block; }

.lista ul 		{list-style: none; padding-left: 0;}
.lista ul li a 	{display: block; padding: 10px 2px 10px 30px; background-color:#e8e8e8; width: 100%; margin-bottom: 15px; font-size: 1.2em;}


#contato input 		{width: 100%; padding: 5px; margin-bottom: 10px;}
#contato textarea 	{width: 100%; padding: 5px}

/*MOBILE*/

.menu-mobile {display: none;}
.menu-mobile ul {list-style: none; padding-left: 0;}
.menu-mobile ul li a {display: block; width: 100%; padding: 10px; background: #f1f1f1; margin-bottom: 5px; color: #333; text-align: center; font-weight: 600;}
.menu-mobile ul li a:hover {text-decoration: none;}
/*Media Queries*/

/* Large desktops and laptops */
@media (min-width: 1400px) {
.container {width: 1250px}
}

@media (min-width: 1200px) and (max-width: 1487px) {

.logo 			{margin-left: 0}
.menu ul 		{margin-right: 0}
.menu ul li a 	{width: 96px!important; font-size: 0.85em;}

}

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {

.logo 			{margin-left: 0}
.menu ul 		{margin-right: 0}
.menu ul li a 	{width: 76px!important; font-size: 0.8em;}
.container 		{width: 1300px}

}

@media (min-width: 992px) and (max-width: 1024px) {}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

.abrir-menu 	{background: #000100; color: #fff; margin-bottom: 6px;}
.abrir-menu img {width: 25px; margin-right: 10px}
.menu 			{display: none}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.abrir-menu 	{background: #000100; color: #fff; margin-bottom: 6px;}
.abrir-menu img {width: 25px; margin-right: 10px}
.menu 			{display: none}
.chamada-video 	{font-size: 2.2em; margin-top: 3px}
.banner1 {height: 400px}
.banner2 {margin-top: 20px;}
.banner3 {margin-top: 20px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {}