/* - - - - - - - - - - - - - - - - - - - - -

LAYOUT CSS
Estructura de divs

Entorno Digital 2009

KETTAL 2009
Jaume Izquierdo

- - - - - - - - - - - - - - - - - - - - - */

body { font-size: 0.70em; font-family: helvetica, arial, tahoma, sans-serif; }
.clear {clear: both;}
#header {}

#wrapper {width:900px; height:531px; margin: 0px auto;}

.container {}
#nav { }
#main { }
#footer { }

/* ----- CENTER ----- */

#wrapper_center {width: 902px; height: 660px; margin: 0px auto; position: relative;}
#wrapper_center_cont { width: 902px; height: 660px; position: absolute; overflow: hidden; left: 2px; top: -1px; }

/* invisible para IE 5 \*/
#wrapper_center {position:absolute; margin: -330px 0 0 -451px; left: 50%; top: 50%;}
/* fin hack */

/* ----- HEADERS ----- */

#header h1 {padding: 10px 0 0 10px; float: left; width: 80%;}
#header h2 {float: right; width: 10%; padding: 15px 0 0 0;}

/* ----- NAV ----- */

#nav {width: 900px; height: auto; margin: 20px auto 0 auto; }
#nav #logo {float: left;}
#nav #logo img { padding: 10px 0 0 0;}
#nav ul {float: right;}
#nav ul li {float: left;}
#nav ul li a {display: block; padding: 0 6px 0 6px; line-height: 30px;}
#nav ul li a:hover {display: block;}

#navhome {float: left;}
#navhome ul {width: 290px; margin: 40px 0 0 325px;}
#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: 1.1em; line-height: 15px;}

#navcole {margin: 30px 0 0 /*365px*/ 290px; float: left; width: 150px;}

#navcole ul {}
#navcole ul li {/*display: block;*/ /*padding: 0 0 0 30px; line-height: 20px;*/ padding: 0; margin: 0;}
#navcole ul li a {}
#navcole ul li a:hover {}
 
#navcoleimg {float: right; width: 400px;}

/* ---- HOME ---- */

/* 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;}
#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;}
#home_cont ul li .legend h2 {margin: 10px 10px 0 10px;}

/* ---- COLECCIONES ---- */

.wrapper-cole {}

/* menu acordeon para colecciones */

