@charset "utf-8";
/* CSS RandomHARD */

body { background:#006699 url(../images/bg_site.jpg) repeat-x top; margin:0; padding:0; font-family:Tahoma, Arial, Verdana; font-size:11px; }

a { text-decoration:none; color:#005487; }
a:hover { text-decoration:underline; color:#FFA00E; }

h1 { font-size:22px; height:30px; margin:5px 10px;}
h2 { color:#333; font-size:20px; height:25px; margin:10px 10px 5px 10px;}
h3 {}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 10px 10px 10px; color:#666; font-weight:normal; margin:0; }
h5 {}
h6 {}

#bg_top { background:url(../images/bg_top.jpg) no-repeat top center; }
#bg_bottom { background:url(../images/bg_bottom.jpg) no-repeat bottom center; }
#contenedor { width:900px; margin:0 auto; vertical-align:middle; }

/* CONTENIDO ---------------------------------------------------------------------------------------------------------------------- */
#header { height:153px; }
.logo { float:left; padding:20px 0 0 0; }
.slogan { float:left; padding:51px 0 0 30px; }
a.ico_rss, a.ico_nov { color:#939FB0; font-size:9px; text-align:right; }
a.ico_rss:hover, a.ico_nov:hover { color:#fff; } 
a.ico_rss em, a.ico_nov em { padding:17px 51px 0 0; display:block; font-style:normal; }
.ico_rss { background:url(../images/bg_ico_rss.jpg) no-repeat; width:105px; height:58px; float:left; margin:27px 10px 0 35px; } 
.ico_nov { background:url(../images/bg_ico_nov.jpg) no-repeat; width:110px; height:58px; float:left; margin:27px 0 0 140px;  }

/* Buscador */
form#buscador { background:url(../images/bg_buscador.jpg) no-repeat top; width:250px; height:27px; float:left; clear:left; margin:27px 0 0 0; }
form#buscador input { background:none; border:none; font-size:11px; color:#fff; width:200px; margin:2px 5px 0 8px; padding:0; }
form#buscador input:focus { background:url(../images/bg_buscador_input.jpg) no-repeat; }
form#buscador input#buscar { background:url(../images/btn_buscar.gif) no-repeat; border:none; height:20px; width:20px; margin:3px 0 0 0; padding:0; }

/* Main Menu */
#main_menu {  width:364px; height:43px; float:right; display:block; margin:20px 0 0 0; }
#nav { margin:0; padding:0; list-style:none; float:left; }
#nav li { float:left; padding:0 0 0 1px; }
#nav li a { display:block; width:90px; height:28px; color:#CCDAE1; background:#006699 url(../images/bg_main_menu.jpg) no-repeat top; font-size:12px; padding:15px 0 0 0; text-align:center; }
#nav li a:hover { color:#fff; text-decoration:none; background:url(../images/bg_main_menu.jpg) no-repeat bottom; }
#nav li a.s, #nav li a.s:hover { background:url(../images/bg_main_menu_s.jpg) no-repeat top; color:#006699; }

#nav li li a { display:block; width:120px; color:#fff; font-size:11px; text-align:center; background:none; padding:4px 2px; height:auto; border-bottom:1px solid #80B3CF; text-align:left; }
#nav li li a:hover { color:#000; background:#FFA00E; border-bottom:1px solid #fff; }

li { float:left; position:relative; }
li ul { display:none; position:absolute; top:100%; left:0; font-weight:normal; background:#0077B8 url(../images/bg_desp.jpg) repeat-x top; padding:0px; text-align:left; float:left; }
ul li ul { margin-top:0px; width:126px; }
li>ul { top: auto; /*left:auto;*/ }
li li { display:block; float:none; }
li:hover ul, li.over ul { display:block;}

/* CONTENIDO ----------------------------------------------------------------------------------------------------------------------- */
#contenido { background:#fff url(../images/cor_top.gif) no-repeat left top; padding-top:5px; }
#contenido_faux { background:url(../images/bg_cont_faux.gif) no-repeat bottom; padding-bottom:10px;}

/* Ruta - Cotizacion - Fecha */
.cotizacion { background:url(../images/bg_cotizacion.jpg) no-repeat left center; padding:8px 0 6px 30px; color:#000; width:154px; float:right; display:none; }
.cotizacion strong { color:#386D46; padding:0 3px 0 0; float:left; }
.cotizacion p { margin:0; padding:0 0 0 3px; float:left; width:80px; display:block;}
.fecha { background:url(../images/bg_fecha.jpg) no-repeat left center; padding:7px 0 7px 30px; color:#000; width:73px; float:right; font-size:10px; letter-spacing:1px;}
.ruta { background:url(../images/ico_world.jpg) no-repeat left center; padding:5px 0 5px 25px; color:#999; margin:0 0 0 10px; float:left; }
.ruta a { color:#666; } .ruta a:hover { color:#005487; }

/* Banner Logos*/
#flash_logos { width:880px; padding:10px 10px 0 10px; display:block; clear:both; }
#datos_top { display:block; clear:both; height:27px; }

/* Recuadro Gris central */
.rec_gris_faux { background:url(../images/bg_gris_bottom.gif) no-repeat bottom; padding:0 0 10px 0; }
.rec_gris { margin:10px 0 0 10px; display:block; clear:both; background:#DEDEDE url(../images/bg_gris_top.gif) no-repeat top; padding:10px 0 0 0; width:880px; }

/* OFERTA - DESTACADOS - NOVEDADES */
/* Oferta */ 
.oferta { display:block; float:left; width:324px; height:212px; background:#006699 url(../images/bg_home_oferta.jpg) no-repeat top; margin:3px 0 10px 5px; }
.oferta h3 { width:300px; margin:5px 0px 0px 10px; height:30px; font-weight:normal; color:#fff;  }
.oferta .tit_oferta { margin:0; padding:0 10px; font-weight:normal; font-size:16px; } .oferta .tit_oferta a { color:#FFCD6C; }
.oferta img { float:left; margin:16px 15px 0 9px; border:1px solid #999; }
.oferta p { float:left; color:#D9E9F3; font-size:12px; width:140px; margin:15px 0 0 0; height:100px; }
.oferta .precio { font-size:14px; color:#005589; font-weight:bold; float:right; padding:12px 0 0 0; width:105px; text-align:left; margin:0 15px 0 0; } 
.oferta .links { float:left; padding:15px 0 0 25px; color:#fff; } .oferta .links a { color:#fff; }

/* Destacado */ 
.dest { display:block; float:right; width:171px; height:215px; background:#fff url(../images/bg_home_dest.jpg) no-repeat top; margin:0 10px 10px 0; }
.dest img { margin:8px 0 0 11px; border:1px solid #999; }
.dest .tit { padding:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000; display:block; height:25px; } 
.dest .tit a { color:#000; }
.dest p { color:#D9E9F3; font-size:10px; margin:0 8px; height:25px; color:#666; }
.dest .des { display:block; clear:both; height:35px; overflow:hidden; }
.dest .precio { font-size:13px; color:#005487; font-weight:bold; float:left; padding:0 0 0 15px; margin:10px 0 0 8px; background:url(../images/arrow_blue_right.gif) no-repeat center left; font-family:Arial, Helvetica, sans-serif; } 
.dest .links a { background:url(../images/bg_det.jpg) no-repeat; width:68px; height:15px; display:block; text-align:center; float:right; color:#000; margin:6px 6px 0 0; padding:3px 0; }

/* Novedad Home */ 
.novedades { display:block; float:left; width:318px; height:100px; border:2px solid #fff; margin:0 0 0 7px; }
a.dolar { float:left; margin:10px 0 0 10px; }
a.banner { float:left; margin:10px 0 0 10px;}

/* Recuadro Gris pie */
.rec_gris_pie { display:block; clear:both; padding:10px 10px 0 10px; color:#666; }
.rec_gris_pie a { float:right; background:url(../images/arrow_blue_top.gif) no-repeat right center; padding:0 12px 0 0; color:#005487; }


#menu_bottom { display:block; clear:both; text-align:center; font-size:11px; color:#666; padding:10px 10px 0 10px; }
#menu_bottom a { color:#666; } #menu_bottom a:hover { color:#FFA00E; text-decoration:underline; }


/* PRODUCTOS ----------------------------------------------------------------------------------------------------------------------- */
/* Listado de Categorías */
.listado_cat { padding:0  0 0 10px; display:block; clear:both; }
.rec_cat { display:block; float:left; width:114px; height:109px; margin:0 10px 10px 0; background:#006699 url(../images/bg_cat.gif) no-repeat; text-align:center; }
.rec_cat a.img { padding:12px 0 3px 5px; width:100px; height:60px; overflow:hidden; display:block; text-align:center; }
.rec_cat a { color:#ccc; font-weight:bold; font-size:11px; line-height:11px; }
.rec_cat a:hover { text-decoration:underline; color:#FFA00E; } 

/* Detalle Categoria */
#top_sec_menu, #top_sec_menu2 { background:url(../images/bg_top_sec_menu.gif) no-repeat top; padding:9px 0 0 0; width:154px; display:block; float:right; margin:0 10px 0 0; }
#top_sec_menu2 { float:left; margin:10px 0 0 10px; }
#bot_sec_menu { background:url(../images/bg_bot_sec_menu.gif) no-repeat bottom; padding:0 0 12px 0; }
#sec_menu { background:#006699 url(../images/bg_rep_sec_menu.gif) repeat-y; }
#sec_menu img { padding:0 10px 5px 10px; }
#sec_menu a { display:block; clear:both; border-bottom:1px solid #93BACF; color:#92BACF; padding:2px 5px 3px 10px; width:135px; font-size:11px; }
#sec_menu a:hover { color:#fff; text-decoration:none; background:url(../images/bg_sec_menu_hover.gif) no-repeat; }

.listado_prod { display:block; width:700px; }
.listado_prod h2 { width:650px; }
.prod { background:#fff url(../images/bg_prod.gif) no-repeat; width:163px; height:243px; float:left; margin:0 0 10px 10px; }
.prod a img { margin:9px 0 0 4px; border:1px solid #999; width:147px; height:96px; overflow:hidden; }
.prod a:hover img { margin:9px 0 0 4px; border:1px solid #FFA00E; }
.prod .tit { padding:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; display:block; height:25px; } 
.prod .tit a { color:#000; } .prod .tit a:hover { text-decoration:underline; color:#FFA00E; }
.prod p { color:#D9E9F3; font-size:10px; margin:0 8px 5px 8px; height:25px; color:#666; }
.prod .des { display:block; clear:both; height:35px; overflow:hidden; }
.prod .precio { display:block; clear:both; font-size:15px; color:#005487; font-weight:bold; padding:0 0 0 15px; margin:5px 0 0 5px; background:url(../images/arrow_blue_right.gif) no-repeat center left; font-family:Arial, Helvetica, sans-serif;} 
.prod .links a { background:url(../images/ico_lupa.gif) no-repeat center right; display:block; clear:both; text-align:right; color:#666; padding:0 20px 0 0; margin:5px 10px 0 0; font-size:10px; font-weight:bold; }
.prod .links a:hover { background:url(../images/ico_lupa_hover.gif) no-repeat center right; text-decoration:underline; color:#FFA00E; }


.col_izq_detalle { display:block; float:left; width:160px; margin:0 0 0 10px; }
.imagen { background:url(../images/bg_foto_det.jpg) no-repeat top; float:left; width:161px; height:131px; margin:0 0 20px 0;  }
.imagen a img { margin:10px 0 0 5px; border:1px solid #999; }
.imagen a:hover img { border:1px solid #FFA00E; }

.precio_det { background:url(../images/bg_precio.gif) no-repeat; width:161px; height:45px; text-align:center; float:left; clear:left; display:block; padding:0; }
.precio_det h4 { height:20px; width:120px; text-align:center; color:#fff; font-size:20px; margin:10px 0 0 0; }

.detalle { background:url(../images/bg_detalles.png) no-repeat; width:480px; float:left; padding:30px 15px; margin:5px 0 0 20px; }


/* PC ARMADAS ---------------------------------------------------------------------------------------------------------------------- */
#pc_armadas { width:700px; float:right; margin:10px 10px 0 0;  }
#pc_armadas h2 { margin:0 0 0 10px; padding:0; }
#pc_armadas .h3 { width:672px; height:34px; background:url(../images/bg_h3.gif) no-repeat; margin:12px 0 0 7px; padding:5px; display:block; clear:both; }
#pc_armadas h3 { height:20px; width:650px; color:#FFA00E; font-size:15px; margin:5px 0 0 5px; font-size:16px; }

/* Banners */
.banner_01 { float:left; clear:left; padding:15px 0 0 10px; }

/* SERVICIOS ----------------------------------------------------------------------------------------------------------------------- */
#servicios { width:700px; float:right; margin:10px 10px 0 0; }
#servicios p { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 10px 10px 10px; color:#666; font-weight:normal; margin:0; }
#servicios h2 { margin:0 0 10px 10px; padding:0; }
#servicios .h3 { width:672px; height:34px; background:url(../images/bg_h3.gif) no-repeat; margin:12px 0 0 7px; padding:5px; display:block; clear:both; }
#servicios h3 { height:20px; width:650px; color:#FFA00E; font-size:20px; margin:5px 0 0 5px; font-size:16px; }
#servicios h4 { height:20px; width:650px; color:#005782; font-size:20px; margin:10px 0 5px 10px; font-size:16px; }

form { margin:0; padding:0; }
form label { display:block; clear:both; padding:5px 0; }
form label strong { width:250px; display:block; float:left; text-align:right; padding:5px 10px 0 0; font-weight:normal; font-size:12px; }
form label input, form label select { background:url(../images/input_bg.jpg) no-repeat scroll; width:280px; height:16px; border:0; font-family:Tahoma, Arial, Verdana; font-size:12px; color:#005782; padding:3px 5px; }
form label select { background:url(../images/input_bg.jpg) no-repeat scroll; width:290px; height:20px; padding:1px 0 1px 5px; }
form label select option { background:#fff; }
form label textarea { background:url(../images/textarea_bg.jpg) no-repeat scroll; width:280px; height:120px; overflow:auto; border:0; padding:5px; font-family:Tahoma, Arial, Verdana; font-size:12px; color:#005782; }
form input#enviar { background:url(../images/btn_enviar.jpg); width:104px; height:35px; display:block; border:none; margin:10px 0 0 450px;}

#servicios ul { margin:0; padding:10px; list-style:none; }
#servicios ul li { float:none; font-size:12px; color:#006699; padding:3px 0; }

.nota { float:left; font-size:10px; color:#666; padding:10px 0 0 260px; }

.img_left { float:left; margin:0 15px 15px 10px; padding:1px; border:1px solid #ccc; }


/* GENREAL ---------------------------------------------------------------------------------------------------------------------- */
#general p { padding:10px 20px; font-size:12px; color:#666; }
#general ul { margin:0; padding:10px; list-style:none; }
#general ul li { float:none; font-size:12px; color:#006699; padding:3px 0; }

/* NOVEDADES ---------------------------------------------------------------------------------------------------------------------- */
.noticia, .noticia2 { display:block; background:url(../images/bg_noticia.jpg) no-repeat; width:820px; padding:20px; margin:0 auto; vertical-align:middle; height:95px; overflow:visible; }
.noticia2 { height:auto; }
.noticia img { float:left; margin:0 15px 0 0; padding:1px; border:1px solid #999; }
.noticia2 img { float:left; margin:10px 15px 15px 0; padding:1px; border:1px solid #999; }
.noticia em, .noticia2 em { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; font-style:normal; }
.noticia strong a, .noticia2 strong a { font-size:16px; color:#005487; font-weight:normal; padding:10px 0 0 0; display:block; }
.noticia2 strong a { font-size:19px; }
.noticia strong a:hover, .noticia2 strong a:hover { text-decoration:underline; color:#FFA00E; font-weight:bold; }
.noticia p, .noticia2 p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0; padding:10px 0; }
.noticia2 .copete p { font-size:14px; } 
.noticia2 .cuerpo p { color:#333; font-size:12px; font-family:Tahoma, Arial, Verdana; padding:5px 20px 10px 0; }

/* CONTACTO ------------------------------------------------------------------------------------------------------------------------ */
.formulario_contacto { float:left; width:500px; margin:0 10px 0 0; }
.formulario_contacto img { padding:0 0 10px 10px; }
.formulario_contacto form label strong { width:180px; }
.formulario_contacto form input#enviar { background:url(../images/btn_enviar.jpg); width:104px; height:35px; display:block; border:none; margin:10px 0 0 380px;}
form label input.check { width:15px; height:15px; border:none; background:none; }
.formulario_contacto .nota { padding:10px 0 0 190px; }
.formulario_contacto p { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 10px 10px 10px; color:#666; font-weight:normal; margin:0; }

.info_contacto { float:left; width:350px; font-size:12px; }
.info_contacto .horario { background:url(../images/ico_horario.jpg) no-repeat right top; padding:0 90px 0 0; height:80px; overflow:visible; text-align:right; margin:20px 10px 10px 10px; }
.info_contacto .telefono { background:url(../images/ico_telefono.jpg) no-repeat right top; padding:0 90px 0 0; height:80px; overflow:visible; text-align:right; margin:10px; }
.info_contacto .emails { background:url(../images/ico_emails.jpg) no-repeat right top; padding:0 90px 0 0; height:80px; overflow:visible; text-align:right; margin:10px; line-height:25px; }
.info_contacto .emails a { color:#000; } .info_contacto .emails a:hover { color:#005487; text-decoration:none;  }
.info_contacto .emails a strong { color:#000; } .info_contacto .emails a:hover strong { color:#FFA00E; text-decoration:none;}
.info_contacto .msn { background:url(../images/ico_msn.jpg) no-repeat right top; padding:0 90px 0 0; height:80px; overflow:visible; text-align:right; margin:10px; }

/* Novedades en tu mail */
.info_novedades { float:left; width:350px; font-size:12px; background:#fff; padding:0 0 10px 0; }
.info_novedades h2 { color:#FFA00E; }
.info_novedades p { color:#666; margin:0; padding:5px 20px; font-size:11px; }

/* RSS Feed */
.rss_feed { float:left; width:500px; margin:0 10px 0 0; }
.rss_feed p { color:#666; margin:0; padding:5px 10px; font-size:12px; }
.rss_feed .rss_dires { background:url(../images/rss_bg.jpg) no-repeat; width:334px; height:119px; margin:10px auto; vertical-align:middle; padding:15px 20px 20px 100px; font-size:11px; color:#666; }
.rss_feed .rss_dires strong { color:#005487; font-size:13px; padding:4px 0 0 0; display:block; }


/* PAGINACION ---------------------------------------------------------------------------------------------------------------------- */
#paginacion { border:1px solid #999; color:#666; border-right:none; border-left:none; padding:10px 0; display:block; clear:both; margin:0 10px; font-size:12px; }
#paginacion a { font-weight:bold; padding:0 3px;}


/* FOOTER ------------------------------------------------------------------------------------------------------------------------- */
#footer { height:171px; }

/* Contactanos */
.contactanos { display:block; width:360px; float:left; color:#fff; padding:30px 0 0 80px; }
.consultas { float:left; width:130px; border-right:1px solid #89B8D0; padding:0 10px 0 5px; margin:5px 10px 0 0; }
.datos_contacto { font-size:12px; padding:5px 0 0 0; float:left; width:195px; line-height:20px; }

/* Recomendanos */
.recomendanos { width:330px; float:left; padding:30px 0 0 33px; color:#fff; }
.recomendanos img { padding:0 0 5px 0; }
form#recomendar { margin:0; padding:0; }
form#recomendar input { background:url(../images/bg_input_recom.jpg) no-repeat; border:none; font-size:11px; color:#000; width:160px; height:33px; padding:8px 0 8px 45px; margin:20px 0 0 1px; }
form#recomendar input#recom { background:url(../images/btn_recomendar.jpg) no-repeat; border:none; height:25px; width:113px; margin:22px 0 0 0; padding:0; float:right; }


a.firma { float:right; margin:25px 0 0 0; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
a.firma:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity:1; }

blockquote { background:#fff; padding:10px; margin:20px; text-align:center; font-size:12px; color:#333; border:1px solid #CCC; }
blockquote.ok { text-align:left; }
blockquote.ok strong { color:#005487; }