@charset "utf-8";
/* CSS Document -- >
-- Autor: Pedro A. Oliva P. -- >
-- Email: radiored@gmail.com -- >
-- Empresa: Imacom Ltda. -- >
-- Cliente: DFM Motors -- >
-- Año: 2009 -- >
*/
@font-face {
	font-family: 'AcensRegular';
	src: url('acens/Acens.eot');
	src: local('Acens Regular'), local('Acens'), url('acens/Acens.woff') format('woff'), url('acens/Acens.ttf') format('truetype'), url('acens/Acens.svg#Acens') format('svg');
}

body{ margin:0; padding:0; background:#e9e9e9 url(images/bg.jpg) repeat-x top; font-family: Tahoma; font-size:12px; color:#666; }
h1, h2, h3, h4, h5, p{ margin:0; padding:0; font-weight:normal; }
.head{ margin:auto; width:900px; height:100px; }
.logo{ width:250px; height:100px; background:url(images/logo.png) no-repeat; float:left; cursor:pointer; }
.maksa{ width:127px; height:90px; background:url(images/maksa.png) no-repeat bottom; float:right; }

.menubgl{ float:left; width:50%; height:30px; background:#e6081d; }
.menubgr{ float:right; width:49%; height:30px; background:#9e999d; }
.menu{ margin:auto; width:900px; height:30px; margin-top:-30px; top:0px; background:url(images/menubg.jpg) no-repeat left; position:relative; }
.menu ul{ list-style:none; list-style-type:none; margin:0; padding:0; position:absolute; }
.menu ul li{ display:inline-block; float:left; height:20px; font:11px 'AcensRegular', "Century Gothic"; letter-spacing:1pt; color:#FFFFFF; padding-left:8px; padding-right:8px; padding-top:11px; }
.menu ul li:hover, .menu ul li:hover a{ color:#e6081d; background:#fff; }
.menu ul li a{  color:#FFFFFF; text-decoration:none; }
.menu ul li a:hover{ color:#e6081d; }

.content{ margin:auto; width:900px; background:#fff; border:1px solid #d6d6d6; border-top:0px; }
.ctitulo h1{ background:#fbfbfb url(images/dfmh1bg.jpg) no-repeat bottom; height:35px; padding-top:10px; padding-left:10px; color:#999; font:16pt Tahoma; }
.ctitulo h1 span{ color:#ccc; font-size:13pt; }

#cu3er-container { margin:25px; width:850px; outline:0; }
.dfms{ margin:auto; width:880px; height:170px; background:url(images/dfms.jpg) no-repeat; }


.divleft{ float:left; width:200px; min-height:200px; }
.divleft ul{ margin:0; padding:0; list-style-type:none; list-style:none; }
	.divleft ul li{ margin:0; padding-top:7px; width:200px; height:23px; background:url(images/menucuenta.png) no-repeat; font-size:10pt; font-family:"Century Gothic"; }
	.divleft ul li:hover{ background:url(images/menucuenta.png) no-repeat left bottom; }
	.divleft ul li a{ padding-left:10px; color:#9e999d; text-decoration:none; }
	.divleft ul li a:hover{ color:#e6081d; }


.divright{ float:right; width:698px; border-left:2px solid #ccc; min-height:250px; padding-bottom:20px;  }
.divright h2{ padding-left:18px; padding-top:10px; padding-bottom:5px; color:#e6081d; font-family:Tahoma; font-size:16pt; }
.divright p{ margin:auto; width:660px; text-align:justify; font-size:9pt; }

.opacidad{ opacity:0.6; filter: alpha(opacity = 60); }
.opacidad:hover{ opacity:1; filter: alpha(opacity = 100); }

.pdf{ margin:auto; width:670px; height:50px; opacity:0.8; filter: alpha(opacity = 80); }
.pdf:hover{ opacity:1; filter: alpha(opacity = 100); }

.btn_back{ background:#d60a0a; border:1px solid #a80101; padding:5px; color:#fff; float:right; margin-right:20px; margin-top:20px; cursor:pointer; }
.btn_back:hover{ background:#ef1919; border:1px solid #c40505; color:#fff; }

.modelo{ float:left; margin-top:20px; padding-top:20px; margin-bottom:40px; width:224px; border-right:1px dashed #ccc; }
.modelo h2{ width:200px; float:right; border-bottom:1px solid #dddddd; font-size:14px; color:#999; text-align:right; font-weight:bold; padding-right:10px; }
.text_precio{ float:left; width:65px; padding-top:10px; text-align:right; margin-top:10px; }
.precio{ float:right; width:135px; text-align:right; font-size:19px; color:#666; padding-top:4px; padding-right:10px; height:46px; margin-right:6px;  margin-top:10px; }
.bono{ width:215px; text-align:right; color:#a0a0a0; font-size:11px; margin-top:5px; margin-bottom:10px; }
.bono span{ color:#e6081d; font-size:13px; }

.auto h1{ background:url(images/dfm.jpg) no-repeat left; height:37px; margin-top:10px; padding-left:110px; font:28px "Trebuchet MS"; color:#999; }
.autoright{ float:right; width:620px; }
.autoleft{ float:left; width:230px; height:224px; padding:10px; margin:10px 10px 0px 10px; border:1px solid #ccc; }
.autoleft h2{ font:20px "Trebuchet MS"; color:#333; margin-bottom:5px; }
.autoleft p{ text-align:justify; color:#a9a9a9; }
.line{ height:1px; border-bottom:1px dashed #ccc; width:900px;  padding-bottom:10px; clear:both;  }

#porta_panel{ float:right; width:600px; margin-right:10px; margin-top:5px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dashed #e6081d; }
#porta_panel h3{ font:14px "Trebuchet MS"; color:#999; }

.sucursal{ margin:auto; width:600px; border-collapse:collapse; border:1px solid #ccc; margin-top:10px; margin-bottom:20px; }
.sucursal td{ padding:5px;}
.sucursal h3{ width:590px; border-bottom:2px solid #e6081d; font-weight:bold; font-family:"Trebuchet MS";}
.sucursal a{ color:#e6081d; text-decoration:none; }
.sucursal a:hover{ color:#9e999d; }

.pie{ margin:auto; height:30px; background:#f7f7f7; border-top:1px solid #d6d6d6; }
.pie_l{ float:left; margin:3px; width:165px; }
.pie_r{ float:right; margin:3px; width:165px; }
.pie_m{ float:left; margin:3px; width:550px; color:#6b6a6a; text-align:center; font-size:8pt; padding-top:5px; }
.pie_m a{ color:#666; text-decoration:none; }
.pie_m a:hover{ color:#999; text-decoration:none; }

.footer{ margin:auto; width:900px; background:url(images/line.jpg) bottom no-repeat; padding-bottom:10px; text-align:center; color:#808080; margin-top:10px; font-size:7pt; }
.footer a{ color:#666; text-decoration:none; }
.footer a:hover{ color:#999; text-decoration:none; }
.caja{ margin:auto; width:900px; background:url(images/line.jpg) bottom no-repeat; padding-bottom:2px; }
.caluga{ float:left; width:270px; height:60px; }
.imacom{ float:left; width:90px; height:30px; margin-top:20px; }