/* ==================================================

SYSCOM CSS Style Sheet - Version 0.2
Written by Edwin Sandoval <sandovaledwin@hotmail.com>

Swatch Colors
=============

3e3e3e - Gray Dark
ffffff - White
01a1ff - Light Blue

================================================== */

/* Resets
=========== */

body, p, span, ul, li, h1, h2 {
    margin: 0;
    padding: 0;
}

/* Links
=========== */

#menuDistribuidores a:link, #menuDistribuidores a:visited, #menuDistribuidores a:hover, #menuDistribuidores a:active{
    padding-top:6px;    
    height:32px;
    text-decoration:none;
    text-align:center;
    float:left;
}

#link-1 { width:81px;  display:block; }
#link-2 { width:92px;  display:block; }
#link-3 { width:135px; display:block; }
#link-4 { width:92px;  display:block; }
#link-5 { width:104px; display:block; }
#link-6 { width:106px; display:block; }
#link-7 { width:108px; display:block; }
#link-8 { width:80px;  display:block; }
#link-9 { width:85px;  display:block; }
#link-10{ width:87px;  display:none;  }

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
    padding-top:6px;
    display:block;
    height:27px;
    text-decoration:none;
    text-align:center;
    float:left;
}

.menuSeleccionado{
    background:transparent url(/img/principal/version2/señalador-menu-expandido.png) bottom center no-repeat;
}

