/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background: #000 url('ImagesEDiesel/fondo3compri.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Tahoma, Arial, helvetica;
	font-size: 12pt;
	}
img {
	border: 0;
	margin-top: 10px;
	}
a, a:visited {
	color: #561618;
	text-decoration: none;
	}
a:hover {
	color: #CC393D;
	}
p {
	font-size: 90%;
	line-height: 150%;
	color: #333;
	}
strong {
	color: #000;
	}
form {
	margin: 0;
	padding: 0;
	}
.overall-container {
	width: 921px;
	margin: 0 auto;
	padding-bottom: 16px;
	background-image: url(../ImagesEDiesel/overall-footerb.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
.overall-solo {
	width: 921px;
	margin: 0 auto;
	padding-bottom: 0px;
	}
.content-container {
	padding: 10px 30px;
	background-image: url(../ImagesEDiesel/overall-bg.png);
	background-repeat: repeat-y;
	background-position: center;
	}
.clear {
	clear: both;
	}
.main-content {
	width: 860px;
	float: left;
	}
.main-content h1 {
	margin: 0px 0;
	padding:0;
	}

.center {
	text-align: center;
	}
.absolute-right {
	position: absolute;
	right: 0;
	}
.form-input {
	width: 300px;
	}
		
.wrapper {
	position: relative;
	font-size: 90%;
	margin-bottom: 10px;
	}
.wrapper .column {
	float: left;
	background-color:#FFF;
	width: 480px;
	padding: 10px 30px;
	}
	.column2 {
	float: left;
	width: 235px;
	padding: 5px 30px;
	background-color: #00004C;
	}
.wrapper #column-1 {
	}
.wrapper #column-2 {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.wrapper #column-3 {
	margin-right: -198px;
	}
.wrapper .twocolumn {
	float: left;
	width: 260px;
	padding: 0 20px;
	}	
.wrapper #twooftwo {
	border-left: 1px solid #ccc;
	}

/* headers */
.overall-header {
	position: relative;
	padding: 10px 30px;
	background-image: url(../ImagesEDiesel/overall-headerED.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}	
.categories {
	width: 100%;
	position: absolute;
	text-align: right;
	}
.categories a {
	font-weight: bold;
	}
.teaser {
	float: right;
	text-align: right;
	}
/* /headers */
	
/* top downloads */	
.panel {
	padding-top: 5px;
	background: url(/dfastyle/td-bgtop.gif) top center no-repeat;
	}
.panel-content {
	background: url(/dfastyle/td-bg.gif) repeat-y;
	padding: 0 4px;
	}
.panel-close {
	background: url(/dfastyle/td-bgbottom.gif) top center no-repeat;
	height: 5px;
	}
.topdownloads-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	}
.browse {
	width: 560px;
	margin: 0 auto;
	}
.browse td {
	width: 50%;
	vertical-align: top;
	}
.topdownloads-table td {
	padding: 10px;
	font-size: 75%;
	}
.topdownloads-table th {
	font-size: 90%;
	}
.metadata, th.metadata {
	border-left: 1px solid #D9D9D9;
	padding: 0 5px;
	text-align: center;
	width: 6em;
	}
.size-column {
	width: 8em;
	}
.date-column {
	width: 12em;
	}
.capitalize {
	text-transform: capitalize;
	}
/* /top downloads */	


/* featured download */	
.featured {
	background: #000;
	color: #ccc;
	position: relative;
	margin: 20px 0;
	}
.featured-desc {
	margin: 0;
	margin-right: 115px;
	padding: 15px;
	}
.featured-desc p {
	color: #ccc;
	margin: 0;
	}
.featured a {
	text-decoration: none;
	color: #fff;
	}
.featured p {
	font-size: 75%;
	margin-top: 1.5em;
	}
.featured h3 {
	font-size: 100%;
	color: #fff;
	padding: 0;
	margin: 0;
	}
.featured-boxart {
	float: right;
	height: 139px;
	width: 100px;
	position: relative;
	}
.featured-boxart img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}
.featured-stats {
	position: relative;
	width: 97%;
	height: auto;
	}
.featured-stats p {
	color: #fff;
	padding-right: 190px;
	}
.featured-stats img {
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	}
/* /featured download */	
	
