/*		  
*/

body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
}



a {
	color: #2C2C2C;
	text-decoration: none;
	font-size: 0.9em;
}

a:hover {
    text-decoration: underline;
}
hr{
	border-color:#F27A14;
	box-sizing:border-box;
	width:100%;
}

/* ==|== Estilos Principais ================================================== */

.container {
    max-width: 1128px;
    margin: 0 auto;
}
	
.topbar {
	max-width: 100%;
	margin: 0 auto;
	height: 100px;
	background: url('../img/bg2_15_EE.png');
}
.endbar {
	max-width: 100%;
	margin: 0 auto;
	height: 100px;
	background: url('../img/bg2_15_EE.png');
}
.sharebar {
	width: 210px;
	position: absolute;
	left: 15.87%;
	top: 29px;
	height: 35px;
}
.visbar {
	width: 290px;
	position: relative;
	left: 41.36904762%;
	top: 20px;
	height: 75%;
}
img,
picture,
video,
embed {
min-width:1%;
max-width:100%;
height:auto;
}

.header {
	width: 100%;
	height: 48px;
	margin-top: 1.8em;
	margin-bottom: 6.1em;
	z-index: 10000;
	position:relative;
	background:#FFF;
}

.logo {
    float: left;
    width: 20.744680851064%; /*234px / 1128px */  
}

.menu {
    width: 74.468085106383%; /*840px / 1128px */
    float: right;
}

.menu ul {
    float: right;
}

.menu li {
    font-size: 1.2em;
    margin-left: 2em;
    margin-top: 1em;
    display: inline-block;
}

.menu li a {
    color: #999;
}

.banner {
	background: url('../img/ban1.jpg');
	height: 450px;
	margin-bottom: 0.8em;
	position: relative;
}

.caixa {
	width: 42.553191489362%; /* 264px / 1128px */
	padding: 2.4em 4em 2.4em 4em;
	position: absolute;
	top: 48px;
	background: rgba(0,0,0,0.3);
}


h1  {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: 200;
    color: #FFF;
}


.caixa p {
    font-size: 1.8em;
    font-weight: 200;
    color: #fff;
}

.coluna {
	width: 23.404255319149%; /* 264px / 1128px */
	float: left;
	margin-right: 2.127659574468%; /* 24 / 1128px */
}
.coluna1 {
	width: 23.404255319149%; /* 264px / 1128px */
	float: left;
	margin-right: 2.127659574468%; /* 24 / 1128px */
}
.coluna2 {
	width: 48.93617021%; /* 264px / 1128px */
	float: left;
	margin-right: 2.127659574468%; /* 24 / 1128px */
	margin-top: 1.7em;
}
.coluna3 {
	width: 48.93617021%; /* 264px / 1128px */
	float: left;
	margin-top: 1.7em;
}
.coluna:last-child {
	margin-right: 0;
}
.coluna1:last-child {
    margin-right: 0;
}


h2 {
	font-size: 2.4em;
	font-weight: 200;
	color: #FF0000;
}

p {
    font-size: 1.6em;
}

.footer {
	width: 100%;
	margin-top: 2.6em;
	float: left;
	clear: both;
}

.footer p {
    margin-bottom: 0;
}

.footer small {
	font-size: 1.4em;
}

.footer a {
    font-size: 1em;
}
#search {

}


#search input[type="text"] {
    background: url(../img/search-white.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;

	position: absolute;
	left: 70%;
	top: 29px;


    }

#search input[type="text"]:focus {
    background: url(../img/search-dark.png) no-repeat 10px 6px #fcfcfc;
    color: #6a6f75;
    width: 175px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

	position: absolute;
	left: 67%;
	top: 29px;


    }


/* ==========================================================================
   MENU
   ========================================================================== */