.menu_list {width: 200px; margin: 0 0 0 15px;}
.menu_head {padding: 4px 10px; cursor: pointer; position: relative; /*margin:1px;*/ background: #fff url(../images/bg_arrow_bottom.gif) right no-repeat;}
.menu_body {display:none;}
.menu_body a {display:block; background: #fff; text-decoration:none; line-height: 15px; padding: 0 0 0 15px;}
.menu_body a:hover{color: #fff; text-decoration:none; background: #000; line-height: 15px; padding: 0 0 0 15px;}

/* volver */

#volver {float: left; width: 30px; margin: 2px 10px 0 10px; border-right: 1px solid #e4e4e5;}
#volver a {display: block; width: 23px; height: 24px; background:url(../images/btn_volver.gif) no-repeat; margin: 1px 0 0 0;}
#volver a:hover {display: block; width: 23px; height: 24px; background:url(../images/btn_volver_hover.gif) no-repeat; margin: 1px 0 0 0;}

/* ---- COLECCIONES 2 ---- */

#wrapper-col #gallery {float: left; width: 400px; height:531px;}
#wrapper-col #info {float: left; width: 230px; height:531px; }

#wrapper-col #info .title {margin: 20px 20px 20px 12px; height: 20px;}
#wrapper-col #info .desc {margin: 10px 0 0 12px;}
#wrapper-col #info .desc a {color: #4594cb;}
#wrapper-col #info .desc a:hover {color: #3d3d3d; text-decoration: none;}

#wrapper-col #mainRight .title {margin: 20px 0 0 12px;}
#wrapper-col #mainRight .desc {margin: 10px 0 0 12px;}
#wrapper-col #info #designer, #wrapper-col #mainRight #designer {margin: 20px 0 0 12px;}
#wrapper-col #info #btkit {margin: 0 0 0 12px;}

#wrapper-col h2 { width:220px; margin-bottom:25px; padding:5px 0px 0 10px;}

#wrapper-col #info #col1 {height: 350px;}
#wrapper-col #info #col2 {height: 200px;}

#wrapper-col #mainRight {float: left; width: 487px; height:531px;}
#wrapper-col #mainRight .subtitle {margin: 5px 0 0 20px; font-size: 12px; font-family: "Times New Roman", Times, serif; font-style: italic; padding: 0 0 0 11px;}
#wrapper-col #mainRight .desc ul { margin:25px 0 0 0;}
#wrapper-col #mainRight .desc ul li { margin:0 0 10px 0;}
#wrapper-col #mainRight .desc ul li a {}

#wrapper-col #mainRight .desc p { width:450px;}

#wrapper-col #mainRight .outerImgList {margin: 0 0 0 70px;}

#wrapper-col #mainRight .outerImgList ul {}
#wrapper-col #mainRight .outerImgList ul li {float: left;}
#wrapper-col #mainRight .outerImgList ul li img { margin:0 0 5px 30px;}

#wrapper-col #items {float: right; width: 250px; height: 531px;}

.pics {width: 400px; height: 530px; padding:0; margin:0; overflow: hidden}
.pics img {width: 400px; height: 530px; padding: 0;}

/*chiara */
#col1 #txt p { text-align:justify; padding:0 10px 0 0;}


/* ----- REFERENCIAS DES ---- */   /* chiara */

#rightList { float:right; width: 230px;height:531px;}

#colL, #colC, #colR { float:left;}

#colL { width: 230px;}
#colC { /*width: 400px;*/} 
#colR {width: 225px; 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;}

/* .blueTag : clase de los links azules con imagen en referencias_des.html */

#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(../img/link.gif) 5% 20% no-repeat #E7F5FE; color: #0099ff; line-height: 20px;}
#refitems ul li a.bluetag :hover {background-color: #DEEDEF;}

/* es te que netejar per a tipo */

#actions { width:900px; margin:0 auto; border-top:1px solid #e4e4e5; border-left:1px solid #e4e4e5; border-right:1px solid #e4e4e5; }
#actions ul { float: right; margin: 0 15px 0 0; }
#actions ul li {display: inline; }
#actions ul li a { color:#09F; font-size: 1em; height:20px; display:inline-block; margin:10px 0 0 10px; padding-left:25px; }
#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; }
/*#actions ul li a.back, #actions ul li a.send, #actions ul li a.download { margin-right:40px; }*/

/*
#colL, #colC, #colR { float:left; margin-top:2em;height:410px;}
*/

#colL h2, #colC h2, #colR h2 {}
#colL h2 a, #colC h2 a, #colR h2 a {}
#colL h2 a:hover, #colC h2 a:hover, #colR h2 a:hover { }

/* kettalizetSeleccion */    /*chiara*/
#col1 #instructions {margin: 10px 0 0 15px; width:400px; font-size: 9px;}
#col1 #instructions h3 a.tip { font-size:14px; line-height:2em; width:300px;}

#col1 #txt ul { margin:5px 15px;}
#col1 #txt ul li {margin:0;}
#col1 #txt ul li h2.helvetica_medium, #col1 #txt ul li h2.helvetica_medium a {margin:0;}
#col1 #txt ul li h2.helvetica_medium a { line-height:1em;}

#col1 #txt p.helveticalight{ margin:5px 15px 0 5px;}

#col1 #txt #kettalizeititems {}
#col1 #txt #kettalizeititems a.down {background: url(../images/ico_compress.gif) center left no-repeat; padding: 0 0 0 20px; color: #0099ff;}

#col1 #txt #kettalizeititems ul li {height: 20px; background:url(../images/bg_kettalizeit_li.gif) no-repeat right bottom;}

#wrapper-col #gallerykettalizeit {float: right; width: 400px; height:531px;}

/* ---- COLECCIONES ---- */

#wrappercol {}
#wrappercol #navcol {float: left; width: 240px; height: 531px;}
#wrappercol #colecciones {float: left; width: 650px;}
#wrappercol #colecciones ul {margin: 20px 0 0 20px;}
#wrappercol #colecciones ul li {float: left; display: block; /*text-align: center;*/ font-size: 12px; font-weight: bold;}
#wrappercol #colecciones ul li .colimg {margin: 8px 0 0 20px;}
#wrappercol #colecciones ul li a {display: block; width: 120px; height: 120px; border: 1px solid #fff; text-decoration: none;}
#wrappercol #colecciones ul li a:hover {display: block; width: 120px; height: 120px; border: 1px solid #000; text-decoration: none;}

/* ---- COLECCIONES B ---- */

#wrapper-colb {}
#wrapper-colb #header {width: 100%; height: 30px;}
#wrapper-colb #header .title {float: left; margin: 7px 0 0 10px; padding: 0; font-size: 22px;}
#wrapper-colb #header .title2 {float: left; margin: 7px 0 0 0; padding: 0; font-size: 22px;}
#wrapper-colb #header .ref {float: right; margin: 13px 10px 0 0;}
#wrapper-colb .col1 {float: left; width: 350px;}
#wrapper-colb .col1 img {}
#wrapper-colb #btkit {float: left; margin: 0 0 0 10px; width: 500px;}
#wrapper-colb #btkit .desc a {color: #3d3d3d; margin: 0 0 0 0;}
#wrapper-colb #btkit .desc a:hover {color: #4594CB; text-decoration: none;}

a.presu {font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic; display: block; width: auto; line-height: 20px; border: 1px solid #e2e1dd; float: left; padding: 0 10px 0 10px; background:url(../images/bg_bt_colours.gif) top left repeat-x;}
a.presu:hover {border: 1px solid #000; padding: 0 10px 0 10px; color: #fff; background: #000; text-decoration: none;}

#col1bt {margin: 0 0 15px 10px; float: left;}

#carousel {}

/* es te que netejar per a tipo */

#wrapper-colb .col2 {float: left; width: 530px; /*height: 350px;*/ margin: 10px 0 10px 10px; background:url(../images/bg_col2.gif) bottom left no-repeat; padding: 0 0 10px 0;}
.colours {width: 260px; height: 160px; float: left; margin: 0 2px 10px 0; padding: 0 0 20px 0; background: url(../images/bg_colours.gif) bottom left no-repeat;}
.colours h2 {width: 95%; padding: 0 5px 3px 0; margin: 0 0 5px 0;}
.colours ul {/*height: 200px;*/ float: left;}
.colours ul li {float: left;}
.colours ul li a img {float: left; width: 54px; height: 14px; margin: 0 1px 1px 0;}
.colours ul li a {display: block; width: 54px; height: 14px; margin: 0 1px 1px 0; padding: 1px; background: #fff}

.colours ul li a.selitem {width: 54px; height: 14px; background: #fff; padding: 1px; border: 1px solid #000;} /*#368cc7 selecc azul*/

/* ---- KETTALIZEIT ---- */

#wrapper-kit {margin: 50px 0 0 300px; width: 550px; color: #000;}
#wrapper-kit .desc {margin: 20px 0 0 0; font-size: 11px; line-height: 15px;}

/* ---- FICHA ---- */

#wrapperficha {width:900px; height:531px; margin: 0px auto;}
#wrapperficha #logo {margin: 0 0 0 20px;}
#wrapperficha #header {margin: 5px 0 10px 0;}
#wrapperficha #header #name  {float: left; margin: 0 0 0 20px;}
#wrapperficha #header #name img {margin: 2px 0 0 0;}
#wrapperficha #header #desc  {float: right; font-style:italic; margin: 0 50px 0 0;}
#wrapperficha #content .title {margin: 20px 0 20px 0; font-size: 11px; font-weight: bold;}
#wrapperficha #content ul {margin: 0 0 20px 0;}
#wrapperficha #content ul li {float: left; margin: 0 20px 0 0; line-height: 20px;}
#wrapperficha #content ul li .color {width: 54px; height: 14px; margin: 0;}

#screenshot {
	position:fixed;	
	background: #333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
/* ---- BUSCADOR ---- */ /* es te que netejar per a tipo */
	
#wrapperbuscador {width:900px; height:531px; margin: 0px auto; border-top: 1px solid #e4e4e5; border-left: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5;}
#wrapperbuscador #headerbusc {}
#wrapperbuscador #cont {height: 450px;}
#wrapperbuscador #cont ul {margin: 0 0 0 45px;}
#wrapperbuscador #cont ul li {float: left; width: 150px; margin: 0 10px 0 0; height: 140px;}
#wrapperbuscador #navbusc {}
#wrapperbuscador #navbusc .sig {float: right; margin: 0 30px 0 0;}
#wrapperbuscador #navbusc .ant {float: left; margin: 0 0 0 30px;}

/* ---- 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;}
#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; 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;}

/* ---- MAQUETACION PARA PAGINAS DE LISTADO DE NOTICIAS ---- */

#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: 1.2em;}
#colnot ul li .fecha {color: #0099ff; font-size: 9px;}
#colnot ul li .desc {margin: 5px 0 0 0;}

#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;}

/* ---- PRESUPUESTOS ---- */

.bg_deg {background:url(../images/bg_deg.gif) bottom repeat-x #fff;}

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;}

#presupuestos {width: 800px; margin: 15px auto 0 auto;}
#presu_header {}
#presu_header #tit {float: left;}
#presu_header #close {float: right; margin: 20px 10px 0 0;}

#presupuestos #col1 {float: left; /*background: #fff;*/ width: 450px; height: 450px;}
#presupuestos #col2 {float: left; /*background: #fff;*/ width: 350px; height: 450px;}

#presupuestos #col1 .cont {margin: 0 0 15px 0; border: 1px solid #e4e4e5; background: #fff; padding: 5px;}
#presupuestos #col1 .cont .header_pres {}
#presupuestos #col1 .cont .header_pres .title {float: left;  font-size: 16px; /*font-size: 2em; font-family: "Times New Roman", Times, serif; font-style: italic;*/}
#presupuestos #col1 .cont .header_pres .close {float: right;}
#presupuestos #col1 .cont .foto {float: left; width: 100px; margin: 0 10px 0 0;}
#presupuestos #col1 .cont .main {float: left; width: 250px; font-size: 0.9em;}
#presupuestos #col1 .cont .main .colors ul {margin: 0 0 0 0 ;}
#presupuestos #col1 .cont .main .colors ul li {float: left; margin: 10px 3px 3px 0; width: 54px;}
#presupuestos #col1 .cont .main .colors ul li img {width: 54px; height: 14px;}
#presupuestos #col1 .cont .main .total {margin: 5px 0 0 0; display: block; float: left; width: 150px;}
#presupuestos #col1 .cont .main .total .txt {line-height: 20px; float: left;}
#presupuestos #col1 .cont .main .total input {margin: 0 0 0 10px; float: left;}

#presupuestos #col2 #form {margin: 0; border: 1px solid #e4e4e5; background: #fff; padding: 5px 0 0 10px;}
#presupuestos #col2 #form ul {margin: 0; padding: 0;}
#presupuestos #col2 #form ul li {}
#presupuestos #col2 #form ul li label {float: left; width: 100px; margin: 0 0 8px 0;}
#presupuestos #col2 #form ul li input, select, textarea {float: left; width: 200px; font-size: 1em; border: 1px solid #e4e4e5; color: #616265; margin: 0 0 8px 0;}
#presupuestos #col2 .boton, #presupuestos #col2 #form ul li .boton  {color: #368cc7; background: #fff; border: 1px solid #e4e4e5; text-decoration: none; cursor: hand; width: 120px; margin: 8px 0 8px 0; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-style:italic;}
#presupuestos #col2 .boton:hover, #presupuestos #col2 #form ul li .boton:hover {background: #368cc7; border: 1px solid #368cc7; color: #fff;}

#presupuestos #col2 #form .boton_sel  {color: #fff; background: #368cc7; border: 1px solid #368cc7; text-decoration: none; cursor: hand; width: 120px; margin: 8px 0 8px 0; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-style:italic;}

/* ---- QUOTATIONS ---- */

#quotations {}
#quotations #form {margin: 0 0 0 0; padding: 10px 10px 10px 20px;}
#quotations #form ul {}
#quotations #form ul li {}
#quotations #form ul li label {background: url(../images/ico_bullet_black.gif) left center no-repeat; padding: 0 0 0 15px;}
#quotations #form ul li .resp {margin: 10px 0 15px 0; padding: 0 0 0 15px;}
#quotations #form ul li input {margin: 0 5px 0 5px;}
#quotations #logo {margin: 20px 0 10px 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;}

/* ---- 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;}

.recspec .montaje {margin: 10px 0 0 0;}

/* ---- FLEXSCROLLS ---- */

.pics2 {width: 345px; height: 307px; padding:0; margin:0; overflow: hidden}
.pics2 img {width: 345px; height: 307px; padding: 0;}

/* ---- 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;}


/* ---- FLEXSCROLLS ---- */

#mycustomscroll {width: 420px; height: 420px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; }

#outerlist {width: 450px; height: 420px; padding: 0 10px 0 0;  overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

#scrollcoleccionesb {width:510px; height:350px; padding: 0 20px 0 0;  overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ margin: 0 0 5px 0; }

#designersdesc {width:450px; height:180px; padding: 0 20px 0 0;  overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

#kettalizeitsel {width:450px; height:280px; padding: 0 10px 0 0; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

#scrollcolecciones {width:180px; height:480px; padding: 0 20px 0 0;  overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

#referenciasscroll {width: 270px; height: 480px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0 0 20px 0; padding: 0 15px 0 0; }

#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; }

#recambiosscroll {width: 320px; height: 480px; padding: 0 20px 0 0;  overflow: auto; margin: 30px 0 0 10px; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

#presupuestoscroll {width: 400px; height: 420px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0 0 0 10px; padding: 0 15px 0 0; }

#presupuestoscroll2 {width: 350px; height: 380px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0 0 0 0; padding: 0 15px 0 0; }

#mantenimientosscroll {width: 600px; height: 420px; padding: 0 10px 0 0;  overflow: auto; /* IE overflow fix, position must be relative or absolute*/ /*position: relative;*/ }

/* ----- FOOTER ----- */

#footer {height: 30px; border: 1px solid #e4e4e5; width:900px; margin:0 auto; background: #fff;}

#footer #buscar {}
#footer #buscar #titulobusc {color:#368cc7; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:normal; margin: 0 20px 0 10px; float:left; line-height: 30px;}
#footer #enlacespie {float: left;}
#footer #atencion {width: 150px; float: left; margin: 0 0 0 15px;}

#footer #atencionusuario {width: 110px; text-align: left; padding: 0 0 0 20px; vertical-align: middle; border-right: 1px solid #e4e4e5; background: url(../images/icono_herramienta.gif) left center no-repeat; height: 30px; margin: 0 0 0 0;}

#footer #atencionusuario a { line-height: 30px;}
#footer #atencionusuario a:hover {text-decoration: none;}	

#footer #contract {float: right; border-right: 1px solid #e4e4e5; margin: 0 0 0 0; width: 116px; text-align: center;}
	#footer #contract a {width: auto; text-align: center; line-height: 30px; float: left; padding: 0 5px 0 5px;}
	#footer #contract a:hover {width: auto; text-align: center; line-height: 30px; float: left; padding: 0 5px 0 5px; text-decoration: none;}
	#footer #contract a.sel {width: auto; text-align: center; color: #4594cb; line-height: 30px; float: left; padding: 0 5px 0 5px; text-decoration: none;}	
	
	/*#footer #contract .sel {display: block; height: 30px; background: #000; width: auto; text-align: center; line-height: 30px; color: #fff; float: left; padding: 0 5px 0 5px; text-decoration: none;}*/
	
#footer #marcas {float: right; height: 30px;}

#footer #marcas #contmarcas {margin: 4px 15px 0 15px;}

#footer #marcas a.kettal           {background: url(../images/pie-logo_kettal.gif); display: block; width: 37px; height: 21px; display: block; float: left;}
#footer #marcas a.kettal:hover     {background: url(../images/pie-logo_kettal-hover.gif); display: block; width: 37px; height: 21px; display: block;}
#footer #marcas a.hugonet          {background: url(../images/pie-logo_hugonet.gif); display: block; width: 37px; height: 21px; display: block; float: left; margin: 0 0 0 2px;}
#footer #marcas a.hugonet:hover    {background: url(../images/pie-logo_hugonet-hover.gif); display: block; width: 37px; height: 21px; display: block;}
#footer #marcas a.triconfort       {background: url(../images/pie-logo_triconfort.gif); display: block; width: 37px; height: 21px; display: block; float: left; margin: 0 0 0 2px;}
#footer #marcas a.triconfort:hover {background: url(../images/pie-logo_triconfort-hover.gif); display: block; width: 37px; height: 21px; display: block;}
#footer #marcas a.evolutif         {background: url(../images/pie-logo_evolutif.gif); display: block; width: 37px; height: 21px; display: block; float: left; margin: 0 0 0 2px;}
#footer #marcas a.evolutif:hover   {background: url(../images/pie-logo_evolutif-hover.gif); display: block; width: 37px; height: 21px; display: block;}

#footer #mp3 {float: left; margin: 5px 0 0 10px;}

#footer #lang {float: left; font-size: 9px; float: right; margin: 0 10px 0 0;}
#footer #lang a {height: 30px; margin: 0 0 0 5px; display: block; float: left; line-height: 30px; padding: 0 5px 0 5px; font-size: 12px; font-family:"Times New Roman", Times, serif; font-style: italic;}
#footer #lang a:hover {background: #000; color: #fff; text-decoration: none;}
	
#footersub {margin: 5px 0 0 0; width: 900px; margin: 0px auto;}
#footersub #avisolegal {font-size: 9px; float: left; margin: 5px 0 0 0;}
#footersub #avisolegal a {font-size: 9px;}
#footersub #lang {font-size: 9px; float: right; margin: 5px 10px 0 0;}
#footersub #lang a {font-size: 9px; margin: 0 0 0 5px;}
#footersub #rss {float: right; width: 16px; }

#footersub #outlet {float: right; margin: 0 10px 0 0;}
#footersub #outlet img {margin: 3px 0 0 0;}