.menuColabsable ul li a:link    { color:#ffffff; text-decoration:none;  }
.menuColabsable ul li a:visited { color:#ffffff; text-decoration:none;  }
.menuColabsable ul li a:hover   { color:#EA8F03; text-decoration:none;  }
.menuColabsable ul li a:active  { color:#ffffff; text-decoration:none;  }

.acordion ul li a{
    background:transparent url(/img/principal/version2/menuBg.jpg) left bottom no-repeat;
    margin:0px 10px;
    padding:5px 0px;
    color:#3e3e3e;
    width:167px;
    display:block;
}

.acordion a:link, .acordion a:visited, .acordion a:hover, .acordion a:active{
    text-decoration:none;
}

.acordionazo li ul li a{
    padding:5px 16px 5px 16px;
    background:none;
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:normal;
    font-size:11px;
}

.acordionazo li ul li a.linkAccesorio{
    margin:0;
    padding:0;
    font-size:10px;
}

.acordionazo li ul li a.linkAccesorio

.acordionazo li ul li a.linkAccesorio:link    { color:#333333; text-decoration:none;  }
.acordionazo li ul li a.linkAccesorio:visited { color:#333333; text-decoration:none;  }
.acordionazo li ul li a.linkAccesorio:hover   { color:#ca0000; text-decoration:none;  }
.acordionazo li ul li a.linkAccesorio:active  { color:#333333; text-decoration:none;  }

#footerLeft ul li ul li a{   
    margin:0px;
}

#footerLeft ul li a:link{ text-decoration:none;    }
#footerLeft ul li a:visited{ text-decoration:none; }
#footerLeft ul li a:hover{ text-decoration:none;   }
#footerLeft ul li a:active{ text-decoration:none;  }

#footerCenter ul li ul li a{
    margin:0px;
}

#footerCenter ul li a:link    { text-decoration:none; }
#footerCenter ul li a:visited { text-decoration:none; }
#footerCenter ul li a:hover   { text-decoration:none; }
#footerCenter ul li a:active  { text-decoration:none; }

#categoria-1 { width:70px; }
#categoria-2 { width:210px;  }
#categoria-3 { width:50px; }
#categoria-4 { width:150px;  }
#categoria-5 { width:40px;  }
#categoria-6 { width:140px; }
#categoria-7 { width:70px; }
#categoria-8 { width:100px; }
#categoria-9 { width:140px; }

.slider p a:link    { text-decoration:none;      }
.slider p a:visited { text-decoration:none;      }
.slider p a:hover   { text-decoration:underline; }
.slider p a:active  { text-decoration:none;      }

.topSlider p a:link    { text-decoration:none;      }
.topSlider p a:visited { text-decoration:none;      }
.topSlider p a:hover   { text-decoration:underline; }
.topSlider p a:active  { text-decoration:none;      }

.botonVerMas{
    background:transparent url(/img/principal/version2/botonVerMas.png) no-repeat;
    display:block;
    height:30px;
    width:132px;
    padding-top:15px;
    float:left;
}

a.botonVerMas:link    { text-decoration:none; }
a.botonVerMas:visited { text-decoration:none; }
a.botonVerMas:hover   { text-decoration:none; color:#FFFFFF; }
a.botonVerMas:active  { text-decoration:none; }

#paginador a{
    background-color:#626262;
    border:1px groove #333333;
    height:20px;
    width:25px;
    margin:2px;
    padding:5px 0 0;
    text-align:center;
    display:block;
    float:left;    
}

#paginador a:link    { text-decoration:none; }
#paginador a:visited { text-decoration:none; }
#paginador a:hover   { text-decoration:none; }
#paginador a:active  { text-decoration:none; }

#path a:link    { text-decoration:none; }
#path a:visited { text-decoration:none; }
#path a:hover   { text-decoration:none; color:#CA0000; }
#path a:active  { text-decoration:none; }

.recursos-categorias ul li a{ color:#ffffff; margin-left:55px; }
    
.recursos-categorias ul li a:link    { text-decoration:none; }
.recursos-categorias ul li a:visited { text-decoration:none; }
.recursos-categorias ul li a:hover   { text-decoration:none; color:#00BDD1; }
.recursos-categorias ul li a:active  { text-decoration:none; }

.recursos-categorias ul li a.resaltar{ border-bottom: 3px groove #0183A3; padding:5px; }

#seccion .recurso span a{
    color:#0d0d0d;
    display:block;
    text-align:center;
}

#seccion .recurso span a:link    { text-decoration:none; }
#seccion .recurso span a:visited { text-decoration:none; }
#seccion .recurso span a:hover   { text-decoration:none; color:#00849F; }
#seccion .recurso span a:active  { text-decoration:none; }

/* Typographies
=========== */

.titles{
    font-family:Arial,Helvetica,Verdana;
    font-weight:bold;
    font-size:36px;
    color:#3e3e3e;
}

.subtitles{
    font-family:Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:16px;
    color:#3e3e3e;
    text-transform:uppercase;
}

.titles-menu{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#ffffff;
}

.texto{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3e3e3e;
}

.menuColabsable li{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#ffffff;
}

.acordion a{
    margin:0px 5px;
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:11px;
    color:#ffffff;
}

#seccion span{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:bold;
    font-size:12px;
    color:#3e3e3e;
}

#seccion ul li{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3e3e3e;
}

#footerLeft{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
}

#footerLeft ul li a{
    color:#01A1FF;
}

#footerLeft ul li ul li{
    color:#01A1FF;
}

#footerLeft ul li ul li a{
    color:#cdcdcd;
}

#footerCenter{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
}

#footerCenter ul li a{
    color:#01A1FF;
}

#footerCenter ul li ul li{
    color:#01A1FF;
}

#footerCenter ul li ul li a{
    color:#cdcdcd;
}

.slider p{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
}

.slider p a{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#01a1ff;
}

.topSlider p span{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#ffffff;
}

.topSlider p a{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#f69000;
}

.datosProducto h3, .datosProducto li {
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
}

.botonVerMas{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#EFEFEF;
    text-align:center;
}

.comentariosProducto p{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
    text-align:center;
}

.comentariosProducto p span{
    color:#CA0000;
}

.codigoProducto p{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
}

.codigoProducto p span{
    color:#CA0000;
}

#paginador a{
    color:#ffffff;
}

