/*
*
* Bernan Ribeiro
* 19/08/2014
*/

@import url(forms.css); /** CSS do formulário **/

span.plyn{font-size: 11px;position: absolute;right: 0;top: 143px;}
span.plyn a{color: #0089A8 !important;}span.plyn em{font-size: 12px; color: #370437 !important;}

span.copyr{color:#222;left: 17px;font-size: 11px;position: absolute;top: 143px;}

body{margin: 0; padding: 0;font-family: "Open Sans";background: url('../images/estrutura/bg_container.jpg');}
a{text-decoration: none; color: #525d6b;}
ul{list-style: none;}
img{width:100%;float: left;}
div.logo{float: left;}
body h1{float: left;font-size: 1.5em;margin: 0;width: 100%; color: #222F3F;}
body h2{float: left;font-size: 1em;margin: 0;width: 100%; color: #FFFFFF; font-weight: 500;}
body h3{float: left;margin: 0;width: 100%; color: #FFFFFF; font-weight: 500; padding: 10px 0 10px 20px;width: 92.5%;}
aside, article{margin-top: 25px;}
aside{border: 1px solid #ccc; background: #EEEEEE;}
aside ul{float: left; margin: 0 0 0 -40px;}
aside ul li{padding: 5px 0 5px 20px;}
nav ul li{direction: block; float: left;}
em{color: #222f3f;font-size: 18px;font-style: normal;font-weight: 600;}
ul.lista{list-style: disc;font-size: 15px;}
input:focus,button:focus{border:none; outline: none;}

/*ESTRUTURAS*/
#main-header{float: left; width: 100%; background:#FEFEFE;}
#nav-main{float: right;}
#nav-header{float: left; width: 100%; background: #e6e6e6; border-bottom: 4px solid #FDC000;}
#container{float: left; width: 100%; }
#main-footer{float: left; width: 100%; background: #142B3D; border-top: 4px solid #ececec; color: #fff;}
#container header{background: #222f3f; float: left; width: 100%; padding: 15px 0}
.slide{width: 100%; background: url('../images/banners/banner.jpg') center; height: 530px;}

/*navegation*/
.language-search{margin: 2px 0 20px 0;}
.language-search li{margin-left: 5px;}
.intitucional li {margin-left: 13px; }
.intitucional{margin: 0;}
.btn-cont{border: 1px solid #ececec; padding: 1px; display: block; border-radius: 4px; float: right;}
.btn-cont input{border: medium none;font-size: 14px;height: 16px;padding: 1px 5px;width: 177px;}
#nav-main{width: 400px;}

/*navegação do menu header*/
#nav-header ul{ padding: 0;font-size: 14px; font-weight: 600; margin: 0;}
#nav-header ul li a{display: block;padding: 16px 0;}
#nav-header ul li{border-right: 1px solid #dbdbdb; padding: 0 15px; position: relative; }
#nav-header ul li:last-child{border:0;}

/*internas hover*/
#nav-header ul li > ul{display: none;}
#nav-header ul li > ul li a{padding:0;}
#nav-header ul li > ul li a:hover,#nav-main ul.intitucional li a:hover, aside ul li a:hover,li.selected a {font-weight: 600; trasition:2s; color: #000;}
#nav-header ul li > ul{position: absolute;left: 0; font-weight: normal;z-index: 99999999;}
#nav-header ul li > ul li{border: medium none;float: left; padding: 10px 0 6px 16px; width: 43%;}

#nav-header ul li > ul.horizontal{width: 500px;}
#nav-header ul li > ul.horizontal.ps-left{left: -366px;}
#nav-header ul li > ul.vertical{width:230px;}
#nav-header ul li > ul.vertical li{width: 100%;}

#nav-header ul li.hv-yellow-one:hover,#nav-header ul li.hv-yellow-one > ul li,#nav-header ul li.hv-yellow-one:hover > ul{background:#FDC000;}
#nav-header ul li.hv-yellow-two:hover,#nav-header ul li.hv-yellow-two > ul li,#nav-header ul li.hv-yellow-two:hover > ul{background:#FFD900;}
#nav-header ul li.hv-yellow-three:hover,#nav-header ul li.hv-yellow-three > ul li,#nav-header ul li.hv-yellow-three:hover > ul{background:#FFCC37;}
#nav-header ul li.hv-yellow-four:hover,#nav-header ul li.hv-yellow-four > ul li,#nav-header ul li.hv-yellow-four:hover > ul{background:#FF9700;}
#nav-header ul li.hv-yellow-five:hover,#nav-header ul li.hv-yellow-five > ul li,#nav-header ul li.hv-yellow-five:hover > ul{background:#FFB11E;}
#nav-header ul li.hv-yellow-six:hover,#nav-header ul li.hv-yellow-six > ul li,#nav-header ul li.hv-yellow-six:hover > ul{background:#FFE131;}

/*contant pages*/
.a-main{padding: 0 0 0 15px; min-height: 600px;}
.a-main h1{margin-bottom: 10px;}
.a-main p {text-align: justify;}
ul.aticle-thumbs{padding: 0; margin:0;}
ul.aticle-thumbs li{float: left; margin: 0 15px 11px 0;width: 215px;position: relative;}
ul.aticle-thumbs li span{position: absolute; z-index: 2;color: #fff;font-weight: 600;left: 0;margin-top: 25px;position: absolute;text-align: center;text-shadow: 4px 3px 3px #000;width: 100%;z-index: 2;}
ul li.right-clean{margin-right: 0;}

/*footer*/
#main-footer ul{padding: 0; font-size: 14px;}
#main-footer ul li{float: left;}
.ul-footer-one li{height: 90px; padding: 10px;}
.ul-footer-one li:first-child{border-right:1px solid; text-align: center; width: 200px;}
.ul-footer-one li.address span{float: left; margin-left: 5px;width: 200px;}
.ul-footer-one li.address span strong{font-size: 20px;width: 100%;float: left;}
.ul-footer-one li.address span em{color: #00A0DC;}

.ul-footer-two{margin-top: 52px;}
.ul-footer-two li:first-child{padding: 7px;}
.ul-footer-two li{margin-right: 4px;}
/* === NAVEGAÇÕES ==== */


/*********************
* CLASSES ESPECIAIS 
**********************/
.contant{margin:0 auto; width: 960px; position: relative; }
.fl-left{float: left;}
.fl-right{float: right}
.cl-yellow-one{color:#FDC000;}
.cl-yellow-two{color:#FFD900;}
.cl-blue{color:#222f3f;}
.cl-gray{color:#525d6b;}

.bg-yellow-one{background:#FDC000;}
.bg-yellow-two{background:#FFD900;}
.bg-yellow-three{background:#FFCC37;}
.bg-yellow-four{background:#FF9700;}
.bg-yellow-five{background: #FFB11E;}
.bg-blue-one{background:#222f3f;}

/*************
*  box models
**************/
.bann-static{float: left; margin-bottom: 25px;}
.box-small{ width: 255px;}
.box-medium{width: 475px;}
.box-grid{width: 675px;}
.box-full{width: 100%;}

#btn-search{background: url('../images/estrutura/lupa.png') no-repeat center; width: 10px; height: 10px;border: 0 none; float: right; height: 21px;width: 24px;}



/*
*pages contato
*/
div.inf-contato{width: 200px;margin-left: 20px;}
div.inf-contato span{width: 100%; margin-bottom:5px;float: left;}
div.inf-contato span + span{margin-top: 10px;}

/*erros validation*/
li.error input,li.error textarea{box-shadow: 1px 1px 6px #820000;}
li.success input,li.success textarea{box-shadow: 1px 1px 6px #017352;}

/*
************
*BANNER
***********
*/

.box-center{width: 100%;height: 200px;background: url('../images/estrutura/bg-slide-h.png');margin-top: 201px;}
.box-center em{font-size: 24px;}
.cont-index{color: #fff;display: block;font-size: 24px;font-weight: bold;padding: 13px;height: 135px;margin: 81px auto;text-align: center;width: 615px;}
.cont-index span{display: block;float: left;margin: 7px 0 0 13px;text-align: left;}
.cont-index span.f-grid{background: url('../images/estrutura/meio.png') no-repeat center; height: 162px !important;width: 55px;}
.cont-index span.max{border: 1px solid ##E74C3C;height: 94px;}

.box-top,.box-bottom,.box-left,.box-right{position: absolute;}
.box-top{height: 116.5px;left: 354px;padding: 73px 11px;top: 0;width: 220px;}
.box-bottom{background: none repeat scroll 0 0 yellow;bottom:0; height: 116.5px;left: 354px;padding: 73px 11px;width: 220px;}
.box-left{background: none repeat scroll 0 0 #224b90;height: 126px;left: 0;width: 334px; bottom:25px;}
.box-right{background: none repeat scroll 0 0 #224b90;height: 126px;right: 0;width: 334px; bottom:25px;}
#random .contant{height: 525px;}

#random h1{font-size: 1.1em; padding: 10px;}
#random p{color: #fff; padding: 10px;}

.box-left,.box-right{background: #142B3D;}
.box-top{
	background: #243f44; /* Old browsers */
	background: -moz-linear-gradient(top,  #243f44 2%, #202d3d 49%, #0d1129 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#243f44), color-stop(49%,#202d3d), color-stop(100%,#0d1129)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #243f44 2%,#202d3d 49%,#0d1129 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #243f44 2%,#202d3d 49%,#0d1129 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #243f44 2%,#202d3d 49%,#0d1129 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #243f44 2%,#202d3d 49%,#0d1129 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243f44', endColorstr='#0d1129',GradientType=0 ); /* IE6-9 */

}

.box-bottom{
	background: #d1a92b; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1a92b 30%, #997d27 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#d1a92b), color-stop(100%,#997d27)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1a92b 30%,#997d27 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1a92b 30%,#997d27 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1a92b 30%,#997d27 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d1a92b 30%,#997d27 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1a92b', endColorstr='#997d27',GradientType=0 ); /* IE6-9 */
}

/*********************
institucional equipe
***********************/

ul#list-equipe{padding: 0;float: left; margin: 20px 0;}
ul#list-equipe li {float: left; background:#e6e6e6;}
ul#list-equipe li h1{ width: 720px;}
ul#list-equipe li p{float: right;font-size: 14px;width: 712px;margin-right: 45px;}
ul#list-equipe li figure { float: left; width: 120px; margin-top: 15px;}