Theme: Bonacompra 2.0
Author: Hector Asencio @ Memory Soft
Copyright: 2013 All Rights Reserved
*/

/* Clearing Floats
***************************************************************/

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */
{
    content: " ";
    display: table;
    clear: both;
}


body  {
  line-height: 1;
  font-size: 81.3%;
  color: #434343; 
  background: #fff;
  font-family: Tahoma, Helvetica Neue, Arial, Helvetica;
}

/* Theme
***************************************************************/

nav ul
{
    padding: 0px;
    margin: 0px;
}

nav ul li
{
    border:none;
    background:#f6f6f6;
}
nav ul li:first-child { border-top:none; }

nav > ul li.current
{
    background:#fff;
}
nav ul li a
{
    display:block;
    color: #333;
    font-size: 1.077em;
    text-decoration:none;
    line-height:24px;
}


/* first level */
nav > ul > li { text-align:center; }
nav > ul > li:hover > ul { display:block; }
nav > ul > li:hover { }

/* second level */
nav > ul > li > ul { margin: 24px 0px 0px -1px; padding:0px; display:none; position:absolute; border: 1px solid #dbdbdb;}
nav > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
nav > ul > li > ul > li > a { display:block; text-decoration:none;}
nav > ul > li > ul > li:hover > a { }

nav > ul > li > ul > li:hover > ul { display:block; }

/* third level */
nav > ul > li > ul > li > ul { margin: -20px -1px 0px 90% ; padding:0px; display:none; position:absolute; border: 1px solid #dbdbdb; }
nav > ul > li > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
nav > ul > li > ul > li > ul > li > a { display:block; text-decoration:none;}
nav > ul > li > ul > li > ul > li:hover > a { }

/* deeper levels */
nav > ul > li > ul > li > ul ul { display:none; }

/* Breadcrumb */
nav ul.breadcrumb
{
    border:none;
    display: inline-block;
    margin: -9px;
}

nav ul.breadcrumb li
{
    border:none;
    background:none;
    display:block;
    margin:0 2px -1px 0;
}

nav ul.breadcrumb li:after
{
    content: "/"
}

nav ul.breadcrumb li.last:after
{
    content: ""
}

nav ul.breadcrumb li a
{
    padding:0 9px;
    display:block;
    color: #5F97AF;
    font-size: 100%;
}

nav ul.breadcrumb li a:hover
{
    text-decoration: underline;
}

#layout-header {}
    #branding
    {
        text-align: center;
        font-size: 1em;
        padding: 0;
        margin: 0 30px 0 0;
        float: left;
    }
    #branding a
    {
        text-decoration:none;
        color: #434343;
    }

/* Zones */
.zone
{
    padding: 12px;

    /*  Enable this to see zone visualizations */
    /*background-color: yellow;*/
    /*box-shadow:inset 0 0 1px purple;*/
    /*-moz-box-shadow:inset 0 0 1px purple;*/
    /*-webkit-box-shadow:inset 0 0 1px purple;*/
}
.zone-header { padding: 10px; position: relative; }
.zone-navigation { padding-top:0; padding-bottom: 0; }
.zone-footer { color: #999999; }



/* Main
***************************************************************/

/* Content lists and details */
.content-description { font-size: 1.154em; }
.content-items { padding: 0; margin: 0; list-style: none; }
.content-items li { padding: 0; margin: 0; }
.content-items .content-item { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-items .content-item header {}
.content-items .content-item header h1 { font-size: 1.308em; color:#434343; }
.content-items .content-item header h1 a { color: #434343; }
.content-items .content-item header h1 a:hover {}

/* Tags */
.tags { margin-top: 12px; }
.tags a { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover { background-color: #434343; color: #fff; }

/* Metadata */
.metadata { margin: 0 0 12px 0; color: #999; font-size: 0.846em; }
.metadata .published { display: inline; margin: 0 6px 0 0; }
.metadata .commentcount { display: inline; }
.meta {}

/* Comments */
#comments { margin: 24px 0 0 0; padding: 0; }
.comment-form { margin: 24px 0 0 0; padding: 0; }
.comments { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment { margin: 0; padding: 0; }
.comment h4 { font-size: 1.077em; }
.comment .who {}
.comment .what {}
.comment #add-comment {}
.comment-form #comment-by { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
.comment-form #comment-text { width: 33.2em; }
.comment-form input[type="text"] { width: 32em; }
.comment-disabled {}
.comment-count { font-size: 1.231em; }

/* Confirmations */
.message, .validation-summary-errors { margin:10px 0 4px 0; padding:4px; }
.messages a { font-weight:bold; }
.message-Information { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; }
.message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; }
.critical.message, .validation-summary-errors, .message-Error { background:#e68585; /* red */ border:1px solid #990808; color:#fff; }


/* Widgets
***************************************************************/
.widgets {}
.widget h1 { font-size: 1.077em; }

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/* Content Mode */
.content-control { border: 1px dotted #5f97af; overflow:auto; position: relative; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }



/* Pager
***************************************************************/

.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }
.pager li { float: left; padding: 0 12px 0 0; margin: 0; }
.pager a, .pager span { font-size: 1.077em; display: block; background-color: #dbdbdb; padding: 6px 6px; color: #434343;}
.pager a:hover { background-color: #434343; color: #fff; }
.pager span { background-color:inherit; }


/* Misc
***************************************************************/

.small      { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.credits { float: left; padding-right: 12px; }
.user-display { float: left; }
.user-display .welcome {}
.user-display .user-actions {}

.login-form { margin: 24px 0 0 0; }



/* CSS 3 Enhancements
***************************************************************/

input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
    color:#333;
    background:#F5F5F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
    background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);
    border:1px solid #999;
    cursor:pointer;
    margin:.2em 0 2em 0;
    padding:.3em 1.8em;
    text-align:center;
}

input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus {
    text-decoration:none;
    background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
    background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);
}


/* Structure
***************************************************************/

#layout-wrapper {  }

#layout-header, #layout-navigation, #layout-featured, #layout-before-main, #layout-main, #layout-after-main, #layout-tripel {
    width:90%;
    margin:0 5%;
}
#layout-footer {
    width: 100%;
    display: block;
    margin: 0 auto;
}


/* Media Queries
***************************************************************/
@media only screen and (min-width: 480px) {
    #branding { text-align: left; }

    #layout-navigation { border-bottom: none }

    nav ul li
    {
        float:left;
        border:none;
        margin:0 2px -1px 0;
    }
    nav > ul li.current
    {
        border-bottom: none;
    }
    nav ul li a
    {
        padding:0 18px;
    }

} /* end of media only screen and (min-width: 480px) */
@media only screen and (min-width: 768px) {
    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content { float: right; width: 65%; }
    .aside-1 .aside-first { float: left; width: 35%; }

    /* If zone 2 is on */
    .aside-2 #layout-content { float: left; width: 65%; }
    .aside-2 .aside-second { float: right; width: 35%; }

    /* If zones 1, 2 are on */
    .aside-12 .aside-first, .aside-12 .aside-second { width: 100%; }
    .aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

    /* Tripel Zones*/
    #layout-tripel > div { float:left; }

    /*2 zones on */
    .tripel-12 #layout-tripel > div { width:50%; } /* If zones 1, 2 are on */
    .tripel-23 #layout-tripel > div { width:50%; } /* If zones 2, 3 are on */
    .tripel-13 #layout-tripel > div { width:50%; } /* If zones 1, 3 are on */

    /*3 zones on */
    .tripel-123 #layout-tripel > div { width:33.33%; } /* If zones 1, 2, 3 are on */

    /* Quad Footer Zones */
    #footer-quad > div { float:left; }

    /*2 zones on */
    .split-12 #footer-quad-first, .split-12 #footer-quad-second { width:50%; } /* If zones 1, 2 are on */
    .split-13 #footer-quad-first, .split-13 #footer-quad-third { width:50%; } /* If zones 1, 3 are on */
    .split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width:50%; } /* If zones 1, 4 are on */
    .split-23 #footer-quad-second, .split-23 #footer-quad-third { width:50%; } /* If zones 2, 3 are on */
    .split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width:50%; } /* If zones 2, 4 are on */
    .split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width:50%; } /* If zones 3, 4 are on */

    /*3 zones on */
    .split-234 #footer-quad-second { width:33.33%; } /* If zones 2, 3, 4 are on */
    .split-134 #footer-quad-first { width:33.33%; } /* If zones 1, 3, 4 are on */
    .split-124 #footer-quad-fourth { width:33.33%; } /* If zones 1, 2, 4 are on */
    .split-123 #footer-quad-third { width:33.33%; } /* If zones 1, 2, 3 are on */

    /*4 zones on */
    .split-1234 #footer-quad > div { width:25%; } /* If zones 1, 2, 3, 4 are on */
} /* end of media only screen and (min-width: 768px) */




@media only screen and (min-width: 1140px) {
    #layout-featured, #layout-main, #layout-after-main, #layout-tripel {
        width: 960px; /* 1140 - 10% for margins */
        margin:0 auto;
    }

    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content { float: right; width: 70%; }
    .aside-1 .aside-first { float: left; width: 30%; }

    /* If zone 2 is on */
    .aside-2 #layout-content { float: left; width: 70%; }
    .aside-2 .aside-second { float: right; width: 30%; }

    /* If zones 1, 2 are on */
    .aside-12 #layout-content { width: 60%; }
    .aside-12 .aside-first, .aside-12 .aside-second { width: 20%; }
    .aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

    .user-display { float: right; }

} /* end of media only screen and (min-width: 1140px) */


/***************************************************************
    Estilos Bonacompra
    
****************************************************************/

/* Layout ********************************************/

#layout-header, 
#layout-navigation,
#layout-before-main, 
#after-content,
#layout-after-main,
#layout-footer { 
    width: 100%; 
    margin: 0;
    padding: 0;
    }
#layout-header {  
    background: #c5d512; 
    }
#layout-navigation { 
    background: #333;
    }
#layout-featured {
    padding-top: 1em;    
    }
