/* CSS iProkite */
/* Realizado por Raúl Calvo Peón y totalmente modificado por Pablo Moyano */

/* bloques de contenidos */
body {
  background-color:#000000;        margin:0px;        padding:0px;
}
div#contenedor {
  width:950px;
  margin:0px auto;
  padding:0px;
}
div#cabecera {
  margin:0px auto;
  padding:0px;
}
div#bannertop {
  width:950px;
  margin:0px auto;
  padding:0px;
}
div#cab {
  width:950px;
  padding:0px;
  height:112px;
  background:url(../images/fondo_cab.jpg) no-repeat;
}
div#nav {
  width:950px;
  margin:0px auto;
  padding:0px;
}
div#contenidos {
  width:950px;
  margin:0px auto;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  background:url(../images/fd_contenedor.jpg) repeat-y;
}
div#izquierda {
  width:207px;
  padding:0px;
  margin:0px 0px;
  float:left;
}
div#centro {
  width:520px;
  margin:0px 0px 0px 225px;
  text-align:center;
}
div#derecha {
  width:181px;
  float:right;
  text-align:center;
  margin-right:5px;
}
div#pie {
  width:950px;
}
/* elementos por bloques *//* CABECERA */
div#prokitespain img {
  margin:10px 190px 0px 190px;
  padding:0px;
  background:none;
  border:0px;
}
div#cab a img#prokitespain {
        border:0px;
}
div#bannertop img {
  float:left;
  margin:0px;
  padding:0px;
}
/* NAV */
div#nav ul {
  margin:0px;
  padding:0px;
  background:none;
}
div#nav li {
  margin:0px 8px 0px 8px;
  padding:0px;
  background:none;
  display:inline;
}
/* CONTENIDOS */
div#gallery {
  margin:0px 0px 0px -20px;
  padding:0px;
}
ul li {
  margin:10px 0px 12px 0px;
  padding:0px;
}

div#centro td#introtxt {
        line-height:18px;
        font-size:12px;
        font-family: Tahoma, Verdana, sans-serif;
        padding-bottom:8px;
}
div#centro img.intro {
  margin:5px 15px 10px 0px;
  padding:4px;
  background:#fff;
  float:left;
  border:1px solid #6b6b6b;
}
div#contenidos img.decor {
  clear:both;
  margin:0px;
  padding:0px;
  background:none;
}
div.interno {
  margin:18px;
  padding:0px;
  background:none;
  color:#FFFFFF;
}
div.interno ul {
  margin:10px 0px 10px 0px;
  padding:0px;
  }
div.interno li {
  list-style-type:none;
  margin:4px 0px 8px 0px;
  font-weight:bold;
}
div.interno {
  margin-bottom:15px;
}
div#derecha div.interno {
  color:#000000;
  text-align:justify;
}
div#centro div.interno {
  text-align:justify;
}
div#izquierda div.interno {
  text-align:justify;
}
div#izquierda div.interno a, div#izquierda div.interno a:visited {
  text-align:justify;
  color:#000;
  text-decoration:none;
}
div#izquierda div.interno a:hover, div#izquierda div.interno a:active,
div#izquierda div.interno a:focus {
  text-align:justify;
  color:#fff;
  text-decoration:none;
}
div#derecha div.interno a, div#derecha div.interno a:visited {
  text-align:justify;
  color:#000000;
  text-decoration:none;
}
div#derecha div.interno a:hover, div#derecha div.interno a:active,
div#derecha div.interno a:focus {
  text-align:justify;
  color:#ed5000;
  text-decoration:none;
}
div#derecha div.interno th {        color:#000000;        text-align:center;        border-bottom:1px solid #fff;}
div#centro div.interno th {
  text-align:center;
  border-bottom:1px solid #fff;
}
div#izquierda div.interno th {
  text-align:center;
  border-bottom:1px solid #fff;
}
div#pie {
  text-align:left;
}
div#pie p.pie {
  color:#696969;
  margin:10px 0px 10px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  letter-spacing:2px;
  font-weight:bold;
}




