/* CSS Document */
@import url(sinhtml.css);
body { background-color:#11110F; font-family:"Arial Narrow"; color:#fff; font-size:12px;}
#web { width:950px; margin:10px auto;}
#web #cabecera{ width:830px; float:left; margin-left:65px; color:#A6A6A6;}
#web #cabecera #col1{ width:230px; float:left; margin-right:10px; height:80px; margin-top:80px;}
#web #cabecera #col1 p.menuprincipal{width:230px; float:left; text-align:left; font-weight:bold; }
#web #cabecera #col1 p.idiomas{width:230px; float:left; text-align:left; margin-top:10px; font-size:11px; text-decoration:underline; height:15px;}
#web #cabecera #col1 ul{ list-style:none; width:230px; float:left; margin-left:0px; margin-top:5px;}
#web #cabecera #col1 ul li{float:left;}
#web #cabecera #col1 ul li img{border:1px solid #7a7979; width:20px; height:14px;}
#web #cabecera #col1 ul li img:hover{border:1px solid #fff; width:20px; height:14px;}
#web #cabecera #col1 ul li a{ display:block; float:left; margin-right:5px; }
#web #cabecera #col2{ width:400px; float:left; height:160px;}
#web #cabecera #col3{ width:180px; float:left; margin-left:10px; height:160px;}
#web #cabecera #col3 p.telefono{ width:180px; float:left; height:20px; margin-top:130px; text-align:right;}
#web #menu{width:840px; float:left; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #222223; padding-left:55px; padding-right:55px;}
#web #menu .menu{width:132px; height:130px; float:left; margin-left:8px; background:url(fnd_menu.jpg) no-repeat;}
#web #menu .menu:hover{width:132px; height:130px; float:left; margin-left:8px; background:url(fnd_menu_hover.jpg) no-repeat;}
#web #menu .menu .imgmenu{width:118px; height:71px; margin-top:31px; float:left; padding:0px 7px 0px 7px;}
#web #menu .menu .menutxt{width:132px; height:24px; float:left; padding-top:4px; text-align:center; font-size:13px; font-weight:bold;}
#web #menu .menusel{width:132px; height:130px; float:left; margin-left:8px; background:url(fnd_menu_hover.jpg) no-repeat;}
#web #menu .menusel:hover{width:132px; height:130px; float:left; margin-left:8px; background:url(fnd_menu_hover.jpg) no-repeat;}
#web #menu .menusel .imgmenu{width:118px; height:71px; margin-top:31px; float:left; padding:0px 7px 0px 7px;}
#web #menu .menusel .menutxt{width:132px; height:24px; float:left; padding-top:4px; text-align:center; font-size:13px; font-weight:bold;}
#web #cuerpo{ width:950px; float:left; margin-top:20px;}
#web #cuerpo #bloquegal{width:840px; float:left; padding-bottom:15px; margin-bottom:10px; padding-right:55px;}
#web #cuerpo #bloquegal h1{width:935px; font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px;}
#web #cuerpo #bloquegal .cat {width:935px; float:left;}
#web #cuerpo #bloquegal .cat ul{ list-style:none; float:left; height:195px; width:280px; margin:20px 16px 3px 15px;}
#web #cuerpo #bloquegal .cat ul li{float:left;}
#web #cuerpo #bloquegal .cat ul li.thumb a{ width:280px; height:140px; float:left;}
#web #cuerpo #bloquegal .cat ul li.nombre a{ width:280px; height:50px; float:left ;font-size:18px; color:#7f9942; margin-top:5px; }
#web #cuerpo #bloquegal .cat ul li.nombre a:hover{ text-decoration:underline;}
#web #cuerpo #bloquegal h2{width:835px; float:left; font-size:24px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px; margin-right:50px; margin-left:50px; margin-top:20px;}
#web #cuerpo #bloquegal .fotossubcat{width:835px; float:left;margin-right:50px; margin-left:50px; margin-top:10px; padding-left:15px;}
#web #cuerpo #bloquegal .fotossubcat a{ float:left; margin-right:10px;}
#web #cuerpo #bloquegal .fotossubcat2{width:935px; float:left; margin-top:15px; padding-left:15px;}
#web #cuerpo #bloquegal .fotossubcat2 a{ float:left; margin-right:25px; margin-left:25px; margin-bottom:15px;}
#web #cuerpo #col1{ width:600px; float:left;}
#web #cuerpo #col1 #galeriaportada{ width:600px; float:left;}
#web #cuerpo #col1 #galeriaportada h1{font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px; margin-bottom:20px;}
#web #cuerpo #col1 #galeriaportada .masimagenes {width:560px; float:left; padding:10px 40px 10px 0px; margin-bottom:20px;}
#web #cuerpo #col1 #galeriaportada .masimagenes p { width:560px; float:left; text-align:right; font-size:16px; }
#web #cuerpo #col1 #galeriaportada .masimagenes p a{color:#fff;}
#web #cuerpo #col1 #galeriaportada .masimagenes p a:hover{ text-decoration:underline;}
#web #cuerpo #col1 #galeriaportada #marco{ width:600px; height:250px; float:left;}
#web #cuerpo #col1 #galeriaportada #miniaturas{ width:600px; height:100px; float:left; margin-bottom:5px; margin-top:40px;}
#web #cuerpo #col1 #textospaginas{width:600px; float:left;}
#web #cuerpo #col1 #textospaginas h1{font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px;}
#web #cuerpo #col1 #textospaginas p{ width: 570px; font-size:16px; color:#b3b2b2; padding-left:15px; padding-bottom:5px; padding-right:15px; padding-top:5px; text-align:justify;}
#web #cuerpo #col1 #textospaginas p a{color:#b3b2b2 !important; font-weight:bold;}
#web #cuerpo #col1 #textospaginas p a:hover{color:#fc0; font-weight:bold;}
#web #cuerpo #col1 #textospaginas .reproductor{width:600px; float:left;}
#web #cuerpo #col1 #textospaginas .reproductor p{width:600px; float:left; text-align:center; padding:20px 0px 20px 0px;}
/* formato del formulario de contacto */
#web #cuerpo #col1 #textospaginas #formulario{ width:600px; float:left;}
#cual{ display:none;}
#web #cuerpo #col1 #textospaginas #formulario fieldset{ border:none; width:600px; float:left;}
#web #cuerpo #col1 #textospaginas #formulario fieldset p{width:600px; float:left; margin-top:5px;}
#web #cuerpo #col1 #textospaginas #formulario fieldset label{ width:150px; float:left; font-size:16px;}
#web #cuerpo #col1 #textospaginas #formulario fieldset input, textarea,select{ width:400px; float:left; font-size:14px;background-color:#333; border-bottom:3px solid #222223; border-right:1px solid #222223; border-top:none; border-left:none; color:#FFf; padding:3px 0px 3px 0px;}
#web #cuerpo #col1 #textospaginas #formulario fieldset .codseg{ width:106px; padding-left:10px; padding-right:10px;}
#web #cuerpo #col1 #textospaginas #formulario fieldset .enviar{ width:400px; float:left; font-size:14px;background-color:#333; border-bottom:3px solid #7f9a42; border-right:none; border-top:none; border-left:none; color:#FFf; padding:8px 0px 8px 0px; font-weight:bold;}
/* formato de la galeria de videos */
#web #cuerpo #col1 #textospaginas #galeriavideos {width:600px; float:left; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #222223; float:left;}
#web #cuerpo #col1 #textospaginas #galeriavideos .video{ width:280px; float:left; margin-left:5px; margin-right:5px; margin-top:5px;}
#web #cuerpo #col1 #textospaginas #galeriavideos .video p.titulo{ color:#7f9a42; font-weight:bold;}
/*---------------- FIN ----------------*/
#web #cuerpo #col1 #especiales{width:600px; float:left;}
#web #cuerpo #col1 #especiales .columna{ width:220px; float:left; margin:0px 40px 0px 40px;}
#web #cuerpo #col1 #especiales .columna p.cabecera{ font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px;}
#web #cuerpo #col1 #especiales .columna p.cabecera2{ font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px; text-align:right;}
#web #cuerpo #col1 #especiales .columna .contenido {width:210px; float:left; margin:25px 5px 10px 5px;}
#web #cuerpo #col1 #especiales .columna .contenido .imagen{width:200px; padding:5px 5px 0px 5px; height:175px; background:url(fnd_especiales.jpg) no-repeat;}
#web #cuerpo #col1 #especiales .columna .contenido .imagen p.imgen{ width:200px; height:135px; float:left;}
#web #cuerpo #col1 #especiales .columna .contenido .imagen p.text{ width:200px; height:20px; float:left; background:url(fndespecial_txt.jpg) repeat-x; padding-top:5px; text-align:center; font-weight:bold; }
#web #cuerpo #col1 #especiales .columna .contenido p.titulo{font-size:18px; color:#7f9942; margin-top:5px;}
#web #cuerpo #col1 #especiales .columna .contenido p.titulo a{ color:#7f9942; font-weight:bold; }
#web #cuerpo #col1 #especiales .columna .contenido p.titulo a:hover{ color:#7f9942; text-decoration:underline;}
#web #cuerpo #col1 #especiales .columna .contenido p.descripcion{font-size:15px; color:#ccc;}
#web #cuerpo #col1 #textospaginas .distribuidor{width:600px; float:left;}
#web #cuerpo #col1 #textospaginas .distribuidor .logodistribuidor{width:280px; float:left; height:200px;}
#web #cuerpo #col1 #textospaginas .distribuidor .bloque { width:300px; float:left; margin-left:20px;}
#web #cuerpo #col1 #textospaginas .distribuidor .bloque h2{font-size:18px; color:#fff; padding-left:15px; padding-bottom:5px; margin-top:10px; }
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p{ width: 270px; font-size:16px; color:#b3b2b2; padding-left:15px; padding-bottom:2px; padding-right:15px; padding-top:3px; text-align:justify;}
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p a{color:#7f9a42; font-weight:normal; }
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p a:hover{ text-decoration:underline; }
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p .productoslst{color:#7f9a42;}
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p .contactar{ width:250px; float:left; font-size:14px;background-color:#333; border-bottom:3px solid #7f9a42; border-right:none; border-top:none; border-left:none; color:#FFf; padding:8px 0px 8px 0px; font-weight:bold; text-align:center;}
#web #cuerpo #col1 #textospaginas .distribuidor .bloque p .contactar:hover{ text-decoration:none;}
#web #cuerpo #col1 #destacamos{width:520px; float:left; margin:30px 40px 0px 40px;}
#web #cuerpo #col1 #destacamos p.cabecera{ font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px;}
#web #cuerpo #col1 #destacamos .noticia{float:left; width:460px; margin-left:20px; margin-top:25px;}
#web #cuerpo #col1 #destacamos .noticia p.imgen{ width:460px; height:175px; float:left; padding:5px 5px 0px 5px; background:url(fnd_destacados.jpg) no-repeat;}
#web #cuerpo #col1 #destacamos .noticia p.titulo{ width:470px;float:left;font-size:18px; color:#7f9942; margin-top:5px;}
#web #cuerpo #col1 #destacamos .noticia p.titulo a{ color:#7f9942; font-weight:bold;}
#web #cuerpo #col1 #destacamos .noticia p.titulo a:hover{ color:#7f9942; text-decoration:underline;}
#web #cuerpo #col1 #destacamos .noticia p.descripcion{width:460px;float:left; font-size:15px; color:#ccc;}
#web #cuerpo #col1 #enlaces{width:520px; float:left; margin:30px 40px 0px 40px;}
#web #cuerpo #col1 #enlaces p.cabecera{ font-size:28px; color:#fff; border-bottom:1px solid #222223; padding-left:15px; padding-bottom:5px; height:30px;}
#web #cuerpo #col1 #enlaces .link {width:170px; float:left; margin-right:3px; margin-top:15px;}
#web #cuerpo #col1 #enlaces .link p{width:170px; float:left; font-size:16px;}
#web #cuerpo #col1 #enlaces .link p.nombre{ font-weight:bold; color:#b3b2b2;}
#web #cuerpo #col1 #enlaces .link p.url a{ color:#b3b2b2; text-decoration:underline;}
#web #cuerpo #col2{ width:340px; float:left; margin-left:10px;}
#web #cuerpo #col2 #textoscol2{ width:280px; float:left; margin-left:20px; margin-top:40px; padding:10px 20px 10px 20px;}
#web #cuerpo #col2 #textoscol2 .titulo{ width:280px; float:left; }
#web #cuerpo #col2 #textoscol2 .titulo p{ width:280px; float:left; font-size:18px; color:#7f9a42;}
#web #cuerpo #col2 #textoscol2 .descripcion{ width:280px; float:left; margin-top:10px;}
#web #cuerpo #col2 #textoscol2 .descripcion p{ width:280px; float:left; font-size:14px; color:#b3b2b2; }
#web #cuerpo #col2 #textoscol2 .coletilla{ width:280px; float:left; margin-top:15px;}
#web #cuerpo #col2 #textoscol2 .coletilla p{width:280px; float:left; font-size:15px; font-weight:bold; color:#7a7979;}
#web #cuerpo #col2 #barra{ width:320px; float:left; padding:10px 10px 10px 10px; margin-top:20px;}
#web #cuerpo #col2 #barra #videos{width:320px; float:left; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #222223;}
#web #cuerpo #col2 #barra #videos h3{width:280px; float:left; font-size:22px; font-weight:normal; padding:20px 20px 10px 20px; border-bottom:1px solid #222223; }
#web #cuerpo #col2 #barra #videos .video{ width:280px; float:left; margin-left:15px; margin-right:15px; margin-top:25px; border:1px solid #222223;}
#web #cuerpo #col2 #barra #videos .video .up{ width:280px; height:5px; float:left; }
#web #cuerpo #col2 #barra #videos .video .mid{ width:280px; float:left;}
#web #cuerpo #col2 #barra #videos .video .mid .black {width:240px; height:190px; background-color:#000000; padding:5px 5px 5px 5px; margin:5px 15px 5px 10px;}
#web #cuerpo #col2 #barra #videos .video .mid .black p.imagen{ width:240px; height:190px; float:left; background:url(fnd_reproductor_video.jpg) no-repeat;}
#web #cuerpo #col2 #barra #videos .video .mid p.titulo{ width:250px;margin:2px 15px 0px 10px; float:left; color:#FFF; font-weight:bold; font-size:16px;}
#web #cuerpo #col2 #barra #videos .video .mid p.descripcion{width:250px; margin:2px 15px 0px 10px;float:left;color:#ccc; font-size:16px; padding-bottom:10px;}
#web #cuerpo #col2 #barra #videos .video .down{ width:280px; float:left; height:5px;}
#web #cuerpo #col2 #barra #videos .masvideos {width:280px; float:left; padding:20px 20px 10px 20px;}
#web #cuerpo #col2 #barra #videos .masvideos p { width:270px; float:left; text-align:right; font-size:16px; }
#web #cuerpo #col2 #barra #videos .masvideos p a{color:#fff;}
#web #cuerpo #col2 #barra #videos .masvideos p a:hover{ text-decoration:underline;}
#web #cuerpo #col2 #barra #menus {width:320px; float:left; }
#web #cuerpo #col2 #barra #menus ul{ width:280px; list-style:none; float:left; padding:0px 20px 0px 20px;margin-bottom:10px;}
#web #cuerpo #col2 #barra #menus ul li{ float:left;}
#web #cuerpo #col2 #barra #menus ul li.cabecera{ display:block; width:260px; float:left; padding:5px 10px 3px 10px; background-color:#222223; font-size:16px; font-weight:bold; color:#7f9a42;}
#web #cuerpo #col2 #barra #menus ul li a{ display:block; width:260px; float:left; padding:5px 10px 3px 10px;font-size:16px; background-color:#313133; color:#fff; border-bottom:1px solid #222223;}
#web #cuerpo #col2 #barra #menus ul li a:hover{ background-color:#7a7979}
#web #pie{ width:950px; float:left; margin-top:20px;}
#web #pie p.barra{ width:950px;text-align:center;}
#web #pie p.datospie{ width:950px;text-align:center; padding-top:5px;font-size:14px; color:#b3b2b2; padding-bottom:10px;margin-top:10px;}
#web #pie p.copy{ width:950px;text-align:center; padding-top:5px;font-size:14px; color:#b3b2b2; padding-bottom:10px; }
#web #pie p.copy a{color:#b3b2b2;}
#web #pie p.copy a:hover{ text-decoration:underline;}
#web #pie #menuinf {width:950px; float:left; margin-top:20px; margin-bottom:20px;}
#web #pie #menuinf ul{ list-style:none;}
#web #pie #menuinf ul li{float:left;}
#web #pie #menuinf ul li a{float:left; width:155px; text-align:center; color:#b3b2b2; display:block; font-size:14px; border:1px solid #222223; border-bottom:3px solid #222223; padding:5px 0px 5px 0px; margin-left:25px;}
#web #pie #menuinf ul li a:hover{border-color:#7f9a42;}
/* FORMATO GALERIA IMAGENES */
#indexmini {width:520px; height:100px; float:left;}
#indexmini #paginadorl{width:20px; height:100px; float:left;background-color:#313133;}
#indexmini #paginadorr{width:20px; height:100px; float:left;background-color:#313133;}
#indexmini #minif{width:520px; height:100px; float:left;background-color:#313133;}
#indexmini #minif .minifoto{ width:110px; float:left; height:60px; margin:20px 2px 20px 8px; padding:5px 5px 5px 5px; background:url(fondo_miniaturas.jpg) no-repeat;}
#fotog{width:500px; height:250px; float:left; padding:9px 9px 9px 9px; border:1px solid #222223;}
#loader {float:left;position:absolute;margin-top:10px; margin-left:50px;display:none; width:500px; height:250px; background:url(../overlay.png) repeat;}
#bookmarks { text-align:right; margin:10px 0px 10px 0px;}