@charset "utf-8";
/* CSS Document - CETENE | Centro de Tecnologias Estratégicas do Nordeste

@author: Quarta Dimensão - www.4dimensao.com.br
@company: Quarta Dimensão | Design & Tecnologia.
@url: http://www.cetene.gov.br
@date: 21/07/2011

*/

/*
@import url(internal.css);
@import url(nivoSlider.css);
@import url(tabPainel.css);
@import url(tabList.css);
@import url(fancybox/fancybox-1-3-4.css);
*/

* {margin:0; padding:0}
a {cursor:pointer; outline:none; text-decoration:none}
li {list-style:none}
em {font-style:normal; font-weight:700; padding-right:5px}
img {border:none}

body {background:url(../images/general/body.png) repeat 0 0; color:#555; font:12px/1.6em Verdana, Geneva, sans-serif}

/* Class / Important - Start */
.clear {clear:left}
/* Class / Important - End */

/* Formulários - Start */
form, label, input, textarea {float:left}
fieldset, input, textarea {border:none}
fieldset legend {float:left; margin-top:-20px; text-indent:-9000px}
label {line-height:2em; margin-right:5px; margin-bottom: 5px;}
label, input.btn {cursor:pointer}
input, textarea, option, select  {color:#5e5e5e; font:11px/1.6em Verdana, Geneva, sans-serif; overflow-y:auto}
input.btn {background:#109aff; color:#fff; font-weight:700; height:30px; padding:0; text-align:center; width:auto}
/* Formulários - End */

/* Estilos com @font-face - Start */
@font-face {
    font-family: 'DINLight';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.ttf') format('truetype');
}
#topCenter p, #slideshow div, #menu li a, label, input.btn, #colLeft h2, #colRight h3, #colRight h5,
#sobre p, #siga, .box form a, #listaLab li p, #equipe p, .internal h1, .internal h2, .internal h6, 
#cadastro h4, #cadastro a, #footerCenter p, #footerCenter address, #repositorio span, #repositorio a, 
.missao, .textoDestaque p, #listaGaleria li span.tit, #boxVideo span.titVideo, #linkShare, 
.listaNoticia h4, .listaNoticia span, .titLista, .insituicoes, .listaParceiros li div p,
#btnEnviar, .contato h4, #tecnicas div span, #tecnicas h4, .linhaPesq h4, .labInt h4,
.bioInt h5, #colRight .labInt .bioInt p.linkLab, .tabela li, #colRight #listaLabBio li span, #btnCadastrar, #btnAdd, #mais4, .area table thead tr th, .menu-proj li, 
#colRight .nucleos, #colRight #servTecLab #servTec p, .colFt h6, #menuTop li a {font-family:DINLight, Arial, Tahoma, Sans-serif; font-size:15px; text-transform:uppercase}
/* Estilos com @font-face - End */

/* Barra Ministério - Start */
.barraMin {background: url(../images/general/barraRt.png) no-repeat right 0 #074d21; float:left; height:36px; width:100%}
.barraMin .mct {background: url(../images/general/barraLogo.png) no-repeat 0 0; height:28px; left:40px; position:absolute; text-indent:-9000px; top:3px; width:245px}
.barraMin .gov {background: url(../images/general/barraGov.jpg) no-repeat 0 0; display:block; height:25px; position:absolute; right:40px; text-indent:-9000px; top:6px; width:95px}
/* Barra Ministério - End */

/* Top / Footer - Start */
#top, #footer {float:left; width:100%}
#topCenter, #footerCenter {margin:0 auto; width:990px}
#footer-novo {position: absolute;  left:0;  top: 800px;   width: 100%}
/* Top / Footer - End */

/* Top - Start */
#top {background:url(../images/general/top.png) repeat-x 0 bottom}
#top h1 {float:left; height:150px; margin-top:6px; width:370px}
#top #flashContent { float: left; margin-top: 6px; }
#top, #topCenter {height:156px}
/* #topCenter div {background:url(../images/general/fotoTop.jpg) repeat-x 0 0; float:right; height:257px; width:439px}
#topCenter p {background:url(../images/general/textoTop.png) repeat-x 0 0; float:left; height:111px; margin:107px 0 0 23px; text-indent:-9000px; width:184px} */
/* Top - End */

/* Container - Start */
#container {background:url(../images/general/shadowTop.png) no-repeat center 0; clear:both; min-height:500px; height:auto!important; height:500px; margin:0 auto}
#container, #shadowBottom {width:990px}

	#shadowBottom {background:url(../images/general/shadowBottom.png) no-repeat center bottom; float:left}

	/* Content - Start */
	#content {background:url(../images/general/content.png) repeat-y center 0; float:left; padding-left:16px; width:974px}
	
		/* Formulário de Newsletter / Acessar Webmail / Serviços Tecnológicos - Start */
		.formLeft span, .box span {float:left; margin:20px 0 0 30px; width:226px}
		.formLeft span input, .box span input {background:url(../images/forms/cmpIndex.png) no-repeat 0 0; height:34px; padding:0 7px; width:124px}
		.formLeft input.btn, .box input.btn {float:right; margin:10px 30px 0 0; width:80px}
		/* Formulário de Newsletter / Acessar Webmail / Serviços Tecnológicos - End */
		
		/* Col Left - Start */
		#colLeft {float:left; width:256px}
		
			/* Formulário de Busca - Start */
			#search {background-color:#109aff; padding:7px 0; position:relative; width:256px}
			#search label {color:#fff; cursor:text; line-height:1.4em; left:39px; position:absolute; text-transform:lowercase; top:10px}
			#search input {border:none; float:left}
			#search input#buscar {background-color:#40aeff; border:1px solid #40aeff; color:#fff; font:12px/1.6em Verdana, Geneva, sans-serif; height:25px; margin-left:30px; padding:0 8px; width:142px}
			#search input#btnSearch {background:url(../images/forms/btnSearch.png) no-repeat 0 0; cursor:pointer; height:27px; width:37px}
			
			#colLeft .gsc-search-box {background-color:#109aff; padding:7px 0; position:relative; width:256px}
			#colLeft .gsc-search-box input {border:none; float:left}
			#colLeft .gsc-search-box input.gsc-input {font:12px/1.6em Verdana, Geneva, sans-serif; height:27px; margin-left:30px; padding:0 8px; width:146px}
			#colLeft .gsc-search-box input.gsc-search-button {background:url(../images/forms/btnSearch.png) no-repeat 0 0; border-radius:0; cursor:pointer; height:27px; margin:0 27px 0 0; text-indent:-9000px; width:37px}
			#colLeft table.gsc-search-box {border-collapse:collapse}
			#colLeft table.gsc-search-box td.gsc-input {padding-right:0}
			#colLeft .gsc-clear-button {display:none}
			/* Formulário de Busca - Start */
		
			/* Menu - Start */
			#menu {margin-bottom:15px}
			#menu, #menu li {float:left; width:256px}
			#menu li {background:url(../images/general/menu.png) repeat-x 0 0; border-top:2px solid #fff; min-height:37px; height:auto!important; height:37px; position:relative}
			#menu li.liodd {background-position:0 -37px} 
			#menu li a {background:url(../images/icons/menu.png) no-repeat 25px -27px; color:#555; display:block; height:37px; left:0; line-height:2.7em; padding-left:50px; position:absolute; top:0; width:206px}
			#menu li a.menuMais {background-position:25px 10px}
			#menu li a.menuActive {background-position:25px -65px;}
			#menu li ul {float:left; width:256px}
			#menu li ul li {background-position:0 -74px}
			#menu li ul li a {background-position:25px -102px}
			#menu li ul li a:hover, #menu li ul li a.linkOpen {background-position:25px -138px}
			#menu li span {background-color:#fff; float:right; height:37px}
			#menu li a.linkOpen {background-position:25px -171px}
			/* Menu - End */
			
			/* Títulos colLeft - Start */
			#colLeft h2 {color:#109aff}
			#colLeft h2 em {color:#006cbb; padding-right:0}
			
				/* Títulos de Newsletter / Eventos / Acessar Webmail - Start */
				#newsletter h2, #eventos h2, #acessoWebmail h2 {float:left; margin:12px 0 0 30px}
				#newsletter h2 em, #eventos h2 em, #acessoWebmail h2 em {float:left; width:226px}
				/* Títulos de Newsletter / Eventos / Acessar Webmail - End */
				
				/* Títulos de Sobre - Start */
				#sobre h2 {float:right; font-size:38px; line-height:0.6em; margin:10px 15px 0 0; width:160px}
				#sobre h2 em {font-size:25px}
				/* Títulos de Sobre - End */
				
				/* Títulos de Acessar Webmail - Start */
				#acessoWebmail h2 {color:#3bacff; font-size:24px}
				#acessoWebmail h2 em {color:#fff; font-size:18px}
				/* Títulos de Acessar Webmail - End */
				
			/* Títulos colLeft - End */
			
			/* Newsletter / Sobre / Eventos - Start */
			#newsletter, #sobre, #eventos, #acessoWebmail {margin-bottom:50px; width:256px}
			/* Newsletter / Sobre / Eventos - End */
			
			/* Newsletter - Start */
			#newsletter {background:url(../images/general/newsletter.png) no-repeat 0 0; height:156px}
			/* Newsletter - End */
			
			/* Sobre - Start */
			#sobre {background:url(../images/general/sobre.jpg) no-repeat 0 0; height:275px}
			#sobre p {bottom:10px; font-size:12px; left:30px; position:absolute; width:200px}
			/* Sobre - End */
			
			/* Sobre / Eventos - Start */
			#sobre, #eventos {float:left; position:relative}
			#sobre a, #eventos a {bottom:3px; display:block; position:absolute; right:0}
			/* Sobre / Eventos - End */
			
			/* Eventos - Start */
			#eventos {background:url(../images/general/eventos.png) no-repeat 0 0; height:243px}
			#eventos p {float:left; margin:20px 0 0 30px; width:200px}
			#eventos h5 {color:#006cbb; margin-top:10px; width:200px}
			#eventos h6, #eventos h5 {float:left; font-size:12px; margin-left:30px}
			#eventos h6 {background-color:#006cbb; color:#fff; padding:1px 10px}
			#eventos a {bottom:0}
			/* Evento - End */
			
			/* Acessar Webmail - Start */
			#acessoWebmail {background-color:#006cbb; height:65px; /*padding-bottom:20px*/}
			#acessoWebmail img {margin:15px 0 5px 9px}
			#acessoWebmail span {margin-top:10px}
			#acessoWebmail span label {color:#fff}
			#acessoWebmail span input {background:url(../images/forms/cmpIndex2.png) no-repeat 0 0}
			/* Acessar Webmail - End */
			
			/* e-SIC - Start */
			.esic {border:3px solid #ccc; float:left; height:245px; margin:0 0 50px 52px; width:144px}
			/* e-SIC - End */
		
		/* Col Left - End */
		
		/* Menu Top - Start */
		#menuTop, #menuTop li, #menuTop li a {height:43px}
		#menuTop {background-color:#00538f; margin-bottom:0; position:relative; width:704px; z-index:100}
		#menuTop.sf-menu li {background:url(../images/icons/separadorMenuTop.gif) no-repeat right 4px; padding-right:2px}
		#menuTop li a {color:#fff; border:none; padding:12px 0; height:19px; line-height:1.2em; text-align:center}
		#menuTop li a#menuHome {background:url(../images/icons/home.png) no-repeat 19px 10px; height:43px; padding:0; text-indent:-9000px; width:53px}
		#menuTop li a#menuHome:hover, #menuTop li a:hover,#menuTop li a.menuAtivo,#menuTop li a.menuAtivoFixo {background-color:#109aff; height: 19px}
		#menuTop li a#menuHome:hover {padding: 12px 0 12px 0;}
		#menuTop li a#menuApresentacao {width:139px}
		#menuTop li a#menuInfra {width:155px}
		#menuTop li a#menuProjetos {width:97px}
		#menuTop li a#menuAreas {width:165px}
		#menuTop li a#menuEquipe {width:85px}
		#menuTop li ul {background:#00538f; display:block; border:none; border-top:3px solid #109aff; position:absolute; top:43px; width:208px;}
		#menuTop.sf-menu  li ul li {background:none; border-bottom:1px solid #003964; border-top:1px solid #4d86b1; padding:0; height:43px; text-align:left; width:215px;}
		#menuTop li ul li a {background: url(../images/icons/seta-menu.png) no-repeat 6px center; font-size:14px; line-height:1.4em; margin: 0; padding-left:22px; text-align:left; width:194px; z-index:100}
		#menuTop li.noBg {background:none!important; border-top:none!important; padding:0}
		#menu-pos {/*left:-132px;*/ right:0}
		/* Menu Top - End */
		
		/* Col Right - Start */
		#colRight {float:left; padding:25px 0 0 45px; width:670px}
		
			/* Títulos colRight - Start */
			#colRight h3 {color:#006cbb; clear:both; font-size:18px; padding-bottom:15px}
			#colRight h3, #colRight h3 em {float:left; width:283px}
			#colRight h3.infraInstru {width:320px}
			#colRight h3 em {color:#109aff; font-size:24px; padding:5px 0 0}
			/* Títulos colRight - End */
		
			/* Midias Sociais - Start */
			#midiaSocial {float:right; margin:10px 17px 25px 0}
			#midiaSocial li {float:left; margin-left:10px}
			#midiaSocial li a {display:block; height:27px; width:27px}
			#siga {background:url(../images/icons/arrowRight2.png) no-repeat right center; color:#109aff; float:right; margin:15px 5px 0 0; padding-right:25px}
			/* Midias Sociais - End */
		
			/* Slideshow - Start */
			#banner {float:left; height:304px; margin-bottom:25px; position:relative; width:617px}
			#banner ul {border:7px solid #e1e1e1; float:left; height:286px; width:599px}
			/*#banner div.nivo-caption {padding:15px 30px 15px 20px}*/
			#banner em {color:#fff; /*float:left; font-size:52px;*/ font-size:25px; font-weight:400; line-height:0.8em; margin-left:-3px; /*width:100%*/}
			#banner span {color:#109aff; /*float:left; font-size:20px;*/ font-size:16px; /*line-height:1.1em;*/ line-height:1.1em; padding-top:5px; /*width:100%*/}
			#banner .nivo-controlNav {bottom:10px; position:absolute; right:15px}
			#banner .nivo-controlNav a {background:url(../images/icons/pagBanner.png) no-repeat 0 0; float:left; height:14px; margin-left:5px; text-indent:-9000px; width:14px}
			#banner .nivo-controlNav a.active {background-position:0 -20px}
			#banner .linkMais {/*bottom:231px;*/ left:548px; position:absolute; top:-25px}
			
			#banner #titBanner,#banner #subTitBanner {background:url(../images/general/descBanner.png) repeat 0 0; position:absolute}
			
			#banner #titBanner {left:0; padding:15px 30px 15px 20px; top:0}
			#banner #titBanner em,#banner #titBanner span {clear:left; float:left}
			
			#banner #subTitBanner {padding:15px 20px 15px 30px; right:0; text-align:right; top:100px}
			#banner #subTitBanner em {color:#109aff; font-size:20px; line-height:1em}
			#banner #subTitBanner span {color:#fff}
			#banner #subTitBanner em,#banner #subTitBanner span {clear:right; float:right}
			/* Slideshow - End */
			
			/* Box - Start */
			.box {float:left; margin-bottom:25px; width:283px}
			/* Box - End */
			
			/* Serviços Tecnológicos / Galeria Multimídia - Start */
			#servTec form, #galeria ul {background:url(../images/general/box.png) no-repeat 0 0; height:236px; padding:10px 0 0 10px; width:273px}
			/* Serviços Tecnológicos / Galeria Multimídia - End */
			
			/* Laboratórios - Start */
			#listaLab li a {background:url(../images/icons/mais3.png) no-repeat center center #109aff; display:block; height:29px; right:0; text-indent:-9000px; width:28px}
			/* Laboratórios - End */
			
			/* Serviços Tecnológicos / Labs - Start */
			#colRight #servTecLab {float:left; width:615px}
			#colRight #servTecLab #servTec {width:298px}
			#colRight #servTecLab #lab {width:313px}
			#colRight #servTecLab #lab h3, #colRight #servTecLab #lab h3 em {color:#fff}
			#colRight #servTecLab #servTec p {color:#109aff; padding-bottom:10px}
			#colRight .servTecBox {background-color:#ebebeb; float:left; padding:15px 0 15px 15px}
			#colRight .servTecBox {width:298px}
			/* Serviços Tecnológicos / Labs - End */
			
			/* Serviços Tecnológicos - Start */
			#colRight #servTec form {position:relative}
			/*#colRight #servTec form p {border-bottom:1px dashed #adadad; float:left; padding-bottom:15px; width:263px}*/
			#colRight #servTec form span {margin:0 0 0 5px}
			#colRight #servTec form span label {width:55px}
			#colRight #servTec form input.btn {margin:0; position:absolute; left:228px; top:77px; width:30px}
			#colRight #servTec #cadastro, #colRight #servTec #cadastro h4, #colRight #servTec #cadastro a {float:left; width:283px}
			#colRight #servTec #cadastro {background-color:#006cbb; bottom:0; height:112px; left:0; padding-top:15px; position:absolute; text-align:center}
			#colRight #servTec #cadastro h4 {background:url(../images/icons/arrowRight2.gif) no-repeat 50px 3px; font-size:16px; font-weight:400; padding-bottom:5px}
			#colRight #servTec #cadastro h4, #cadastro a {color:#fff}
			#colRight #servTec #cadastro a {background-color:#109aff; font-size:16px; margin-top:5px; padding:5px 0}
			/* Serviços Tecnológicos - End */
		
			/* Laboratórios - Start */
			/*#lab {margin-left:47px}*/
			#listaLab {margin-top:-4px}
			#listaLab, #listaLab li {float:left; width:283px}
			#listaLab li {height:120px; margin-top:5px; position:relative}
			#listaLab li p, #listaLab li a {position:absolute; top:45px}
			#listaLab li p {background:url(../images/general/transpTexto.png) repeat 0 0; color:#fff; font-size:20px; left:0; padding:2px 10px}
			#listaLab li.lastLi p {line-height:1.1em; top:36px}
			/* Laboratórios - End */
			
			/* Canal de Notícias - Start */
			div#feature_list {margin-bottom:25px}
			div#feature_list ul#tabs {top:-13px}
			#tabs {margin-bottom:50px}
			#tabs li {color:#666; font-size:12px; margin-top:12px; padding:1px 0 1px 13px; position:relative}
			#tabs li img {display:none}
			#tabs li a {color:#fff; font-size:11px}
			#tabs li span {font-family:Verdana; float:left; padding:10px 0 0 10px; width:150px}
			#tabs li span.ico {background-color:#109aff; background-position:center center; background-repeat:no-repeat; height:27px; padding:0; position:absolute; right:0; top:26px; width:27px}
			#tabs li span.fotografica {background-image:url(../images/icons/fotografica.png)}
			#tabs li span.video {background-image:url(../images/icons/video.png)}
			#tabs li span.texto {background-image:url(../images/icons/texto.png)}
			
			#output .info {position:absolute; bottom:0; left:0; background: url('../images/general/transpTabPainel.png') repeat 0 0; padding: 10px}
			#output .info h2 {font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden}
			#output .info p {margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; width:360px; padding-bottom:0}
			#output .info a {text-decoration:underline; color:#fff}
			#output .info a:hover {text-decoration:underline}
			/* Canal de Notícias - End */
			
			/* Galeria Multimídia - Start */
			#galeria ul {height:246px; padding-top:0}
			#galeria ul, #galeria ul li {float:left}
			#galeria ul li {border-bottom:1px dashed #adadad; padding:11px 0; width:262px}
			#galeria ul li.lastLi {border:none; padding-bottom:0}
			#galeria ul li img {background-color:#fff; border:1px solid #c1c1c1; float:left; height:90px; margin-right:7px; padding:4px; width:120px}
			#galeria ul li span {float:left; margin:0}
			#galeria ul li span.text {width:125px}
			#galeria ul li a span.text {color:#555}
			#galeria ul li span.numFotos {background-color:#109aff; color:#fff; margin-top:5px; padding:2px 10px; width:auto}
			/* Galeria Multimídia - End */
			
			/* Repositório CETENE - Start */
			#repositorio {margin-left:47px}
			#repositorio, #repositorio div {float:left}
			#repositorio div {background:url(../images/general/repositorio.gif) no-repeat 0 0 #ededed; position:relative}
			#repositorio span {color:#fff; font-size:24px; width:auto}
			#repositorio span#art {float:left; margin-top:10px;cursor: pointer;}
			#repositorio span#pub {float:right; margin:92px 30px 0 0;cursor: pointer;}
			#repositorio span#art:hover, #repositorio span#pub:hover {text-decoration: underline;}
			#repositorio a {color:#555; cursor:default; float:left; font-size:18px; letter-spacing:-0.07em; margin-top:13px; padding:18px 20px; width:243px}
			/*#repositorio a:hover {color:#0772f5}*/
			/* Repositório CETENE - End */
		
		/* Col Right - End */
	
	/* Content - End */

/* Container - End */

/* Footer - Start */
#footer {background:url(../images/general/footer.png) repeat-x 0 0 #1e90d0; border-top:5px solid #0062a9}
#footer-novo {background:url(../images/general/footer.png) repeat-x 0 0 #1e90d0; border-top:5px solid #0062a9}
/*#footer, #footerCenter {height:222px}*/
#footerCenter {height:475px; padding:10px 0 15px; position:relative}
#footerCenter h1 {float:left; margin:15px 0 0 -15px}
/*#footerCenter div {background:url(../images/general/textoFooter.png) repeat 0 0; color:#fff; float:right; height:128px; margin:40px 13px 0 0; padding-left:30px; width:592px}*/
#footerCenter div p {padding:15px 0 20px}
#footerCenter div p, #footerCenter div address {text-shadow:1px 1px 2px #000}
#footerCenter div address {font-style:normal}
#footerCenter #logo4D {position:absolute; right:40px; bottom:40px}
#footerInfo {float:left; margin:93px 0 0 45px; width: 870px;}
#footerInfo a {float:left; margin: 15px 15px 0 0;}
#footerInfo p {border-left: 1px solid #4b97cd; font-family: DINLight;  color:#fff;  float:left; text-transform:uppercase; padding: 0 0!important; width: 670px;}
#footerInfo p #end {border-bottom:1px solid #4b97cd; float:left; padding:0 0 10px 15px; text-transform:uppercase; width: 655px}
#footerInfo p #cet { float:left; font-size:11px; padding: 10px 0 10px 10px;}

.colFt {float:left; margin-left:46px; width:190px}
.colFt h6, .colFt h6 a {color:#fff}
.colFt h6 {margin-top:20px}
.colFt h6 a {text-decoration:underline}
.colFt h6 a:hover {color:#c0ebff}
.colFt h6, .colFt ul, .colFt ul li {float:left; width:190px}
.colFt ul li {border-bottom:1px dashed #fff}
.colFt ul li a {color:#c0ebff; display:block; padding:7px 0}
.colFt ul li a:hover {color:#fff}
/* Footer - End */

/* Loading Ajax - Start */
#loadAjax {background:url(../images/general/loadAjax.png) repeat 0 0 fixed #000; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:100; opacity:0.85; filter: alpha(opacity=85);}
#loadIcon {background-color:#fff; border-radius:10px; height:60px; left:50%; margin:-75px 0 0 -50px; -moz-border-radius:10px; padding:20px; position:absolute; text-align:center; top:50%; -webkit-border-radius:10px; width:110px}
/* Loading Ajax - End */

#botaoPdfs{display: block; width: 186px; height: 20px; margin-top: 10px; color: #fff; text-align: center; background: #00538f;}

#downloads a{display: block; width: auto; height: 20px; color: #109aff; font-size:15px; line-height: 32px; text-indent: 30px; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; background: url(../images/icons/pdf-pequeno.png) no-repeat left center;}

#downloads .cinza{background: #f0f0f0;}