/*
Css: Agra Gerenciadora
Criação: www.dg21.com.br 
04.03.2000 */

/* css geral */

html, body{
	margin:0 auto;
	padding:0px;
	background:#8B0000;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	xfont:12px arial;
	color:#212121;
}

img{
	border:0px;	
}
h2 {
	color: #000080;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000080;
	font-size: 14px;
}
a{
	font:12px arial;
	color:#212121;
}

.pag_branco{
	font:10px arial;
	color:#FFFFFF;
	text-decoration:none;
}

.pag_branco a:hover{
	color:#ff0000;
}
.pag_branco_seta a, .pag_branco_seta {
	font:10px arial;
	color:#FFFFFF;
	text-decoration:none;
}

.pag_branco_seta a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#imgleft{
	float:left;
}

.bordaimg{
    border:1px dotted #cdcdcd;
	background-color:#f5f5f5;
	padding:5px;
	margin:0px 7px 5px 0px;
}

#subtit{
	margin:0px 0px 30px 0px;
	padding:0px;
	font:16px arial;
	color:#000080;
	font-weight:bold;
	border-bottom:1px solid #cdcdcd;
	width:670px;
}

.sub{
	margin:0px;
	padding:0px;
	font:13px arial;
	color:#555555;
	border-bottom:1px solid #efefef;
	width:675px;
}

.branco{
	background:#ffffff;
	padding:3px;
}

p.dets{
	position:absolute;
	width:300px;
	left:130px;	
	xtop:5px;
	margin:0px;
	font-weight:bold;
	}
	
p{font-size:12px;}
	
/* css home */

#tudo{
	width:1000px;
	padding:0px;
	margin:0px auto;
}


#topo{
	width:1000px;
	height:127px;
}

#topo-a{
	float:left;
	width:250px;
	height:127px;
}

#topo-b{
	float:right;
	width:750px;
	height:127px;
	background:url(fnd_menu.jpg) no-repeat;
}

#banner-home{
	width:1000px;
	height:215px;
	background:url(fnd_banner.jpg) no-repeat;
}

#banner-inst{
	width:1000px;
	height:83px;
	background:url(topo_inst.jpg) no-repeat;
	margin:0 auto;
}

#posicao{
	position:relative;
	width:960px;
	height:44px;
	background:url(fnd_barra.jpg) no-repeat;
	padding-top:50px;
	padding-left:40px;
	margin:0 auto;
}

#data{
	position:absolute;
	left:580px;
	top:75px;
}

#curva-a{
	width:1000px;
	height:27px;
	background:url(curva_home.jpg) no-repeat;
	margin:0 auto;
}

#conteudo{
	width:1000px;
	background:url(fnd_corpo.jpg);
	display:table;
	margin:0 auto;
	font-size:12px;
}

#cont-a{
	display:table;
	float:left;
	width:677px;
	padding-left:40px;
}

#cont-b{
	display:table;
	float:right;
	width:243px;
}

#curva-b{
	width:1000px;
	height:34px;
	background:url(curva_homepe.jpg) no-repeat;
	margin:0 auto;
}

#pe{
	width:960px;
	height:130px;
	background:url(fnd_rodape.jpg) no-repeat;
	padding-top:10px;
	padding-left:40px;
	margin:0 auto;
}

#pe-a{
	float:left;
	width:700px;
}

#pe-b{
	float:right;
	width:100px;
	padding-top:25px;
}

#predios{
	width:670px;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	margin: 15px 0px 15px 0px;
	padding:15px 0px 15px 0px;
	text-align:center;
}

#intro{}

.form, select, textarea{
	border:1px solid #cdcdcd;
	font:12px arial;
	color:#333333;
	background-color:#ffffff;
}
.form-obrig{
	border:2px solid #cdcdcd;
	font:12px arial;
	color:#333333;
	background-color:#ffffff;
	background-image: url(ico_form_obrig.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

textarea{
	width:320px;
	}
	
.red{
	color:#000000;
	font-size:11px;
	}


/* menu obras */

#obras {
	width:210px;
}

#obras ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#obras a{
	display:block;
	padding:2px 0px 2px 25px;
	width:179px;
	border-bottom:1px solid #8a0b03;
	color:#FFFFFF;
	text-decoration:none;
}

