@import url("base.css");

html body div#all.clearfix div#head{background: url("img/back-top.png");}
#top{margin: 0 auto}
#header{background:#f2f3f3 url('img/header.png') repeat-x top center; height: 151px;}
#header h1 .outubro-rosa{background: url('img/novaLogoOutubroRosa.png') no-repeat; width: 370px; height: 120px;float: left; margin: 10px 0; margin-top:35px;}
#header h1 .logo{background: url('img/novaLogo.png') no-repeat; width: 370px; height: 120px;float: left; margin: 10px 0; margin-top:35px;}
	#header .search{float: right; margin-top: 25px}
	#header .search ul li{float: left; border-left: 1px solid #808285; padding: 0 5px}
	#header .search ul li a{font-size: 12px; color: #808285}
	#header .search ul li#lock a{background: url('img/lock.png') no-repeat; padding: 2px 0 0 18px}
	#header .search ul li#mail a{background: url('img/webmail.png') no-repeat; padding: 0 0 0 18px }
	#header .search ul li#map a{background: url('img/map.png') no-repeat;  padding: 2px 5px 0 18px; border-right: 1px solid #808285;}
		#header .search form fieldset{border:0}
		#header .search form fieldset{clear: left; margin-top: 40px; float: right;}
		#header .search form fieldset input#txbusca.text{border: 1px solid #afafaf; border-radius: 5px; padding: 4px 0; width: 200px}
		#header .search form fieldset input#buscar.submit{background: #527de6; border: 1px solid #afafaf; border-radius:0 5px 5px 0; padding: 3px 8px 3px 8px; margin-left: -7px; color: #fff}
		#header .search form fieldset input#buscar.submit:HOVER {cursor: pointer;}

#menu{background:url(img/menuNovo.png) center top #f2f3f3; min-height:20px; padding: 35px 0 5px 0}
#menu ul{margin-left: 115px;}
#menu ul li{float: left; font-size: 9px;  height: 25px}
#menu ul li a{color: #fdfdfd; font-size: 12px; padding: 0 5px;border-right: 1px solid #fdfdfd;}
#menu ul li a:HOVER {color: #ebf0fa; text-decoration: underline;}
#menu > div > ul > li > ul{margin-left: 35px;}

.content{}
#inner.clearfix{ float: left; margin-top: 20px; width: 760px}
#inner-lic.clearfix {
	float: left;
	margin-top: 20px;
	width: 1000px;
}

#footer{height:267px}
	#footer .foot{background: #284db8; height: 190px}
	#footer .foot ul{float: left; margin: 8px 20px 0 60px}
	#footer .foot ul li{padding: 4px 0}
	#footer .foot ul li a{font-size: 12px; color: #fdfdfd}
	#footer .foot ul li a:hover{text-decoration: underline}
	#footer .foot form fieldset{width: 220px; float: left; margin: 0 30px; margin-top: 10px}
	#footer .foot h5{font-size: 14px; color: #fdfdfd; margin-bottom: 5px}
	#footer .foot span{font-size: 12px; color: #fdfdfd}

	#footer .foot .informativo{width:310px; float:left; margin-top:10px}
	#footer .foot .informativo .frm-wrapper{}
	#footer .foot .informativo .frm-wrapper form.default dl.zend_form dt label{color: #fff}
	#footer .foot .informativo .frm-wrapper form.default dl.zend_form dt label:AFTER{content: ''}
	#footer .foot .informativo .frm-wrapper dl.zend_form dd input#nm_nome, 
	#footer .foot .informativo .frm-wrapper dl.zend_form dd input#nm_email{
		width:300px; height:35px; padding:0px 0px 12px 10px; margin:5px 0px 0px 0px; border:none; 
		background:url('img/input-informativo.png') no-repeat
	}
	#footer .foot .informativo .frm-wrapper dl.zend_form dt#nm_nome-label, 
	#footer .foot .informativo .frm-wrapper dl.zend_form dt#nm_email-label{color:#fff; font-size:14px; font-weight:bold}
	#footer .foot .informativo .frm-wrapper dl.zend_form dt#nm_nome-label{margin-top:6px}
	#footer .foot .informativo .frm-wrapper dl.zend_form dd#Enviar-element{float:right; margin:0 0 20px 5px; margin-right:9px}
	#footer .foot .informativo .frm-wrapper dl.zend_form dt#Enviar-label{text-indent:-9000px; display:none; overflow:hidden}
	#footer .foot .informativo .frm-wrapper dl.zend_form dd input#Enviar{width:113px; height:25px}
	#footer .foot .informativo .loading{background:url('img/loadingAnimation.gif') no-repeat 0 bottom; padding:5px 0; height:25px; font-size:12px; color:#fff}
	#footer .foot .informativo .return{margin:10px 0}
	#footer .foot .informativo .return span{display:block; color:#f5fc2f; padding:0; margin-bottom:5px; line-height:16px}
	#footer .foot .informativo .return p{margin-top:8px}
	#footer .foot .informativo .return p a{color:#fff; text-decoration:none; font-size:12px}
	#footer .foot .informativo .return p a:hover{text-decoration:underline}
	
	#footer .foot .social{padding-top: 10px; float: right; width: 300px}
	#footer .foot .social ul li{float: left;}
	#footer .foot .social ul li a span{background:url(img/social_2.png);height: 34px;width: 34px; margin: 0 5px}
	#footer .foot .social ul li a span#instagram{background:url(img/instagram.png);height: 34px;width: 34px; margin: 0 5px}
	#footer .foot .social ul li a span#facebook.replace{background-position: -51px 0px!important}
	#footer .foot .social ul li a span#youtube.replace{background-position: -102px 0!important}
	#footer .foot .social ul li a span#linkedin.replace{background-position: -156px 0!important}
	#footer .foot .social a#vwi{clear:both; margin:66px 166px 0 0}
	#footer .foot .social a#vwi.replace{background:url('img/vivaweb.png') no-repeat; opacity:0.7; height:27px; width:109px; float:right}
	#footer .foot .social a#vwi.replace:hover{background:url('img/vivaweb.png') no-repeat; opacity:1.0}
		#footer .bottom{background: #eff0f0; height: 60px}
		#footer .bottom{text-align: center; color: #939598; font-size: 12px; line-height: 15px; padding-top: 16px}