form {
  margin:0px;
  padding:0px;
}
input {
  font-size:10px;
  color:#000;
}
div#izquierda input {
  vertical-align:middle;
  margin-bottom:10px;
}
div#izquierda label {
  vertical-align:middle;
}
form input.button {
  background-color:#ed5000;
  padding:3px 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  font-weight:bold;
  font-size:10px;
  border:0px;
}
form select.inputbox {
  background:none;
  padding:3px 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  font-size:10px;
  border:1px solid #000 dotted;
}
div#interior table {
  margin: 5px auto;
}
div#nav td.infoBoxHeading {
        display:none;
}
div#nav table.infoBox {
        width:50px;
        float:right;
}
table td a,  table td a:visited {
  color:#A9A9A9;
  text-decoration:none;
  font-weight:bold;
}
table td a:active,  table td a:focus, table td a:hover {
  color:#fff;
  text-decoration:none;
}
a:hover.readon,  a:active.readon, a:focus.readon {
  color:#ed5000;
  text-align:right;
  text-decoration:none;
}
a.readon,  a:visited.readon {
  color:#000000;
  text-align:right;
  text-decoration:none;
}
a:hover.readon,  a:active.readon, a:focus.readon {
  color:#ed5000;
  text-align:right;
  text-decoration:none;
}
div.back_button a, div.back_button a:visited {
        color:#000000;
  text-align:right;
  text-decoration:none;
}
div.back_button a:hover, div.back_button a:active, div.back_button a:focus {
  color:#ed5000;
  text-align:right;
  text-decoration:none;
}
.smalldark, .small {
  color:#fff;
}
div#izquierda div.interno a.mainlevel , div#izquierda div.interno a:visited.mainlevel {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 3px;
  text-decoration:none;
  letter-spacing:3px;
  word-spacing:-1px;
  border:1px dotted #000;
  border-top:0px;
  border-left:0px;
  display:block;
}
div#izquierda div.interno div.segNivel a.mainlevel , div#izquierda div.interno div.segNivel a:visited.mainlevel {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 8px 4px 3px;
  text-decoration:none;
  letter-spacing:3px;
  word-spacing:-1px;
  border-bottom:1px dotted #000;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  display:block;
}
div#izquierda div.interno a:hover.mainlevel , div#izquierda div.interno a:visited:hover.mainlevel,
div#izquierda div.interno a:active.mainlevel, div#izquierda div.interno a:focus.mainlevel {
  color:#fff;
  text-decoration:none;
  border:1px dotted #fff;
  border-top:0px;
  border-left:0px;
}
div#izquierda div.interno div.segNivel a:hover.mainlevel , div#izquierda div.interno div.segNivel a:visited:hover.mainlevel,
div#izquierda div.interno div.segNivel a:active.mainlevel, div#izquierda div.interno div.segNivel a:focus.mainlevel {
  color:#fff;
  text-decoration:none;
  border:0px dotted #fff;
  border-top:0px;
  border-left:0px;
}
div#centro div.interno a.mainlevel , div#centro div.interno a:visited.mainlevel,
div#derecha div.interno a.mainlevel , div#derecha div.interno a:visited.mainlevel {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 3px;
  text-decoration:none;
  letter-spacing:3px;
  word-spacing:-1px;
  border:1px dotted #000;
  border-top:0px;
  border-left:0px;
  display:block;
}
div#centro div.interno a:hover.mainlevel , div#centro div.interno a:visited:hover.mainlevel,
div#centro div.interno a:active.mainlevel, div#centro div.interno a:focus.mainlevel,
div#derecha div.interno a:hover.mainlevel , div#derecha div.interno a:visited:hover.mainlevel,
div#derecha div.interno a:active.mainlevel, div#derecha div.interno a:focus.mainlevel {
  color:#ed5000;
  text-decoration:none;
  border:1px dotted #ed5000;
  border-top:0px;
  border-left:0px;
}
.inputbox {
  background:none;
  border:1px dotted #000;
}
div#contenidos label {
  color:#000000;
}
div#izquierda div.interno a.latestnews , div#izquierda div.interno a:visited.latestnews {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 0px;
  text-decoration:none;
  letter-spacing:3px;
  border-bottom:1px dotted #000;
  display:block;
}
div#izquierda div.interno a:hover.latestnews , div#izquierda div.interno a:visited:hover.latestnews,
div#izquierda div.interno a:active.latestnews, div#izquierda div.interno a:focus.latestnews {
  color:#fff;
  text-decoration:none;
  border-bottom:1px dotted #fff;
}
div#centro div.interno a.latestnews , div#centro div.interno a:visited.latestnews,
div#derecha div.interno a.latestnews , div#derecha div.interno a:visited.latestnews {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 0px;
  text-decoration:none;
  word-spacing:-1px;
  letter-spacing:2px;
  border-bottom:1px dotted #000;
  display:block;
}
div#centro div.interno a:hover.latestnews , div#centro div.interno a:visited:hover.latestnews,
div#centro div.interno a:active.latestnews, div#centro div.interno a:focus.latestnews,
div#derecha div.interno a:hover.latestnews , div#derecha div.interno a:visited:hover.latestnews,
div#derecha div.interno a:active.latestnews, div#derecha div.interno a:focus.latestnews {
  color:#ed5000;
  text-decoration:none;
  border-bottom:1px dotted #fff;
  display:block;
}
div#izquierda div.interno a.category , div#izquierda div.interno a:visited.category {
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 0px;
  text-decoration:none;
  letter-spacing:3px;
}
div#izquierda div.interno a:hover.category , div#izquierda div.interno a:visited:hover.category,
div#izquierda div.interno a:active.category, div#izquierda div.interno a:focus.category {
        color:#fff;
  text-decoration:none;
}
div#centro div.interno a.category , div#centro div.interno a:visited.category,
div#derecha div.interno a.category , div#derecha div.interno a:visited.category {
        color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding:3px 3px 4px 0px;
  text-decoration:none;
  word-spacing:-1px;
  letter-spacing:2px;
}
div#centro div.interno a:hover.category ,
div#centro div.interno a:visited:hover.category,
div#centro div.interno a:active.category,
div#centro div.interno a:focus.category,
div#derecha div.interno a:hover.category ,
div#derecha div.interno a:visited:hover.category,
div#derecha div.interno a:active.category,
div#derecha div.interno a:focus.category {
        color:#ed5000;
  text-decoration:none;
}
td.sectiontableentry2 {
        margin: 10px 0px;
  padding:010px 0px;
}
td.sectiontableentry2 a {
  font-size:9px;
}
div#nav div#menu a.mainlevelnav1,
div#nav div#menu a:visited.mainlevelnav1 {
  color:#ed5000;
  margin:0px 10px 0px 35px;
  font-size: 12px;
  letter-spacing: 4px;
  padding:0px 6px 0px 6px;
  font-weight:normal;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