#layout-before-main {
    background: #E6E6E6;
    margin-top: 0;
    }
#after-content {
    background: #E6E6E6;
    }
#layout-after-main {
    padding: 40px 0 0 0;
    }
#layout-footer { 
    background: #333; 
    margin: 50px 0 0 0;
    }
#resaltado {
    background: #E6E6E6;    
}

/* Zonas ********************************************/

.zone-header, 
.zone-navigation, 
.zone-footer, 
.footer-leyenda,
.zone-before-main,
.zone-after-content,
.zone-after-main,
.zone-featured { 
    max-width: 100%;
    min-width: 290px;
    width: 960px;
    margin: 0 auto;
    }
.zone-before-main,
.zone-after-content { 
    padding: 40px 0;
    }
.zone-featured {
    padding: 60px 0 0 0;
    }
.zone-before-content {
    padding: 40px 0 0 0;
    }
.zone-tripel-first {
    padding: 40px 0 0 0;
    }
.zone-footer {
    padding: 30px 0 50px 0;
    }

/* Comunes ********************************************/

body {
    font-family: 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    }
ul, ol {
    line-height: 1.538em;
    margin: 0;
    list-style: none;
    }
ul.estilosa, 
ol.estilosa,
ul.destacada,
ol.destacada {
    margin: 0 0 1em 1em;
}
ul.destacada li,
ol.destacada li {
    margin: .7em 0;
    border-bottom: 1px solid #ccc;
}
ul.destacada li:last-child,
ol.destacada li:last-child {
    border: none;
}
ul.estilosa {
    list-style-type: disc;
} 
ol.estilosa {
    list-style-type: decimal;
}
ul.lista-numero {
    margin: 2em 0 4em 0;
}
ul.lista-numero li {
    position: relative;
}
ul.lista-numero p {
    font-size: 1.2em;
    margin-left: 5em;
}
ul.lista-numero .item-numero {
    position: absolute;
    top: 0;
    left:  0;
    background: #C7D218;
    padding: .5em;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
        
}
.page header {
    display: none;
    }
