@import url(menu.css);
@import url(global.css);

body {
    font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #666;
    background: #FFFFFD url(../img/bg.gif) repeat-x;
}

.background {
    background: url(../img/bg.jpg) no-repeat left 42px;
}

#logo {
    /*float: left;*/
    margin: 0;
	width: 260px;
}

#logo h1 {
	padding: 260px 0 0 0;
	overflow: hidden;
	background: url(../img/logo.png) no-repeat;
	height: 0 !important;
	height: 260px;
}

#slides {
	position: relative;
	overflow: hidden;
	float: right;
    	margin-top: -330px;
    	margin-left: 2000px;
	width: 700px;
    	height: 340px;
}

.feature {
    color: #33617F;
    font-size: 1.1em;
    font-style: italic;
    margin: 0 0 40px;
	padding: 10px 10px 2px;
	width: 680px;
    height: 300px;
	overflow: hidden;
}

.feature img.esq {
    float: left;
    margin: 0 20px 0 0;
}

.feature img.dir {
    float: right;
    margin: 0 0 0 20px;
}

.feature p {
    margin: 10px 0 0;
}

#feature_menu {
    float: right;
}

#feature_menu a {
	display: inline;
    color: #33617F;
    float: left;
    padding: 6px 14px 6px 21px;
    margin: 0 0 0 2px;
    background: #C6E5F9 url(../img/bullet.gif) no-repeat 7px 12px;
    font-size: .8em;
    font-weight: bold;
}

#feature_menu a:hover {
    color: #071F2D;
    background: #fff url(../img/bullet_hover.gif) no-repeat 7px 8px;
}

#feature_menu a.activeSlide {
    background: #fff url(../img/bullet.gif) no-repeat 5px 12px;
}

.transparencia {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
	background: #fff;
	z-index: -1;
}

.transparencia, #feature_menu a {
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);

	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}