/*







THEME NAME: Transpes







THEME URI: http://www.plaintxt.org/themes/sandbox/







DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists







VERSION: 1.6.1







AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>







AUTHOR URI:







TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar







*/



@import url('prettyPhoto.css');











/* instalando fontes */



/*setando fontes para o template */



body {



	font-family:Arial, Helvetica, sans-serif;



	margin:0;



	padding:0;



}



#header {



	padding-top:10px;



	background:url(http://www.transpes.com.br/wp-content/uploads/2010/04/transpes-header.jpg) center top no-repeat;



}



h1#blog-title {



	padding-top:10px;



	display:block;



	float:left;



	height:74px;



	width:220px;

margin-left:365px;


}



h1#blog-title a{



	display:block;



	height:74px;



	width:220px;



	text-indent:-15000px;



}



#wrapper {



	display:block;



	margin:auto;



	width:950px;



}







/* busca */



div#searchheader {



	float:right;



	text-align:right;



	display:block;



	overflow:hidden;



	width:230px;



	height:22px;



	margin-top:98px;



}



div#searchheader input#s {



	height:14px;



	width:191px;



	border:solid 1px #E20B18;



	font-size:13px;



}



div#searchheader input.lupa {



	height:18px;



	border:none;



	width:23px;



	background:url(images/lupa.jpg) no-repeat;



	text-indent:-15000px;



}











/* menu */



div#access {



	display:block;



	clear:both;



	height:30px;



	width:930px;



	padding:0px 10px;



	background:#E20B18;



	margin:30px 0 0 0;
	background:url(http://www.transpes.com.br/wp-content/uploads/2010/04/transpes-bg-menu-novo-abril.jpg) repeat-x;


}



div#access ul {



	padding:0;



	margin:0;



	list-style:none;



}



div#access ul li {



	float:left;



	overflow:hidden;



	height:20px;

padding: 5px 0;


}



div#access ul li a {



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;



	font-size:14px;



	text-align:center;



	padding: 0 14px;



	color:#FFF;



	text-decoration:none;



}



div#access ul li:hover, div#access ul li.current_page_item, .home div#access ul li.inicial {



background: url(http://www.transpes.com.br/wp-content/uploads/2010/04/transpes-bg-menu-novo-abril-hover.jpg) repeat-x;


}







/* footer */



#footer {



	padding:15px 10px 10px 35px;



	display:block;



	height:115px;



	width:905px;



	background:#003B7E;



	color:#fff;



	overflow:hidden;



	clear:both;



	margin-top:30px;



}



span#transpesfooter {



	display:block;



	float:left;



	overflow:hidden;



	background:url(images/logo-transpes-fundo-azul.jpg) no-repeat;



	width:190px;



	height:79px;



	text-indent:-15000px;



	margin:15px 30px 0 0;



}



#footer address {



	display:block;



	height:75px;



	padding:25px 0 0 15px;



	width:300px;



	overflow:hidden;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	font-weight:normal;



	border-left:solid 1px #fff;



	font-style:normal;



	float:left;



	margin-top:5px;



}



ul.sociais {



	display:block;



	float:right;



	width:140px;



	padding:0;



	margin:0;



}



ul.sociais li {



	display:block;



	float:left;



	height:31px;



	width:30px;



	overflow:hidden;



	padding:0 0 0 3px;



}



ul.sociais li a {



	display:block;



	height:31px;



	width:30px;



	text-indent:-15000px;




}



ul.sociais li a.feed {



	background:url(images/rss.jpg) no-repeat;



}



ul.sociais li a.youtube {



	background:url(images/youtube.jpg) no-repeat;



}



ul.sociais li a.twitter {



	background:url(images/twitter.jpg) no-repeat;



}



ul.sociais li a.linkedin {



	background:url(images/linkedin.jpg) no-repeat;



}







span.assinatura {



	display:block;



	width:77px;



	height:17px;



	margin:65px 0 0 0;



	float:right;



	clear:right;



}



span.assinatura a{



	display:block;



	width:77px;



	height:17px;



	text-indent:-15000px;



	background:	url(images/logo-zwdesign-fundo-azul.jpg) no-repeat;



}



	



/* home */







div#banner {



	display:block;



	width:950px;



	height:300px;



	overflow:hidden;



	margin:0;



	background:#fdfdfd;



}



