body{
margin:0;
padding:0;
line-height: 1.5em;
}
b{font-size: 110%;}
em{color: red;}
#logo {
height: 110px;
margin: 5px;
background: url(../images/img02.jpg) no-repeat center top;
}
#logo1 {
width: 110px;
height: 100px;
margin: 0px;
background: url(../images/simbolo.jpg) no-repeat right top;
}
#banner {
width: 434px;
height: 48px;
margin: 0px;
background: url(../images/banner.jpg) no-repeat center top;
}
#topsection{
background: #ffffff;
height: 100px; /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#topsection1{
background: #4D9932;
height: 30px; /*Height of top section*/
}
#topsection1 h3{
margin: 0;
padding-top: 0px;
}
#slantedmenu{
font-weight: bold;
font-size: 80%;
}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#slantedmenu ul{
text-indent: 8px;
padding: 3px 0;
margin: 0;
background-color: #E9E9E9;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}
#slantedmenu ul li{
display: inline;
}
#slantedmenu ul li a{
font: normal 12px Arial;
color: black;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}
#slantedmenu ul li a:visited{
color: black;
} #slantedmenu ul li a:hover{
color: white;
background: black;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 190px; /*Width of left column*/
margin-left: -100%;
background: #fbfdf9;
}
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.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*/
}
.leftcolumn ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu{
width: 190px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.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*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
#page {
width: 850px;
margin: 0 auto;
background-image: url(../images/fundoP.jpg) top center no-repeat;
}
/* Content */
#content {
float: right;
width: 600px;
}
#footer{
clear: left;
width: 100%;
background: #3a5e34;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#header{
clear: left;
width: 100%;
background: #3a5e34;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
image {
margin: 0px;
background-image: url(../images/fundoP.jpg) top right no-repeat;
}
image.pos_abs
{
position:absolute;
left:100px;
top:150px
}