header{position:relative;width:100%;background:#FFF;}
.logo{
	position:relative;
	z-index:123;
	font:18px verdana;
	color:#FFFFC0;
	float:left;
	width:15%;
	padding: 10px;
}
.logo a{color:#FF0000;}
nav{
	position:relative;
	width:100%;
	margin:0 auto;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{
	font-family:sans-serif;
	background:#2C2C2C;
	margin-top: 1.1em;
}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{
	padding:15px;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	color:#FFFFC0;
	font-weight:700;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#FFF}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#FF0000!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#FFFFC0;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#FFFFC0;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#2C2C2C;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{
	border-bottom:1px solid rgba(150,150,150,0.15);
	width:200px;
	font-size:12px;
	text-decoration:none;
	color:#FFFFC0;
	font-weight:400;
	padding: 10px;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#FF0000}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#FFFFC0;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#FFFFC0;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#FFF;}
#cssmenu ul ul ul li.active a{border-left:1px solid #FFF}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #FFF}



.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */


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

    .container {
        padding: 0 2.4em 0 2.4em;
    }
.visbar {
	left: 37.14539007%;
}

.sharebar {
	left: 13.77%;
}
}

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

    .caixa {
        width: 69%;
    }

    .coluna {
        width: 48%;
        margin-bottom: 2.4em;
        margin-right: 4%;
    }
    .coluna1 {
        width: 48%;
        margin-right: 4%;
    }
    .coluna:nth-child(even) {
       margin-right: 0;
    }
    .coluna1:nth-child(even) {
       margin-right: 0;
    }
.visbar {
	left: 31.11979167%;
}

.sharebar {
	left: 10.57%;
}
#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 63%;
	top: 29px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 59%;
	top: 29px;


    }
}



@media screen and (max-width:718px){
.logo{
	position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none
}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #3B3B3B}
#cssmenu ul li:hover{background:#2C2C2C;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#2C2C2C!important;}
#cssmenu ul ul li:hover{background:#2C2C2C!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#FFFFC0;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FF0000}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#FFFFC0;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #FFFFC0;border-bottom:2px solid #FFFFC0;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#FFFFC0;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#FFFFC0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#FFFFC0;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:42px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#2C2C2C}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#FFFFC0;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#FFFFC0}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#FFFFC0;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}


.visbar {
	left: 29.0501393%;
}

}



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

    .menu {
        width: 100%;
    }
    
    .menu ul {
        float: left;
        font-size: 0.8em;
    }

    .menu li:first-child {
        margin-left: 0;
    }
.visbar {
	left: 27.34375000%;
}

#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 57%;
	top: 29px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 53%;
	top: 29px;


    }

}


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

    .coluna {
        width: 100%;
        margin-right: 0;
    }
    .coluna1 {
        width: 100%;
        margin-right: 0;
    }
.coluna2 {
        width: 100%;
        margin-right: 0;
}
.coluna3 {
        width: 100%;
        margin-right: 0;
}
.apDiv2 {
	left: 18.07692307692308%;
    }
.visbar {
	left: 22.11538462%;
}

.sharebar {
	width: 210px;
	position: absolute;
	left: 30.87%;
	top: 11px;
	height: 35px;
}
#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 31.37%;
	top: 51px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 27.17%;
	top: 51px;


    }
@media screen and (max-width: 440px) {

.visbar {
	left: 12.10891089%;
}
.sharebar {
	width: 210px;
	position: absolute;
	left: 20.87%;
	top: 11px;
	height: 35px;
}
#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 21.37%;
	top: 51px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 17.17%;
	top: 51px;


    }


}

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

.visbar {
	left: 14.10891089%;
}
.sharebar {
	width: 210px;
	position: absolute;
	left: 20.87%;
	top: 11px;
	height: 35px;
}
#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 21.37%;
	top: 51px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 17.17%;
	top: 51px;


    }


}

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

.visbar {
	left: 9.72222222%;
}


}


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

.visbar {
	left: 4.68750000%;
}
.topbar {
	height: 100px;
}

.sharebar {
	width: 210px;
	position: absolute;
	left: 18.87%;
	top: 11px;
	height: 35px;
}
#search input[type="text"] {
    width:150px;
	position: absolute;
	left: 19.77%;
	top: 51px;


    }

#search input[type="text"]:focus {
    width: 175px;
	position: absolute;
	left: 15.57%;
	top: 51px;


    }

}