div#banner-1, div#banner-2, div#banner-3 {



	position:relative;



	border:none;



	width:950px;



	overflow:hidden;



	z-index:2;



	top:-30px;



}



div#banner-1 a, div#banner-2 a, div#banner-3 a, div#banner-1 a img, div#banner-2 a img, div#banner-3 a img {



	border:none;



	overflow:hidden;



	margin:0;



	padding:0;	



}



div#banner-2, div#banner-3 {



	display:none;



}



div#banner ul#botoes-de-banner {



	display:block;



	float:right;



	position:relative;



	z-index:200;



	bottom:-270px;



	height:30px;



	width:105px;



	list-style:none;



	padding:0;



	margin:0;



}



div#banner ul#botoes-de-banner li {



	float:left;



	display:block;



	padding:0;



	margin:0 5px 0 0;



	width:30px;



	height:30px;



}



div#banner ul#botoes-de-banner li a{



	display:block;



	padding:0;



	margin:0;



	width:30px;



	height:30px;



	text-decoration:none;



	font-size:24px;



	color:#FFF;



	text-align:center;



}



div#banner ul#botoes-de-banner li a:hover, div#banner ul#botoes-de-banner li a.active:hover{



	color:#FF0;



}



div#banner ul#botoes-de-banner li a.active{



	color:#E20B18;



}







div#content.indexcontent {



	border-top:4px solid #E20B18;



	margin-top:22px;



	padding-top:22px;



	width:950px;



}



.destaquedaindex {



	display:block;



	float:left;



	padding-left:23px;



	width:220px;



	overflow:hidden;



}



div.destaquedaindex.first {



	padding-left:0;



}



div#content.indexcontent .destaquedaindex h2.entry-title, div#content .destaquedaindex span.destaquetitle {



	font-size:14px;



	padding-left:20px;



	padding:15px 0 10px 10px;



	margin:0;



}



div#content.indexcontent .destaquedaindex:hover h2.entry-title, div#content .destaquedaindex:hover span.destaquetitle, .destaquedaindex:hover h2, .destaquedaindex:hover h2 a {



	background:#e20b18;



	color:#fff;



}



.destaquedaindex:hover h2.entry-title a , .destaquedaindex:hover .destaquetitle a {



	background:#e20b18;



	color:#fff;



}

.destaquedaindex:hover h2.entry-title, .destaquedaindex:hover .destaquetitle {



	background:#e20b18;



	color:#fff;



}

.destaquedaindex p {



	font-size:12px;



	line-height:1.3em;



	padding-left:10px;



	margin-top:5px;



}



.destaquedaindex h2 a, .destaquedaindex span.destaquetitle a {



	color:#003B7E;



	text-decoration:none;



}

.destaquedaindex p a {

	text-decoration:none;

	color:#000;

}

span.destaquetitle {



	display:block;



	width:220px;



	padding:15px 0 15px 10px;



	overflow:hidden;



	font-size:14px;



}

.destaquedaindex:hover .destaquetitle, .destaquedaindex:hover .destaquetitle a {

	

}

span.destaquetitle a {



	color:#003B7E;



	text-decoration:none;



	font-weight:bold;



}



#bannermenor {



	display:block;



	overflow:hidden;



	width:462px;



	height:200px;



	clear:both;



	float:left;



	margin:20px 20px 25px 0;



}



#bannermenor a, #bannermenor a img {



	border:none;



	color:#fff;



	text-decoration:none;



}



#bannermenor span.peliculadobanner {



	display:block;



	position:relative;



	font-size:52px;



	bottom:58px;



	z-index:30;



}



div#noticias {



	display:block;



	width:466px;



	float:right;



	margin-top:20px;



	border-top:4px solid #e20b18;



}



div#noticias h3 {



	padding:7px 0 10px 20px;



	color:#003A7E;



	font-size:18px;



	margin:0;



}



div#noticias ul {



	display:block;



	margin:0;



	padding:10px;



	background:#d6d6d6;



	width:446px;



	height:138px;



	list-style:none;



	overflow:hidden;



}



div#noticias ul li {



	display:block;



	width:436px;



	height:40px;



	background:#fff;



	margin-bottom:9px;



	padding-left:10px;



}



div#noticias ul li a {



	text-decoration:none;



	display:block;



	height:40px;



	width:436px;



	background:url(images/seta-azul.jpg) right no-repeat;



}