/* MENSAGEM DO INFORMATIVO */
	/*ul.errors{width:340px; float:left}*/
	ul.errors li{color:#FF0000;}

/* Submenu */
html body div#all.clearfix div#head div#top div#menu ul li ul.submenu li{float: none;}
        .submenu, ul > li > ul{display:none; width:260px; margin:0; padding:5px 0; z-index:9999; margin-top: 13px!important}
            .submenu li, ul > li > ul > li{
                display:block; background:#ae8b36 !important; width:220px; font-size:14px !important; 
                text-transform:none !important; color:#fff; padding:6px 0 6px 11px !important;
                border-right:none!important;height: 30px!important;margin-bottom: -15px !important;margin-top: -5px !important;padding-top: 5px !important; margin-left: -100px}
            .submenu li a, ul > li > ul > li > a{color:#fff !important; border: none!important;}
            .submenu li a:hover, ul > li > ul > li > a:hover{text-decoration:underline !important;}
        .hsBtn:hover > ul.submenu, .evBtn:hover > ul.submenu, .trBtn:hover > ul.submenu, ul > li:hover > ul{position:absolute; display:block}            
        #menu.clearfix ul li ul.submenu li a{font-size: 15px!important}
        #menu.clearfix ul li ul#material.submenu{width: 210px!important; margin-left: -20px}
		html body div#all.clearfix div#head div#top div#menu ul li ul.submenu li a:before{content:'• ' }
		
div#top div#header div.center_wrap div.search div#acessibilidade {margin-top:20px; color:#808285; float:left; margin-left:125px;}
div#top div#header div.center_wrap div.search div#acessibilidade a {color:#808285; margin:5px;}
div#top div#header div.center_wrap div.search div#acessibilidade .contraste{background:#000; color:#fff;padding:2px;}
div#top div#header div.center_wrap div.search div#acessibilidade .contrast{font-size:14px; border:1px solid #DDDDDD; background:#fff; padding:4px; border-radius:40px;}
div#top div#header div.center_wrap div.search div#acessibilidade .small{font-size:14px; border:1px solid #DDDDDD; background:#fff; padding:4px; border-radius:40px;}
div#top div#header div.center_wrap div.search div#acessibilidade .medium{ font-size: 14px; border:1px solid #DDDDDD; background:#fff;padding:4px; border-radius:40px; }
div#top div#header div.center_wrap div.search div#acessibilidade .large{font-size:14px; border:1px solid #DDDDDD; background:#fff; padding:4px; border-radius:40px;}
div#top div#header div.center_wrap div.search div#acessibilidade a:hover{color:#00AAE8;}

#top.outubro-rosa {background-color: #f6cae1}
#top.outubro-rosa #header {background: none}
#top.outubro-rosa #menu {background-color: transparent}

#top.novembro-azul {background-color: #b3e3fb}
#top.novembro-azul #header {background: none}
#top.novembro-azul #menu {background-color: transparent}