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

table, tr, td, div, p, img, ul, li, h1, h2 {
margin:0; padding:0; border:0; 	font-family: 'Open Sans', sans-serif;
}


::-moz-selection { color: white;  background: #da2127; }
::selection      { color: white;  background: #da2127; } 

.clear {clear:both;}	

body 
	{
	color: #848484;
	margin: 0;
	font-size:13px;
	font-weight:500;
	line-height:18px;
	}

a:link { color:#da2028; text-decoration:none; font-weight:700; }
a:visited { color:#da2028; }
a:active { color:#da2028; }
a:hover { color:#ff000b; text-decoration:underline; }

strong {color:#33828b; }

h1 { height:40px;
background-image:url(../imagens/square.jpg);
background-repeat:no-repeat;
	 font-size:22px;
	 padding-top:11px;
	 font-weight:700;
	 text-indent:40px;
	 color:#da2128;
	 

}

h1 span { font-size:18px; 
}

h2 {height:35px;
background-color:#33828b;
font-size:20px;
margin:0 auto 0 auto; width:954px;
padding:25px 0 0 60px;
font-weight:400;
text-indent:1px;
color:#ffffff;
}

#h2bg {width:100%;
background-color:#33828b;
}

h3 {margin:0 0 6px 0;
height:0 0 0 0;
color:#da2128;
}


	

#center {margin:0 auto 0 auto; width:954px; }


/**---   TOPO  ------------------------------------------------**/

#f2g {margin:26px 0 0 50px;
	  float:left;
}


#topobg { width:100%;
		  background-image:url(../imagens/bg_topo.jpg);
		  background-repeat:repeat-x;
}

#topo { width:100%;
		 height:123px;
		 
}






/**---   MENU  ------------------------------------------------**/

#nav
{
	margin:0;
	padding:0;
	width:auto;
	float:right;
	display:block;
	height:50px;
	font-size:15px;
	font-weight:400;
	margin-top:72px;
	


}


	
#nav a
{
	display:block;
	float:left;
	color:#d9e6d6;
	text-decoration:none;
	padding:4px 0px 0 20px;
	font-weight:400;

	
}
	
#nav a:hover
{	
	color:#FFFFFF;
	height:50px;
	background:transparent url(../imagens/nav_bg.jpg) 20px 0px no-repeat;
	_height:47px; /* works on IE6 */
	font-weight:400;
}
	
.active
{	
	color:#FFFFFF;
	height:50px;
	background:transparent url(../imagens/nav_bg.jpg) 20px 0px no-repeat;
	_height:47px; /* works on IE6 */
	font-weight:400;
}	



/**---   MENU  ------------------------------------------------**/
/**---

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

	width:auto;
	float:right;
	position:relative;
	display:block;
	height:50px;
	font-size:15px;
	font-weight:400;
	margin-top:72px;


}

ul#nav li
{
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;


}
	
ul#nav li a
{
	display:block;
	float:right;
	color:#d9e6d6;
	text-decoration:none;
	padding:4px 0px 0 20px;

	
}
	
ul#nav li a:hover
{	
	color:#FFFFFF;
	height:50px;
	background:transparent url(../imagens/nav_bg.jpg) 20px 0px no-repeat;
	font-weight:400;
}
	

ul#nav li.active a
{
	color:#FFFFFF;
	height:50px;
	background:transparent url(../imagens/nav_bg.jpg) 20px 0px no-repeat;
	font-weight:400;

}
------------------------------------------------**/



/**---   TELEFONE  ------------------------------------------------**/

#telefonebg { width:100%;
background-color:#dae0d8;
		  border-top:solid;
		  border-top-color:#ffffff;
		  border-top-width:1px;
		  border-bottom:solid;
		  border-bottom-color:#ffffff;
		  border-bottom-width:1px;



}


#telefone {width:954px;
			height:33px;


}

#telefone p { float:right;
			color:#555555;
			font-size:11px;
			margin:10px 0 0 0;
			font-family: 'Open Sans', sans-serif;

}





/**---   RODAPE  ------------------------------------------------**/

#footer {width:100%;
height:110px;
background-image:url(../imagens/bg_footer.jpg);
background-repeat:repeat-x;
background-color:#fff;
margin:auto;
clear:both;




}

#footerposition { margin:0 auto 0 auto;
width:954px;
height:100px;
padding:25px 0 0 0;



}

#footerinfo {
	
	background-color:#555;
	background-image:url(../imagens/detail_footer.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin-left:-10000px;
	padding-left:10000px;
	width:867px;
	height:60px;


	

}


#footerinfo p {

	color:#FFF;
	margin-left:70px;
	padding-top:12px;
	font-size:12px;
	
	}
	






/**---   CONTEUDO  ------------------------------------------------**/

