#microsite #textos h1{
    font-size:150%;
    padding-bottom:5px;
    margin-bottom:20px;
}
#microsite #textos h2{
    background:url(/img/bg_h1DobleRaya.gif) repeat-x left bottom;
    border-bottom:none;
}
#microsite_intro{
    float:left;
    width:340px;
    padding: 10px 24px 0 0;
}

/* ------------------------------------------------------------- Carrusel aplicaciones */
        
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 135px; background: #fff; overflow: scroll} 
.csw .loading {text-align: center; background-color: #fff; margin: 50px 0 0 0; padding: 0 0 50px 0;}

.slider-wrap{
    background:url(/img/bg_carruselTop.gif) no-repeat left top;
    width: 366px;
    float: left;
}
.slider-wrap h2{
    font-size:140% !important;
    background:url(/img/bg_titularCarrusel.gif) repeat-x bottom left !important; 
    margin: 10px 15px 0 6px !important;
    padding: 0 0 6px 5px !important;
    }

.stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden; 
    width: 366px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    clear: both;
    background: url(/img/bg_carruselBottom.gif) no-repeat left bottom !important; 
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
    /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float:left;
    height: 100%;
    position: relative;
    width: 366px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel h3 {
    font-size: 150%;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    text-transform: none;
    margin: 0;
}
.stripViewer .panelContainer .panel img {
    float: right;
    padding: 0 6px 0 8px;
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    padding: 10px;
}
.stripNav ul{
    display: none;
}

.stripViewer .panelContainer .panel .nav { 
    margin: 10px 0 0 5px;
    font-weight: bold;
    clear:both;
}
.stripViewer .panelContainer .panel .cross-link { 
    margin: 0 105px 0 0;
    }        

/* ------------------------------------------------------------- Listado general de aplicaciones */
.categorias_aplicaciones{
    margin: 0 15px 0 0 !important;
    padding: 10px 0 0 0 !important;
    display:block;
    float:left;
    width: 350px;
    }
*html .categorias_aplicaciones {
    margin: 0 0 0 0 !important;
}
.categorias_aplicaciones li{
    background:url(/img/bg_flechaNarDcha.gif) no-repeat 15px 12px !important;
    width: 330px;
    float: left;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
    margin: 0 6px 10px 6px !important;
    padding: 0 0 2px 0;
}
.categoria_aplicacion {
    color:#0182c3;
    text-decoration:underline;
    cursor:pointer;
    padding: 0 0 8px 15px;
    margin: 7px 0 0 0;
    text-transform: none;
    font-weight: normal;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.categoria_desarrollo{
    width:330px;
    font-size:85%;
}
.categorias_aplicaciones .categoria_desarrollo ul {
    margin: 0 !important;
    padding: 0 !important;
    }
.categorias_aplicaciones .categoria_desarrollo ul li {
    border: none; /*anula bordes punteados*/
    background: none; /*anula bullets*/
    margin: 5px 0 10px 0 !important;
    width: 320px;
    }
.categorias_aplicaciones .categoria_desarrollo img{
    float: left;
    margin: 0 15px 60px 0;

}
.categorias_aplicaciones .categoria_desarrollo h4{
    margin: 0 0 0 19px;
    font-size: 120%;
    font-weight: bold;
}
.categorias_aplicaciones .categoria_desarrollo p{
    margin: 0 0 3px 25px;
}

.close{
    float:right;
    margin: 0 13px 0 0;
    padding: 0 0 5px 0;
}

/* ------------------------------------------------------------- Politica de uso */
#microsite #politica_uso{
    margin-top:25px;
}
#microsite #politica_uso h1{
    background:none;
}
#microsite #politica_uso ul{ 
    margin-left:20px;
    list-style-type:disc;
}
#microsite #politica_uso li{
    margin-bottom:7px;
}