#descripcion h1, #descripcion h2, #descripcion p, #descripcion span{
    margin:5px 5px 5px 5px;
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:14px;
    color:#3E3E3E;
}

#descripcion span{
    color:#CA0000;
}

.extraMenu li{
    margin:5px 5px 5px 5px;
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
}

#extra-1, #extra-2{    
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
}

#path a{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;    
}

.asuntoComentario{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#3E3E3E;
}

.autorComentario{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:11px;
    color:#3E3E3E;
}

.fechaComentario{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:11px;
    color:#3E3E3E;
    text-align:right;
}

#seccion .recurso span{
    font-family:Geneva,Arial,Helvetica,Verdana;
    font-weight:normal;
    font-size:12px;
    color:#0d0d0d;
}

#portada p{
    font-family:Arial,Helvetica,Verdana;
    font-weight:bold;
    font-size:16px;
    color:#005c8b;
}

/* Structures
=========== */

body {
    background:#ffffff url(/img/principal/version2/back-general.jpg) repeat-x top left;
}

#menuDistribuidores {
    position: fixed;
    width:100%;
    height:32px;
    top:0px;
    z-index:99;
    text-align:center;
    background:transparent url(/img/principal/version2/bgMenuDistribuidor.jpg) repeat-x top left;
}

#linksMenuDistribuidores{
    margin:0px auto;
    width:975px;
    height:32px;
    background:transparent url(/img/principal/version2/bgLinksMenuDistribuidor.jpg) no-repeat;
}

#header{
    margin-top:32px;
    width:100%;
    height:108px;
    background:transparent url(/img/principal/version2/bgHeader.jpg) repeat-x top left;
}

#areaHeader{
    margin:0px auto;
    width:975px;
    height:108px;
    background:transparent url(/img/principal/version2/areaHeader.jpg) no-repeat;
}

#login{
    width:975px;
    height:65px;
}

#buscador{
    width:975px;
    height:45px;    
}

#menu{
    width:100%;
    height:33px;
    background:transparent url(/img/principal/version2/bgMenuNaranja.jpg) repeat-x top left;
}

#menu ul{
    margin:0px auto;
    width:975px;
    height:33px;
    background:transparent url(/img/principal/version2/areaMenuNaranja.jpg) no-repeat;
}

#menu ul li{
    list-style:none;
    display:inline;
}


.menuColabsable{
    display:none;
    width:100%;
    background:#2A2829 url(/img/principal/version2/back-menu-exoandido.jpg) repeat-x top left;
    overflow:hidden;
}

.menuColabsable div{
    width:900px;
    margin:0 auto;
}

.menuColabsable ul{
    width:900px;
    padding-top:10px;
    padding-bottom:5px;
    position:relative;
    float:left;
}

.menuColabsable span{
    position:absolute;
    top:0px;
    left:-5px;
    background-color:#FFFFFF;
    color:#333333;
    width:20px;
    height:15px;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}

.menuColabsable ul li{
    list-style:none;
    margin-left:20px;
    color:#FFFFFF;
    display:inline;
    width:270px;
    height:20px;
}

.acordion{
    margin-left: 5px;
    margin-bottom: 15px;
}

.acordion li{
    width:189px;
    background:#818181 url(/img/principal/version2/menuHeader.jpg) top left no-repeat;
    list-style:none;
}

.acordion ul{
    padding-top:5px;
    background:#818181 url(/img/principal/version2/menuItemSeparador.jpg) top left repeat-y;
}

.acordion ul li{
    background:none;
}

.acordion ul li.itemBg{
    height:17px;
    background:transparent url(/img/principal/version2/menuItemBg.jpg) bottom left;
}



#seccion{
    margin:55px auto 55px auto;
    width:975px;
    background:#C0C0C0 url(/img/principal/version2/contenedor.jpg) top left repeat-x;
}

