@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:#ffffff; font-family:"Trebuchet MS"; font-size:12px; color:#666; }
h1, h2, h3, h4, h5, p{ margin:0; padding:0; font-weight:normal; }

.head{ margin:auto; width:950px; height:100px; }
.logo{ float:left; width:250px; height:100px; background:url(images/logo.jpg) no-repeat; cursor:pointer; }
.fono{ float:right; width:200px; height:100px; background:url(images/fono.jpg) no-repeat; }


.menu_container{ margin:auto; height:54px; background:url(images/menu.jpg) repeat-x; }
.menu{ margin:auto; width:950px; height:54px; }
.menu ul{ list-style:none; list-style-type:none; margin:0; padding:0; }
.menu ul li{ display:inline-block; float:left; margin-right:1px; height:54px; font:14px 'AcensRegular', Tahoma; letter-spacing:1pt; color:#FFFFFF; cursor:pointer; }
.menu ul li:hover{ color:#e6081d; background:url(images/menuh.jpg) repeat-x; }
.menu ul li a{ color:#FFFFFF; text-decoration:none; cursor:pointer; }
.menu ul li a:hover{ color:#FFFFFF; }
.menu ul li a span{ display:block; height:34px; padding-top:20px;padding-left:25px; padding-right:25px; }
.menu ul li.current{ color:#e6081d; background:url(images/menuh.jpg) repeat-x; }
.menu ul li ul{ visibility: hidden; background:url(images/dropdown_pane.png) no-repeat bottom left; width:170px; float:none; padding:0; margin:0; padding-bottom:17px; padding-top:10px; }
.menu ul li:hover ul{ visibility:visible; position:absolute; }
.menu ul li ul li{ width:170px; height:25px; float:none; padding:0; margin:0; font-family:Tahoma; font-size:11px; color:#fbfbfb; letter-spacing:0.5px; }
.menu ul li ul li:hover{ background:url(images/bgululli.jpg) no-repeat; color:#666; font-weight:bold; letter-spacing:-0.5px; }
.menu ul li ul li a{ color:#fbfbfb; }
.menu ul li ul li a:hover{ color:#666; }
.menu ul li ul li a span{ margin:0; padding:0; display:block; height:15px; padding:5px 15px 5px 15px; }


.banner{ margin:auto; height:250px; background:url(images/banner.jpg) repeat-x; }
.banner_container{ margin:auto; width:950px; height:250px; }
.texto{ float:left; width:700px; height:250px; }
			.texto h1{ padding-top:20px; color:#0076c0; font-size:23pt; font-weight:bolder; font-family:"Trebuchet MS"; font-stretch:ultra-condensed; }
				.texto h1 span{ display:inline-block; font-size:19pt; color:#fd7719; font-family:"Trebuchet MS"; font-weight:lighter; }
			.texto h2{ margin-top:-10px; color:#0076c0; font-size:22pt; font-weight:bolder; font-family:"Trebuchet MS"; font-stretch:ultra-condensed; }
				.texto h2 span{ display:inline-block; font-size:18pt; color:#fd7719; font-family:"Trebuchet MS"; font-weight:lighter; }
			.texto p{ margin-top:20px; color:#898989; font-size:11px; font-family:"Trebuchet MS";  }
			.texto p a{ text-decoration:none; color:#898989; font-size:11px; }
			.texto p a:hover{ text-decoration:underline; color:#898989; font-size:11px; }
			.texto p strong{ font-size:14px; color:#0076c0; }
			.texto p strong a{ text-decoration:none; color:#0076c0; font-size:14px; }
			.texto p strong a:hover{ text-decoration:underline; color:#0076c0; font-size:14px; }
			.logos{ float:left; width:630px; height:40px; margin-top:15px; }
			.logos img{ margin-left:5px; margin-right:5px; }
.persona{ float:right; width:230px; height:250px; }

.content{ margin:auto; width:950px; }
.colgante{ float:left; width:230px; height:300px; background:url(images/colgante.jpg) no-repeat; }
.colgante_logo{ width:230px; height:40px; margin-top:50px; text-align:right; }
.colgante h1{ padding-left:25px; font-family:Impact; font-size:25px; }
.colgante h2{ padding-left:25px; font-family:Impact; font-size:25px; }
.colgante p{ padding-left:20px; margin-top:10px; text-transform:uppercase; color:#56595b; font-size:11px; }
.colgante p span{ padding-left:5px; text-transform:uppercase; color:#0076c0; font-size:16px; }
.colgante_btn{ margin:auto; width:182px; height:47px; margin-top:10px; opacity:0.7; filter: alpha(opacity = 70); cursor:pointer; }
.colgante_btn:hover{ opacity:1; filter: alpha(opacity = 100); }
.colgante_menu{ float:left; width:230px; margin-bottom:20px; }
.colgante_menu ul{ margin:0; padding:0; list-style:none; margin-top:20px; margin-left:15px; }
.colgante_menu ul li{ background:url(images/arrow.jpg) no-repeat left center; padding-left:25px; margin-bottom:10px; text-transform:uppercase; font-size:11px; }
.colgante_menu ul li a{ text-decoration:none; color:#898989; }
.colgante_menu ul li a:hover{ color:#2194e3; }
.precio{ margin:auto; width:180px; text-align:right; font:20pt 'AcensRegular', "Trebuchet MS"; color:#fd7719; }

.contenido{ margin:auto; width:950px; padding-top:20px; }
.contenido h1{ color:#999; font-size:20pt; font-weight:bolder; font-stretch:ultra-condensed; }
.contenido h2{ color:#999; font-size:14pt; font-weight:bolder; font-stretch:ultra-condensed; margin-top:20px; }
.contenido p{ margin-top:10px; color:#898989; font-size:12px; }
			.contenido p strong{ font-size:13px; color:#0076c0; }
			
.portafolio_btn{ float:left; width:310px; height:50px; margin-top:10px; margin-right:5px; opacity:0.7; filter: alpha(opacity = 70); cursor:pointer; }
.portafolio_btn:hover{ opacity:1; filter: alpha(opacity = 100); }

.portafolio{ float:left; width:160px; height:210px; background:url(images/bg_portafolio.jpg) no-repeat; margin:15px; }
.portafolio p{ font-size:11px; color:#999; margin-top:10px; padding-left:5px; padding-right:5px; }
.portafolio p a{ color:#0076c0; text-decoration:none; }
.portafolio img{ margin:10px; border:0; }

.footer{ margin:auto; background:url(images/footer.jpg) repeat-x; height:105px; padding-top:15px; margin-top:20px; text-align:center; color:#0069b1; font-family:Tahoma; font-size:11px; }
.footer ul{ margin:auto; width:530px; list-style:none; margin-bottom:10px; }
.footer ul li{ color:#727272; float:left; margin-left:10px; margin-right:10px; font-family:Tahoma; font-size:11px; }
.footer ul li a{ color:#727272; text-decoration:none; }
.footer ul li a:hover{ color:#949494; }
.footer a{ color:#0069b1; text-decoration:none; }
.footer a:hover{ color:#2194e3; text-decoration:none; }
.footer_logos{ margin:auto; width:630px; height:40px; margin-top:15px; }
.footer_logos img{ margin-left:5px; margin-right:5px; }