#obras a:link, .obraslist a:visited{
	color: #fff;
	text-decoration: none;
}

#obras a:hover{
	background-color: #5d0702;
	color: #fff;
}

/* ---------- menu topo horizontal ---------- */

#menu{
	position:relative;
	width:740px;
	height:90px;
	margin-left:10px;
	}

div#menu a#itm_um {
 	position:absolute;
  	background:url(menu_a_01.gif) no-repeat;
  	width:56px;
  	height:90px;
	}
div#menu a#itm_um:hover {background:url(menu_aa_01.gif) no-repeat;}
	
div#menu a#itm_dois {
 	position:absolute;
	left:56px;
  	background:url(menu_a_02.gif) no-repeat;
  	width:90px;
  	height:90px;
	}
div#menu a#itm_dois:hover {background:url(menu_aa_02.gif) no-repeat;}

div#menu a#itm_tres {
 	position:absolute;
	left:149px;
  	background:url(menu_a_03.gif) no-repeat;
  	width:69px;
  	height:90px;
	}
div#menu a#itm_tres:hover {background:url(menu_aa_03.gif) no-repeat;}

div#menu a#itm_quatro {
 	position:absolute;
	left:218px;
  	background:url(menu_a_04.gif) no-repeat;
  	width:73px;
  	height:90px;
	}
div#menu a#itm_quatro:hover {background:url(menu_aa_04.gif) no-repeat;}

div#menu a#itm_cinco {
 	position:absolute;
	left:288px;
  	background:url(menu_a_05.gif) no-repeat;
  	width:77px;
  	height:90px;
	}
div#menu a#itm_cinco:hover {background:url(menu_aa_05.gif) no-repeat;}

div#menu a#itm_seis {
 	position:absolute;
	left:365px;
  	background:url(menu_a_06.gif) no-repeat;
  	width:133px;
  	height:90px;
	}
div#menu a#itm_seis:hover {background:url(menu_aa_06.gif) no-repeat;}

div#menu a#itm_sete {
 	position:absolute;
	left:498px;
  	background:url(menu_a_07.gif) no-repeat;
  	width:127px;
  	height:90px;
	}
div#menu a#itm_sete:hover {background:url(menu_aa_07.gif) no-repeat;}

div#menu a#itm_oito {
 	position:absolute;
	left:625px;
  	background:url(menu_a_08.gif) no-repeat;
  	width:69px;
  	height:90px;
	}
div#menu a#itm_oito:hover {background:url(menu_aa_08.gif) no-repeat;}

/* imagens */

#motioncontainer {
width: 633px; 
height: 320px;
}

#detalhes{
	margin-top:20px;
	margin-bottom:20px;
	width:660px;
	}
	
#det_a{
	float:left;
	width:180px;
	background: url(x.gif);
	padding:15px;
	text-align: center;
}

#det_b{
	position:relative;
	float:right;
	width:400px;
	background: url(x.gif);
	padding:15px;
}

#boximg{
	font-weight:bold;
	padding:10px 10px 5px 10px;
	xborder:1px dotted #cdcdcd;
	margin-bottom:10px;
	width:660px;
}

#cli{
	border:1px dotted #cdcdcd;
	margin-top:20px;
	width:670px;
	}
	
#cli_a{
	float:left;
	width:120px;
	padding:15px;
}

#cli_b{
	position:relative;
	float:right;
	width:450px;
	padding:15px;
}

#boxcli{
	margin-bottom:10px;
	width:675px;
	text-align:center;
	color:#8A0B03;
	font-size:11px;
}
.button {
	background-color: #F2F2F2;
	border: thin solid #8A0B03;
}

/* =Rotator
----------------------------------------------------------------------*/

ul#rotator *
{
	margin: 0;
	padding: 0;
}

ul#rotator
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 600px;
	height: 299px;
	z-index: 0;
	float: left;
}

ul#rotator li
{
	width: 600px;
	height: 299px;
	margin: 50;
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: left;
}
#tudo #conteudo #cont-a #rotator-principal {
	margin: 0px;
	padding: 0px;
	float: left;
	width:677px;
}