p {
    line-height: 1.2;
    }
table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    margin: 0 0 18px;
}
.content-items .content-item {
    border-top: none;
    padding: 20px 0;
    }
.zone-before-main .content-items .content-item  {
    padding: 0;
    }

.sticky.fixed {
    background: #fff;
    padding-top: 10px;
    border: 1px solid #ddd;
}

/* Imagenes */
.grid-imagenes .columns {
    margin-bottom: 1.25em;
}

/* Iconos (FontAwesome) */
.superpuesto {
    position:  absolute;
    top: -1px;
    right: 20px;
    color: #fff;
    background: #a9b70f;
    padding: 10px 4px 4px;
}

/* Enlaces */
a, a:hover, a:focus, a:active {
    outline: none;
    }
nav a:focus {
    text-decoration: none;
    color: #999;
    }

/* Formularios */
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea {
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 38px;
    margin: 0 0 12px;
    padding: 4px;
    transition: all 0.15s linear 0s;
    width: 100%;
    }
textarea {
    min-height: 10em;
    }
input[type="submit"] {
    margin: 0 20px 0 0;
    padding: 0;
    line-height: 18px;
    }
.prefix, .postfix {
    display: block;
    height: 38px;
    line-height: 33px;
    padding-bottom: 2px;
    padding-top: 2px;
    }
.prefix {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    left: 2px;
    overflow: hidden;
    }
.message, .validation-summary-errors {
    padding: 2em;
}

/* Botones ********************************************/

/* Verdes */
a.boton, 
.boton,
.boton-leer a,
a.boton-derecha,
a.boton-web,
.boton-derecha,
.boton-web,
input[type="submit"],
.boton-ver, 
a.boton-ver { 
    width: auto; 
    background: #c5d512; 
    border: none;
    color: #333; 
    cursor: pointer; 
    display: inline-block; 
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 1; 
    margin: 0 0 10px 0; 
    outline: none; 
    padding: 15px 40px; 
    position: relative; 
    text-align: center; 
    text-decoration: none;  
    }
.boton a {
    color: #333;
    text-decoration: none;
    }
a.boton:hover, 
a.boton:active, 
a.boton:focus,
.boton:hover, 
.boton:active, 
.boton:focus,
.boton-leer a:hover, 
.boton-leer a:active, 
.boton-leer a:focus,
input[type="submit"]:hover  { 
    text-decoration: none; 
    background: #a9b70f; 
    }

/* Grises */
.boton-secundario,
a.boton-derecha, 
.boton-derecha,
a.boton-web,
.boton-web {  
    background: transparent;
    border: 1px solid #333;
    font-size: 14px;
    padding: 8px 20px 9px;  
    float: right;  
    color: #333;
    }
.botoncito {  
    background: #333; 
    color: #fff;
    border: 1px solid #333;
    font-size: 8px;
    padding: 6px 14px 6px; 
    margin-top: 10px; 
    }

