
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
color: #006633;
font-size: 14px;
font-weight: bold;
}

a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #333;
 text-decoration: none;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 200px;
 margin: 10px 0px 5px 0px;
 background: #fff url(imagens/topo1.jpg) no-repeat;
}
#navigation {
 float: left;
 width: 922px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #fff;
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: 100%;
 width: 150px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 height: 100%;
 width: 767px;
 *width: 762px;
 display: inline;
 }
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
}

/* titulos lateral */
.urbangreymenu{
width: 150px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 11px Verdana;
color: white;
background: #BE3121 url(imagens/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

/* titulos principal */
.urbangreymenu1{
width: 100%; /*width of menu*/
}

.urbangreymenu1 .headerbar1{
font: bold 11px Verdana;
color: white;
background: #BE3121 url(imagens/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}


/*menu horizontal */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #BE3121; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #CD0102; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* moldura foto destaque */
.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px; 
   width: 234px; 
} 
.shadow, .content{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 
.shadow{ 
   background-color: #cc0000; /*shadow color*/ 
   color: inherit; 
} 
.content{ 
   background-color: #fff; /*background color of content*/ 
   color: #000; /*text color of content*/ 
   border: 1px solid #cc0000; /*border color*/ 
   padding: .5em 2ex; 
} 
.content IMG{ 
   border: 1px solid #000000; 
}

/*moldura fotos miniaturas página detalhes */
.moldura1 { 
   padding:8px; 
   background-color: #f5f5f5; 
   width: 110px; 
   border: 1px solid #999999; 
} 
.moldura1 IMG{ 
   border: 1px solid #000000; 
}