div#noticias ul li a:hover {



	background:url(images/seta-over.jpg) right no-repeat;



}







div#noticias ul li a span.setaseta {



	display:block;



	float:left;



	text-indent:-15000px;



	background:url(images/seta-vermelha.gif) no-repeat;



	width:7px;



	height:8px;



	margin:8px 6px 0 0;



}



div#noticias ul li a span.noticiatitulo {



	display:block;



	float:left;



	font-size:14px;



	color:#003A7E;



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;

	padding-top:4px;



}



div#noticias ul li a span.resumo-index {



	color:#000;



	font-size:11px;



	display:block;



	float:left;



	clear:left;



}



div#banner-intero {



	display:block;



	overflow:hidden;



	height:150px;



	width:950px;



}



div#banner-intero span.texto-no-banner {



	color:#fff;



	font-size:56px;



	text-transform:uppercase;



	position:relative;



	bottom:52px;



}



#content h3 {



	margin:30px 0 20px 0;



	font-size:20px;



	color:#E10B18;



}



div#destaquesbottom {



	display:block;



	margin:25px 0;



	width:950px;



	border-top:4px solid #e10b18;



	overflow:hidden;



	clear:both;



	float:left;



}



#content {



	display:block;



	clear:both;



	width:700px;



	overflow:hidden;



	float:left;



}

#content div.entry-content a {

	color:#E10B18;

	text-decoration:none;

}

#content div.entry-content a:hover {

	text-decoration:underline;

}





#content div.entry-content p, #content div.entry-content li  {



	font-size:12px;



	line-height:1.3em;



}



div#destaqueside {



	width:220px;



	float:right;



	margin-top:30px;



}











span.peliculadobanner {



	display:block;



	width:200px;



	height:280px;



	padding:10px;



	position:relative;



	z-index:100;



	float:right;



	bottom:300px;



	background:url(images/bg-pelicula.png);



}

#bannermenor span.peliculadobanner {



	background:none;

	float:left;

	bottom:59px;



}



span.peliculadobanner span.vazio {



	display:block;



	width:160px;



	height:123px;



	padding-left:15px;



}

#contet a {

	color:#e10b18;

}

#contet a:hover {

	color:#003B7e;

}



span.texto-do-banner {



	display:block;



	overflow:hidden;



	position:relative;



	z-index:120;



	color:#fff;



	font-size:12px;



	bottom:-30px;

	padding-left:6px;

}

.leiamais, .nav-previous, .nav-next {

	display:block;

	clear:right;

	padding:10px 0 10px 10px;

	font-size:0.7em;

	width:180px;

}

.leiamais, .nav-next {

	float:right;

	text-align:right;

}

div.nav-previous {

	float:left;

}



.leiamais a, .nav-previous a, .nav-next a {

	text-decoration:none;

	color:#E10B18;

}

.leiamais a:hover, .nav-previous a:hover, .nav-next a:hover {

	text-decoration:underline;

}

div.post h2.entry-title {

	color:#e10b18;

}

form#formulario {

	padding-top:30px;

}

form#formulario fieldset {

	border:none;

}

form#formulario fieldset label {

	display:block;

	float:left;

	clear:left;

	width:200px;

	text-align:right;

	padding-right:5px;

}

form#formulario fieldset input, form#formulario fieldset textarea {

	border:solid 1px #E10B18;



	width:250px;

}

form#formulario fieldset input.ddd {

	width:20px;

}

form#formulario fieldset input.telefone {

	width:150px;

}

form#formulario input#ok {

	margin-left:430px;

	background: #E10B18;

	color:#fff;

	border: #E10B18 solid 1px;

}
.webmail {
display:block;
float:right;
font-size:12px;
font-weight:bold;

width:102px;
height:34px;
padding-right:5px;
}
.webmail a {
display:block;
	text-indent:-15000px;
width:102px;
height:34px;
background:url('http://www.transpes.com.br/wp-content/uploads/2010/04/webmail.gif') no-repeat;
}
a img {
border:none;
}
.imgbanner{
display:block;
margin:auto;
overflow:hidden;
text-align:center;
width:190px;
}
span.texto-do-banner a {
text-decoration:none;
color:#fff;
}
span.texto-do-banner a:hover {
text-decoration:underline;
}