a.boton-web,
.boton-web {
    margin-right: .5em;
    float: left;
}
.boton-secundario {
    float: none;
}
.datos-resultados .boton-derecha {  
    margin: 0 0 15px 0; 
    font-size: 10px;
    }
.botoncito:hover,
.botoncito:active,
.botoncito:focus {
    background: transparent;
    border: 1px solid #333;
    color: #333;
    }
.boton-secundario:hover,
.boton-secundario:active,
.boton-secundario:focus,
a.boton-derecha:hover,
a.boton-derecha:active,
a.boton-derecha:focus,
a.boton-web:hover,
a.boton-web:active,
a.boton-web:focus,
.boton-derecha:hover,
.boton-derecha:active,
.boton-derecha:focus,
.boton-web:hover,
.boton-web:active,
.boton-web:focus { 
    background: #333; 
    color: #fff;
    }
.boton.small {
    font-size: 11px;
    padding: 7px 14px 8px;
}

.datos-resultados .boton-panel {
    color: green;
    font-weight: 800;
}
.datos-resultados .boton-panel:hover {
    color: #999999;
}

/* Iconizados */
.boton i,
.boton-web i,
.boton-derecha i,
button i {
    opacity: .6;
    }
.boton-resultados {
    cursor: pointer;
    float: right;
    }

/* Panel superior */
#panel-sup .boton-derecha:not(#cerrarPanel) {
    background: #444;
    color: #fff;
    }
#panel-sup .boton-derecha:not(#cerrarPanel):hover {
    background: #999;
    }

/* Titulares y textos ********************************************/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1em;
    margin-top: 0;
    font-weight: 400;
    }
.widget-recent-blog-posts header h1 {
    color: #434343;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    }
.zone-content .blog-post header h1 {
    font-weight: 800;
    font-size: 42px;
    text-transform: uppercase;
    color: #434343;
    margin-top: 1.5em;
    }
.tagged-posts .blog-post header h1 {
    font-weight: 800;
    font-size: 32px;
    text-transform: uppercase;
    color: #434343;
    margin-top: 0;
    }
.messages h3 {
    margin-bottom: 0;
}
.premiados-item h1 a {
    font-size: 32px;
    line-height: 36px;
    color: #333;
    }
.premiados-item h1 a:hover {
    color: #666;
    text-decoration: none;
    }

.blog > header h1,
.blog > header .metadata,
.tagged-posts .tags,
.widget-promos-portada .blog-post h1 {
    display: none;
    }
.zone-featured h2,
.zone-before-main h2,
.zone-after-content h2,
.zone-content h2,
.zone-before-content h2,
.widget-tripel-first.widget-html-widget h2 {
    font-size: 44px;
    }
.showcase h2, 
h1.jumbo-text {
    font-size: 60px;
    }
.page-title {
    display: none;
    }
.widget-tag-cloud header h1 {
    font-size: 32px;
    }

/* Parágrafos */
p.destacado {
    font-size: 20px;
    font-weight: 300;
    }
.blog-posts p.destacado {
    font-size: 16px;
    }

/* Listas de definición (Acordeones) */
dl dt {
    font-weight: 400;
    font-size: 28px;
}

/* Barra superior ********************************************/

.barra-sup { }

/* Mini menú superior */
.nav-sup {
    margin: 0;
    padding: 0;
    float: right;
    }
.nav-sup li {
    width: auto;
    float: left;
    margin: 10px 10px 0 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #333;    
    font-size: 15px;
    font-weight: 600;    
    }
.nav-sup li:first-child {
    padding: 0;
    border-left: none;    
    }
.nav-sup li a {
    color: #333;    
    }
.nav-sup li:hover  a,
li:hover i {
    color: #a9b70f;    
    }


/* Paneles desplegables */
#panel-sup,
.detalles-resultados {
    display: none;
    }
.detalles-resultados:first-child {
    display: block;
}
#panel-sup h2 {
    font-weight: 400;
    }
#panel-sup hr {
    border-color: #a9b70f;
}
#panel-sup a.boton-derecha {  
    background: #a9b70f;
    }
#panel-sup a.boton-derecha:hover {  
    background: #444;
    color: #fff;
    }

/* Acordeones */
.acordeon dt {
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
}
.acordeon dt:first-child {
    border: none;
}
.acordeon dt:hover {
    background: #e6e6e6;
}
.acordeon dd {
    padding: 10px 0;
    }
.acordeon-cerrar {
    float: right;
    color: #999;
    padding: 0 30px 0 0;
    }
.acordeon-puntero {
    margin: 0 10px 0 10px;
    }

/* Modales */
.reveal-modal {
    z-index: 9996;
}

 /* Navegación ********************************************/

#branding {
    padding-top: 10px;  
    background: transparent;
    margin: 0;
    padding: 10px 30px 0 0;
    }