#seccion h1{ margin: 0px 10px 0px 10px; padding-top: 60px; text-transform: uppercase; }

#seccion h2{ margin: -2px 10px 15px 10px; }

#seccion ul span{ display:block; margin:10px 0px; }

#seccion ul li{ list-style:none; margin-left:10px; }

#galeria{
    margin:55px auto 55px auto;
    width:975px;
    /*background:#C0C0C0 url(/img/principal/version2/contenedor.jpg) top left repeat-x;*/
    background:#ffffff;
    overflow:hidden;
}

#galeriaLeft{ width:205px; float:left; padding-top:50px; }

#galeriaRight{ width:770px; float:left; padding-top:50px; }

#headerGaleria{ width:770px; float:left; }

#productosGaleria{ width:560px; float:left; }

#bannersGaleria{ width:210px; float:left; }

#galeriaRight h1, #galeriaRight h2{ width:540px; }

.infoPublicacion{
    margin-left:10px;
    margin-right:10px;
    background:transparent url(/img/principal/version2/separadorTituloSeccion.jpg) top left no-repeat;
    padding-top:10px;
    padding-bottom:50px;
}

.infoPublicacion p{
    margin-bottom:20px;
    text-align:justify;
}

.fotoPublicacion{
    margin-right:10px;
    width:406px;
    height:362px;
    background:transparent url(/img/principal/version2/bordeFotoPublicacion.jpg) top right no-repeat;
    float:left;
}

#footer{
    margin:0px auto 20px auto;
    width:972px;
    height:209px;
    background:#424242 url(/img/principal/version2/foot-fondo.jpg) top left no-repeat;
    overflow:hidden;
}

#footerLeft{
    width:264px;
    height:209px;
    float:left;
}

#footerLeft li{
    list-style:none;
}

#footerLeft ul li{
    margin:7px 15px 7px 15px;
}

#footerLeft ul li ul li{
    margin:0px 15px 0px 15px;
}

.footerLeftTitle{
    display:block;
    margin-top:5px;
    margin-left:15px;
    margin-bottom:5px;
}

.footerCenterTitle{
    display:block;
    margin-top:5px;
    margin-left:5px;
    margin-bottom:5px;
}

.footerCenterTitle2{
    display:block;
    margin-top:50px;
    margin-left:5px;
    margin-bottom:5px;
}

#footerCenter{
    width:344px;
    height:209px;
    float:left;
    position:relative;
}

ul#seccionServicios{
    top:0px;
    left:0px;
    width:190px;
    height:100px;
    position:absolute;
}

ul#seccionRedesSociales{
    top:115px;
    left:0px;
    width:190px;
    height:90px;
    position:absolute;
}

ul#seccionCatalogos{
    top:0px;
    left:190px;
    width:155px;
    height:90px;
    position:absolute;
}

ul#seccionRadiocomunicacion{
    top:115px;
    left:190px;
    width:155px;
    height:90px;
    position:absolute;
}



#footerCenter li{
    list-style:none;
}

#footerCenter ul li{
    margin:7px 5px 7px 5px;
}

#footerCenter ul li ul li{
    margin:0px 5px 0px 5px;
}

#footerRight{
    width:364px;
    height:209px;
    float:left;
}

.slider{
    position:relative;
}

.sliderLeft{
    top:80px;
    left:12px;
    position:absolute;
    z-index:100;
    background:transparent url(/img/principal/version2/foot-flecha2.png);
    width:20px;
    height:36px;
    display:block;
}

.sliderRight{
    top:80px;
    right:12px;
    position:absolute;
    z-index:99;
    background:transparent url(/img/principal/version2/foot-flecha1.png);
    width:20px;
    height:36px;
    display:block;
}

.slider ul{
    margin-top:10px;
    margin-left:12px;    
}

.slider li{
    position:absolute;
    display:none;
    list-style:none;
}

