/* Estilos sobre etiquetas HTML */
body, html { margin: 0 auto; padding:0;
background: #fff url("../graficos/web_bg.png") repeat-x scroll top left;
font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
font-size: 11px;
text-align: center;
color: #2b587d; }
img { border:0 }
h1,h2,h3,h4,h5,p,ul,form { padding:0; margin:0 }
p.flechaExterior { background:transparent url(../graficos/flechita_azul.gif) no-repeat scroll 5px 5px;
padding-left:17px; }
p.flechaInterior { background:transparent url(../graficos/flechita_azul.gif) no-repeat scroll 2px 5px;
padding:0; text-indent:12px; }
/* Estilos para accesibilidad */
.ayuda-access { position:absolute; top:-10000px; left:-10000px }
/* Capa centrada */
#contenedor { width:762px; margin: 30px auto 0 auto; padding:0;
background: #fff url("../graficos/bg_general.gif") repeat-y scroll top left;
text-align: left; }
#contenedorCabecera { background-image:url("../graficos/bg_sup_idioma.gif"); background-repeat:no-repeat;
width:762px; height:24px; margin: 0 auto; padding:0; }
#contenedorPie { background-image:url("../graficos/bg_inferior.gif"); background-repeat:no-repeat;
width:762px; height:6px; margin: 0 auto 10px auto; padding:0; }
/* Boton de cambio de idioma */
#idioma { position:absolute; margin-left:695px; top:34px; display:block;
color:#fff; font-weight:bold; text-decoration:none; }
#idioma:hover { color:#000; }
/* Logo */
#logo { position:absolute; top:80px; margin-left:35px;
width:141px; height:147px; text-indent:-10000px;
background-image:url("../graficos/logo_nopin.gif"); }
/* Menu principal +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#menu { width:100%; height:32px; float:right; margin:0 0 1px 0; padding:0;
background-image:url("../graficos/bg_menu.png"); background-repeat: repeat-x; }
#menu ul { padding:0; margin:0; list-style:none; height:100%; }
#menu li.primero { background-image:url(../graficos/menu_vertice.gif); background-position: top left; width:155px }
#menu li.productos { width:132px }
#menu li.servicios { width:123px }
#menu li.distribucion { width:141px }
#menu li { float:left; height:100%;
background: transparent url(../graficos/sep_menu.gif) no-repeat scroll center left; }
#menu li a { display:block; width:100%; height:100%; text-indent:-10000px;
background-repeat: no-repeat; }
/* /Menu principal ---------------------------------------------------------- */
/* Submenus +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.submenu li { float:left; padding-left:10px; list-style:none;
background-repeat: no-repeat; background-position: 4px 2px; }
.submenu .primero { padding-left:0; background-position:-10px -10px; }
ul#submenusup { position:absolute; top:67px; padding:1px; margin-left:465px; }
ul#submenusup li { background-image: url("../graficos/sep_submenu.gif"); }
ul#submenupie { clear:both; height:40px; margin:0 0 0 0; padding:8px 0 0 290px;
background-image: url("../graficos/bg_menu.png"); background-repeat: repeat-x; }
ul#submenupie li { background-image: url("../graficos/sep_zocalo.gif"); }
ul#submenupie a:link,
ul#submenupie a:visited,
ul#submenupie a:active { color:#e1e9ea; text-decoration: none }
ul#submenupie a:hover { text-decoration: underline; }
/* /Submenus ---------------------------------------------------------------- */
/* Contenido de la izquierda ++++++++++++++++++++++++++++++++++++++++++++++++ */
#izda { position:absolute; top:227px; z-index:2;
width:206px; height:317px;
padding:0 0 0 1px; margin:20px 0 0 0;
clear:left; float:left; }
#izda #menuTitulo { width:206px; height:30px; border-left:1px solid #fff; text-indent:-10000px; }
#izda ul { margin:0; padding:0 0 1px 0; width:206px;
background-color:#ddd;
list-style:none; }
#izda li { margin:0 0 2px 0; padding: 0 0 1px 0;
background: transparent url(../graficos/bg_prod_menu.png) repeat-x scroll top left; }
#izda li.desplegado p { background-image:url(../graficos/flechita_down.gif); }
#izda ul p { display:block; margin:0; padding:7px 5px 8px 29px; font-weight:bold;
background: transparent url(../graficos/flechita_right.gif) no-repeat scroll 13px 12px; }
#izda li ul { margin:1px; padding-top:4px; }
#izda li li { background:none; }
#izda li li a { padding:0 0 0 38px; font-weight:normal; display:block;
background: transparent url(../graficos/flechita_azul2.gif) no-repeat scroll 29px 4px; }
#izda li li a.destacado,
#izda li li a:hover { color: #0071bd; background-color: #fff }
/* Menu noticias */
#izda.noticias { padding-left:2px; }
#izda.noticias #menuTitulo { width:204px; border-left:0; }
#izda.noticias a#mas { display:block; width:204px; height:37px;
position:relative; top:-1px; text-indent:-10000px;
background:#fff none no-repeat scroll top right; }
#izda.noticias ul li { background-image: url("../graficos/bg_noticias.png"); }
#izda.noticias ul p { display:block; padding:9px 0 0 0; font-weight:normal;
background-position:14px 14px; }
#izda.noticias ul .label { color:#99b4b7; padding:9px 5px 0 28px; }
#izda.noticias ul .info { display:block; padding:0 12px 9px 28px;
background-image: url("../graficos/sep_notis.gif");
background-position:bottom;
background-repeat: no-repeat; }
/* /Contenido de la izquierda ----------------------------------------------- */
/* Contenido principal ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contenido { position:relative; z-index:3; width:552px;
margin:45px 0 0 207px; padding:0; }
#imagenBajoMenu { clear:right; width:100%; height:115px; }
#contenido.productos #imagenBajoMenu { background-image:url(../graficos/bg_prod_imagensup.jpg); }
#contenido.delegaciones #imagenBajoMenu { background-image:url(../graficos/bg_deleg_imagensup.jpg); }
#contenido.internacional #imagenBajoMenu { background-image:url(../graficos/bg_deleg_imagensup.jpg); }
#contenido.empresa #imagenBajoMenu { background-image:url(../graficos/bg_empresa_imagensup.jpg); }
#contenido.contacto #imagenBajoMenu { background-image:url(../graficos/bg_contacto_imagensup.jpg); }
#contenido.filosofia #imagenBajoMenu { background-image:url(../graficos/bg_filosofia_imagensup.jpg); }
#contenido.calidad #imagenBajoMenu { background-image:url(../imgs/cats/bg_prod_paneles.jpg); }
#contenido.noticias #imagenBajoMenu { background-image:url(../graficos/bg_noticias_imagensup.jpg); }
#contenido.servicios #imagenBajoMenu { background-image:url(../imgs/cats/bg_prod_cimbranopin.jpg); }
#contenido.alquiler #imagenBajoMenu { background-image:url(../graficos/bg_deleg_imagensup.jpg); }
#contenido.montaje #imagenBajoMenu { background-image:url(../graficos/bg_noticias_imagensup.jpg); }
#contenido.tecnico #imagenBajoMenu { background-image:url(../graficos/bg_tecnico_imagensup.jpg); }
#contenido.transporte #imagenBajoMenu { background-image:url(../graficos/bg_transp_imagensup.jpg); }
#contenido.personaliza #imagenBajoMenu { background-image:url(../graficos/bg_perso_imagensup.jpg); }
/* Titulo del contenido */
#contenido .titulo { text-indent:-10000px; }
#contenido div.titulo { width:552px; height:30px;
background: transparent url(../graficos/bg_prod_tit_cab.jpg) repeat-x scroll top left; }
#contenido h2.titulo { width:552px; height:30px; background-position:top left; background-repeat:no-repeat; }
/* Contenido de empresa */
#contenido,
#empresaAcercaDe { background: transparent url(../graficos/bg_sombra.gif) repeat-y scroll top left; }
#empresaAcercaDe { float:left; width:320px; height:286px; padding-bottom:2px; }
#empresaAcercaDe p { margin:16px 30px 14px 16px; }
#empresaBanners { float:right; }
#empresaBanners a#banner3{ border:0; }
#empresaBanners a { display:block; width:231px; height:95px; text-indent:-10000px;
background: transparent none no-repeat scroll top left;
border-bottom:1px solid #c5cdd0; }
/* Contenido de delegaciones */
#contenido.delegaciones #mapa { width:100%; height:240px;
background: transparent url(../graficos/home_mapa_delegaciones2.gif) no-repeat scroll 15px 10px; }
#mapa ul { position:relative; top:80px; left:310px; }
#mapa li { list-style:none; background-repeat: no-repeat; padding-left:18px; margin-bottom:10px; }
ul#delegaciones { list-style:none; }
ul#delegaciones li { max-width:28%; width:30%; height:100px; float:left; margin-left:8px; padding-left:15px; }
ul#delegaciones li,
#mapa li { background: transparent url(../graficos/flechita_right.gif) no-repeat scroll 5px 5px; }
/* Contenido de internacional */
#contenido.internacional #mapa_internacional { width:100%; height:240px;
background: transparent url(../graficos/home_mapa_internacional.gif) no-repeat scroll 15px 10px; }
#mapa_internacional ul { position:relative; top:80px; left:310px; }
#mapa_internacional li { list-style:none; background-repeat: no-repeat; padding-left:18px; margin-bottom:10px; }
ul#delegaciones { list-style:none; }
ul#delegaciones li { max-width:28%; width:30%; height:100px; float:left; margin-left:8px; padding-left:15px; }
ul#delegaciones li,
#mapa_internacional li { background: transparent url(../graficos/flechita_right.gif) no-repeat scroll 5px 5px; }
#mapa_internacional p { position:relative; top:60px; left:310px; width:225px; }
/* Contenido de calidad */
#contenido.calidad .izda { float:left; width:230px; position:relative; margin:20px 0; left:20px; }
#contenido.calidad .dcha { float:right; width:230px; position:relative; margin:20px 0; right:20px; }
/* Contenido de Servicio Técnico */
.imgTecnico {margin:10px 10px 10px 33px}
/* Contenido de filosofia */
#contenido.filosofia .izda { float:left; width:230px; position:relative; margin:5px 0 20px 0; left:20px; }
#contenido.filosofia .dcha { float:right; width:230px; position:relative; margin:22px 0; right:22px; }
#contenido.filosofia h3 { font-family:"Trebuchet MS"; font-size:17px; margin:15px 0 5px 0; color:#a2aeb3; }
#contenido.filosofia .dcha span { display:block; width:230px; height:120px;
background-repeat:no-repeat;
background-attachment:scroll;
background-position: center center;
margin-bottom:15px; border: 1px solid #dee3e4; }
#contenido.filosofia .dcha span.filo1 {background-image:url(../graficos/empresa/img-filo1.jpg)}
#contenido.filosofia .dcha span.filo2 {background-image:url(../graficos/empresa/img-filo2.jpg)}
/* Contenido de contacto */
#contenido.contacto { height:500px; }
#contactoDatos { float:left; width:250px; position:relative; top:20px; left:20px; }
#contactoDatos .telefono { font-family:"Trebuchet MS"; font-size:27px; font-weight:bold; color:#a2aeb3; }
#contactoDatos li { list-style:none; padding-left:25px; margin-bottom:15px;
background:transparent none no-repeat 0 0; }
li#telefono { background-image:url(../graficos/empresa/ico_cont_tfn.gif); background-position: 2px 1px; }
li#email { background-image:url(../graficos/empresa/ico_cont_mail.gif); background-position: 1px 2px; }
li#oficinas { background-image:url(../graficos/empresa/ico_cont_ofi.gif); background-position: 3px 1px; }
li#fabrica { background-image:url(../graficos/empresa/ico_cont_fabrica.gif); background-position: 1px 0; }
li#delegaciones { background-image:url(../graficos/empresa/ico_cont_delegaciones.gif); background-position: 0 2px; }
#contactoDatos a { color: #2b587d; }
#contactoForm { float:right; width:204px; position:relative; top:20px; right:50px; }
#contactoForm h3 { font-size:11px; margin-bottom:9px; }
input,
textarea { width:204px; border:1px solid #dee3e4; margin:3px 0;
font-family:Tahoma; font-size:11px;
background:#fff none repeat-x scroll bottom left; }
input { max-height:16px; height:17px; background-image:url(../graficos/empresa/bg_cont_form1.jpg); }
textarea { height:50px; background-image:url(../graficos/empresa/bg_cont_form2.jpg); }
.botonEnviar { width:60px; max-height:20px; height:20px; border:0; cursor:pointer; float:right;
text-indent:61px; padding-left:61px; overflow:hidden;
background:transparent url(../graficos/bot_enviar.gif) no-repeat scroll top right; }
/* /Contenido principal ----------------------------------------------------- */
/* ENLACES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a:link,
a:visited, a:active { text-decoration: none; color: #0071bd; }
a:hover { color: #94b208 }
/* /ENLACES ----------------------------------------------------------------- */