* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body {background: url(https://www.ciespcampinas.org.br/site/paulinia-petroleo-e-gas/images/bkg.jpg) no-repeat fixed bottom right; color: #000;}
.box {border-radius: 5px; background: url(https://www.ciespcampinas.org.br/site/paulinia-petroleo-e-gas/images/bkg_box.png) repeat;}
ul {list-style: none;}
a {color: #000; text-decoration: none;}
a:hover {color: #D83135;}


#content {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;}

#top {
	float: left;
	width: 980px;
	margin: 10px 0 0 0;}

#left {
	float: left;
	width: 230px;
	margin: 10px 0;}

#left #logo {padding: 10px; background: #FFF;}
#left #info {padding: 10px; font-size: 12px; line-height: 15px; margin: 0 0 10px 0;}
#left #info span {display: block; padding: 2px 0;}
#left #info .titulo {
	color: #D83135;
	border-bottom: 1px solid #D83135;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;}

#left #links {padding: 10px; font-size: 12px;}

#left #links a {
	display: block;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #D83135;
	background: url(https://www.ciespcampinas.org.br/site/paulinia-petroleo-e-gas/images/apoio/seta.png) no-repeat left center;}

#left #links a:hover {background: url(https://www.ciespcampinas.org.br/site/paulinia-petroleo-e-gas/images/apoio/seta.png) no-repeat 3px center;}

#center {
	float: left;
	width: 600px;
	margin: 10px;}

#center #home {
	min-height: 505px;
	padding: 10px;
	font-size: 13px;
	line-height: 17px;}

#center #home h1 {
	font-size: 17px;
	color: #D83135;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #D83135;}

#center #video {
	text-align: center;
	padding: 10px 0;
	margin: 0 0 10px 0;
	background: #EF6D21 url(https://www.ciespcampinas.org.br/site/paulinia-petroleo-e-gas/images/bkg_video.jpg) repeat-x center bottom;}

#center #slideReg {
	width: 580px;
	padding: 10px;
	text-align: left;}

#right {
	float: left;
	width: 130px;
	margin: 10px 0;}

#right ul {background: #FFF;}

#right ul li {
	margin: 0 10px;
	padding: 5px 0;
	text-align: center;}

#right ul .titulo {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #D83135;
	cursor: default;}

	/*-----------------------CONTATO--------------------------*/
	#contato-div{ padding-bottom:10px; float:left; width: 430px;}
	#contato-div span{ display:block; width:75px; float:left; text-align:right; padding-right:10px; padding-top:6px; font-size:12px; line-height: 15px;}
	#contato-div div{ width:430px; padding-top:5px; padding-bottom:5px; display:table;}
	#contato-div input[type=text]{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px; margin-bottom:3px;}
	#contato-div textarea{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px; margin-bottom:3px;}
	#contato-div select{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px;margin-bottom:3px;}
	#contato-div input[type=submit]{ background:none; border:none; padding: 5px; margin: 0 15px 0 0; background-color:#D83135; color:#FFF; font-weight: bold; cursor:pointer; float:right;}
	#contato-div input[type=submit]:hover{ background-color:#666;}
	#colright_contato{float: right; width: 270px; padding: 10px; margin: 0 0 0 20px;}
	#contato-tx { float:left; width: 230px; margin: 0 0 0 15px;}


.rotator_apoio li{
	display:block;
	width:100px;
	background-repeat:no-repeat;
	background-position:center center;
}

#rotator_apoio_001 li{ height:30px; }
#rotator_apoio_002 li{ height:81px; }
#rotator_apoio_003 li{ height:60px; }


/* teste efetuado via android*/