@charset "utf-8"; /* CSS Document */ /* GRUPO KETTAL 2008 /* Autor: Jaume Izquierdo /* Empresa: Entorno Digital - www.entornodigital.es --------------------------------------------------------------------------- */ /* BASICOS */ /* ESTILOS */ /* ESTRUCTURA */ /* VERSION 2006 MODIFICADA */ /* RESET --------------------------------------------------------------------------- */ 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: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;} a img, :link img, :visited img {border: 0;} /*table {border-collapse: collapse; border-spacing: 0;}*/ ol, ul {list-style: none;} q:before, q:after, blockquote:before, blockquote:after {content: "";} img { -ms-interpolation-mode: bicubic; } /* BASICOS --------------------------------------------------------------------------- */ body { font-family: helvetica, arial, georgia, "Times New Roman", tahoma, verdana; font-size: 0.70em; color: #575558; margin: 0; padding: 0;} /*body.body_kettal {background: url(../images/bgnew_kettal.gif) repeat top;} body.body_hugonet {background: url(../images/bgnew_hugonet.gif) repeat top;} body.body_triconfort {background: url(../images/bgnew_triconfort.gif) repeat top;} body.body_evolutif {background: url(../images/bgnew_evolutif.gif) repeat top;}*/ a:link, a:active, a:visited { color: #575558; text-decoration: none; } a:hover { color: #575558; text-decoration: underline; } a.blanco:link, a.blanco:active, a.blanco:visited { color: #fff; text-decoration: none; } a.blanco:hover { color: #fff; text-decoration: underline; } img {border: 0;} .clear {clear: both;} #kettalizeitbtn {height: 80px; margin: 0 15px 0 15px;} .height10 {height: 10px;} .height20 {height: 20px;} .height30 {height: 30px;} .rojo {color: #e70033;} /* ESTILOS - KETTAL --------------------------------------------------------------------------- */ .kettaltipo {font-family: "Times New Roman", Times, serif; font-size: 11px; font-style: italic; color: #575558; font-size: 12px;} .bold {font-weight: bold;} a.aviso:link, a.aviso:active, a.aviso:visited {color: #fff; text-decoration: underline;} a.aviso:hover {color: #fff; text-decoration: none;} .helvtit {font-family: helvetica, Arial, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 40px;} .catorce {font-size: 14px;} a.azul:link, a.azul:active, a.azul:visited {color: #368cc7;} a.azul:hover {color:#575558} a.quienes_kettal:link, a.quienes_kettal:visited {color: #949494; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_kettal:hover {color: #fff; text-decoration: none; display: block; background-color: #000; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_kettal:link, a.quienes_sel_kettal:visited {color: #fff; background: #000; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_kettal:hover {color: #fff; text-decoration: none; display: block; background: #000; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_hugonet:link, a.quienes_hugonet:visited {color: #949494; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_hugonet:hover {color: #fff; text-decoration: none; display: block; background-color: #000; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_hugonet:link, a.quienes_sel_hugonet:visited {color: #fff; background: #000; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_hugonet:hover {color: #fff; text-decoration: none; display: block; background: #000; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_triconfort:link, a.quienes_triconfort:visited {color: #949494; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_triconfort:hover {color: #fff; text-decoration: none; display: block; background-color: #426bba; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_triconfort:link, a.quienes_sel_triconfort:visited {color: #fff; background: #426bba; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_triconfort:hover {color: #fff; text-decoration: none; display: block; background: #426bba; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_evolutif:link, a.quienes_evolutif:visited {color: #949494; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_evolutif:hover {color: #fff; text-decoration: none; display: block; background-color: #d52d12; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_evolutif:link, a.quienes_sel_evolutif:visited {color: #fff; background: #d52d12; text-decoration: none; display: block; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} a.quienes_sel_evolutif:hover {color: #fff; text-decoration: none; display: block; background: #d52d12; text-align: right; padding: 5px 23px 5px 0; border-bottom: 1px solid #e4e4e5;} /* ESTRUCTURA - KETTAL --------------------------------------------------------------------------- */ /* ----- NAV ----- */ #nav {width: 900px; height: auto; margin: 0px auto;} #nav #logo {float: left;} #nav #logo img { padding: 0px;} #nav ul {float: right;} #nav ul li {float: left;} #nav ul li a {display: block; padding: 0 6px 0 6px; line-height: 30px; font-size: 11px;} #nav ul li a:hover {display: block; background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #nav ul li a.seleccionado {background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff;} #cabecera_kettal {hborder: 1px solid red;} #cabecera_kettal #logos_kettal {background: #fff; height: 32px; border-bottom: 1px solid #E4E4E5;} #cabecera_kettal #logos_kettal #logoscont_kettal {width: 900px; margin: 0px auto; color: #fff;} #cabecera_kettal #logos_kettal #logoscont_kettal #contlogosmini_kettal {float: left; margin: 5px 0 0 0;} #cabecera_kettal #logos_kettal #logoscont_kettal #contseltipo_kettal {float: right; text-align: right; width: 250px;} a.topsel {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.topsel:hover {background: #fff; color: #000;} a.topnosel {display: block; background: #fff; color: #000; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.topnosel:hover {background: #000; color: #fff;} a.seltipo:link, a.seltipo:active, a.seltipo:visited {display: block; background: #ff0000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; background: #000;} a.seltipo:hover {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.seltiposel:link, a.seltiposel:active, a.seltiposel:visited {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltiposel:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.atusuario:link, a.atusuario:active, a.atusuario:visited {display: block; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.atusuario:hover {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} #cabecera_kettal #menusup_kettal {} #cabecera_kettal #menusup_kettal #cabcontenedor_kettal {width: 900px; margin: 0px auto;} /** MENU SUPERIOR **/ #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #newlogotop_kettal {float: left; width: 190px; margin: 6px 0 0 0;} #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs {float:right;} #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs ul {margin:0; padding:0px 10px 0 30px; list-style:none; } #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs li {display:inline; margin:0; padding:0; } #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a {float:left; margin:0; padding:0 0 0 1px; text-decoration:none; font-size: 1em; margin: 45px 0 0 0; } #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a span {float:left; display:block; padding: 3px; color:#000; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a span {float:none; } /* End IE5-Mac hack */ #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a:hover span {color:#fff; background-color:#000; } #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a:hover {background-position:0% -42px; } #cabecera_kettal #menusup_kettal #cabcontenedor_kettal #tabs a:hover span {background-position:100% -42px; } #contenedor_kettal {} .bg_kettal {} #pienew_kettal {width: 900px; height: 25px; margin: 0px auto; background: #fff; text-align: center; line-height: 25px; color: #000; font-size: 1em; border-left: 1px solid #D6D6D4; border-right: 1px solid #D6D6D4; border-bottom: 1px solid #D6D6D4;} #pienew_kettal a {color: #000; text-decoration: none; font-size: 1em;} #pienew_kettal a:hover {text-decoration: underline;} #pienew_kettal #pieleft {float: left; margin: 0 0 0 20px;} #pienew_kettal #pieright {float: right; margin: 0 15px 0 0; line-height: 25px;} #pienew_kettal #rss {float: right; margin: 0 10px 0 0; padding: 4px 0 0 0;} #copy {text-align: center; margin: 20px auto;} #copy a {color: #000; text-decoration: none;} #copy a:hover {text-decoration: underline;} /* ESTRUCTURA - HUGONET --------------------------------------------------------------------------- */ #cabecera_hugonet {} #cabecera_hugonet #logos_hugonet {background: #4d4e53; height: 32px;} #cabecera_hugonet #logos_hugonet #logoscont_hugonet {width: 900px; margin: 0px auto; color: #fff;} #cabecera_hugonet #logos_hugonet #logoscont_hugonet #contlogosmini_hugonet {float: left; margin: 5px 0 0 0;} #cabecera_hugonet #logos_hugonet #logoscont_hugonet #contseltipo_hugonet {float: right;} a.seltipo:link, a.seltipo:active, a.seltipo:visited {display: block; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltipo:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.seltiposel:link, a.seltiposel:active, a.seltiposel:visited {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltiposel:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} #cabecera_hugonet #menusup_hugonet {background: url(../images/bg_header_hugonet.gif) repeat-x #000; height: 81px; border-top: 1px solid #6d716a;} #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet {width: 900px; margin: 0px auto;} /** MENU SUPERIOR **/ #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #newlogotop_hugonet {float: left; margin: 30px 0 0 0;} #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs {float:right; line-height:normal; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs ul {margin:0; padding:0px 10px 0 30px; list-style:none; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs li {display:inline; margin:0; padding:0; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a {float:left; margin:0; padding:0 0 0 1px; text-decoration:none; font-size: 1em; margin: 45px 0 0 0; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a span {float:left; display:block; padding: 3px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a span {float:none; } /* End IE5-Mac hack */ #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a:hover span {color:#000; background-color:#fff; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a:hover {background-position:0% -42px; } #cabecera_hugonet #menusup_hugonet #cabcontenedor_hugonet #tabs a:hover span {background-position:100% -42px; } #contenedor_hugonet {background: url(../images/bgnew_hugonet.gif) repeat top;} .bg_hugonet {background: url(../images/bgnew_hugonet.gif) repeat top;} #pienew_hugonet {width: 900px; height: 25px; margin: 0px auto; background: #000; text-align: center; line-height: 25px; color: #fff; font-size: 12px;} #pienew_hugonet #pieleft {float: left; padding: 0 0 0 20px; font-size: 10px;} #pienew_hugonet #pieright {float: right; padding: 0 20px 0 0;} /* ESTRUCTURA - TRICONFORT --------------------------------------------------------------------------- */ #cabecera_triconfort {} #cabecera_triconfort #logos_triconfort {background: #005072; height: 32px;} #cabecera_triconfort #logos_triconfort #logoscont_triconfort {width: 900px; margin: 0px auto; color: #fff;} #cabecera_triconfort #logos_triconfort #logoscont_triconfort #contlogosmini_triconfort {float: left; margin: 5px 0 0 0;} #cabecera_triconfort #logos_triconfort #logoscont_triconfort #contseltipo_triconfort {float: right;} a.seltipo:link, a.seltipo:active, a.seltipo:visited {display: block; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltipo:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.seltiposel:link, a.seltiposel:active, a.seltiposel:visited {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltiposel:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} #cabecera_triconfort #menusup_triconfort {background: url(../images/bg_header_triconfort.gif) repeat-x #426bba; height: 81px; border-top: 1px solid #79a3d8;} #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort {width: 900px; margin: 0px auto;} /** MENU SUPERIOR **/ #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #newlogotop_triconfort {float: left; margin: 30px 0 0 0;} #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs {float:right; line-height:normal; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs ul {margin:0; padding:0px 10px 0 30px; list-style:none; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs li {display:inline; margin:0; padding:0; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a {float:left; margin:0; padding:0 0 0 1px; text-decoration:none; font-size: 1em; margin: 45px 0 0 0; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a span {float:left; display:block; padding: 3px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a span {float:none; } /* End IE5-Mac hack */ #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a:hover span {color:#000; background-color:#fff; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a:hover {background-position:0% -42px; } #cabecera_triconfort #menusup_triconfort #cabcontenedor_triconfort #tabs a:hover span {background-position:100% -42px; } #contenedor_triconfort {background: url(../images/bgnew_triconfort.gif) repeat top;} .bg_triconfort {background: url(../images/bgnew_triconfort.gif) repeat top;} #pienew_triconfort {width: 900px; height: 25px; margin: 0px auto; background: #426bba; text-align: center; line-height: 25px; color: #fff; font-size: 12px;} #pienew_triconfort #pieleft {float: left; padding: 0 0 0 20px; font-size: 10px;} #pienew_triconfort #pieright {float: right; padding: 0 20px 0 0;} /* ESTRUCTURA - EVOLUTIF --------------------------------------------------------------------------- */ #cabecera_evolutif {} #cabecera_evolutif #logos_evolutif {background: #8e1400; height: 32px;} #cabecera_evolutif #logos_evolutif #logoscont_evolutif {width: 900px; margin: 0px auto; color: #fff;} #cabecera_evolutif #logos_evolutif #logoscont_evolutif #contlogosmini_evolutif {float: left; margin: 5px 0 0 0;} #cabecera_evolutif #logos_evolutif #logoscont_evolutif #contseltipo_evolutif {float: right;} a.seltipo:link, a.seltipo:active, a.seltipo:visited {display: block; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltipo:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.seltiposel:link, a.seltiposel:active, a.seltiposel:visited {display: block; background: #000; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltiposel:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} #cabecera_evolutif #menusup_evolutif {background: url(../images/bg_header_evolutif.gif) repeat-x #d52d12; height: 81px; border-top: 1px solid #ee493f;} #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif {width: 900px; margin: 0px auto;} /** MENU SUPERIOR **/ #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #newlogotop_evolutif {float: left; margin: 30px 0 0 0;} #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs {float:right; line-height:normal; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs ul {margin:0; padding:0px 10px 0 30px; list-style:none; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs li {display:inline; margin:0; padding:0; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a {float:left; margin:0; padding:0 0 0 1px; text-decoration:none; font-size: 1em; margin: 45px 0 0 0; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a span {float:left; display:block; padding: 3px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a span {float:none; } /* End IE5-Mac hack */ #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a:hover span {color:#000; background-color:#fff; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a:hover {background-position:0% -42px; } #cabecera_evolutif #menusup_evolutif #cabcontenedor_evolutif #tabs a:hover span {background-position:100% -42px; } #contenedor_evolutif {background: url(../images/bgnew_evolutif.gif) repeat top;} .bg_evolutif {background: url(../images/bgnew_evolutif.gif) repeat top;} #pienew_evolutif {width: 900px; height: 25px; margin: 0px auto; background: #d52d12; text-align: center; line-height: 25px; color: #fff; font-size: 12px;} #pienew_evolutif #pieleft {float: left; padding: 0 0 0 20px; font-size: 10px;} #pienew_evolutif #pieright {float: right; padding: 0 20px 0 0;} /* ESTRUCTURA - GRUPO --------------------------------------------------------------------------- */ #cabecera_grupokettal {} #cabecera_grupokettal #logos_grupokettal {background: #616265; height: 32px;} #cabecera_grupokettal #logos_grupokettal #logoscont_grupokettal {width: 900px; margin: 0px auto; color: #fff;} #cabecera_grupokettal #logos_grupokettal #logoscont_grupokettal #contlogosmini_grupokettal {float: left; margin: 5px 0 0 0;} #cabecera_grupokettal #logos_grupokettal #logoscont_grupokettal #contseltipo_grupokettal {float: right;} a.seltipo:link, a.seltipo:active, a.seltipo:visited {display: block; color: #fff; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltipo:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} a.seltiposel:link, a.seltiposel:active, a.seltiposel:visited {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px;} a.seltiposel:hover {display: block; background: #fff; color: #575558; float: left; height: 32px; line-height: 32px; padding: 0 10px 0 10px; text-decoration: none;} #cabecera_grupokettal #menusup_grupokettal {background: #9a9b9f; height: 81px; border-top: 1px solid #b3b3b3;} #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal {width: 900px; margin: 0px auto;} /** MENU SUPERIOR **/ #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #newlogotop_grupokettal {float: left; margin: 30px 0 0 0;} #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs {float:right; line-height:normal; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs ul {margin:0; padding:0px 10px 0 30px; list-style:none; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs li {display:inline; margin:0; padding:0; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a {float:left; margin:0; padding:0 0 0 1px; text-decoration:none; font-size: 11px; margin: 57px 0 0 0; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a span {float:left; display:block; padding: 4px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a span {float:none; } /* End IE5-Mac hack */ #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a:hover span {color:#949494; background-color:#fff; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a:hover {background-position:0% -42px; } #cabecera_grupokettal #menusup_grupokettal #cabcontenedor_grupokettal #tabs a:hover span {background-position:100% -42px; } #contenedor_grupokettal {} .bg_grupokettal {} #pienew_grupokettal {width: 900px; height: 25px; margin: 0px auto; background: #9a9b9f; text-align: center; line-height: 25px; color: #fff; font-size: 12px;} #pienew_grupokettal #pieleft {float: left; padding: 0 0 0 20px; font-size: 10px;} #pienew_grupokettal #pieright {float: right; padding: 0 20px 0 0;} /* BUSCADOR CATALOGO - KETTAL --------------------------------------------------------------------------- */ .borde_thumb_kettal {border: 1px solid #fff; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .borde_thumb_kettal:hover {border: 1px solid #d6d6d4; background: #d6d6d4; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .img_thumb_kettal {border: 1px solid #d6d6d4;} .tabla_kettal_borde_inf_kettal {border-bottom: 1px solid #d6d6d4;} #buscadorcat_kettal {margin: 0px auto; padding: 0 0 0 3px; border-bottom: 1px solid #d6d6d4; margin: 0 0 20px 0;} #buscadorcat_kettal .item_kettal {float: left; width: 176px; height: 193px; border: 1px solid #d6d6d4; margin: 5px 0 10px 5px; text-align: center; font-size: 11px; background: #fff;} #buscadorcat_kettal .item_kettal:hover {/*background: #d6d6d4;*/ border: 1px solid #000; margin: 5px 0 10px 5px;} .itemimagen_kettal {margin: 10px 0 0 0;} .itemtexto_kettal {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #fichacabecera_kettal {height: 50px; /*border-bottom: 1px solid #d6d6d4;*/ margin: 0; background: #fff;} #fichatitular_kettal {float: left; color: #000; font-size: 16px; margin: 20px 0 0 15px; margin: 20px 0 0 15px; font-family: "Times New Roman", helvetica, arial; font-style: italic; font-size: 1.8em;} #fichatitular_kettal_2 {font-size: 11px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-indent: 10px; border-bottom: 1px solid #e4e4e5; width: 100%;} #buscadorcont_kettal {float: right; margin: 15px 0 0 0; /*text-indent: 10px;*/} #buscadorcont_kettal_b {margin: 15px 0 0 0; /*text-indent: 10px;*/} #newlogo_kettal {margin: 40px 0 20px 0; text-align: center;} #menulateral_kettal {} /* PARCHE PARA BUSCADOR HOSTELERIA */ #buscadorcat_host_kettal {margin: 0px auto; padding: 0 0 0 3px; margin: 0 0 20px 20px;} #buscadorcat_host_kettal .item_host_kettal {float: left; width: 160px; height: 180px; border: 1px solid #fff; text-align: center; font-size: 11px; background: #fff; margin: 3px;} #buscadorcat_host_kettal .item_host_kettal:hover {/*background: #d6d6d4;*/ border: 1px solid #d6d6d4; margin: 3px; text-decoration: none;} .itemimagen_host_kettal {margin: 10px 0 0 0;} .itemtexto_host_kettal {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #buscadorcat_host_hugonet {margin: 0px auto; padding: 0 0 0 3px; margin: 0 0 20px 20px;} #buscadorcat_host_hugonet .item_host_hugonet {float: left; width: 160px; height: 180px; border: 1px solid #fff; text-align: center; font-size: 11px; background: #fff; margin: 3px;} #buscadorcat_host_hugonet .item_host_hugonet:hover {/*background: #d6d6d4;*/ border: 1px solid #d6d6d4; margin: 3px; text-decoration: none;} .itemimagen_host_hugonet {margin: 10px 0 0 0;} .itemtexto_host_hugonet {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #buscadorcat_host_triconfort {margin: 0px auto; padding: 0 0 0 3px; margin: 0 0 20px 20px} #buscadorcat_host_triconfort .item_host_triconfort {float: left; width: 160px; height: 180px; border: 1px solid #fff; text-align: center; font-size: 11px; background: #fff; margin: 3px;} #buscadorcat_host_triconfort .item_host_triconfort:hover {/*background: #d6d6d4;*/ border: 1px solid #c5d7ed; margin: 3px; text-decoration: none;} .itemimagen_host_triconfort {margin: 10px 0 0 0;} .itemtexto_host_triconfort {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #buscadorcat_host_evolutif {margin: 0px auto; padding: 0 0 0 3px; margin: 0 0 20px 20px;} #buscadorcat_host_evolutif .item_host_evolutif {float: left; width: 160px; height: 180px; border: 1px solid #fff; text-align: center; font-size: 11px; background: #fff; margin: 3px;} #buscadorcat_host_evolutif .item_host_evolutif:hover {/*background: #d6d6d4;*/ border: 1px solid #efc9b8; margin: 3px; text-decoration: none;} .itemimagen_host_evolutif {margin: 10px 0 0 0;} .itemtexto_host_evolutif {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} /* BUSCADOR CATALOGO - HUGONET --------------------------------------------------------------------------- */ .borde_thumb_hugonet {border: 1px solid #fff; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .borde_thumb_hugonet:hover {border: 1px solid #d6d6d4; background: #d6d6d4; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .img_thumb_hugonet {border: 1px solid #d6d6d4;} .tabla_hugonet_borde_inf_hugonet {border-bottom: 1px solid #d6d6d4;} #buscadorcat_hugonet {margin: 0px auto; padding: 0 0 0 3px; border-bottom: 1px solid #d6d6d4; margin: 0 0 20px 0;} #buscadorcat_hugonet .item_hugonet {float: left; width: 176px; height: 193px; border: 1px solid #d6d6d4; margin: 5px 0 10px 5px; text-align: center; font-size: 11px; background: #fff;} #buscadorcat_hugonet .item_hugonet:hover {/*background: #d6d6d4;*/ border: 1px solid #000; margin: 5px 0 10px 5px;} .itemimagen_hugonet {margin: 10px 0 0 0;} .itemtexto_hugonet {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #fichacabecera_hugonet {height: 50px; border-bottom: 1px solid #d6d6d4; margin: 0 0 0 0; background: #fff;} #fichatitular_hugonet {float: left; color: #000; font-size: 16px; margin: 18px 0 0 0; text-indent: 10px;} #fichatitular_hugonet_2 {font-size: 11px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-indent: 10px; border-bottom: 1px solid #e4e4e5; width: 100%;} #buscadorcont_hugonet {float: right; margin: 15px 0 0 0; text-indent: 10px;} #newlogo_hugonet {margin: 40px 0 20px 0; text-align: center;} #menulateral_hugonet {} /* BUSCADOR CATALOGO - TRICONFORT --------------------------------------------------------------------------- */ .borde_thumb_triconfort {border: 1px solid #fff; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .borde_thumb_triconfort:hover {border: 1px solid #c5d7ed; background: #c5d7ed; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .img_thumb_triconfort {border: 1px solid #c5d7ed;} .tabla_triconfort_borde_inf_triconfort {border-bottom: 1px solid #c5d7ed;} #buscadorcat_triconfort {margin: 0px auto; padding: 0 0 0 3px; border-bottom: 1px solid #c5d7ed; margin: 0 0 20px 0;} #buscadorcat_triconfort .item_triconfort {float: left; width: 176px; height: 193px; border: 1px solid #c5d7ed; margin: 5px 0 10px 5px; text-align: center; font-size: 11px; background: #fff;} #buscadorcat_triconfort .item_triconfort:hover {/*background: #c5d7ed;*/ border: 1px solid #426bba; margin: 5px 0 10px 5px;} .itemimagen_triconfort {margin: 10px 0 0 0;} .itemtexto_triconfort {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #fichacabecera_triconfort {height: 50px; border-bottom: 1px solid #c5d7ed; margin: 0 0 0 0; background: #fff;} #fichatitular_triconfort {float: left; color: #426bba; font-size: 16px; margin: 18px 0 0 0; text-indent: 10px;} #fichatitular_triconfort_2 {font-size: 11px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-indent: 10px; border-bottom: 1px solid #e4e4e5; width: 100%;} #buscadorcont_triconfort {float: right; margin: 15px 0 0 0; text-indent: 10px;} #newlogo_triconfort {margin: 40px 0 20px 0; text-align: center;} /* BUSCADOR CATALOGO - EVOLUTIF --------------------------------------------------------------------------- */ .borde_thumb_evolutif {border: 1px solid #fff; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .borde_thumb_evolutif:hover {border: 1px solid #efc9b8; background: #efc9b8; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .img_thumb_evolutif {border: 1px solid #efc9b8;} .tabla_evolutif_borde_inf_evolutif {border-bottom: 1px solid #efc9b8;} #buscadorcat_evolutif {margin: 0px auto; padding: 0 0 0 3px; border-bottom: 1px solid #efc9b8; margin: 0 0 20px 0;} #buscadorcat_evolutif .item_evolutif {float: left; width: 176px; height: 193px; border: 1px solid #efc9b8; margin: 5px 0 10px 5px; text-align: center; font-size: 11px; background: #fff;} #buscadorcat_evolutif .item_evolutif:hover {/*background: #efc9b8;*/ border: 1px solid #d52d12; margin: 5px 0 10px 5px;} .itemimagen_evolutif {margin: 10px 0 0 0;} .itemtexto_evolutif {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #fichacabecera_evolutif {height: 50px; border-bottom: 1px solid #efc9b8; margin: 0 0 0 0; background: #fff;} #fichatitular_evolutif {float: left; color: #d52d12; font-size: 16px; margin: 18px 0 0 0; text-indent: 10px;} #fichatitular_evolutif_2 {font-size: 11px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-indent: 10px; border-bottom: 1px solid #e4e4e5; width: 100%;} #buscadorcont_evolutif {float: right; margin: 15px 0 0 0; text-indent: 10px;} #newlogo_evolutif {margin: 40px 0 20px 0; text-align: center;} #menulateral_evolutif {} /* BUSCADOR CATALOGO - KETTAL --------------------------------------------------------------------------- */ .borde_thumb_grupokettal {border: 1px solid #fff; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .borde_thumb_grupokettal:hover {border: 1px solid #d6d6d4; background: #d6d6d4; height: 100px; width: auto; padding: 5px 0 5px 0; text-align: center;} .img_thumb_grupokettal {border: 1px solid #d6d6d4;} .tabla_kettal_borde_inf_grupokettal {border-bottom: 1px solid #d6d6d4;} #buscadorcat_grupokettal {margin: 0px auto; padding: 0 0 0 3px; border-bottom: 1px solid #d6d6d4; margin: 0 0 20px 0;} #buscadorcat_kettal .item_grupokettal {float: left; width: 176px; height: 193px; border: 1px solid #d6d6d4; margin: 5px 0 10px 5px; text-align: center; font-size: 11px; background: #fff;} #buscadorcat_grupokettal .item_grupokettal:hover {/*background: #d6d6d4;*/ border: 1px solid #000; margin: 5px 0 10px 5px;} .itemimagen_grupokettal {margin: 10px 0 0 0;} .itemtexto_grupokettal {margin: 5px 0 0 0; text-align: left; text-indent: 12px;} #fichacabecera_grupokettal {height: 50px; border-bottom: 1px solid #d6d6d4; margin: 0 0 0 0; background: #fff;} #fichatitular_grupokettal {float: left; color: #9a9b9f; font-size: 16px; margin: 18px 0 0 0; text-indent: 10px;} #fichatitular_grupokettal_2 {font-size: 11px; margin: 10px 0 0 0; padding: 0 0 5px 0; text-indent: 10px; border-bottom: 1px solid #d6d6d4; width: 100%;} #buscadorcont_grupokettal {float: right; margin: 15px 0 0 0; /*text-indent: 10px;*/} #buscadorcont_grupokettal_b {margin: 15px 0 0 0; /*text-indent: 10px;*/} #newlogo_grupokettal {margin: 40px 0 20px 0; text-align: center;} #menulateral_grupokettal {} /* MENU DESPLEGABLE --------------------------------------------------------------------------- */ #menu_desp {list-style-type:none; margin:0; padding:0; position: relative; z-index: 10000;} #menu_desp li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:120px; border-right: 1px solid #e4e4e5;} #menu_desp li dl {position:absolute; top:0; left:0;} #menu_desp li a, #menu_desp li a:visited {text-decoration:none; line-height: 15px; padding: 0 0 0 10px;} #menu_desp li dd {display:none;} #menu_desp li a:hover {border: 0;} #menu_desp li:hover dd, #menu_desp li a:hover dd {display:block;} #menu_desp li:hover dl, #menu_desp li a:hover dl {} #menu_desp table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;} #menu_desp dl {width: 120px; margin: 0; padding: 0;} #menu_desp dt {margin:0; padding: 7px 5px 7px 0px; } #menu_desp .one {} #menu_desp .two {} #menu_desp .one dt {} #menu_desp .two dt {} #menu_desp dd {margin:0; text-align:left;} /* ONE *******************************************************/ /*html[xmlns*=""] body:last-child #menu_desp .one dd {margin: -42px 0 0 0; position: relative;} /* Safari Hack */ /*html>body #menu_desp .one dd {margin: -42px 0 0 0; position: relative;}*/ #menu_desp .one dd {margin: -42px 0 0 0; position: relative;} /* TWO *******************************************************/ /*html[xmlns*=""] body:last-child #menu_desp .two dd {margin: -42px 0 0 0; position: relative;} /* Safari Hack */ /*html>body #menu_desp .two dd {margin: -42px 0 0 0; position: relative;}*/ #menu_desp .two dd {margin: -42px 0 0 0; position: relative;} #menu_desp dt a, #menu_desp dt a:visited {display:block; color:#000; font-size: 1.1em;} #menu_desp dt a:hover {display:block; color:#368cc7;} #menu_desp dd a, #menu_desp dd a:visited {color:#fff; text-decoration:none; display:block; /*padding: 4px 0px 4px 10px;*/ width:180px;} #menu_desp .one dd a {background:#fff; color:#575558; border: 1px solid #e4e4e5; /*line-height: 20px;*/ height: 11px; line-height: 11px; padding: 5px 0 5px 5px; margin: 0 0 -45px 0;} #menu_desp .two dd a {background:#fff; color:#575558; border: 1px solid #e4e4e5; /*line-height: 20px;*/ height: 11px; line-height: 11px; padding: 5px 0 5px 5px; margin: 0 0 -45px 0;} #menu_desp .one dd a:hover {background: #000; color:#fff; border: 1px solid #000; text-decoration: none;} #menu_desp .two dd a:hover {background: #000; color:#fff; border: 1px solid #000; text-decoration: none;} /* ARQUITECTOS Y ATENCION USUARIO --------------------------------------------------------------------------- */ #cont_kettal {width: 900px; border: 1px solid #d6d6d4; background: #fff; background: #fff; margin: 0px auto;} #cont_kettal #contenido {height: auto;} #cont_kettal #contenido_auto {height: auto;} #cont_hugonet {width: 900px; border-right: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; background: #fff; background: #fff; margin: 0px auto;} #cont_hugonet #contenido {height: 531px;} #cont_hugonet #contenido_auto {height: auto;} #cont_triconfort {width: 900px; border-right: 1px solid #c5d7ed; border-bottom: 1px solid #c5d7ed; border-left: 1px solid #c5d7ed; background: #fff; background: #fff; margin: 0px auto;} #cont_triconfort #contenido {height: 531px;} #cont_triconfort #contenido_auto {height: auto;} #cont_evolutif {width: 900px; border-right: 1px solid #efc9b8; border-bottom: 1px solid #efc9b8; border-left: 1px solid #efc9b8; background: #fff; background: #fff; margin: 0px auto;} #cont_evolutif #contenido {height: auto;} #cont_evolutif #contenido_auto {height: auto;} #cont_grupokettal {width: 900px; border-right: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; background: #fff; background: #fff; margin: 0px auto;} #cont_grupokettal #contenido {height: 531px;} #cont_grupokettal #contenido_auto {height: auto;} #arquitectos {background:url(../images/arquitectos_bg.gif) repeat-y;} #arquitectos #arqlista {float: left; width: 234px;} a.arqlink:link, a.arqlink:active, a.arqlink:visited {display: block; text-indent: 15px; line-height: 20px;} a.arqlink:hover {display: block; background: #000; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;} #arquitectos #arqitems {float: left; width: 300px;} #arquitectos #arqfoto {float: right; width: 350px; height:531px; border-left: 1px solid #e4e4e5;} #arquitectos #arqfoto p {margin: 0; padding: 0;} #arquitectos #arqfoto #foto {height: 335px; border-bottom: 1px solid #e4e4e5;} #arquitectos #arqfoto #video {height: 54px; border-bottom: 1px solid #e4e4e5; background:url(../images/bg_arq_bgvideo.gif) repeat-x top;} #arquitectos #arqfoto #video #pos {padding: 10px 0 0 0;} #arquitectos #arqfoto #video #pos a.botvideo:link, a.botvideo:active, a.botvideo:visited {display: block; width: 198px; height: 33px; background: #fff url(../images/bt_arq_video.gif) no-repeat; font-size: 14px; text-align: center; padding: 7px 0 0 0; margin: 0px auto;} #arquitectos #arqfoto #video #pos a.botvideo:hover {display: block; width: 198px; height: 33px; background: #fff url(../images/bt_arq_video_hover.gif) no-repeat; font-size: 14px; text-align: center; padding: 7px 0 0 0; color: #fff; text-decoration: none; margin: 0px auto;} #arquitectos #arqfoto #texto {} #arquitectos #arqtit {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 15px; margin: 0 0 20px 0;} #arquitectos #lista_arq {width:300px; height: 320px; position: relative;} #arquitectos #lista_arq .tab {display:block; width:290px; height:100px; margin-bottom:10px; border:1px solid #fff;} #arquitectos #lista_arq .tab:hover {display:block; width:290px; height:100px; margin-bottom:10px; border:1px solid #bdbdbd;} #arquitectos #lista_arq .tab .foto {float: left; margin: 0 0 0 5px; width: 75px;} #arquitectos #lista_arq .tab .contenido {float: left; margin: 0 0 0 5px;} #arquitectos #lista_arq .tab .contenido .textoarq {} #arquitectos #lista_arq .tab .contenido .iconos {margin: 10px 0 0 0;} #arquitectos .tablimg {float: left; margin: 0 10px 0 0;} a.arcico:link, a.arcico:active, a.arcico:visited {float: left; margin: 0 5px 0 0;} a.arcico:hover {float: left; margin: 0 5px 0 0;} #arquitectos #lib3d {height: 360px;} #arquitectos #texturas {height: 80px;} #arquitectos #texturas #cont {margin: 10px 0 0 10px;} #arquitectos #texturas #cont #titulo {float: left; font-size: 16px;} #arquitectos #texturas #cont #imagen {float: left; margin: 3px 0 0 10px;} #arquitectos #texturas #cont #texto {padding: 10px 0 0 0;} #arquitectos #download {height: 80px; margin: 30px 0 0 0;} #arquitectos #download #cont {margin: 10px 0 0 10px;} #arquitectos #download #cont #titulo {float: left; font-size: 16px;} #arquitectos #download #cont #imagen {float: left; margin: 3px 0 0 10px;} #arquitectos #download #cont #texto {padding: 10px 0 0 0;} /* VERSION 2006 MODIFICADA (TODAS LAS VERSIONES) --------------------------------------------------------------------------- */ .tabla { border-right: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-left: 4px solid #d6d6d4; } .menu_triconfort { border-right: 1px solid #c5d7ed; } .menu_evolutif { border-right: 1px solid #efc9b8; } .menu_hugonet { border-right: 1px solid #d6d6d4; } .menu_kettal { border-right: 1px solid #d6d6d4; } .menu_fondo {} .menu_flash { height: 401px; } .buscador { height: 50px; } .cat_titular { border-bottom: 1px solid #e4e4e5; background-image:url(../images/cat_titulo_bg.gif); background-repeat:repeat-x; } .cat_contenido_kettal { height: auto; /*background: url(../images/catbg.gif) repeat-y;*/ } .cat_contenido_hugonet { height: auto; /*background: url(../images/catbg_hugonet.gif) repeat-y;*/ } .cat_contenido_triconfort { height: auto; /*background: url(../images/catbg_triconfort.gif) repeat-y;*/ } .cat_contenido_evolutif { height: auto; /*background: url(../images/catbg_evolutif.gif) repeat-y;*/ } .cat_buscador { height: 400px; border-bottom: 1px solid #e4e4e5; } .ficha_kettal { width: 338px; height: 384px; border-right: 1px solid #d6d6d4; } .foto_modelo { } .modelos { height: 90px; } /** CSS GRUPO KETTAL - TRICONFORT **/ #menu_triconfort { width: auto; height: 82px; margin: 0px auto; background-color: #426bba; } .menu_triconfort_tabla { width: 900px; margin: 0px auto; } #pie_triconfort { width: auto; height: 25px; margin: 0px auto; background-color: #426bba; } .pie_triconfort_tabla { width: 900px; margin: 0px auto; } .tabla_triconfort { border-right: 1px solid #c5d7ed; border-bottom: 1px solid #c5d7ed; border-left: 1px solid #c5d7ed; background: #fff; } /** CSS GRUPO KETTAL - EVOLUTIF **/ #menu_evolutif { width: auto; height: 82px; margin: 0px auto; background-color: #d52d12; } .menu_evolutif_tabla { width: 900px; margin: 0px auto; } #pie_evolutif { width: auto; height: 25px; margin: 0px auto; background-color: #d52d12; } .pie_evolutif_tabla { width: 900px; margin: 0px auto; } .tabla_evolutif { border-right: 1px solid #efc9b8; border-bottom: 1px solid #efc9b8; border-left: 1px solid #efc9b8; background: #fff; } /** CSS GRUPO KETTAL - HUGONET **/ #menu_hugonet { width: auto; height: 82px; margin: 0px auto; background-color: #000; } .menu_hugonet_tabla { width: 900px; margin: 0px auto; } #pie_hugonet { width: auto; height: 25px; margin: 0px auto; background-color: #000; } .pie_hugonet_tabla { width: 900px; margin: 0px auto; } .tabla_hugonet { border-right: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; background: #fff; } /** CSS GRUPO KETTAL - KETTAL **/ #menu_kettal { width: auto; height: 82px; margin: 0px auto; background-color: #9a9b9f; } .menu_kettal_tabla { width: 900px; margin: 0px auto; } #pie_kettal { width: auto; height: 25px; margin: 0px auto; background-color: #9a9b9f; } .pie_kettal_tabla { width: 900px; margin: 0px auto; } .tabla_kettal { border: 1px solid #d6d6d4; background: #fff; } /** CSS GRUPO KETTAL - GRUPOKETTAL **/ #menu_grupokettal { width: auto; height: 82px; margin: 0px auto; background-color: #9a9b9f; } .menu_grupokettal_tabla { width: 900px; margin: 0px auto; } #pie_grupokettal { width: auto; height: 25px; margin: 0px auto; background-color: #9a9b9f; } .pie_grupokettal_tabla { width: 900px; margin: 0px auto; } .tabla_grupokettal { border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; background: #fff; border-top: 1px solid #d6d6d4;} /******* FICHA ******/ .masinfo { text-align: right; margin-right: 45px; clear: both; float: right; } .tit_modelo { height: 39px; text-indent: 17px; } .pos_tit_ficha { margin-left: 15px; margin-top: 5px; } .pos_tit_ficha_b { margin-left: 15px; margin-top: 3px; } .esp_modelo { height: 19px; } .tit_color { height: 21px;} .esp_color { height: auto; } .tit_cojines { height: 21px; text-indent: 17px;} .esp_cojines { height: auto;} .tit_medidas { height: 21px; text-indent: 17px;} .esp_medidas { height: 52px;} .botonera { margin: 0px auto; width: 300px; height: 47px; text-align: center; } .botonera_sp { margin-right: 10px; } .pre_botonera { height: 320px; } .pre_botonera_kettal { height: 320px; border-bottom: 1px solid #d6d6d4; } .pre_botonera_hugonet { height: 320px; border-bottom: 1px solid #d6d6d4; } .pre_botonera_triconfort { height: 320px; border-bottom: 1px solid #c5d7ed; } .pre_botonera_evolutif { height: 320px; border-bottom: 1px solid #efc9b8; } .img_border_right_kettal {border-left: 1px solid #d6d6d4;} .img_border_right_hugonet {border-left: 1px solid #d6d6d4;} .img_border_right_triconfort {border-left: 1px solid #c5d7ed;} .img_border_right_evolutif {border-left: 1px solid #efc9b8;} .img_border_right_grupokettal {border-right: 1px solid #d6d6d4;} .sc_prod_kettal {border-top: 1px solid #d6d6d4;} .sc_prod_hugonet {border-top: 1px solid #d6d6d4;} .sc_prod_triconfort {border-top: 1px solid #c5d7ed;} .sc_prod_evolutif {border-top: 1px solid #efc9b8;} .sc_prod_grupokettal {border-top: 1px solid #d6d6d4;} .desc_textura_grupokettal { text-align:right; margin-top: 5px; margin-right: 1px; border-bottom: 1px solid #d6d6d4; } .texturas { background-color: #ffffff; text-align: center; } .texturas:hover { background-image:url(../images/textura_hover.gif); background-repeat:no-repeat; } #boton_ficha { float: left; text-align: center; } #boton_presu { text-align: right; } /******* MENU *******/ ul { /* all lists */ padding: 0; margin: 0; list-style: none; /*font-size: 7pt;*/ } #menu_desp li { /* all list items */ width: 133px; cursor:default; background-color: #transparent; color:#666666; height: 24px; /*text-align: center;*/ } #menu_desp li.min_c { /* all list items */ position: relative; margin: 0px auto; width: 131px; cursor:default; background-color: #ffffff; height: 15px; text-align: left; color:#666666; border: 1px solid #dededf; background-image:url(../images/combo_back.gif); z-index: 3; } #menu_desp li:hover.min_c { /* all list items */ /*position: relative;*/ margin: 0px auto; width: 131px; cursor:default; background-color: #ffffff; height: 15px; color:#666666; border-left: 1px solid #dededf; border-right: 1px solid #dededf; border-bottom: 1px solid #dededf; background-image:url(../images/combo_back_b.gif); z-index: 3; } #menu_desp li.min_d { /* all list items */ position: relative; margin: 0px auto; width: 131px; cursor:default; background-color: #ffffff; height: 15px; color:#666666; border-left: 1px solid #dededf; border-right: 1px solid #dededf; border-bottom: 1px solid #dededf; background-image:url(../images/combo_back.gif); z-index: 2; } #menu_desp li:hover.min_d { /* all list items */ /*position: relative;*/ margin: 0px auto; width: 131px; cursor:default; background-color: #ffffff; height: 15px; color:#666666; border-left: 1px solid #dededf; border-right: 1px solid #dededf; border-bottom: 1px solid #dededf; background-image:url(../images/combo_back_b.gif); z-index: 2; } #menu_desp li.separador { background-color: #d6d7d9; width: 1px; height: 24px; } li ul { display: none; position: absolute; opacity: .9; filter: alpha(opacity=90); } li:hover ul, li.over ul { background-image: #3c3e43; display: block; border: 1px solid #CCCCCC; background-color: #fff; text-align: left; /*alineamos a la izquierda*/ left: 131px !important; margin-top: -14px !important; text-decoration: none; /*background-image:url(../images/combo_back.gif);*/ } .menu_desp_situa { margin-left: 10px; } .menu_desp_dcha { border-bottom: 1px solid #e4e4e5; } .espacio_10 { height: 10px; background-color: #FFFFFF; } /******* PRESUPUESTO *******/ .logotipo { margin-left: 48px; } .nav_presupuesto { text-align: right; padding-right: 72px; } .nav_presupuesto_linea { border-bottom: 1px solid #e4e4e4; } .checkbutton { width: 30px; padding-top: 12px; text-align: center; } .presu_item_txt { text-align:center; padding-right: 0px; padding-top: 5px; } .presu_item_txt_2 { text-align:center; padding-top: 5px; } .espacio_10 { height: 10px; } .espacio_5 { height: 5px; } .linea_pres { border-right: 1px solid #e4e4e5; } .linea_pres_hor { border-bottom: 1px solid #e4e4e5; } .txt_pres { padding-left: 5px; } /******* FONDOS *******/ .fondo { background-image:url(../images/fondo_k.gif); background-repeat:no-repeat; } .fondo_k { background-image:url(../images/fondo_k.gif); background-repeat:no-repeat; } .fondo_hugonet { background-image:url(../images/fondo_h.gif); background-repeat:no-repeat; } .fondo_evolutif { background-image:url(../images/fondo_e.gif); background-repeat:no-repeat; } .fondo_triconfort { background-image:url(../images/fondo_t.gif); background-repeat:no-repeat; } .fondo_kettal { background-image:url(../images/fondo_k.gif); background-repeat:no-repeat; } .espacio_20 { height: 20px; } /******* CONTACTA *******/ .contacta_fondo { background-image:url(../images/contacta_fondo_b.jpg); } .tabla_borde_inf { border-bottom: 1px solid #e4e4e5; } .direcciones { line-height: 15px; } .negrita { font-weight: bold; } /******* SHOWROOMS *******/ .linea_showroom { border-top: 1px solid #e4e4e5; height: 45px; } /******* COLECCIONES *******/ .imagen_coleccion { text-align: center; margin-top: 20px; } .mas_imagenes { height: 18px; background-color: #ffffff; /*border-top: 1px solid #e4e4e4;*/ background-position:right; background-repeat:no-repeat; text-align: center; } .mas_imagenes:hover { height: 18px; background-color: #9a9b9f; /*border-top: #9a9b9f; background-image:url(../images/tx_ambientes_hover_ES.gif);*/ background-position:right; background-repeat:no-repeat; text-align: center; } #pantalla { /*margin-left: -100px !important;*/ width: 405px; height: auto; padding: 0 0 20px 0; /*background-image:url(../images/col_fondo_mas_imagenes.gif); background-repeat:repeat-x;*/ /*opacity: .6; filter: alpha(opacity=60);*/ z-index: 0; } .imgthumb {padding: 0 10px 0 0; border: 1px solid #fff;} /*.imgthumb:hover {padding: 0 5px 0 0; border: 1px solid #999999;}*/ .cerrar_boton {text-align: right; margin-right: 20px; height: 25px; } .cerrar_boton_pos {margin-top: 5px; } #img_amb {height: 383px;} .imagen_prod { margin-top: 10px; height: 354px; text-align:center;} .tx_mas_img {height: 18px;} .esp_prod {height: 14px;} .linea {height: 1px; background-color: #e4e4e5; } /*** hovers para catlogo ***/ a.menu_text:link, a.menu_text:visited { font-family: helvetica, tahoma, verdana, arial, sans-serif; font-size: 7pt; color: #949494; text-decoration: none; display: block; height: 51px; width: 56px; background-color: #ffffff;} a.menu_text:hover { font-family: helvetica, tahoma, verdana, arial, sans-serif; font-size: 7pt; color: #949494; text-decoration: underline; display: block; height: 51px; width: 56px; background-image:url(../images/textura_hover.gif);} a.modelo_mini:link, a.modelo_mini:visited { display: block; height: 80px; width: 80px; background-color: #ffffff; border: 0px; } a.modelo_mini:hover { display: block; width: 80px; background-image:url(../images/modelo_hover.gif); border: 0px; } .col_img { border: 0px; text-align: center; padding-top: 10px; } .col_modelo_mini { border: 0px; text-align: center; padding-top: 3px; } .col_modelo_mini_b { border: 0px; text-align: center; padding-right: 10px; } #menuhoriz ul li { display: inline; padding: 10px; } /******* DISTRIBUIDORES *******/ .distribuidores { border: 1px solid #e4e4e5; background-color: #FFFFFF; opacity: .8; filter: alpha(opacity=80); } .posiciona_dist { padding-left: 50px; } /******* PRESUPUESTO *******/ .presu_back { background-image:url(../images/presu_back_3.jpg); background-repeat:no-repeat; } .presu_back_kettal { background-image:url(../images/presu_back_kettal.jpg); background-repeat:no-repeat; } .presu_back_hugonet { background-image:url(../images/presu_back_hugonet.jpg); background-repeat:no-repeat; } .presu_back_triconfort { background-image:url(../images/presu_back_triconfort.jpg); background-repeat:no-repeat; } .presu_back_evolutif { background-image:url(../images/presu_back_evolutif.jpg); background-repeat:no-repeat; } .presu_back_2 { background-image:url(../images/presu_back_2.jpg); background-repeat:no-repeat; } .presu_blanco { background-color: #FFFFFF; opacity: .93; filter: alpha(opacity=93); } .presu_blanco_2 { background-color: #FFFFFF; } .presu_celda_form { height: 25px; } .presu_form_txt { padding-left: 20px; width: 110px; } .border_tabla_res { border: 1px solid #e4e4e5; text-align: center; } .pos_elemento_pres { margin-left: 20px; } .txt_aceptado { margin-top: 45px; text-align:center; line-height: 1.5; } .barra_elementos { } .pie { text-align: right; } .pie_idiomas { padding-right: 30px; word-spacing: 10px; } .pie_partprof { word-spacing: 10px; } /** PRESENTACIN **/ .fondo_pres { background-image: url(../images/pres_fondo.jpg); height: 516px; width: 389px; } .fondo_pres_2 { background-image: url(../images/pres_fondo_02.jpg); height: 516px; width: 509px; } .fondo_quienes { background-image:url(../images/fondo_k.gif); background-repeat:no-repeat; } /** OTROS **/ .flash_quienes_somos { height: 419px; text-align: center; margin-top: 50px; } .articulos { padding-top: 33px; margin-right: 20px; text-align: right; } .articulos_alto { height: 300px; } .tx_catalogo { font-size: 8pt; text-align: right; padding-right: 15px; } .tx_selecc { font-size: 8pt; padding-left: 15px; } .menu_background { background-image:url(../images/fondo-menu.gif); background-position:top; background-repeat:repeat-x; } .logo_inferior { height: 35px; } .logo_superior { margin-top: 40px; } .borde_noticias_right { border-right: 1px solid #e4e4e5; } .borde_noticias_left { border-left: 1px solid #e4e4e5; } .borde_titular { border-bottom: 1px solid #e4e4e5; } .titulos_flash { padding-top: 0; margin-top: 0; } /** PRENSA **/ .iconos_prensa_des { height: 20px; padding-left: 20px; padding-top: 5px; } div.box { float: right; width: 100px; color: inherit; background-color: #f5f5f5; border: 1px solid #eee; } div.left { float: left;} div.right { } /** INTRO **/ .fondo_bg { background-image:url(../images/fondo_grupo_kettal.jpg); height: 520px; } .altura { height: 40px; } .texto { font-size: 30px; font-size: 11px; color: #333333; text-align: left; background-color:#FFFFFF; opacity: .9; filter: alpha(opacity=90); height: auto; padding: 20px; line-height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } a.enlace:link { color: #8c8c8c; text-decoration: none; padding-right: 10px; } a.enlace:active { color: #8c8c8c; text-decoration: none; padding-right: 10px; } a.enlace:visited { color: #8c8c8c; text-decoration: none; padding-right: 10px; } a.enlace:hover { color: #8c8c8c; text-decoration: underline; padding-right: 10px; } .idioma { height: 100px; text-align:center; word-spacing: 10px; padding-top: 10px; } .enlaces { margin-top: 20px; text-align: center; } .intro_barra { background-color: #fff; } .espacio_combos { padding-top:15px; padding-left: 20px; } .combo_intro { border: 1px solid #dfdfe0; font-family: georgia, "Times New Roman", tahoma, verdana, arial; font-size: 8pt; color: #8c8c8c; margin-right: 10px; margin-left: 10px; } .intro_buscador { font-size: 9pt; } .sombra_intro_logos { border-left: 1px solid #dedee1; } .logo_margin { margin-right: 2px; } /** BUSCADOR RESULTADOS **/ .resultados_kettal { background-color:#719501; } .resultados_triconfort { background-color:#426bba; } .resultados_hugonet { background-color:#202020; } .resultados_evolutif { background-color:#d52d12; } .resultados_logo { border-bottom: 1px solid #fff; text-align:center; } .resultados_img_cont { text-align:center; height: 120px; border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; } .resultados_img { height: 90px; width: 90px; border: 1px solid #fff; margin: 0px auto; color: #fff; } /** BUSCADOR RESULTADOS **/ a.menu_enlace:link { font-size: .9em; color: #949494; text-decoration: none; text-indent: 10px; } a.menu_enlace:active { font-size: .9em; color: #949494; text-decoration: none; text-indent: 10px; } a.menu_enlace:visited { font-size: .9em; color: #949494; text-decoration: none; text-indent: 10px; } a.menu_enlace:hover { font-size: .9em; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_ocho_puntos:link { font-size: 8pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_ocho_puntos:active { font-size: 8pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_ocho_puntos:visited { font-size: 8pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_ocho_puntos:hover { font-size: 8pt; color: #949494; text-decoration: none; text-indent: 10px; } a.enlace_nueve:link { font-size: 9pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_nueve:active { font-size: 9pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_nueve:visited { font-size: 9pt; color: #949494; text-decoration: underline; text-indent: 10px; } a.enlace_nueve:hover { font-size: 9pt; color: #949494; text-decoration: none; text-indent: 10px; } a.textura:link { font-size: 7pt; color: #949494; text-decoration: none; } a.textura:active { font-size: 7pt; color: #949494; text-decoration: none; } a.textura:visited { font-size: 7pt; color: #949494; text-decoration: none; } a.textura:hover { font-size: 7pt; color: #666; text-decoration: none; } a.enlace_noticias:link { font-size: 7pt; color: #949494; text-decoration: none; } a.enlace_noticias:active { font-size: 7pt; color: #949494; text-decoration: none; } a.enlace_noticias:visited { font-size: 7pt; color: #949494; text-decoration: none; } a.enlace_noticias:hover { font-size: 7pt; color: #626469; text-decoration: none; } a.pie:link { font-size: 7pt; color: #949494; text-decoration: none; } a.pie:active { font-size: 7pt; color: #949494; text-decoration: none; } a.pie:visited { font-size:7pt; color: #949494; text-decoration: none; } a.pie:hover { font-size: 7pt; color: #626469; text-decoration: none; } a.pie_sel:link { font-size: 7pt; color: #949494; text-decoration: underline; } a.pie_sel:active { font-size: 7pt; color: #949494; text-decoration: underline; } a.pie_sel:visited { font-size:7pt; color: #949494; text-decoration: underline; } a.pie_sel:hover { font-size: 7pt; color: #626469; text-decoration: underline; } a.pie_blanco:link { font-size: 7pt; color: #fff; text-decoration: none; margin: 0 5px 0 0; } a.pie_blanco:active { font-size: 7pt; color: #fff; text-decoration: none; margin: 0 5px 0 0; } a.pie_blanco:visited { font-size:7pt; color: #fff; text-decoration: none; margin: 0 5px 0 0; } a.pie_blanco:hover { font-size: 7pt; color: #fff; text-decoration: underline; margin: 0 5px 0 0; } a.pie_blanco_sel:link { font-size: 7pt; color: #fff; text-decoration: underline; } a.pie_blanco_sel:active { font-size: 7pt; color: #fff; text-decoration: underline; } a.pie_blanco_sel:visited { font-size:7pt; color: #fff; text-decoration: underline; } a.pie_blanco_sel:hover { font-size: 7pt; color: #fff; text-decoration: underline; } a.menu_sup:link { font-size: 7pt; color: #fff; text-decoration: none; padding:5px; } a.menu_sup:active { font-size: 7pt; color: #fff; text-decoration: none; padding:5px; } a.menu_sup:visited { font-size: 7pt; color: #fff; text-decoration: none; padding:5px; } a.menu_sup:hover { font-size: 7pt; color: #949494; /*text-decoration: underline;*/ background-color:#FFFFFF; height: 15px; display:block } a.desplegable_kettal:link, a.desplegable_kettal:visited { font-size: 7pt; color: #949494; text-decoration: none; padding-left: 10px; } a.desplegable_kettal:hover { font-size: 7pt; color: #fff; text-decoration: none; display: block; background-color: #949494; padding-left: 10px; height: 15px; } a.desplegable_hugonet:link, a.desplegable_hugonet:visited { font-size: 7pt; color: #949494; text-decoration: none; padding-left: 10px; } a.desplegable_hugonet:hover { font-size: 7pt; color: #fff; text-decoration: none; display: block; background-color: #000; padding-left: 10px; height: 15px; } a.desplegable_evolutif:link, a.desplegable_evolutif:visited { font-size: 7pt; color: #949494; text-decoration: none; padding-left: 10px; } a.desplegable_evolutif:hover { font-size: 7pt; color: #fff; text-decoration: none; display: block; background-color: #d52d12; padding-left: 10px; height: 15px; } a.desplegable_triconfort:link, a.desplegable_triconfort:visited { font-size: 7pt; color: #949494; text-decoration: none; padding-left: 10px; } a.desplegable_triconfort:hover { font-size: 7pt; color: #fff; text-decoration: none; display: block; background-color: #426bba; padding-left: 10px; height: 15px; } /*a.quienes:link, a.quienes:visited { font-size: 8pt; color: #949494; text-decoration: none; display: block; height: 14px; text-align: right; padding-right: 23px; } a.quienes:hover { font-size: 8pt; color: #949494; text-decoration: none; display: block; background-color: #e4e4e5; height: 12px; text-align: right; padding-right: 23px; }*/ /** COLECCIONES MENUS **/ a.m_triconfort:link, a.m_triconfort:visited {display: block; text-decoration: none; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} a.m_triconfort:hover {text-decoration: none; display: block; color: #fff; background-color: #426bba; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} a.m_hugonet:link, a.m_hugonet:visited {display: block; text-decoration: none; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} a.m_hugonet:hover {text-decoration: none; display: block; color: #fff; background-color: #000; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} a.m_kettal:link, a.m_kettal:visited {display: block; text-decoration: none; height: auto; font-size: 12px; line-height: 20px; text-indent: 15px;} a.m_kettal:hover {text-decoration: none; display: block; color: #fff; background: #000 /*url(../images/bg_nav_pral.gif) top left repeat-x*/; height: auto; line-height: 20px; text-indent: 15px;} a.m_evolutif:link, a.m_evolutif:visited {display: block; text-decoration: none; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} a.m_evolutif:hover {text-decoration: none; display: block; color: #fff; background-color: #d52d12; height: auto; font-size: 11px; line-height: 20px; text-indent: 15px;} /** TITULARES **/ .kettal_titular { color: #949494; font-size: 10pt; padding-right: 15px; text-align:right; } .kettal_titular_left { color: #949494; font-size: 10pt; padding-left: 30px; text-align:left; } /** COLECCIONES MENUS **/ .blanco { color: #fff; } .fecha { color: #626469; } .noticia { text-align: justify; } .noticia_tit { text-align: justify; font-size: 9pt; } .noticia_sel { font-weight: bold; } .noticia_txt { line-height: 1.5em; text-align: justify; } .nueve { font-size: 9pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .nueve_bold { font-size: 9pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .ocho { font-size: 8pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } /*.ocho_just { font-size: 7pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: justify; line-height: 1; }*/ .siete { font-size: 7pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .ocho_puntos_just { font-size: 8pt; text-align: justify; margin-right: 20px; } .ocho_puntos_bold { font-size: 8pt; font-weight: bold; } .prensa_int { text-align: justify; } .bold { font-weight:bold; } .indexado { line-height: 1.5; } .margen { padding-left: 5px; } .pie_selec { font-size: 7pt; color: #626469; } a.publi:link, a.publi:visited { color: #949494; text-decoration: none; font-size: 12px;} a.publi:hover { color: #949494; text-decoration: underline; font-size: 12px;} a.siguiente:link, a.siguiente:visited { font-size: 7pt; color: #949494; text-decoration: none; margin-right: 18px; text-align: right; } a.siguiente:hover { font-size: 7pt; color: #949494; text-decoration: underline; margin-right: 18px; text-align: right; } /****** VARIOS ******/ .texto { line-height: 17px; font-size: 7pt; text-align:justify; } /****** FORMULARIOS ******/ .box {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5;} .box:hover {font-size: 9px; background: #000; color: #fff; border: 1px solid #000;} .boton {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 70px;} .boton:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7;} .boton_nuevo_reg {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 140px; height: 19px; } .boton_nuevo_reg:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7;} .combo {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;} .combo:hover {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;} .box_form {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; margin-left: 10px; width: 150px;} .box_form:hover {background: #000; color: #fff; border: 1px solid #000;} .box_form_2 {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; width: 150px;} .box_form_2:hover {font-size: 9px; color: #fff; background: #368cc7; margin-left: 10px; border: 1px solid #368cc7;} .box_form_3 {font-size: 9px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 100px; text-transform:capitalize; } .box_form_3:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7; } .box_form_4 {font-size: 13px; color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 150px; text-transform:capitalize; } .box_form_4:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7; } .rojo {font-size: 12px; font-weight: normal; color: #b73b33; text-decoration: none; } .box_presu {font-size: 9px; color: #929497; margin-left: 10px; border: 1px solid #e4e4e5; margin-left: 10px; width: 30px; margin: 0 20px 0 0;} .box_presu:hover {font-size: 9px; color: #fff; margin-left: 10px; border: 1px solid #000; margin-left: 10px; width: 30px; margin: 0 20px 0 0; background: #000;} /* CÓDIGO 2009 --------------------------------------------------------------------------- */ /* PALETA --------------------------------------------------------------------------- bordes backgrounds kettal: #d6d6d4; #000 hugonet: #d6d6d4; #000000 triconfort: #c5d7ed; #426BBA evolutif: #efc9b8; #D52D12 */ #wrapper_kettal {width: 900px; border: 1px solid #d6d6d4; background: #fff; background: #fff; margin: 0px auto;} #wrapper_hugonet {width: 900px; border-right: 1px solid #d6d6d4; border-bottom: 1px solid #d6d6d4; border-left: 1px solid #d6d6d4; background: #fff; background: #fff; margin: 0px auto;} #wrapper_triconfort {width: 900px; border-right: 1px solid #c5d7ed; border-bottom: 1px solid #c5d7ed; border-left: 1px solid #c5d7ed; background: #fff; background: #fff; margin: 0px auto;} #wrapper_evolutif {width: 900px; border-right: 1px solid #efc9b8; border-bottom: 1px solid #efc9b8; border-left: 1px solid #efc9b8; background: #fff; background: #fff; margin: 0px auto;} .titularsecc_kettal, .titularsecc_hugonet, .titularsecc_triconfort, .titularsecc_evolutif {margin: 20px 0 0 15px; font-family: "Times New Roman", helvetica, arial; font-style: italic; font-size: 1.8em;} .titularsecc_kettal {color: #000; } .titularsecc_hugonet {color: #000000;} .titularsecc_triconfort {color: #426BBA;} .titularsecc_evolutif {color: #D52D12;} /* ---- SCROLLS ---- */ #referenciasnot {width: 280px; height: 400px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; } #referenciasnotdes {width: 280px; height: 390px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; } #referenciasscroll {width: 320px; height: 460px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; } #recambiosscroll {width: 320px; height: 420px; padding: 0 20px 0 0; overflow: auto; margin: 30px 0 0 10px; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ } #mantenimientosscroll {width: 600px; height: 380px; padding: 0 10px 0 0; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ } /* ---- MAQUETACION PARA PAGINAS DE LISTADO DE NOTICIAS ---- */ /* bordes kettal: #d6d6d4; hugonet: #d6d6d4; triconfort: #c5d7ed; evolutif: #efc9b8; */ #wrapperactnav_kettal {float: left; width: 183px; height: 531px; border-right: 1px solid #e4e4e5;} #wrapperactnav_kettal ul {margin: 20px 0 0 0;} #wrapperactnav_kettal ul li {margin: 0 !important; border-bottom: 1px solid #e4e4e5;} #wrapperactnav_kettal ul li a {display: block; text-decoration: none; padding: 7px 0 7px 15px; font-size: 1em;} #wrapperactnav_kettal ul li a:hover {background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #wrapperactnav_kettal ul li a.sel {display: block; background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none; padding: 7px 0 7px 15px;} #wrapperactnav_hugonet {float: left; width: 183px; height: 531px; border-right: 1px solid #d6d6d4;} #wrapperactnav_hugonet ul {margin: 20px 0 0 0;} #wrapperactnav_hugonet ul li {margin: 0 !important; border-bottom: 1px solid #d6d6d4;} #wrapperactnav_hugonet ul li a {display: block; text-decoration: none; padding: 7px 0 7px 15px; font-size: 1em;} #wrapperactnav_hugonet ul li a:hover {background: #000000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #wrapperactnav_hugonet ul li a.sel {display: block; background: #000000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none; padding: 7px 0 7px 15px;} #wrapperactnav_triconfort {float: left; width: 183px; height: 531px; border-right: 1px solid #c5d7ed;} #wrapperactnav_triconfort ul {margin: 20px 0 0 0;} #wrapperactnav_triconfort ul li {margin: 0 !important; border-bottom: 1px solid #c5d7ed;} #wrapperactnav_triconfort ul li a {display: block; text-decoration: none; padding: 7px 0 7px 15px; font-size: 1em;} #wrapperactnav_triconfort ul li a:hover {background: #426BBA url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #wrapperactnav_triconfort ul li a.sel {display: block; background: #426BBA url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none; padding: 7px 0 7px 15px;} #wrapperactnav_evolutif {float: left; width: 183px; height: 531px; border-right: 1px solid #efc9b8;} #wrapperactnav_evolutif ul {margin: 20px 0 0 0;} #wrapperactnav_evolutif ul li {margin: 0 !important; border-bottom: 1px solid #efc9b8;} #wrapperactnav_evolutif ul li a {display: block; text-decoration: none; padding: 7px 0 7px 15px; font-size: 1em;} #wrapperactnav_evolutif ul li a:hover {background: #D52D12 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #wrapperactnav_evolutif ul li a.sel {display: block; background: #D52D12 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none; padding: 7px 0 7px 15px;} #colores {padding: 0 0 0 15px;} #colores ul {padding: 0 0 20px 0;} #colores ul li {float: left; display: block; margin: 0 5px 5px 0;} #colores ul li label {float: left;} #colores ul li a img {float: left; width: 54px; height: 14px; margin: 0 1px 1px 0; padding: 2px 0 0 0;} #coloresscroll {width: 320px; height: 320px; padding: 0 10px 0 0; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ } #colnot {width: 380px; float: left;} #colnot ul li {margin: 0 0 10px 0;} #colnot ul li a {color: #0099ff; margin: 5px 0 5px 0; font-size: 12px;} #colnot ul li .fecha {color: #0099ff; font-size: 10px;} #colnot ul li .desc {margin: 5px 0 0 0; font-size: 11px;} #colnot .fecha {color: #0099ff; font-size: 9px; margin: 0 0 5px 0;} #colnot .tit {margin: 0 0 10px 0; font-size: 1.3em;} #colnot .desc {line-height: 15px;} #colimg {width: 300px; float: left;} .altcol {height: 470px;} #adjunto {padding: 5px 0 0 20px;} #adjunto a {font-size: 9px; background:url(../images/pdf.gif) left center no-repeat; padding: 5px 0 5px 20px; text-decoration: none;} #adjunto a:hover {text-decoration: underline;} /* ---- ACTUALIDAD FERIAS Y EVENTOS ---- */ /* es te que netejar per a tipo */ #wrapperactnav {float: left; width: 183px; height: 531px; border-right: 1px solid #e4e4e5;} #wrapperactnav ul {margin: 50px 0 0 0;} #wrapperactnav ul li {margin: 0 !important; border-bottom: 1px solid #e4e4e5;} #wrapperactnav ul li a {display: block; text-decoration: none; padding: 7px 0 7px 15px;} #wrapperactnav ul li a:hover {background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none;} #wrapperactnav ul li a.sel {display: block; background: #000 url(../images/bg_nav_pral.gif) top left repeat-x; color: #fff; text-decoration: none; padding: 7px 0 7px 15px;} #wrapperact {height: 500px; float: left; width: 716px;} #wrapperact #headeract {width: 700px; margin: 20px auto; padding: 0 0 20px 0; border-bottom: 1px solid #e4e4e5;} #wrapperact #headeract label {float: left; margin: 3px 10px 0 0;} #wrapperact #headeract input {float: left; font-size: 11px; margin: 0 10px 0 0; background: #fff; border: 1px solid #e4e4e5;} #wrapperact #headeract .boton {background: #fff; color: #000;} #wrapperact #headeract .boton:hover {background: #368cc7; color: #fff; border: 1px solid #368cc7} #wrapperact #headeract select {float: left; font-size: 11px; margin: 0 10px 0 0; background: #fff; border: 1px solid #e4e4e5;} #wrapperact #cont {height: 400px;} #wrapperact #cont ul {margin: 20px 0 0 20px;} #wrapperact #cont ul li {float: left; margin: 0 10px 20px 0; width: 200px; text-align: center; font-size: 1em;} #wrapperact #cont ul li a img {height: 150px; border: 1px solid #fff; text-align: center;} #wrapperact #cont ul li a:hover img {height: 150px; border: 1px solid #000;} #wrapperact #navact {width: 700px; margin: 0px auto 20px auto; border-top: 1px solid #e4e4e5; padding: 10px 0 0 0;} #wrapperact #navact .sig {width: 80px; float: left; margin: 0 10px 0 0;} #wrapperact #navact .sig a {display: block; padding: 0 0 0 5px; line-height: 20px;} #wrapperact #navact .sig a:hover {background: #000; color: #fff; text-decoration: none;} #wrapperact #navact .ant {width: 80px; float: left; margin: 0 0 0 10px; border: 1px solid #fff;} #wrapperact #navact .ant a {display: block; padding: 0 0 0 5px; line-height: 20px;} #wrapperact #navact .ant a:hover {background: #000; color: #fff; text-decoration: none;} #wrapperact #navact #num {width: 500px; margin: 5px auto; text-align: center; float: left;} #wrapperact #navact #num a {color: #000; width: 10px; text-align: center; text-decoration: none; padding: 5px 7px 5px 7px;} #wrapperact #navact #num a:hover {background: #000; color: #fff; text-decoration: none; padding: 5px 7px 5px 7px;} #wrapperact #navact #num .sel {font-size: 11px; color: #368cc7;} /* ----- REFERENCIAS DES ---- */ #rightList {float:right; width: 230px; height:531px;} #colL {width: 230px; float:left;} #colC {float:left; width: 335px;} #colR {width: 300px; float:right; margin: 0 60px 0 0; /*padding: 10px 0; margin-left: 10px;*/} #colR #txt { margin: 15px 0 0 0; width: auto;} #colR #txt p { text-align:justify; padding: 0 5px; } #colR #txt ul { margin: 10px 0 0 10px; width:auto;} #colR #txt ul li {width: 108px; height:25px; margin: 5px 0 10px 0;} #colR #txt ul li a {width:140px; height:15px; display:block; padding: 0px 0 0px 10px; font-size: 1em;} #colL.borderR { border-right: 1px solid #e4e4e5; height: 531px;} #refitems {margin: 20px 0 0 0 !important;} #refitems ul {} #refitems ul li {width: 220px; margin: 0 0 2px 0 !important;} #refitems ul li a.bluetag {display: block; width: 220px !important; height: 20px !important; border: 1px solid #0099ff; text-indent: 20px; background:url(../images/link.gif) 5% 20% no-repeat #E7F5FE; color: #0099ff; line-height: 20px; font-size: 0.9em !important;} #refitems ul li a.bluetag:hover {background-color: #DEEDEF; text-decoration:none;} #actions { width:900px; margin:0 auto; border-top:1px solid #e4e4e5; /*border-right:1px solid #e4e4e5;*/ background: #fff; } #actions ul { margin: 0 0 0 600px;} #actions ul li {display: inline; } #actions ul li a { color:#09F; font-size: 0.9em; height:20px; display:inline-block; margin:10px 0 0 10px; padding-left:25px; float: left; } #actions ul li a.back { background:url(../images/flecha-verde.gif) 0 0 no-repeat; } #actions ul li a.send { background: url(../images/mail.gif) 0 0 no-repeat; } #actions ul li a.send2 { background: url(../images/mail.gif) 0 0 no-repeat; } #actions ul li a.pdf { background: url(../images/pdf.gif) 0 0 no-repeat; } #actions ul li a.download { background: url(../images/desc_img.gif) 0 0 no-repeat; } #actions ul li a.print { background: url(../images/print.gif) 0 0 no-repeat; } #actions ul li a.back, #actions ul li a.send, #actions ul li a.download, #actions ul li a.print { padding-right:10px; } /* ---- FORM FRIEND ---- */ #formfriend {margin: 10px 0 0 20px;} #formfriend #logo {margin: 0 0 0 2px;} #formfriend ul {} #formfriend ul li {margin: 0 0 20px 0;} #formfriend ul li label {float: left; width: 100px; font-size: 1.2em;} #formfriend ul li input, textarea {float: left; width: 250px; font-size: 1.1em; border: 1px solid #e4e4e5; color: #616265; margin: 0 0 8px 0; font-family: helvetica, arial, sans-serif;} #formfriend ul li input:hover, textarea:hover {border: 1px solid #4d4e53;} a.continuar {font-family: "Times New Roman", Times, serif; font-size: 12px; font-style: italic; display: block; width: auto; line-height: 20px; border: 1px solid #e2e1dd; float: left; padding: 0 15px 0 15px; background:url(../images/bg_bt_colours.gif) top left repeat-x;} a.continuar:hover {border: 1px solid #000; padding: 0 15px 0 15px; color: #fff; background: #000; text-decoration: none;} /* ATENCION USUARIOS --------------------------------------------------------------------------- */ #recambios {background:url(../images/arquitectos_bg.gif) repeat-y;} #recambios #arqlista {float: left; width: 234px;} a.reclink:link, a.reclink:active, a.reclink:visited {display: block; text-indent: 25px; line-height: 20px;} a.reclink:hover {display: block; background: #000; color: #fff; text-indent: 25px; line-height: 20px; text-decoration: none;} #recambios #arqitems {float: left; width: 260px;} #recambios #arqfoto {float: left; width: 404px;} #recambios #arqtit {font-family:Arial, Helvetica, sans-serif; color: #000; font-size: 24px; padding:20px 0 0 15px; margin: 0 0 20px 0;} #recambios #lista {width:350px;} #recambios #tab {display:block; width:320px; height:100px; margin-bottom:10px;} #recambios .tabl {border:1px solid #fff; display:block; width:240px; height:100px;} #recambios .tabl:hover {border:1px solid #bdbdbd; cursor:pointer; display:block; width:240px; height:100px; text-decoration: none;} #recambios .tablimg {float: left; margin: 0 10px 0 0;} #recambios .tabltxt {width:150px; float: right; margin: 10px 0 0 0;} #recambios .tab_img{width:90px; float:left; margin-top:10px; border: 1px solid #ff0000; cursor:pointer;} #recambios .tab_txt{width:110px; margin-top:20px; float:left; cursor:pointer;} a.arcico_herr:link, a.arcico:active, a.arcico:visited {float: left; padding: 5px 0 5px 20px; background:url(../images/icono_herramienta.gif) no-repeat left center;} a.arcico_herr:hover {text-decoration: underline;} a.arcico_rec:link, a.arcico:active, a.arcico:visited {float: left; padding: 5px 0 5px 20px; background:url(../images/icono_recambios.gif) no-repeat left center; font-size: 1em;} a.arcico_rec:hover {text-decoration: underline;} #recambios #lib3d {width: 220px; height: 200px; border: 1px solid #ff0000;} #recambios #texturas {height: 150px;} #recambios #download {height: 150px; margin: 320px 0 0 0 ;} /* PALETA --------------------------------------------------------------------------- bordes backgrounds kettal: #d6d6d4; #000 hugonet: #d6d6d4; #000000 triconfort: #c5d7ed; #426BBA evolutif: #efc9b8; #D52D12 */ a.arqlink_kettal:link, a.arqlink_kettal:active, a.arqlink_kettal:visited {display: block; text-indent: 15px; line-height: 20px; font-size: 1.1em;} a.arqlink_kettal:hover {display: block; background: #000; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;} a.arqlink_hugonet:link, a.arqlink_hugonet:active, a.arqlink_hugonet:visited {display: block; text-indent: 15px; line-height: 20px;font-size: 1.1em;} a.arqlink_hugonet:hover {display: block; background: #000; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;} a.arqlink_triconfort:link, a.arqlink_triconfort:active, a.arqlink_triconfort:visited {display: block; text-indent: 15px; line-height: 20px; font-size: 1.1em;} a.arqlink_triconfort:hover {display: block; background: #426BBA; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;} a.arqlink_evolutif:link, a.arqlink_evolutif:active, a.arqlink_evolutif:visited {display: block; text-indent: 15px; line-height: 20px; font-size: 1.1em;} a.arqlink_evolutif:hover {display: block; background: #D52D12; color: #fff; text-indent: 15px; line-height: 20px; text-decoration: none;} /* ---- RECAMBIOS ---- */ .reccont {width: 320px; display: block; margin: 0 0 10px 0; border-bottom: 1px solid #e4e4e5;} .recimg {float: left; width: 80px; display: block;} .recspec {width: 200px; float: left; display: block; font-size: 1em; margin: 0 0 0 15px;} .recspec a {font-size: 1em;} .recspec .montaje {margin: 10px 0 0 0; font-size: 1em;} /* ---- SHOWROOMS ---- */ .bg_cont_tit {height: 15px;} .bg_tit {float: left; font-size: 15px; color: #000;} .bg_cerrar {float: right; width: 15px; height: 15px;} .bg_dir_mini {margin: 0;} .bg_dir {margin: 15px 0 0 0;} .bg_dir_2 {padding: 10px 10px 0 0; margin: 0px auto; width: 340px;} .bg_dir_espai {height: 10px;} #swtitulocont {height: 30px; border-bottom: 1px solid #e4e4e5;} #swtitulo {float: left; width: 300px;} #swclose {float: right;} #swdesc {width: 700px; margin: 10px 0 0 40px; color: #000;} #swfotos {} #swfotos ul {margin: 20px 0 0 40px;} #swfotos ul li {margin: 0 5px 5px 0; float: left;} #swfotos ul li a img {border: 1px solid #fff;} #swfotos ul li a:hover img {border: 1px solid #000;} /* NOU INDEX */ #navhome {float: left;} #navhome ul {width: 290px; margin: 40px 0 0 320px;} #navhome ul li {padding: 0 0 10px 0;} #navhome ul li a {color: #F00;} #navhome ul li a:hover {} #navhome ul li p {font-size: 1em; line-height: 15px;} #wrapper {width:900px; height:531px; margin: 0px auto;} .bghome {background: url(../images/bg_home_10.jpg) no-repeat 0 0;} /* pestanyes home */ #home_cont {float: right; padding: 15px 10px 0 20px;} #home_cont ul {} #home_cont ul li {display: block; width: 254px; height: 164px; margin: 0 0 3px 0; background: url(../images/bg_home_cont_li.png) no-repeat 0 0;} #home_cont ul li .img {width: 250px; height: 120px;} #home_cont ul li .content {padding: 2px 0 0 2px;} #home_cont ul li .legend {width: 250px; height: 38px; font-size: 1.2em;} #home_cont ul li .legend h2 {margin: 10px 10px 0 10px; font-family: "Times New Roman", helvetica, arial; font-style: italic; font-size: 1.1em; font-weight: normal;} /* NUEVAS COLECCIONES */ #coleccionessnew {}