div#nav div#menu a.mainlevelnav3,
div#nav div#menu a:visited.mainlevelnav3 {
  color:#ed5000;
  margin:0px 20px 0px 35px;
  font-size: 12px;
  letter-spacing: 4px;
  padding:0px 6px 0px 6px;
  font-weight:normal;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
div#nav div#menu a.mainlevelnav,
div#nav div#menu a:visited.mainlevelnav {
  color:#ed5000;
  margin:0px 6px 0px 18px;
  font-size: 12px;
  letter-spacing: 4px;
  padding:0px 6px 0px 6px;
  font-weight:normal;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
div#nav div#menu a.salir,
div#nav div#menu a:visited.salir {
  color:#ed5000;
  margin:0px 5px 0px 8px;
  font-size: 12px;
  letter-spacing: 4px;
  padding:0px 0px 0px 0px;
  font-weight:normal;
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
div#nav div#menu a:focus.mainlevelnav,
div#nav div#menu a:hover.mainlevelnav,
div#nav div#menu a:active.mainlevelnav {
  color:#fff;
}
div#nav div#menu a:focus.salir,
div#nav div#menu a:hover.salir,
div#nav div#menu a:active.salir {
  color:#fff;
}
div#nav div#menu {
  margin-top:7px;
  margin-bottom:7px;
  margin-left:0px;
  margin-right:auto;
  padding:0px;
}
div#nav div#menu form {
        float:right;
        margin-right:7px;
}
div#nav div#menu form input {
        margin-left:2px;
        margin-top:-2px;
}
div#nav div#menu li.ultimo a.mainlevelnav {
  margin-left:130px;
  margin-right:0px;
}
div#nav div#menu li.cesta a.mainlevelnav {
  margin-left:70px;
  margin-right:0px;
  padding:0px;
}
div#nav div#menu table td {
 padding-bottom:8px;
}
div#nav div#menu table.moduletablebuscador {
 float:right;
 padding:8px 0px 0px 0px;
}
.inputboxbuscador {
        background:none;
  border:1px dotted #ed5000;
  margin-right: 4px;
  padding:3px 5px;
}
input.buttonbuscador {
        background-color:#ed5000;
  padding:3px 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  font-weight:bold;
  font-size:10px;
  border:0px;
  margin-right: 5px;
}
div#gallery form {
  margin-bottom: 15px;
  margin-top:15px;
}
div#gallery select.inputbox {
  margin:0px 6px 0px 6px;
  font-size: 10px;
  font-weight:normal;
  background: none;
}
div#gallery h3 {
  border-bottom:1px solid #fff;
  margin: 0px 10px 0px 40px;
}
div.componentheading {
  border-bottom:1px solid #fff;
  margin:0px 10px;
}
table.tablemodulebanner, table.tablemodulebanner tr,
table.tablemodulebanner td {
  margin:0px;
  padding:0px;
  border:0px;
  margin-top:-100px;
}
div#bannertop a img {
  border:0px;
}
td.infoBoxHeading {
border-bottom:1px solid #fff;
}
td.pageHeading {
        font-size:15px;
        font-variant:small-caps;
        letter-spacing:2px;
        font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
        padding-bottom:5px;
        border-bottom: 1px solid #fff;
}
td.pageHeadingform {
        font-size:11px;
        font-variant:small-caps;
        letter-spacing:2px;
        font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
        padding-bottom:5px;
        border-bottom: 1px solid #fff;
}
div#centro table.contImg{
        margin:0px 10px 5px 0px;
}
div#centro img.producto {
  background:url(../images/fd_img_gris.gif) no-repeat;
}
/*div#centro table.productListing img {
  background:url(../images/fd_img_gris.gif) no-repeat;
}*/
div#izquierda div.producto {
  background:url(../images/fd_img_azul.gif) no-repeat;
  margin:auto;
  margin-bottom:10px;
  width:130px;
  height:81px;
}
div#derecha div.producto {
  background:url(../images/fd_img_naranja.gif) no-repeat;
  margin:auto;
  width:130px;
  height:81px;
}
div#centro div.producto {
  background:url(../images/fd_img_gris.gif) no-repeat;
  margin:auto;
  width:130px;
  height:81px;
}
div#derecha div.interno td.infoBoxContentsAlerta {
        text-align:center;
}
div#centro td#categorias {
        font-size:12px;
        font-variant:small-caps;
        font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
        letter-spacing:3px;
}
div#centro td.productListing-heading {
        padding-bottom:20px
}
div#centro a.productListing-heading {
        font-variant:small-caps;
}
div#centro td.mainalto {
        font-variant:small-caps;
        letter-spacing:4px;
}

/* --------------------- *//* estilos sIFR NO TOCAR */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash div#centro h1 {
  letter-spacing: 4px;
  visibility: hidden;
  font-size: 20px;
}
.sIFR-hasFlash div#centro h2 {

  visibility: hidden;
  letter-spacing: 4px;
  font-size: 19px;
}
.sIFR-hasFlash div#centro h3 {
  visibility: hidden;
  letter-spacing: 4px;
  font-size: 18px;
}
.sIFR-hasFlash div#centro h4 {
  visibility: hidden;
  letter-spacing: 4px;
  font-size: 18px;
}
.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px;
}
.sIFR-hasFlash div#contenidos td.infoBoxHeading {
  letter-spacing: 4px;
  visibility: hidden;
  font-size: 10px;
}
.sIFR-hasFlash div#contenidos th.tit {
  letter-spacing: 8px;
  visibility: hidden;
  font-size: 10px;
}
.sIFR-hasFlash div.componentheading {
  letter-spacing: 4px;
  visibility: hidden;
  font-size: 18px;
}

/* FIN estilos sIFR NO TOCAR */

/* INICIO LIGHTBOX */
#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }
/*  FIN lightbox */