nav > ul li {
    background: transparent;
    }
    nav ul li a {
        color: #fff;
        display: block;
        padding: 22px 11px;
        font-size: 15px;
        line-height: 24px;
        text-decoration: none;
        }
    nav ul li a:hover, 
    nav ul li.current a, 
    nav ul li.current a:active {
        text-decoration: none;
        color: #333;
        background: none repeat scroll 0 0 #c5d512;
        }
    nav > ul li > .raw p {
        margin: 0;
        }
    .dropdown-arrow {
        margin: 0;
        font-size: 12px; 
        color: #c5d512;
        }

    /* Segundo nivel */
    nav > ul > li > ul { 
        width: 230px;
        margin: -5px; 
        padding:0px; 
        display:none; 
        position:absolute; 
        border: none; 
        background: none repeat scroll 0 0 #333;
        z-index: 999;
        }
    nav > ul > li > ul > li { 
        width: 100%;
        list-style-type:none; 
        margin:0px; 
        border: none; 
        float: left; 
        display: block;
        }
    nav > ul > li > ul > li > a { 
        display:block; 
        text-decoration:none;
        font-size: 14px; 
        padding: 5px 10px;
        text-align: left;
        }
    nav > ul > li > ul > li:hover > a { }

    nav > ul > li > ul > li:hover > ul { 
        display:block; 
        }

        /* Tercer nivel */
        nav > ul > li > ul > li > ul { 
            margin: -20px -1px 0px 90% ; 
            padding:0px; 
            display:none; 
            position:absolute; 
            border:1px solid #dbdbdb; 
            }
        nav > ul > li > ul > li > ul > li { 
            list-style-type:none; 
            margin:0px; 
            border:none;
            }
        nav > ul > li > ul > li > ul > li > a { 
            display:block; 
            text-decoration:none;
            }
        nav > ul > li > ul > li > ul > li:hover > a { }

        /* Niveles profundos */
        nav > ul > li > ul > li > ul ul { 
            display:none; 
            }

/* Menu Fichas Proyectos */
.widget-menu-proyectos #branding {
    display: none;
    }
.widget-menu-proyectos li {
    background: #c5d512;
    margin-right: 8px;
    }
.widget-menu-proyectos li a {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 11px;
    text-decoration: none;
    }
.widget-menu-proyectos li a:hover, 
.widget-menu-proyectos li.current a, 
.widget-menu-proyectos li.current a:active {
    text-decoration: none;
    background: none repeat scroll 0 0 #999;
    }
.movil-menu {
    display: none;
    }


/* Slider ********************************************/

.bx-wrapper {
    margin: 20px 0;
    border: none;
    box-shadow: none;
    height: auto;
    } 
.bx-wrapper .bx-viewport {
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 40px;
    }
.bx-wrapper .bx-pager {
    color: #666666;
    font-family: 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
    }
.bx-wrapper .bx-default-pager {
    color: #666666;
    font-family: 'Open Sans', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 40px 10px 0 0;
    text-align: right;
    }
.bx-wrapper .bx-controls-auto {
    top: -50px;
    position: absolute;
    width: 100%;
    }
#paginador {
    top: -5px;
    position: absolute;
    width: 100%;
    text-align: center;
    }
#paginador a {
    color: #999;
    font-size: 1.4em;
    margin: 0 10px;
    cursor: pointer;
    font-weight: 300;
    }
#paginador a:hover {
    color: #000;
    text-decoration: none;
    }
#paginador a.active {
    color: #333;
    font-weight: 400;
    }
.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -45px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 32px;
    z-index: 9995;
    }
#slider-prev,
#slider-next {
    max-width: 120px;
    font-size: 11px;
    display: inline;
    padding: 0;
    }
#slider-prev a,
#slider-next a {
    display: block;
    padding: 10px 30px 11px; 
    }
#slider-prev {
    float: left;
    }
#slider-next {
    float: right;
    }
.bx-wrapper .bx-prev {
    background: url("images/controls.png") no-repeat scroll 0 -32px transparent;
    left: 10px;
    }
.bx-wrapper .bx-next {
    background: url("images/controls.png") no-repeat scroll -43px -32px transparent;
    right: 10px;
    }
.widget-ofertas-portada h2 {
    margin-bottom: 30px;
    }

/* Blogs ********************************************/

/* Tamaños y posiciones */
.post-resumen {
    overflow: hidden;
}
.widget .blog-posts li {
    width: 33%;
    float: left;
    padding: 0 10px;
    }
.blog .blog-posts li {
    width: 100%;
    float: left;
    padding: 0 10px;
    }
.widget .blog-posts li img,
.blog-post img, .borde {
    border: 1px solid #999;
    padding: 3px;
    background: #fff;
    box-shadow: 3px 3px 5px #999;
    margin: 0 0 20px 0;
    }
#content .blog-post {
    margin: 10px 0px 0px 0px;

    }
.blog-post img {
    float: left;
    margin: 0 20px 20px 0;
    }
#content .blog li:not(.first) .post-resumen p img {
    max-width: 240px;
}