.slider p{
    padding:5px;
    width:330px;
    height:20px;
    background-color:#000000;
    position:absolute;
    top:156px;
    left:0px;
    color:#ffffff;
    display:none;
}

#promocionales{
    background-color:#171717;
    width:972px;
    height:548px;
    margin:45px auto 20px auto;
    overflow:hidden;
}

.topSlider{    
    position:relative;
}

.topSlider li{
    display:none;
    position:absolute;    
    list-style:none;
}

.topSlider p{
    padding:5px;
    width:971px;
    height:50px;
    background:transparent url(/img/principal/version2/placa.png) top left no-repeat;
    position:absolute;
    top:490px;
    left:0px;
    color:#333333;
    display:none;
}

.topSlider p span{
    display:block;
    width:100%;
}

.topSliderLeft{
    top:250px;
    left:0px;
    position:absolute;
    z-index:100;
    background:transparent url(/img/principal/version2/b-izquierdo.png);
    width:47px;
    height:47px;
    display:block;
}

.topSliderRight{
    top:250px;
    right:1px;
    position:absolute;
    z-index:99;
    background:transparent url(/img/principal/version2/b-derecho.png);
    width:47px;
    height:47px;
    display:block;
}

#w3c{
    margin:0 auto 15px auto;
    height:31px;
    width:972px;    
}

#w3c ul li{
    display:inline;
    list-style:none;
}

.producto{
    margin-top:25px;
    width:520px;
    overflow:hidden;
}

.panelProducto{
    display:block;
    overflow:hidden;
    float:left;
}

.fotoProducto{
    width:160px;
    float:left;
}

.datosProducto{
    width:360px;
    float:left;
}

.datosProducto h2{
    margin-bottom:15px;
}

.datosProducto li{
    list-style:none;
}

.comentariosProducto{
    width:160px;
    float:left;
}

.codigoProducto{
    width:225px;
    float:left;
}

#paginador{
    margin:20px 0px 20px 0px;
    width:520px;
    overflow:hidden;
}

#paginador span.current{
    background-color:#d9d8d8;
    border:1px groove #333333;
    color:#626262;
    height:20px;
    width:25px;
    margin:2px;
    padding:5px 0 0;
    text-align:center;
    display:block;
    float:left;
}

#capacitacion{    
    text-align:right;
}

#detalles{
    margin:55px auto 55px auto;
    width:975px;
    background:#C0C0C0 url(/img/principal/version2/contenedor.jpg) top left repeat-x;
    overflow:hidden;
}

#resumen{
    float:left;
    width:672px;
}

#headerResumen{
    margin-left:10px;
    margin-bottom:10px;
    width:662px;
    height:40px;
    background:transparent url(/img/principal/version2/detalle/topSeparador.jpg) bottom no-repeat;
}

#foto{
    margin-left:10px;
    float:left;
    width:400px;
    position:relative;
}

#etiqueta{
    background:transparent url(/img/principal/version2/detalle/etiqueta.gif);
    width:102px;
    height:102px;
    position:absolute;
    top:0;
    left:0;
}

#descripcion{
    float:left;
    width:252px;
    height:400px;
    background:transparent url(/img/principal/version2/detalle/rightSeparador.jpg) left no-repeat;
}

#extra{
    background:#cecece url(/img/principal/version2/detalle/bgCaracteristicas.jpg) top left no-repeat;
    overflow:hidden;
    width:662px;
}

#descripcionDetallada, #caracteristicas, #videos, #comentarios{
    display:none;
}

.extraMenu li{
    padding-top:3px;
    height:40px;
    width:155px;
    text-align:center;
    display:inline;
    float:left;
    cursor:pointer;    
}

.extraMenuUp{
    background:transparent url(/img/principal/version2/detalle/tap.gif) top center no-repeat;    
}

.panelExtra{
    display:none;
}

#extra-1, #extra-2{
    padding:10px 10px 10px 10px;
}

