@charset "utf-8";
/* CSS Document */

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {    position: relative;
              list-style: none;
			  overflow: hidden;
			  width: 100%;    
			  padding: 0;
			  margin: 0 auto;
			  z-index:0;
			   
			  }
			  
			  .rslides li {    
			  -webkit-backface-visibility: 
			  hidden;    
			  position: absolute;    
			  display: none;    
			  width: 100%;    
			  left: 0;    
			  top: 0;
			  
			  }
			  
			  .rslides li:first-child {    
			  position: relative;    
			  display: block;    
			  float: left;
			  
			  }
			  
			  .rslides img {    
			  display: block;    
			  height: auto;    
			  float: left;    
			  width: 100%;    
			  border: 0;
			  
			  }
			  
			  .rslides_container { 
			  position: relative; 
			  width: 100%;
			  z-index:1;
			  }
			  
			  .rslides_nav {    
			  z-index: 3;    
			  position: absolute;    
			  -webkit-tap-highlight-color: rgba(0,0,0,0);    
			  top: 50%;    
			  left: 0;    
			  opacity: 0.7;    
			  text-indent: -9999px;    
			  overflow: hidden;    
			  text-decoration: none;    
			  height: 61px;    
			  width: 38px;    
			  background: transparent url("themes/themes.gif") no-repeat left top;    
			  margin-top: -55px;
			  }
			  
			  .rslides_nav:active {    
			  opacity: 1.0;
			  }
			  
			  .rslides_nav.next {    
			  left: auto;    
			  background-position: right top;    
			  right: 0;
			  }
			  
			  .rslides_nav:focus {    
			  outline: none;
			  }
			  
			  .rslides_tabs {    
			  margin-top: 10px;    
			  text-align: center;    
			  position: absolute;    
			  z-index: 9999;    
			  left: 50%;    
			  margin-left: -40px;    
			  bottom: 0px;
			  }
			  
			  .rslides_tabs li {    
			  display: inline;    
			  float: none;    
			  _float: left;    
			  *float: left;    
			  margin-right: 5px;
			  }
			  
			  .rslides_tabs a{    
			  text-indent: -9999px;    
			  overflow: hidden;    
			  -webkit-border-radius: 15px;    
			  -moz-border-radius: 15px;    
			  border-radius: 15px;    
			  background: #FFF;    
			  /*background: rgba(0,0,0, .2);*/    
			  display: inline-block;    
			  _display: block;    
			  *display: block;    
			  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);    
			  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);    
			  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);    
			  width: 12px;    height: 12px;
			  }
			  
			  .rslides_here a {    
			  background: #222;    
			  background: rgba(0,0,0, .8);
			  }
			  
			  .caption {    
			  position: absolute;    
			  display: block;    
			  bottom: -20px;    
			  left: 0;    
			  right: 0;    
			  padding: 15px;    
			  text-align: center;    
			  background: #000;    
			  background: rgba(0,0,0, .8);    
			  color: #fff;
			 
			  }

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700);