/* Etiquetas y cabeceras */
.widget .blog-posts .metadata,
.blog .blog-posts .metadata,
.blog .blog-posts .tags,
.blog .blog-posts .text-field,
.blog-post .metadata,
.widget-recent-blog-posts .tags,
.tags span {
    display: none;
    }
header {
    display: block;
    }
.tags {
    display: block;
    margin: 30px 0 0 0;
    }
.tagCloud-tag {
    width: auto;
    float: left;
    margin: 30px 10px 0 0;
    }
.tags a {
    background: transparent;
    font-size: .9em;
}
.tagCloud-tag a {
    padding: 6px;
    background: #434343;
    color: #fff;
    line-height: 50px;
    font-weight: 300;
    }
.tags a:hover {
    color: #999;
    background: transparent;
}
.tagCloud-tag a:hover {
    text-decoration: none;
    background: #666;
    }
.text-field {
    width: auto;
    display: inline;
    background: #c43f3f;
    padding: 6px;
    color: #fff;
    white-space: nowrap;
    font-weight: 300;
    }
.blog-post .text-field .value {
    line-height: 50px;
    }

.modulo-votaciones {
  margin-top: 21px;
}
.modulo-votaciones-contador {
  float: left;
  height: 54px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  background: #c43f3f;
  padding: 15px 40px;
  margin-bottom: 21px;
}
.modulo-votaciones-boton {
  float: left;
  height: 54px;
  margin-bottom: 21px;
}


/* Promos portada */
.widget-promos-portada {
    display: normal;
    width: 33%;
    float: left;
    }
.widget-promos-portada .blog-post .text-field {
    display: none;
    }
.widget-promos-portada .blog-posts li {
    width: 100%;
    float: left;
    padding: 0 10px;
    }
.widget-promos-portada .blog-posts li .boton-leer {
    display: none;
    }
article.widget-promos-cta {
    display: normal;
    width: 66%;
    float: left;
    padding: 0 0 0 20px;
    }

/* Proyectos */
.widget-projection-widget .tags, 
.widget-projection-widget .metadata,
.widget-projection-widget .text-field {
    display: none;
    }
.widget-projection-widget h1 a {
    font-size: 32px;
    color: #333;
    line-height: 34px;
    }

/* Addthis */
.sharebar-wrapper {
    width: auto;
    float: right;
    margin-top: 10px;
    }

/* Paginador */
.pager li {
    margin-top: 60px;
    }
.pager a {
    background-color: #c5d512;
    color: #434343;
    display: block;
    font-size: 1.077em;
}
.pager a,
.pager span {
    padding: 10px 30px 11px;
    }
.pager span {
    background: #ccc;
    color: #434343;
    }
.pager a:hover, 
.pager a:active, 
.pager a:focus {
    background: #A9B70F;
    color: #434343;
    text-decoration: none;
    }

/* Resultados de convocatorias ********************************************/
.cabecera-resultados {
    color: #999;
    }
.datos-resultados span {
    display: none;
    }
.datos-resultados div {
    font-size: 16px;
    font-weight: 300;
    }
.datos-resultados > div {
    font-weight: 600;
    }
.entidades-resultados {
    padding: 0 80px 0 0;
    }
.entidades-resultados .row {
    border-bottom: 1px solid #ccc;
    }
.entidades-item:last-child {
    border-bottom: none;
    }
.totales-resultados .panel, 
.totales-resultados .panel h1, 
.totales-resultados .panel h2  {
    background: #ccc;
    color: #333;
    }
.totales-resultados .panel h1 {
    font-size: 3em;
    }

iframe #highcharts-0 .highcharts-axis-labels span {
    left: 0 !important;
}
iframe .shared-page-stat-list li:last-child {
    display: none;
}

/* Resultados de votaciones ********************************************/
.sm-data-table {
    width: 100%;
}
.sm-data-table tr {
    border-bottom: 1px solid #ccc;
}
.sm-data-table-liner {
    display: block;
}
.sm-data-total {
    font-size: 3em;
    font-weight: 300;
    margin-top: 10px;
}
.sm-data-percent {
    display: none;    
}
.img-option {
    max-width: 100px;
}
.ocultame {
    display: none;
    }


/* Footer ********************************************/

/* Menú inferior */
.footer-sitemap {
    display: inline-block;
    width: 100%
    }
.footer-sitemap ul, 
.footer-sitemap .creditos {
    margin: 10px 0;    
    }
.footer-sitemap a {
    color: #fff;
    }
.footer-sitemap a:hover {
    color: #999;
    text-decoration: none;
    }
.creditos-texto p {
    line-height: 18px;
    }

/* Atribuciones */
.footer-leyenda {
    margin: 20px 0 0 0;
    padding-top: 10px;
    border-top: 1px solid #999;    
    }
.footer-leyenda .left, 
.footer-leyenda .right {
    font-size: 12px;  
    margin-bottom: 5px; 
    }
.footer-leyenda a {
    color: #fff;    
    }

/* Sitemap ********************************************/

