a
{
    Text-decoration : none;
    Color : rgb(0 , 0 , 102);
}
a img
{
    Border-width : 0px;
}
a:hover
{
    Text-decoration : underline;
}
body
{
    Text-align : center;
    Margin : 0px;
    Background-image : url("http://www.istokbcn.com/images/fondo_degradado1.jpg");
    Font-family : sans-serif;
    Font-size : 12px;
    Font : Verdana;
    Background-color : rgb(237 , 241 , 242);
    Background-repeat : repeat-x;
    Background-position : top center;
}
.cabecera
{
    Width : 850px;
    Height : auto;
}
#titulotodo
{
    Padding : 0px;
    Margin : 0px;
    Height : 135px;
}
#logo
{
    Height : 135px;
    Background-color : rgb(255 , 255 , 255);
    Margin : 0px;
    Padding : 0px;
}
#tituloistok
{
    Float : right;
    Width : 655px;
    Height : auto;
    Margin-top : 3px;
}
#subtitulo
{
    Clear : both;
    Background-color : rgb(23 , 53 , 75);
    Color : rgb(255 , 255 , 255);
    Text-align : center;
}
.titulocabecera
{
    Font-size : 30px;
}
#nav
{
    Text-align : center;
    Background-color : rgb(187 , 217 , 238);
    Padding : 0px;
    Float : left;
    Width : 100%;
    Line-height : normal;
}
#nav a
{
    Float : left;
    Background-image : url("http://www.istokbcn.com/images/sliding-doors-mountaintops-1.png");
    Background-color : rgb(231 , 241 , 248);
    Background-repeat : no-repeat;
    Padding-top : 0px;
    Padding-right : 0px;
    Padding-bottom : 0px;
    Padding-left : 9px;
    Text-decoration : none;
    Color : rgb(0 , 0 , 0);
    Background-position : top left;
}
#nav img
{
    Float : left;
    Display : block;
    Background-color : rgb(231 , 241 , 248);
    Background-image : url("http://www.istokbcn.com/images/sliding-doors-mountaintops-1.png");
    Background-repeat : no-repeat;
    Padding-top : 6px;
    Padding-right : 15px;
    Padding-bottom : 5px;
    Padding-left : 6px;
    Background-position : top right;
}
#nav a span
{
    Float : left;
    Display : block;
    Background-color : rgb(231 , 241 , 248);
    Background-image : url("http://www.istokbcn.com/images/sliding-doors-mountaintops-1.png");
    Background-repeat : no-repeat;
    Padding-top : 4px;
    Padding-right : 15px;
    Padding-bottom : 3px;
    Padding-left : 6px;
    Background-position : top right;
}
#nav a:hover
{
    Font-weight : bold;
    Text-decoration : none;
    Background-color : rgb(228 , 241 , 188);
    Color : rgb(0 , 0 , 0);
}
#nav a:hover span
{
    Font-weight : bold;
    Text-decoration : none;
    Background-color : rgb(228 , 241 , 188);
    Color : rgb(0 , 0 , 0);
}
#nav ul
{
    Margin : 0px;
    Padding-top : 10px;
    Padding-right : 0px;
    Padding-bottom : 0px;
    Padding-left : 10px;
    List-style : none;
}
#nav li
{
    Display : inline;
    Padding : 0px;
    Margin : 0px;
}
#subnav
{
    Clear : both;
    Text-align : center;
    Margin : 0px;
    Padding : 3px;
}
#subnav ul
{
    Margin : 0px;
}
#subnav li
{
    Display : inline;
    Padding : 5px;
}
#menuabajo
{
    Clear : both;
    Text-align : center;
    Margin : 0px;
    Padding : 5px;
}
#contenedor
{
    Margin : 0 auto 0 auto;
    Width : 850px;
    Height : auto;
    Text-align : left;
    Border-style : solid;
    Border-width : 1px;
    Border-top-width : 0px;
    Background-color : white;
    Border-color : rgb(141 , 190 , 213);
}
#navbajo li
{
    Display : inline;
    Text-align : center;
    Font-size : 90%;
}
#contenido
{
    Width : 850px;
}
#pie
{
    Text-align : center;
}
#columnaizquierda
{
    Height : auto;
    Float : left;
    Margin : 1px;
    Padding : 1px;
    Width : 610px;
}
#columnaderecha
{
    Float : right;
    Width : 230px;
    Padding : 1px;
    Margin : 1px;
    Height : auto;
}
.columna2izq
{
    Float : left;
    Margin : 3px;
    Padding : 3px;
    Width : 50%;
    Clear : none;
}
.columna2der
{
    Float : right;
    Width : 50%;
    Padding : 3px;
    Margin : 3px;
    Height : auto;
    Clear : both;
}
.ap
{
    Padding : 2px;
}
.titulocaja1
{
    Border-style : dotted;
    Border-width : 1px;
    Padding : 2px;
    Margin : 3px;
    Color : rgb(0 , 0 , 102);
    Font-weight : bold;
    Background-image : url("http://www.istokbcn.com/images/fondo_caja1_degradado2largo.jpg");
    Background-repeat : repeat;
    Background-position : center center;
}
.caja1
{
    Border-width : 1px;
    Border-style : dotted;
    Padding : 8px;
    Margin : 3px;
    Border-color : rgb(41 , 99 , 140);
}
.caja2
{
    Border-width : 1px;
    Border-style : dotted;
    Padding : 8px;
    Margin : 3px;
    Background-image : url("http://www.istokbcn.com/images/productos_2jpg.gif");
    Background-repeat : no-repeat;
    Background-position : top center;
    Padding-left : 235px;
    Border-color : rgb(41 , 99 , 140);
}
.portofolio
{
    Background-color : rgb(184 , 210 , 235);
    Background-image : url("http://www.istokbcn.com/images/portofolio_bg1.gif");
    Background-repeat : no-repeat;
    Background-position : top left;
    Margin : 3px;
    Padding : 5px;
    Border-width : 1px;
    Border-color : rgb(41 , 99 , 140);
    Border-style : dotted;
}
/*recuadro de la derecha (contiene imagenes + pie de foto )*/
.recuadro1
{
    Float : right;
    Width : 280px;
    Text-align : center;
    Padding : 10px;
    Background-color : rgb(234 , 245 , 250);
    Margin : 10px;
}
/*igual que recuadro1, pero a la izquierda (para comprar dos fotos)
*/
.recuadro1izq
{
    Float : left;
    Width : 280px;
    Text-align : center;
    Padding : 10px;
    Background-color : rgb(234 , 245 , 250);
    Margin : 10px;
}
/*recuadro pequeño, flotante izquierda
*/
.recuadro2
{
    Background-color : rgb(234 , 245 , 250);
    Padding : 10px;
    Margin : 10px;
    Text-align : left;
    Width : 200px;
    Float : left;
}
.recuadro3
{
    Background-color : rgb(234 , 245 , 250);
    Margin : 10px;
    Padding : 10px;
    Clear : both;
}
.resaltado
{
    Background-color : rgb(193 , 193 , 255);
}
.recuadro4
{
    Margin : 10px;
    Padding : 20px;
    Border-width : 1px;
    Border-color : rgb(102 , 102 , 102);
    Width : 90%;
    Border-style : dashed;
}
.titulo
{
    Font-weight : bold;
    Color : rgb(0 , 0 , 102);
}
titulo
{
    Font-weight : bold;
    Color : rgb(0 , 0 , 102);
}
.bigger
{
    Font-size : 115%;
}
.destacado
{
    Font-weight : bold;
}
.cursiva
{
    Font-style : italic;
}
.titulorecuadro3
{
    Font-weight : bold;
    Color : rgb(0 , 0 , 102);
    Background-color : rgb(204 , 204 , 255);
    Padding : 5px;
}
.imgflotizq
{
    Float : left;
    Clear : both;
    Padding : 5px;
}
.imgflot_derecha
{
    Float : right;
    Clear : none;
    Padding : 5px;
    Text-align : right;
}
.producto1
{
    Float : right;
    Width : 172px;
    Padding : 2px;
}
.producto2
{
    Width : 172px;
    Float : left;
    Padding : 2px;
}
.producto3
{
    Float : left;
    Width : 172px;
    Padding : 2px;
}
/*borde redondeado - index
*/
.roundcont575px
{
    Width : 605px;
    Background-color : rgb(41 , 99 , 140);
    Padding-bottom : 2px;
    Color : rgb(255 , 255 , 255);
}
.roundcont575px span
{
    Margin-left : 10px;
}
/*borde redondeado sin ancho definido (para todas las páginas excepto index)*/
.roundcont
{
    Background-color : rgb(41 , 99 , 140);
    Padding-bottom : 2px;
    Color : rgb(255 , 255 , 255);
}
/*borde redondeado sin ancho definido (para todas las páginas excepto index)*/
.roundcont a
{
    Color : rgb(255 , 255 , 255);
}
/*borde redondeado sin ancho definido (para todas las páginas excepto index)*/
.roundcont a:visited
{
    Color : rgb(255 , 255 , 255);
}
/*borde redondeado sin ancho definido (para todas las páginas excepto index)*/
.roundcont a:hover
{
    Color : rgb(255 , 255 , 255);
}
.roundcont span
{
    Margin-left : 10px;
}
.roundtop
{
    Background-image : url("http://www.istokbcn.com/images/tr.gif");
    Background-repeat : no-repeat;
    Background-position : top right;
}
.roundbottom
{
    Background-image : url("http://www.istokbcn.com/images/br.gif");
    Background-repeat : no-repeat;
    Background-position : top right;
}
img.corner
{
    Width : 9px;
    Height : 8px;
    Border : none;
    Display : block;
}
button
{
    Background-image : url("http://www.istokbcn.com/images/bg_button_1.gif");
    Background-repeat : repeat;
    Background-position : top left;
    Padding : 2px;
    Border-width : 1px;
    Border-color : rgb(102 , 102 , 255);
    Border-style : solid;
    Margin : 3px;
}
.centrado
{
    Text-align : center;
}
/*precio productos home
*/
.precio
{
    Text-align : right;
    Background-color : rgb(204 , 204 , 255);
}
.black-font
{
    Color : black;
}
.black-font a
{
    Color : black;
    Text-decoration : none;
}
.derecha
{
    Text-align : right;
    Font-weight : bold;
}
/*para pies de pagina, más pequeña
*/
.fontsmall
{
    Font-size : smaller;
}
/*para hacer letra más pequeña - página pricipal, pie: 
para enlaces de buscadores y directorios*/
.publicidad
{
    Text-align : left;
    Padding : 20px;
    Font-size : 10px;
    Color : rgb(0 , 51 , 153);
}
.col1
{
    Width : 90%;
    Padding : 2px;
    Border-width : 1px;
    Border-color : rgb(137 , 148 , 198);
    Border-style : dotted;
    Margin : 2px;
    Background-color : rgb(186, 190, 191);
}
.col2
{
    Margin : 2px;
    Text-align : left;
    Border-width : 1px;
    Border-color : rgb(255 , 255 , 255);
    Padding-right : 2px;
    Padding-top : 2px;
    Padding-bottom : 2px;
    Padding-left : 40px;
}
.col3
{
    Padding-left : 15px;
    Padding-right : 2px;
    Margin : 3px;
    Padding-top : 2px;
    Padding-bottom : 2px;
}
.col3-1
{
    Padding : 2px;
    Margin : 2px;
    Background-color : rgb(89 , 145 , 207);
    Font-weight : bold;
}