#accesorios{
    padding-top:40px;
    padding-left:20px;
    float:left;
    width:283px;
}

ul.acordionazo{
    margin-bottom:25px;
}

.acordionazo li{
    width:263px;
    background:#FDFDFD url(/img/principal/vistadetalles/headerDescargas.jpg);
    list-style:none;
}

.acordionazo li a{
    width:225px;
    display:block;
    padding:8px 10px 8px 28px;
    color:#d47806;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:normal;
    font-size:11px;
}

.acordionazo li a:link{
    text-decoration:none;
}

.acordionazo li a:active{
    text-decoration:none;
}

.acordionazo li a:hover{
    text-decoration:none;
}

.acordionazo li a:visited{
    text-decoration:none;
}

.acordionazo li ul{
    background:#FDFDFD url(/img/principal/vistadetalles/bodyDescargas.jpg) repeat-y;
}

.acordionazo li ul li{
    background:none;
}

.acordionazo li ul li.footerDescargas{
    width:263px;
    height:8px;
    display:block;
    background:#FDFDFD url(/img/principal/vistadetalles/footerDescargas.jpg);
}

.trianguloOn{
    background: transparent url(/img/principal/vistadetalles/triangulo.jpg) no-repeat  10px 6px;
}

.trianguloOff{
    background: transparent url(/img/principal/vistadetalles/trianguloDown.jpg) no-repeat  10px 6px;
}


ul.acordion-radios{
    margin-bottom:25px;
}

.acordion-radios li{
    width:263px;    
    list-style:none;
}

.acordion-radios li a{
    width:225px;
    display:block;
    padding:5px 10px 5px 28px;
    color:#373737;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size:14px;
}

.acordion-radios li ul li a{
    font-size:12px;
    font-weight:normal;
}

.acordion-radios li a:link{
    text-decoration:none;
}

.acordion-radios li a:active{
    text-decoration:none;
}

.acordion-radios li a:hover{
    text-decoration:none;
}

.acordion-radios li a:visited{
    text-decoration:none;
}


.acordion-radios .trianguloOn{
    background: transparent url(/img/principal/version2/portada/triangulo-derecha.gif) no-repeat  10px 6px;
}

.acordion-radios .trianguloOff{
    background: transparent url(/img/principal/version2/portada/triangulo-abajo.gif) no-repeat  10px 6px;
}

p.codigoAccesorio{
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:bold;
    text-align:left;
    font-size:10px;
}

p.tituloAccesorio{
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:left;
    font-size:10px;
}

p.imagenAccesorio{
    margin-left:2px;
    text-align:center;
}

p.precioAccesorio{
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:right;
    font-size:10px;
}

#headerGaleria div#path{
    width:520px;
}

div#path{    
    margin-top:20px;
}

#path li{
    display:inline;
}

.asuntoComentario{
    margin:5px 5px 5px 5px;
}

.autorComentario{
    margin:5px 5px 5px 5px;
}

.fechaComentario{
    margin:5px 5px 5px 5px;
}

#galeriaAltaFidelidad{
    margin:40px auto;
    padding:0;
    width:972px;
}

#galeriaCapacitacion{
    margin:40px auto;
    padding:0;
    width:972px;
}

#galeriaOfertas{
    margin:40px auto;
    padding:0;
    width:972px;
}

#galeriaBuscador{
    margin:40px auto;
    padding:0;
    width:972px;
}

#portada{
    background-color:#ffffff;
    margin:40px auto;
    padding:0;
    width:972px;
    overflow:auto;
}

#portadaHeader{
    width:972px;
    margin:20px 0px 20px 0px;
}

#portadaHeader img{
    margin-left:8px;
}

#portadaLeft{
    width:350px;
    float:left;
    margin-left:20px;
}

#portadaCenter{
    width:350px;
    float:left;
}

#portadaRight{
    width:200px;
    float:left;
    margin-left:0px;
}