/* Stats */
.current-status {
	width: 217px;
	color: #c0c0c0;
	padding-bottom: 15px;
	background-color: #9E292B;
	background-image: url(../imagenes/stats-bgCAM.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
.current-status p {
	color: #c0c0c0;
	font-size: 80%;
	}
.current-status h4 {
	color: #fff;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	font-size: 100%;
	}
table.current-stats {
	width: 80%;
	margin:20px auto;
	}
.current-stats tr {
	vertical-align: top;
	text-align: left;
	}
.current-status strong {
	color: #fff;
	}
.current-status h6 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
.server-status {
	font-size: 80%;
	}
/* /Stats */
	
/* Menu */
.menu {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	}
.menu a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	}
.menu a:hover {
	color: #FFFFFF;
	}
.menu a .menu-helptext, .menu-helptext a {
	font-size: 80%;
	font-weight: normal;
	color: #666;
	}	
.menu-item {
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	}
.signup {
	background-repeat: no-repeat;
	background-position: left center;
	}
.tour {
	background: url(/ui/icon-tour.gif) left center no-repeat;
	}
.faq {
	background: url(/ui/icon-faq.gif) left center no-repeat;
	}
.support {
	background: url(/ui/icon-support.gif) left center no-repeat;
	}
.testimonials {
	background: url(/ui/icon-testimonials.gif) left center no-repeat;
	}
/*  /menu  */

/* Login */

.login-form {
	margin-bottom: 50px;
	position: relative;
	width: 97%;
	}
.login-form p {
	font-size: 80%;
	}
.login-form input {
	vertical-align: middle;
	}

/* /Login */

/* signup form */

.form {
	width: 80%;
	position: relative;
	padding: 15px 0;
	margin: 0 auto;
	}
.important {
	padding-left: 90px;
	background: url(/ui/icon-attention.gif) left center no-repeat;
	}
.form .important {
	margin-left: -30px;
	}
.signup-form input.absolute-right {
	width: 20em;
	}
.form .textarea {
	width: 100%;
	height: 200px;
	}
/* /signup form */

.file-name {
	text-decoration: none;
	color: #333;
	font-weight: bold; 
	display: block;
	font-size: 120%;
}
.file-date, .help-text {
	font-size: 80%;
	font-weight: normal;
	color: #666;
	text-transform: capitalize;
	}
.file-date strong {
	color: #666;
	}

.paginate {
	padding: 20px 0;
	}
.page-number {
	padding: 5px;
	border: 1px solid #ccc;
	font-weight: bold;
	}
.search-field {
	background: #fff;
	border: 1px solid #8F9497;
	vertical-align: top;
	width: 400px;
	padding: 5px;
	margin: 5px 0;
	}
.search-button {
	vertical-align: top;
	}
.search {
	margin: 0 0 10px 0;
	}
.search .form {
	margin: 0;
	padding: 0;
	}
.front-search {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.front-search strong {
	vertical-align: middle;
	}
.front-search .search-field {
	vertical-align: middle;
	width: 300px;
	}
.vertical-spacing {
	margin-top: 50px;
	margin-bottom: 50px;
	}	
.vertical-padding {
	padding-top: 30px;
	padding-bottom: 30px;
	}
.horizontal-spacing {
	padding-left: 20px;
	padding-right: 20px;
	}
.bottom-separator {
	border-bottom: 1px solid #ccc;
	}
.metadata {
	font-size: 80%;
	}
th {
	padding: 10px 0;
	}
.odd {
	background: #f6f6f6;
	}
td.filetitle {
	background-image: url(/ui/bullet-results.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	}
td.filetype {
	width:20px;
	text-align: center;
	margin-right: 0;
	padding-right: 0;
	}
.small-fonts {
	font-size: 60%;
	}
.button {
	cursor: pointer;
	}
	
body.server-connect {
	background: none #fff;
	text-align: center;
	}
.server-connect-text {
	background: #000;
	border: 0;
	margin: 0;
	padding: 10px 20px;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 99%;
}
.cloud-0 {
	font-size: 80%;
	}
.cloud-1 {
	font-size: 90%;
	}
.cloud-2 {
	font-size: 110%;
	}
.cloud-3 {
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -0.01em;
	}
.cloud-4 {
	font-weight: bold;
	font-size: 150%;
	letter-spacing: -0.02em;
	}
	
	
/* comments */
.comments {
	border: 1px solid #ccc;
	padding: 0 20px 10px;
	margin: 10px 0;
	position: relative;
	}
.rating {
	position: absolute;
	top: 10px;
	right: 10px;
	}
.comments .post-time {
	font-size: 80%;
	color: #666;
	}
.comments .icon {
	background: url(/ui/icon-comments.gif) left center no-repeat;
	padding: 5px 0 5px 40px;
	}
.comment-count {
	font-weight: normal;
	font-size: 80%;
	color: #666;
	}
table.file-details {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.file-details td {
	padding: 5px;
	}
.files {
	padding: 10px 20px;
	margin: 10px 0;
	border: 1px solid #ccc;
	background: url(/dfastyle/bg-files.gif) right bottom no-repeat #f6f6f6;
	}
	
.box {
	border: 1px solid #ccc;
	}
	
table.membership {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 75%;
	margin: 10px auto;
	
}
.membership td {
	padding: 5px;
	}
.black td {
	background: #000;
	color: #ccc;
	}
.black tr.odd {
	background: #333;
	}
.guarantee {
	background: url(/dfastyle/seal.gif) left top no-repeat;
	background-position: 20px 0;
	padding-left: 180px;
	}
.signup-content {
	width: 605px;
	float: right;
	}
.signup-sidebar {
	margin: 0 630px 0 10px;
	}

.signup-panel {
	background: url(/dfastyle/signup-bg.gif) repeat-x #fff;
	}
.signup-panel .form {
	width: 90%;
	position: relative;
	padding: 15px 0;
	margin: 0 auto;
	}

.signup-panel p {
	color: #666;
	}
.signup-panel strong {
	color: #000;
	}
.signup-panel-close {
	background: url(/dfastyle/signup-bgbottom.gif) top no-repeat;
	height: 17px;
	}
.membership-bg {
	margin: 5px auto;
	background: url(/dfastyle/membership-bg.gif) left top no-repeat #001631;
	width: 218px;
	color: #fff;
	padding-top: 5px;
	text-align: left;
	}
.membership-bg h4 {
	color: #fff;
	margin: 10px;
	font-size: 100%;
	}
.checkout {
	text-align: right;
	background: url(/dfastyle/creditcard-bg.gif) left center no-repeat;
	}
.error {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #900;
	border: 2px solid #900;
	}
.bullet-1 {
	background: url(/ui/bullet-1.gif) left top no-repeat;
	padding-left: 45px;
	}
.bullet-2 {
	background: url(/ui/bullet-2.gif) left top no-repeat;
	padding-left: 45px;
	}