html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
body { background:#000 url(../img/fondo-pagina2.jpg) top center repeat-x; font-family:Arial, Helvetica, sans-serif }
div#contenedor { margin:0 auto; width:770px;}
div#cabecera { /*background:url(../img/camion.jpg) right top no-repeat;*/ padding-top:40px; height:125px;} 
div#cabecera h1 { background:url(../img/logo.png) no-repeat; width:243px; height:63px; text-indent:-9999px;}
div#cabecera h1 a { display:block; height:63px;}
div#cabecera div#menu { color:#FFF; margin-top:24px;}
div#bordecontenido { background-color:#FFF;}
div#pie { text-align:right; background:url(../img/camion-pieie.png) right no-repeat; height:131px; width:100%; margin-top:15px;}
div#contenido {  min-height:300px; padding:15px; }
div#contenido p { margin-bottom:10px; line-height:20px;}
div#pie p { text-align:right;padding-right:160px;color:#FFF; font-size:13px;}
div#titulo { background:#000 url(../img/carretera.jpg) no-repeat; width:100%; height:40px; margin-bottom:10px;}
div#titulo  h2  { color:#fff; line-height:35px; font-weight:900; font-size:24px; padding-top:5px; margin-left:10px;}

div#intro { background:url(../img/carretera.jpg) no-repeat; height:190px;margin-bottom:10px;}
div#bienvenido { height:90px; padding-top:100px;}
div#bienvenido h2#fondow { margin:5px; padding-left:10px; color:#000;background:url(../img/wt.png);line-height:45px; font-weight:900; font-size:24px; display:block;}

#ventas { background:none; margin-bottom:10px; padding:6px 10px;}
#ventas img.enventa { float:left; position:absolute; margin-top:-8px; margin-left:-12px; z-index:9999;}
#ventas ul#enventa li a { color:#FFF; text-decoration:none;}
#ventas ul#enventa li a span { float:left; width:220px; padding:5px; position:absolute; margin-top:75px; background-color:#000000; z-index:9999;filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7;-khtml-opacity: 0.7;}


* html #bienvenido {filter:alpha(opacity=50);}
div#gmap { text-align:center;}
div#gmap iframe { border:#999 1px solid;}
#formcontacto { width:550px; margin:auto; margin-top:40px;}
#formcontacto .texto { width:350px; line-height:1.5em; font-size:1.5em; font-family:Arial, Helvetica, sans-serif;}
#formcontacto label { float:left; width:150px;}
#formcontacto #enviar { line-height:1.5em; font-size:1.5em; padding:0 4px; margin-left:150px;}
input.error {background-color:red;color:#fff;}
#formcontacto label.error { float:none; margin-left: 150px; width:300px; font-style:italic; color:#F00; font-size:10px; }
#error, #exito { border:#F00 2px dashed; padding:5px; margin:100px; text-align:center}
#exito  { border:green 2px dashed;}
#formcontacto .hidden { display:none;}
.flotarderecha { float:right; margin-left:5px; margin-bottom:5px; padding:1px; border:#999 1px solid;}
.flotarizquierda { float:left; margin-right:5px; margin-bottom:5px; padding:1px; border:#999 1px solid;}
strong { font-weight:900;}
.limpiar { clear:both;}
.hide { display:none;}
#principal { width:470px; float:left;}
#barra { width:251px; float:right;}
.bordes { border:#CCC 1px dashed; padding:20px 10px; background:url(../img/fondo-cuadro.gif) bottom repeat-x;}
ul.lista { margin:15px 25px;}
ul.lista li { padding-left:5px; list-style:disc;} 
em { font-style:italic;}

ul#destacados { font-family:Helvetica, Arial, sans-serif; }
ul#destacados li { float:left; width:346px; margin:4px; padding:6px; background-position:top;}
ul#destacados img { float:left; margin-right:8px; border:1px solid #333; position:absolute;}
ul#destacados h3 { color:#CF0B0B; font-weight:800; font-size:15px; text-transform:uppercase; margin-bottom:5px; margin-left:110px;}
ul#destacados p { font-size:13px; margin-left:110px; }
ul#destacados p strong { font-size:14px; }
ul#destacados img.vendido { float:left; position:absolute; margin-top:-8px; margin-left:-8px; z-index:9999; border:none;}

ul#mascamiones { font-family:Helvetica, Arial, sans-serif; }
ul#mascamiones li { float:left; width:346px; margin:4px; padding:6px; background:none;}
ul#mascamiones img { float:left; margin-right:8px; border:1px solid #333; position:absolute;}
ul#mascamiones h3 { color:#CF0B0B; font-weight:800; font-size:15px; text-transform:uppercase; margin-bottom:5px; margin-left:110px;}
ul#mascamiones p { font-size:13px; margin-left:110px; }
ul#mascamiones p strong { font-size:14px; }
ul#mascamiones img.vendido { float:left; position:absolute; margin-top:-8px; margin-left:-8px; z-index:9999; border:none;}

p.paginacion { text-align:right; padding-right:15px; margin-top:10px;  font-size:15px }
p.paginacion  a { color:#FF6600; font-weight:bold; text-decoration:none;}

h2#detalle { color:#CE0B0B; text-transform:uppercase; font-weight:900; margin-bottom:10px;}
h2#detalle a { font-size:13px; float:right; text-decoration:none; color:#000; text-transform:none; font-weight:900; line-height:20px; padding-top:10px;}
#detalle-camion { padding:10px;}
#detalle-camion span.titulos { clear:both; display:block; font-size:13px; font-weight:700;}
#detalle-camion em { color:#CE0B0B; font-size:18px; font-style:normal; font-weight:800;}
#detalle-camion strong { font-size:14px; }
#detalle-camion strong.t18 { font-size:18px;}
#detalle-camion p { font-size:13px; margin-top:15px; }
.compartir { text-align:right; }
.cam-foto { width:130px; padding-right:20px; text-align:center; }
#fotos-camion { margin-top:15px;}
#fotogrande { padding-left:15px;}

/* botones ---------------------------------------------- */
.button {display: inline-block;zoom: 1; /* zoom y *display = ie7 hack para display:inline-block */*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-khtml-border-radius: .5em;-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
.bigrounded {-khtml-border-radius:2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.medium {font-size: 12px;padding: .4em 1.5em .42em;}
.small {font-size: 11px;padding: .2em 1em .275em;}
 /* color styles ---------------------------------------------- */
/* blanco */
.white {color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
.white:hover {background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
.white:active {color: #999;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top,  #ededed,  #fff);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
/* azul */
.blue {color: #d9eef7;border: solid 1px #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.blue:hover {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue:active {color: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}