.recursos-header{
    margin-top:10px;    
    background:#0093AF url(/img/principal/version2/tablas/title-delux-table.jpg);
    width:947px;
    height:40px;
}

.recursos-red-header{
    margin-top:10px;
    background:#0093AF url(/img/principal/version2/tablas/title-delux-table-red.jpg);
    width:947px;
    height:40px;
}

.recursos-categorias{
    margin-top:10px;    
    background:#0093AF url(/img/principal/version2/tablas/categories-delux-table.jpg);
    width:947px;
    height:45px;
    position:relative;
}

.recursos-categorias ul {
    margin-top:12px;
    position:absolute;
}

.recursos-categorias ul li{
    margin-top:10px;    
    list-style:none;
    display:inline;
}    

.recursos-categorias ul li strong{
    color:#ffffff;
    margin-left:35px;
}

.recursos-header ul {
    margin-top:12px;
    position:absolute;
}

.recursos-header ul li{
    margin-top:10px;
    list-style:none;
    display:inline;
}

.recursos-header ul li strong{
    color:#ffffff;    
}

strong.recursos-header-1{ margin-left:35px; }
strong.recursos-header-2{ margin-left:270px; }
strong.recursos-header-3{ margin-left:365px; }

.recursos-red-header ul {
    margin-top:12px;
    position:absolute;
}

.recursos-red-header ul li{
    margin-top:10px;
    list-style:none;
    display:inline;
}

.recursos-red-header ul li strong{
    color:#ffffff;
}

strong.recursos-red-header-1{ margin-left:70px; }
strong.recursos-red-header-2{ margin-left:270px; }
strong.recursos-red-header-3{ margin-left:285px; }

.recurso{    
    width:947px;
    overflow:hidden;
}

.recurso-bg1{
    background:#E4E2E3 url(/img/principal/version2/tablas/bg1-delux-table.jpg);
}

.recurso-bg2{
    background:#E4E2E3 url(/img/principal/version2/tablas/bg2-delux-table.jpg);
}

.recurso-red-bg1{
    background:#E4E2E3 url(/img/principal/version2/tablas/bg1-delux-table-red.jpg);
}

.recurso-red-bg2{
    background:#E4E2E3 url(/img/principal/version2/tablas/bg2-delux-table-red.jpg);
}

.recurso span{
    float:left;
    display:block;
}

.recurso-numero{
    margin:7px 7px;
    width:80px;
}

.recurso-titulo{
    margin:7px 7px;
    width:632px;
}

.recurso-enlace{
    margin:7px 7px;
    width:190px;
}

.recurso-red-numero{
    margin:7px 7px;
    width:226px;
    text-align:center;
}

.recurso-red-titulo{
    margin:7px 7px;
    width:532px;
}

.recurso-red-enlace{
    margin:7px 7px;
    width:147px;
}

.recursos-footer{
    margin-bottom:10px;
    background:#0093AF url(/img/principal/version2/tablas/footer-delux-table.jpg);
    width:947px;
    height:2px;
}

.logo{
    margin-top:30px;
    display:block;
    width:240px;
    height:35px;
    float:left;
}

.recurso-numero{
    text-align:center;
}

.recurso-titulo{
    text-align:left;
}

.recurso-enlace{
    text-align:center;
}

/* Forms
=========== */

#login input{
    border:0;
    background-color:transparent;
    float:left;
    height:15px;
    margin-top:43px;
}

#user{ margin-left:568px; margin-right:10px; width:60px; }

#pass{ width:60px; }

#join{ margin-left:3px; width:23px; }


.fraseBuscador{
    margin-left:280px;
    border:0;
    background-color:transparent;
    width:354px;
    height:27px;
    float:left;
}

.botonBuscador{
    border:0;
    background-color:transparent;
    width:88px;
    height:27px;
    float:left;
}

/* Misc
=========== */