#destaquebg {
width:100%;
height:325px;
*height:100%; /* works on IE7 */
background-image:url(../imagens/bg_destaque.jpg);
background-repeat:repeat-x;
}

#conteudobg { 
width:100%;
height:40px;
*height:100%; /* works on IE7 */
background-image:url(../imagens/bg_conteudo.jpg);
background-repeat:repeat-x;
}



#destaque
{width:644px;
height:285px;
margin:0;
padding:0;
position:relative;
}

#destaque p {
font-size:15px;
line-height:22px;
}

#destaque img {float:left; 
clear:left; 
margin:0 25px 0 0;
padding:0;
border:solid;
border-width:1px;
border-color:#FFFFFF;
}


#conteudo {
	width:644px;
	min-height:300px;
	float:right;
	margin:0 0 20px 28px;
	padding:0;
	position:relative;

}

#conteudo p {margin:0 0 10px 0;}





#conteudo .logos img {margin:0 16px 16px 0;}


#conteudo ul {
	padding:0 0 15px 0;
	
}

#conteudo ul li {
	list-style:inside;
	list-style-type:square;
	padding:0 0 5px 10px;
	
}


#conteudo ol li {
	list-style:outside;
	list-style-type:circle;
}





/**---

#conteudo ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
}

#conteudo ol li:after {
    content: counter(list) ".";
    position: absolute;
    left: -2.5em;
	top: 0;
    width: 1em;
    text-align: right;
    color:#33828b;
	font-weight:600;
}

------------------------------------------------**/


/**---   MENU LATERAL  ------------------------------------------------**/



#menu { background-color:#fff;
		color:#0066FF;
		width:280px;
		height:auto;
		float:left;
		border-color:#e8e8e8;
		border-width:1px;
		border-style:solid;
		margin-top:-16px;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		position:relative;
		

}

.urbangreymenu{
width: 220px; /*width of menu*/
float:left;
margin:17px 0 30px 30px;
font-size:14px;
font-weight:400;
background-color:#ffffff;

}

h4 /*submenu main*/
{height:24px;
margin:0 0 0 0;
padding:6px 0 0 0;
border-color:#e8e8e8;
border-width:0 0 1px 0;
border-style:solid;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-weight:400;
background: #ffffff; /*last 2 values are the x and y coordinates of bullet image*/
width:220px;
}

.headerbar img { 
float:left; margin-left:-20px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color:#555555;
display: block;
font-weight:400;
}

.urbangreymenu .headerbar a:hover{

height:22px;
color:#ffffff;
display: block;
background-color:#da2128;
margin:-5px 0 0 0;	
padding:4px 0 0 10px;
border:solid;
border-color:#ffffff;
border-width:1px 0 1px 0;
font-weight:400;
}

/*normallink é a class do menu sem submenu*/

.urbangreymenu .normallink a{
text-decoration: none;
color:#555555;
display: block;
font-weight:400;

}

.urbangreymenu .normallink a:hover{
height:22px;
color:#ffffff;
display: block;
background-color:#da2128;
margin:-5px 0 0 0;	
padding:4px 0 0 10px;
border:solid;
border-color:#ffffff;
border-width:1px 0 1px 0;
font-weight:400;
}




.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
font-weight:400;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-weight:400;
}

.urbangreymenu ul li a{
	width:210px;
	font-size:13px;
color:#33828b;
background: #f7f9f6;
display: block;
padding: 5px 0;
line-height: 20px;
padding-left: 10px; /*link text is indented 8px*/
text-decoration: none;
font-weight:400;
}

.urbangreymenu ul li a:visited{
color:#33828b;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/


	color:#da2128;
	font-weight:400;
	background-color:#FFF;


}





/**---   FORM   ------------------------------------------------**/


div.box {
margin:0 auto;
position:relative;

}



div.box label {
width:100%;
display: block;

padding:0;
background-color:#ffffff;
}

div.box label span {
display: block;
color:#ffffff;
background-color:#da2128;
font-size:12px;
height:10px;
float:left;
width:100px;
text-align:right;
padding:7px 15px 15px 0;
font-weight:600;
margin-bottom:15px;
clear:both;

}

div.box .input_text {
	
padding-left:6px;
margin:0;
float:right;	
width:504px;
height:30px;
border:none;
border-left:solid #da2128 5px;
background-color:#dae0d8;
color:#555555;

}

div.box .message{
padding-top:7px;
padding-left:8px;
margin:0;
width:500px;
border:none;
float:right;
border-left:solid #da2128 5px;
background-color:#dae0d8;
overflow:hidden;
height:150px;
color:#555555;
resize:none;
}

div.box .button
{
height:30px;
margin:15px 0 0 0;
clear:both;
width:70px;
border:solid 1px #dae0d8;
float:right;
background-color:#da2128;
color:#FFFFFF;
font-weight:900;
font-size:12px;
}