.sitemap .col {
    width: 29%;
    float: left;
}
.sitemap .item-group h2 {
    font-size: 1.5em;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee; 
}
.sitemap ul {
    margin-left: 5px;
}
.sitemap .item-group h2 a,
.sitemap ul li a {
    color: #333;
}
.sitemap .item-group h2 a:hover,
.sitemap ul li a:hover {
    color: #a9b70f;
}
.sitemap .item-group h2::before {
    content:  "\f0da";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #a9b70f;
}
.sitemap ul li a:hover::before {
    content:  "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
}

.text-field {
    display: normal;
    border: 1px solid red;
}

/* Cookie banner */
#cookie_banner_wrapper {
    position: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #fff !important;
    padding: 10px !important;
    border: 1px solid #ccc !important;
    font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 15px !important;
    z-index: 9999 !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

#cookie_banner_wrapper.top-left {
    left: 10px !important;
    top: 10px !important;
}

#cookie_banner_wrapper.top-right {
    right: 0px !important;
    top: 10px !important;
}

#cookie_banner_wrapper.bottom-left {
    left: 10px !important;
    bottom: 10px !important;
}

#cookie_banner_wrapper.bottom-right {
    right: 0px !important;
    bottom: 0px !important;
}

#cookie_banner_wrapper.dark {
    background-color: #222 !important;
    color: #fff !important;
}

#cookie_banner_wrapper.large {
    width: 600px !important;
}

#cookie_banner_wrapper h2 {
    font-size: 14px !important;
    line-height: 16px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

#cookie_banner_wrapper p {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 3px !important;
    margin-bottom: 10px !important;
    width: auto;
    float: left;
}

#cookie_banner_wrapper div.buttons {
    margin: 5px 0 3px 0 !important;
    width: auto; 
    float: right;
}

#cookie_banner_wrapper a.btn-accept {
    padding: 4px 8px !important;
    font-size: 12px !important;
    font-family: 'Open Sans''Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    outline: none !important;
    overflow: visible !important;
    color: #fff !important;
    background: #BBD205 !important;
    border: 1px solid #781 !important;
}

#cookie_banner_wrapper a.btn-accept:focus,
#cookie_banner_wrapper a.btn-accept:hover {
    text-decoration: none !important;
    color: #fff !important;
    background: #434343 !important;
    border: 1px solid #670 !important;
}

#cookie_banner_wrapper a.btn-more {
    color: #0088cc !important;
    font-size: 12px !important;
    margin-left: 10px !important;
}

/*!
 * jQuery confirmOn Plugin
 * https://github.com/invetek/jquery-confirmon
 *
 * Copyright 2013 Loran Kloeze - Invetek
 * Released under the MIT license
 */


.confirmon-overlay {
        background-color: black;
        background-color: rgba(0, 0, 0, 0.60);        
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 150;
        display: none;
        
}

.confirmon-box {
        background-color: #0099cc;
        color: #ddd;
        border: solid 1px #666666;  
        box-shadow: 0px 1px 10px #222;
        padding: 20px 10px 35px 10px;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        z-index: 151;
        display: none;
        position: absolute;
        margin-left: -15%;
        width: 30%;
        left: 50%;
        top: 185px;
        
}

.confirmon-box button {
        margin: 10px 5px;
        padding: 5px 10px;
        text-align: center;
        background-color: #0099cc;
        border: 1px solid #ddd;
        color: #ddd;
        font-weight: bold;
}