/* GLOBAL 
body{font-family: Arial;}
.centralizar{width: 1000px; margin:0px auto;position: relative;z-index: 999999}
strong{font-weight: bold}
em,i{font-style: italic;}

/* HEADER 
#header{padding: 0;background: url(images/bgTopo2_verde.png) no-repeat center top;border-bottom:none;padding-bottom: 1px;height:176px;}
.topo{position: relative;height: 137px;}
#logo{float: left;margin: 16px 0 0 0;}
#logo a{float:left; width: 303px; height: 116px; background: url(images/unisantos-ices4.png) no-repeat left top;text-indent: -9999px}
#ices{}
#ices a{float:left; width: 296px; height: 14px; background: transparent no-repeat left top;text-indent: -9999px;position: absolute;left: 7px;top: 118px;}
.redesocial{position: absolute;left: 75%;top: 18px;}
.redesocial a{display: inline-block;width: 27px;height: 27px;}
#logoFace{background: url(images/face.png) no-repeat left top;}
#logoYoutube{background: url(images/youtube.png) no-repeat left top;}
#logoTwitter{background: url(images/twitter.png) no-repeat left top;}
#logoFace:hover,#logoYoutube:hover,#logoTwitter:hover{background-position: right top;}
.bandeira {position: absolute;right: 10px;}
#faleConosco {float: right;margin-right: 15px;margin-top: 42px;text-align: right;font-size: 12px;line-height: 16px;}
#faleConosco a {color: #FFF;}
#navegacao{width: 100%;position: relative;background: #114f2b; z-index: 99999}
#menu{height: 40px;}
#menu li{float: left;line-height: 40px;font-size: 15px;padding: 0px 9px 0px 9px;}


/*COR ORIGINAL: #073556
#menu li:hover{background: #114f2b;}
#menu li a{color: #FFF;font-family: 'Open Sans',sans-serif;font-size: 13px;}
.temsub{position: relative;overflow: hidden;padding: 0;display: block;z-index: 2;text-align: center;float: none;}
.sub {position: absolute;text-align: left;background: #114f2b;padding: 10px;margin-left: -9px;display: none;z-index: 99999}
#menu li:hover > .sub{display: block !important}
.lista-cursos {float: left;margin-right: 35px;}
.lista-cursos li{line-height: 25px !important;clear: both;padding: 0px !Important}
#menu li#busca {float: right;margin-right: 10px;margin-top: 4px;padding: 0px;}
#menu li#busca:hover {background: none;}
#menu li#busca form {line-height: 12px;margin-top: 3px;}
#busca label {float: left;}
#busca input[type=text] {height: 15px;margin: 0px;border-radius: 4px 0px 0px 4px;width: 180px;background-color: #ffffff;border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear .2s, box-shadow linear .2s;-moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;display: inline-block;padding: 4px 6px;font-size: 14px;line-height: 20px;color: #555555;vertical-align: middle;}
#busca label:last-child {margin-left: -1px;}
#busca button {border: none;background: none;margin: 0px;padding: 0px;cursor: pointer;}

/* CONTEÚDO
#conteudo{width:1000px; margin: 0px auto;padding: 15px;box-shadow: 0 0 21px 3px #c2c2c2;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 20px;min-height: 400px;}
.bloco1col {width: 313px;float: left;}
.bloco2col {width: 641px;float: left;}
.row{overflow: hidden;clear: both;margin-bottom: 15px;}
.blocoTitulo {font-size: 25px;width: auto;padding-bottom: 10px;margin-bottom: 8px;border-bottom: 3px #8398a5 solid;font-family: Segoe UI;color: #003257;}
.alignleft{float:left;margin: 5px 20px 10px 0;}
.alignright{float:right;margin: 5px 0 10px 20px;}

/* NOT�?CIAS 
#noticias{margin-left: 15px;}
#noticias ul{}
#noticias ul li{clear: both;padding-top:3px; padding-bottom: 3px;  border-bottom: 1px #E5E5E5 solid}
#noticias ul li:nth-child(even){background: #FAFAFA}
#noticias ul li .data{float: left;text-align: center;line-height: 9px;height: 40px;width: 40px;background: url(images/calendar.png) no-repeat left top;margin-right: 10px;}
#noticias ul li .texto a,#noticias ul li .data a{color:#666;font-size:13px;}
#noticias .vejamais{margin-top: 7px;display: inline-block;color: #003257;font-weight: bold; font-size:12px}
#noticias .data .mes {font-size: 11px;color: #FFF;text-transform: capitalize}
#noticias .data .dia {font-size: 20px;line-height: 28px;}
#noticias .texto{line-height: 18px;}

/* BOLSAS
#bolsas{margin-left: 0px; height: 476px}
#bolsas ul{}
#bolsas ul li{width: 100%;float: left;height: 424px}
#bolsas ul li a{ float: left}
#bolsas ul li .image{width: 100%;height: 99px; text-align: center}
#bolsas ul li .titulo{font-size: 35px; color:#F68E11;margin: 10px 0px 10px 0px}
#bolsas ul li .texto{font-size: 12px; color:#666; line-height: 20px;}

/* PESQUISAS 
#pesquisa{float:right;margin-left: 0px;overflow: hidden;}
#pesquisa .tabs{ width: 64px;float: left;}
#pesquisa .tabs li{clear: both;clear: both;text-align: center;height: 30px;line-height: 28px;background: #A8A8A8;margin-bottom: 1px;}
#pesquisa .tabs li a.clicado{background: #FFF; color:#000}
#pesquisa .tabs li:last-child{border-right: none;}
#pesquisa .tabs li a{color: #FFF;font-size: 12px;display: inline-table;width: 100%;line-height: 31px}
#pesquisa .conteudoVisualizado{width: 243px;position: relative;float: right;height: 124px;}
#pesquisa .conteudo{height: 100%;width:100%;position: absolute; left:0px; top:0px;}
#pesquisa .conteudo a{color:#333; text-decoration: none}
#pesquisa .conteudo .thumbConteudo{text-align: center;float: left;padding-right: 10px;}
#pesquisa .conteudo .textoConteudo{font-size: 11px;margin: 0px;vertical-align: middle;}
#pesquisa .conteudo .textoConteudo p{margin:0px;line-height: 15px}
#pesquisa .hide{display: none;}
#pesquisa .slide{clear: both;height: 22px;margin-bottom: 2px;border-radius:1px; background: url(images/bgPesquisa.png) repeat-x left center; overflow: hidden; border:1px #ccc solid;}
#pesquisa .slide .titulo{clear: both;padding-left: 20px;padding-top: 1px;font-weight: bold;color: #FFF;  cursor: pointer; background:#011b3a url(images/setaPesquisa.png) no-repeat left top;font-size: 15px;line-height: 20px;}
#pesquisa .slide .texto{width: 295px;margin: 3px auto auto auto;clear: both;font-size:11px;line-height: 16px;color:#3B3B3B}
#pesquisa .slide a{text-decoration:none}
#pesquisa .slide .texto .thumbConteudo{float:left; margin-right: 15px;margin-top: 7px}
#pesquisa .selected .titulo{padding-bottom: 4px;color: white !important;border-radius: 2px 2px 0px 0px !important; }

/* INTERCAMBIO 
#intercambio{font-size:12px;}
#intercambio a{text-decoration:none; float: left;}
#intercambio p{line-height: 18px;color:#666;}
#intercambio {margin-left: 34%;}

/* EXTENSÃO 
#bistro{margin-left: 15px;float:right;}
#bistro ul{}
#bistro ul li{width: 100%;float: left;margin-right: 64px;}
#bistro ul li a{ float: left}
#bistro ul li a .image{width: 100%;height: 99px; text-align: center}
#bistro ul li a .titulo{font-size: 35px; color:#F68E11;margin: 10px 0px 10px 0px}
#bistro ul li a .texto{margin-top: 0px;font-size: 12px; color:#666;line-height: 18px }

/* UNISANTOS NA MIDIA 
#unisantosMidia{float: right;}
#unisantosMidia ul{}
#agenda-cultural ul li, #unisantosMidia ul li, #acontece ul li{clear: both;overflow:hidden;padding-top:3px;padding-bottom: 3px;  border-bottom: 1px #E5E5E5 solid}
#agenda-cultural ul li:nth-child(odd), #unisantosMidia ul li:nth-child(even){background: #FAFAFA}
#agenda-cultural ul li .data, #unisantosMidia ul li .data, #acontece ul li .data{float: left;text-align: center;line-height: 9px;height: 40px;width: 40px;background: url(images/calendar.png) no-repeat left top;margin-right: 10px;}
#agenda-cultural ul li .texto a, #unisantosMidia ul li .texto a, #acontece ul li .texto a{color:#666;  font-size:13px}
#agenda-cultural .vejamais, #unisantosMidia .vejamais, #unisantosMidia .vejamais, #acontece .vejamais{margin-top: 7px;font-size:12px;display: inline-block;color: #003257;font-weight: bold;}
#agenda-cultural .texto, #unisantosMidia .texto{line-height: 18px;}
#agenda-cultural .mes, #unisantosMidia .mes{color:#FFF;font-size: 11px;text-transform: capitalize}
#agenda-cultural .dia, #unisantosMidia .dia{color:#666;font-size: 20px;line-height: 30px;}

/* ACONTECE 
#acontece .video{width:313px;height:200px;float:left;}
#acontece ul{float:left; width:300px; margin-left:15px;}
#acontece ul li .data{float: left;text-align: center;line-height: 9px;height: 40px;width: 40px;background: url(images/calendar.png) no-repeat left top;margin-right: 10px;}
#acontece ul li .texto a,#noticias ul li .data a{color:#666;  font-size:13px;}
#acontece .data .mes {font-size: 11px;color: #FFF;text-transform: capitalize}
#acontece .data .dia {font-size: 20px;line-height: 28px;color:#666}
#acontece .texto{line-height: 18px;}

/* AGENDA CULTURAL
#agenda-cultural{
    float: right;
    height: 476px;
}

#agenda-cultural ul li{
    line-height: 424px;
}

/* AGENDA CULTURAL NOVO BANNERS EXTENSAO
#agenda-cultural2{margin-left: 15px; height: 476px}
#agenda-cultural2 ul{}
#agenda-cultural2 ul li{width: 100%;float: left;height: 424px}
#agenda-cultural2 ul li a{ float: left}
#agenda-cultural2 ul li .image{width: 100%;height: 99px; text-align: center}
#agenda-cultural2 ul li .titulo{font-size: 35px; color:#F68E11;margin: 10px 0px 10px 0px}
#agenda-cultural2 ul li .texto{font-size: 12px; color:#666; line-height: 20px;}

/* MEIO AMBIENTE 
#links{margin-left: 15px}
#links ul{}
#links ul li{width: 100%;float: left;margin-right: 64px;}
#links ul li a{ float: left}
#links ul li a .image{width: 100%;height: 99px; text-align: center}
#links ul li a .titulo{font-size: 35px; color:#F68E11;margin: 10px 0px 10px 0px}
#links ul li a .texto{margin-top: 0;font-size: 12px; color:#666; margin: 0;line-height:20px }

/* LEOPOLDIANUM
#leopoldianum{}
#leopoldianum ul{width: 110px;height: 200px;float: left;}
#leopoldianum li{ text-align: center;width: 100%;background: #eeeeee;line-height: 100px;}
#leopoldianum li a img{display: inline; vertical-align: middle;}
#leopoldianum .imgDestaque{float: left; line-height: 200px; width: 203px;text-align: center;background: url(images/fundoLeopoldianum.jpg) no-repeat left top; position:relative}
#leopoldianum .imgDestaque img{display: inline; vertical-align: middle;}
#leopoldianum  .imgDestaque .tituloDestaque {background: #9a9a9a;width: 203px;height: 26px;position: absolute;bottom: 0px;left:0px;color: #FFF;z-index: 99999;line-height: 24px;}


/* AGENDA CULTURAL
#proximosEventos, 
#eventosPermanentes {
    margin-left: 15px;
}

/* LINHA DO TEMPO 
#linhadotempo{margin-left: 15px;}
#linhadotempo ul{}
#linhadotempo ul li{width: 100%;float: left;}
#linhadotempo ul li a{ float: left}
#linhadotempo ul li .image{width: 100%;height: 99px; text-align: center}
#linhadotempo ul li .texto{font-size: 12px; color:#666;line-height: 20px}

/* FACEBOOK 
#face{margin-left: 15px;}

/* RODAPÉ 

.rodape{width:100%;}
.rodape .row{margin-bottom: 0 !important; overflow: visible !important}
.rodape_linha1{height: 295px;background: url(images/bgRodape_verde.png) no-repeat center top;}
.rodape_linha2{background: #114f2b;padding-top: 26px;height:220px;}
.rodape_linha3{background: #114f2b;width: 100%;height: 75px;}
#infoRodape{color: #BEBEBE;margin-top: 12px;font-size: 12px;line-height: 16px;}
#infoRodape .campus{font-weight:bold;font-size:13px; color:#eaeaea}
#tituloMapa {font-size: 20px;color: #FFF;width: 590px;border-bottom: 1px #4a6c88 solid;padding-bottom: 8px;margin-bottom: 4px;}
.blocoMenu{float: left;font-size: 13px;margin-right:15px;margin-left:15px;min-height: 150px;}
.blocoMenu h3{font-size: 17px;margin-bottom: 5px;font-family: 'Roboto Condensed'}
.blocoMenu h3 a{color:white}
.blocoMenu ul{}
.blocoMenu ul li {line-height: 13px;max-width: 184px}
.blocoMenu ul li a{color:white;font-size:11px}
.rodape .redesocial {left: 83%;top: 10px;}
.rodape .bandeira {top: -6px;}
#campi{padding-top:65px; }
#campi li {width: 330px;color: #FFF;font-size: 11px;float: left;margin-right: 5px;color: white;}
#campi .fotoCampus {width: 95px;height: 187px;float: left;margin-right: 5px;margin-bottom: 5px;padding-left: 5px;padding-top: 5px;background:url(images/fundoFotoCampus.png) repeat left top;border-radius: 3px}
#campi li h3 {font-size: 19px;line-height: 23px;color: white; font-family: 'Roboto Condensed'; font-weight: bold;}
#campi .descricaoCampus{width: 225px;float:left;}
#campi .atendimento{width: 175px;text-align: justify;}
#campi p{line-height: 15px; color: white;}
.linkConvenios{float:left;margin-top:15px;margin-right: 34px;}
.linkConvenios:hover{background-position: left top}
.liceu{width:81px;height: 39px; background: url(images/liceulogo.png) no-repeat right top}
.cnpq{width:110px;height: 48px; background: url(images/cnpqlogo.png) no-repeat right top}
.fies{width:57px;height: 46px; background: url(images/fieslogo.png) no-repeat right top}
.ciencia{width:104px;height: 46px; background: url(images/ciencialogo.png) no-repeat right top}
.capes{width:60px;height: 46px; background: url(images/capeslogo.png) no-repeat right top}
.anp{width:107px;height: 40px; background: url(images/anplogo.png) no-repeat right top}
.acnur{width:112px;height: 42px; background: url(images/acnurlogo.png) no-repeat right top}
.prouni{width:129px;height: 40px; background: url(images/prounilogo.png) no-repeat right top; margin-right: 0px !important}

/* MODELO DE P�?GINA 
.breadcrumbN{border-bottom: 1px #eaeaea solid;padding-bottom: 10px; margin-bottom: 0px !important}
.breadcrumbN, .breadcrumbN a{color:#333;text-decoration: none; font-size: 14px}
.negrito{font-weight: bold}
#lateralEsquerdoCurso {width: 313px;float: left;min-height: 400px;padding-top: 15px;}
#lateralDireitoCurso {width: 635px;float: right;min-height: 400px;padding-top: 15px;}
#menuUniversidade{list-style: circle inside;margin-left: 10px;width: 90%;}
#menuUniversidade li a{color: #666;font-size: 13px; line-height: 20px}
#menuUniversidade>li{padding-bottom: 4px;}
#menuUniversidade>li>a{font-size: 15px;}
.children{display:none; list-style: disc inside; margin-left: 12px; margin-top: 3px;margin-bottom: 3px; line-height: 25px}
.textoCurso{line-height: 22px; font-size: 14px;}
.textoCurso p {padding-bottom: 12px;}
.textoCurso a{color:#444; text-decoration: underline}
#linksCurso .center {height: 89px;}
#linksCurso .left, #linksCurso .right {height: 107px;}
.left {float: left;}
.right{float:right;}


/* CATEGORIAS
#listaPost{border-bottom: 1px #eaeaea solid;padding-bottom: 40px;}
#listaPost li{clear: both;overflow: hidden;margin-bottom: 15px;margin-top: 15px;line-height: 19px}
#listaPost li a{text-decoration: none;float:left;width: 800px;max-width: 100%}
#listaPost li h3{font-family: Arial}
#listaPost li small{font-size: 10px;color:#333;line-height: 17px;}
#listaPost li p{margin: 0px;font-size: 13px;color:#333}
#listaPost li .thumb{float: left;width: 85px;height: 85px;margin-right: 14px;margin-bottom: 5px;border: 1px solid;}
#listaPost .tituloPost {font-size: 16px;margin: 0px;line-height: 22px; color:#4385aa;font-weight: bold;}
#singlePost{margin-top:25px;color:#3b3b3b}
#singlePost small{font-size: 12px;padding-bottom: 7px;display: block;}
#singlePost .blocoTitulo{margin-bottom: 10px;}
#singlePost h2{font-size: 27px; margin: 0px;color:#4385aa; font-family: 'Roboto Condensed'; font-weight: bold}
.textoSinglePost p{display: block;line-height: 21px; font-size: 14px;}
.wp-caption-text{text-align: center;}

/* PAGINAÇÃO
.page-numbers {float: right;clear: both;margin-top: 10px;color:#3b3b3b;font-family:'Roboto Condensed';font-size: 17px;}
.page-numbers li {display: inline-block;margin-left: 3px;}
.page-numbers a, .page-numbers .dots, .page-numbers .next, .page-numbers .prev {padding: 3px 5px;text-decoration: none;color:#3b3b3b}
.page-numbers a:hover, .page-numbers .next:hover, .page-numbers .prev:hover {}
.page-numbers .current {padding: 3px 5px;color: #27B3CF; font-weight: bold;font-size: 20px}

#mask {position:absolute;left:0;top:0;z-index:999999;background-color:#000;display:none;opacity:0.75;-moz-opacity: 0.75;filter: alpha(opacity=75);}
#boxes .window {position:absolute;left:0;top:0;width:660px;height:800px;display:none;z-index:99999999;padding:20px;background:#FFF;border-radius:2px;padding-top:5px;}
.close{display:block; text-align:right; color:#333; font-size: 11px}

.rslides_container{z-index: 10 !important}
.rslides{z-index: 10 !important}