.confirmon-box button:hover {
        background-color: #00bbee;
        cursor: pointer;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 800px) {
    
    .zone-featured {
        padding-top: 20px;
        }
    .zone-after-content,
    .zone-tripel-first,
    .zone-footer,
    .zone-before-main {
        padding: 20px;
        }
    
    /* Navegación ***************/
    nav {
        overflow: hidden;
        }
    #movil-branding {
        width: 70% !important;
        float: left;
        margin-top: .5em;
        }
    .menu {
        width: 100%;
        display: none;
        }

    /* Botón Menú Móviles */
    .movil-menu {
        width: 100%;
        padding: 25px 15px 25px 15px;
        text-align: right;
        color: #999;
        display: block;
        background: none repeat scroll 0 0 #333;
        font-size: 14px;
        font-weight: 600;
        }
    .movil-menu span {
        border: 1px solid #999;
        padding: 5px;
        }
    .movil-menu:hover {
        cursor: pointer;
        }

    /* Menú principal */
    nav ul li {
        border-top: 1px solid #ccc;
        }
    nav ul li a {
        display: block;
        padding: 12px 10px;
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        }
    nav ul li.current a {
        color: #fff;
        background: none repeat scroll 0 0 #333;
        }
    nav ul li a:hover, 
    nav ul li.current a:active {
        display: block;
        text-decoration: none;
        color: #333;
        background: none repeat scroll 0 0 #c5d512;
        }

    /* Menú dropdowns */
    nav > ul > li > ul { 
        width: 100%;
        margin: 0 0 0 30px; 
        background: none repeat scroll 0 0 #333;
        border: 1px solid #999;
        }
    nav > ul > li > ul > li { 
        width: 100%;
        }
    nav > ul > li > ul > li > a { 
        display:block; 
        padding: 12px 10px;
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        }

    /* Navegación superior */
    .nav-sup {
        float: left;
        }
    .nav-sup li {
        font-size: 13px;
        }
    .nav-sup li i {
        display: none;
        }

    /* Contador */
    .contador {
        margin: 10px 0;
        float: left;
        }
    .contador div {
        margin: 0 10px 0 0;
        }
    .contador div.contador-leyenda {
        font-size: 13px;
        padding-top: 10px;
        }

    /* Convocatorias anteriores */
    .datos-resultados div {
        margin-bottom: 10px;
        font-size: 18px;
        }
    .resultado-label {
        font-weight: 300;
        display: inline-block;
        }
    .boton-resultados {
        float: left;
        }
    .cta-votaciones {
        clear: both;   
        margin-bottom: 20px;
        }

    /* Modales */
    .reveal-modal, 
    .reveal-modal.small, 
    .reveal-modal.medium, 
    .reveal-modal.large, 
    .reveal-modal.xlarge {
        height: auto;
        left: 0;
        margin-left: 0;
        padding: 20px;
        top: 0px;
        width: 100%;
        }

    /* Sitemap */
    .sitemap .col {
        width: 100%;
        float: none;
        display: block;
        }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    h2,
    .zone-featured h2,
    .zone-before-main h2,
    .zone-after-content h2,
    .zone-content h2,
    .zone-before-content h2,
    .widget-tripel-first.widget-html-widget h2,
    #panel-sup h2 {
        font-size: 28px;
        }
    .showcase h2 {
        font-size: 35px;
        }
    .content-items .content-item header h1 {
        color: #434343;
        font-size: 26px;
        }
    .page-title {
        font-size: 42px;
        margin: 20px 0 0 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #ccc;
        }
    h1 {
        font-size: 32px;
        }
    .widget-tag-cloud header h1 {
        font-size: 32px;
        }
    .widget-projection-widget h1 a {
        font-size: 22px;
        line-height: 24px;
        }
    a.boton-derecha, .boton-derecha {
        float: left;
        }
    #cerrarPanel {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999;
        }
    .widget .blog-posts li {
        padding: 0 10px;
        width: 100%;
        }
    .sharebar-wrapper {
            float: left;
        }
    .addthis_button_tweet.at300b {
        width: 70px;
        }
    .bx-controls {
        display: none;
        }
    #paginador a {
        font-size: 16px;
        margin: 5px;
        float: left;
        }
    .correo {
        font-size: 14px;
        }
    /* Contador */
    .contador {
        display: none;
        }
    .contador-grande i {
        font-size: 2em;
    }
    .nav-sup li a {
        font-size: .92em;
        }
    .cabecera-resultados {
        display: none;
        }
}   

@media only screen and (min-width: 641px) and (max-width: 800px) {

    nav ul li {
        border-top: none;
        }
    nav ul li a {
        padding: 16px 14px;
        font-size: 16px;
        line-height: 18px;
        }   

    nav > ul > li > ul { 
        width: 200px;
        margin: 0; 
        border: none;
        }
    nav > ul > li > ul > li { 
        width: 100%;
        }
    nav > ul > li > ul > li > a { 
        display:block; 
        padding: 10px 10px;
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        }

    /* Navegación superior */
    .nav-sup {
        float: right;
        }
    .nav-sup li a {
        font-size: 1.3em;
        }

    /* Contador */
    .contador {
        margin: 10px 0;
        float: left;
        }
    .contador div {
        margin: 0 10px 0 0;
        }
    .contador div.contador-leyenda {
        font-size: 11px;
        padding-top: 10px;
        }
    .contador-grande i {
        display: none;
    }
    .contador-grande h2 {
        font-size: 2.1em;
    }

    /* AddThis */
    .sharebar-wrapper {
        float: left;
        width: 100%;
        }

    /* Convocatorias */
    .datos-resultados > div {
        margin-bottom: 12px;
        font-size: 22px;
        }

    /* Titulares */
    .showcase h2, #panel-sup h2 {
        font-size: 35px;
        }
    .content-items .content-item header h1 {
        font-size: 35px;
        }

    .widget .blog-posts li {
        padding: 0 10px;
        width: 100%;
        }
    .widget .blog-posts li img, .blog-post img {
        float: none;
        }

}
@media only screen and (min-width: 800px) and (max-width: 980px) {
 
     /* Convocatorias anteriores */
    .cabecera-resultados {
        display: block;
        }
    .datos-resultados span {
        display: none;
        }

    /* Sitemap */
    .sitemap .col {
        width: 27%;
        float: left;
        }
    .sitemap .item-group h2 {
        font-size: 1.3em;
        }
        
}
@media only screen and (max-width: 320px) {
    .contador-grande i {
        display: none;
    }
}

/* CERRAMOS LAS VOTACIONES */
/*
.modulo-votaciones {
    display: none;
} */
.boton.modulo-votaciones-boton {
    visibility: hidden;
}
*/