/* ESTILOS WEB DOEET */

/* BASICOS */

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular-webfont.eot');
  src: url('fonts/OpenSans-Regular-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Regular-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Regular-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Regular-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Bold';
  src: url('fonts/OpenSans-Bold-webfont.eot');
  src: url('fonts/OpenSans-Bold-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Bold-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Bold-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Bold-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Semibold';
  src: url('fonts/OpenSans-Semibold-webfont.eot');
  src: url('fonts/OpenSans-Semibold-webfont.eot?#OpenSans') format('embedded-opentype'), 
        url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), 
        url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), 
        url('fonts/OpenSans-Semibold-webfont.otf') format('opentype'), 
        url('fonts/OpenSans-Semibold-webfont.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, button, .button, a, label, ul, ol, li  { font-family: "Open Sans", Arial, sans-serif; }

body { color: #666; }

body, p, li {
    font-size: 0.9rem;
    line-height: 1.4rem;
}

H1, H2, H3, H4, H5, H6 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.2;
    color: #B6BE00;
}

H1 { font-size: 1.6rem; }

H2 { font-size: 1.4rem; color: #666; }

H3 { font-size: 1.1rem; color: #666;}

H4 { font-size: 1rem; }

H5 { font-size: 1rem; }

H6 { font-size: 0.9rem; }

header H1, header H2, h1, h2, h3 { text-transform: uppercase; }

h1 a, h2 a, h3 a { font-family: "Open Sans", Arial, sans-serif; }

.page .article-header { padding: 2rem 0 1rem 1rem; }

a {
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
    color: #B6BE00;
}

a:hover, a:active, a:focus { color: #A2AA00; }

li { list-style-position: outside; }

.overflow { overflow-x: auto; }

.clear { clear: both; }

.clear-left { clear: left; }

.sin-margen { margin-top: 0!important; margin-bottom: 0!important;}

p.justificado { text-align: justify; }


/* FOUNDATION */

#content #inner-content { padding: 0rem; }

.row.float-center { max-width: 75rem; }



/* MENU */

.logo a { 
    background: rgba(0, 0, 0, 0) url("images/doeet-blanco260d.png") no-repeat scroll 50% 0 / 160px auto;
    display: block;
    height: 70px;
    text-indent: -9999px;
    width: 160px;
    margin-top: 5px;
}

.top-bar, .top-bar ul { background-color: transparent; }

.is-stuck .sobre-menu { display: none; }

.is-stuck .top-bar { background: rgba(0,0,0,0.5); }

.is-stuck .logo a { 
    background-size: 120px;
    height: 50px;
    width: 120px;
}

.title-bar {
    background-color: transparent;
    padding: 0;
}

.menu > li a {
    text-transform: uppercase;
    font-family: "Raleway","Open Sans", Arial, sans-serif;
    font-weight: 600;
    color: #FFF;
    text-shadow: 2px 2px 5px #000;
    letter-spacing: 0.1rem;
}

.menu > li:not(.menu-text) > a {
    color: #FFF;
    font-size: 0.9rem;
    padding: 1.25rem 1rem;
}

.menu > li:not(.menu-text) li a { padding: 0.5rem 1rem; }

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right: 2rem;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
    right: 10px;
    margin-top: -4px;
    border-color: #B6BE00 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.submenu > li a {
    line-height: 1.4em!important;
}

.menu > li a:hover, li.is-active { background-color: rgba(0, 0, 0, 0.5); }

.dropdown.menu .submenu li a:hover { background-color: rgba(0,0,0,0.5); }

.dropdown.menu .submenu {
    border: 0;
    background-color: rgba(0,0,0,0.5);
    min-width: 240px;
}

.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    border-color: transparent transparent transparent #999;
}

.is-accordion-submenu-parent > a::after {
    border-color: #B6BE00 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}

li.is-active { background-color: rgba(0,0,0,0.5); }

.top-bar .boton {
    text-transform: uppercase;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.top-bar, .menu-text {
    padding-top:0;
    padding-bottom:0;
}

.off-canvas-wrapper { background-color: #333; }

.off-canvas { background-color: #4D4D4D; }

.off-canvas .menu > li a { color: #B6BE00; }

.off-canvas .menu > li a:hover { background-color: #666; }

.off-canvas .menu.vertical > li ul li { border-left: 1px solid #666;}

.off-canvas .menu.vertical > li ul li a { color: #999;}


/* SOBRE MENU */

.sobre-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a {
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
}

.sobre-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
}

.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a:hover { color: #FFF; }

.sobre-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border:0;}

.sobre-menu ul { max-width: 75rem;}

.sobre-menu, header.header { border-bottom: 1px solid #eee; }

.sobre-menu .icono, .sobre-menu .menu > li:not(.menu-text) > a { 
    color: #FFF;
    font-size: 0.8rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    padding: 0.25rem 1rem;
    font-family: "Raleway","Open Sans Semibold", Arial, sans-serif;
    font-weight: 600;
    text-shadow: 2px 2px 5px #000;
}

.sobre-menu .icono i:before {
    font-size: 0.8rem;
    padding: 0;
    color: #FFF;
    padding: 0 0.25rem 0 0;
    text-shadow: 2px 2px 5px #000;

}

/* CUSTOM */

.ediciones h3, #carousel-modulos h4, .faq h3, .faq h4 {
    text-transform: uppercase;
    color: #958f89;
}

.noticias h2, .carousel-informes h2 {
    color: #666;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.modulos h3, .modulos-pag h3, .informes h3, .modulos-pie h3, .modulos-portada h3 {
    margin-top: 0.5rem!important;
    text-transform: uppercase!important;
    font-size: 1rem!important;
    line-height: 1.2em;
    color: #999;
    font-weight: normal!important;
}

.noticias h3, .yarpp-related h3 {
    margin-top: 0.5rem!important;
    text-transform: uppercase!important;
    font-size: 0.85rem!important;
    line-height: 1.3em;
    color: #999;
}

.noticias h3 a, .yarpp-related h3 a {
    font-family: "Open Sans", Arial, sans-serif;
    color: #666;
    font-weight: normal!important;
}

.alto-faq { height: 5rem; margin-bottom: 0; border-bottom: 3px solid #FFF;}

p.alto-faq { padding: 0.5rem; background: #DDD; font-size: 0.8rem;}

h4.alto-faq { padding: 0.75rem; }

.alto-faq h3, h3.alto-faq { padding-top: 1.4rem;}

.faq .tabs, .faq .tabs-content { border: 0; }

.faq .tabs-panel { padding: 0; }

.faq li { background: #CCC; border-bottom: 1px solid #DDD; }

.faq li.is-active { background: #DDD; }

.faq li.is-active a { color: #555555; }

.faq li a { color: #999; }

.faq .tabs-title { width: 33%; text-align: center; width: 33.3333%; border-radius: 1rem 1rem 0 0;}

.informes .column { 
    margin-bottom: 2rem;
}

.informes img { 
    border: 1px solid #DDD;
    max-width: 75%;
}

.cifra {
    display: block;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    color: #FFF;
    font-size: 3rem;
    line-height: 3rem;
    color: #666;
    margin-bottom: 0.5rem;
}

.slogan h1 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 2rem;
    color: #FFF;
    text-shadow: 2px 2px 10px #000;
}

.slogan h2 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    color: #FFF;
    text-shadow: 2px 2px 10px #000;
}

.slogan h3 {
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
    text-shadow: 2px 2px 10px #000;
}

.owl-carousel h2 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    color: #FFF;
    text-shadow: 2px 2px 5px #000;
    padding: 4rem 0 0 0;
    text-align: center;
    height: 4.5em;
}

.noticia { padding: 1rem 0;}

.yarpp-related img { margin-bottom: 0.5rem!important; }

.cuadro-blanco {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2.5rem;
    position: relative;
    margin-top: 2rem;
}

.cuadro-blanco1 {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.75rem 1rem 0.25rem;
}

.cuadro-gris1 {
    background-color: #DDD;
    padding: 0.75rem 1rem 0.25rem;
}

.cuadro-blanco-small {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.75rem 1rem 0.25rem;
}

.modulos-pie { margin-bottom: 2rem; }

/* ICONOS */

.icon:before, .icon-sm:before, .icon-md:before, .icon-lg:before, .icon-xlg:before, .icon-xxlg:before { 
    font-family: 'iconic-lg';
    vertical-align: middle;
}

.modulos i:before, .informes i:before, .modulos-pie i:before { 
    color: #B6BE00;
}

.social i:before { margin-right: 1rem; color: #555; }

.social i:hover:before { margin-right: 1rem; color: #666; }

.icon small, .icon-xsm small, .icon-sm small, .icon-md small, .icon-lg small, .icon-xlg small { 
    display: none;
}

.icon-xsm:before { 
    font-family: 'iconic-lg';
    vertical-align: top;
}

.icon-xsm:before { font-size: 1.2rem; }

.icon-sm:before { font-size: 1.8rem; }

.icon-md:before { font-size: 2.8rem; }

.icon-lg:before { font-size: 4rem; }

.icon-xlg:before { font-size: 6rem; }

.icon-xxlg:before { font-size: 9rem; }

.grafic-md, .grafic-md-sm, .grafic-sm, .grafic-sm-sm { height: auto; }

.grafic-xlg { max-width: 320px!important; } /* 320 */

.grafic-lg { max-width: 280px!important; } /* 320 */

.grafic-lg-md { max-width: 240px!important; } /* 240 */

.grafic-md { max-width: 180px!important; } /* 180 */

.grafic-md-sm { max-width: 120px!important; }

.grafic-sm { max-width: 60px!important; }

.grafic-xsm { max-width: 30px!important; }

.verde-ok { color: #55bf3b !important; }

.rojo-fallo { color: #df5353 !important; }

h1 i.icon-lg {
    vertical-align: calc(10%);
    margin-right: 1rem;
}

.owl-item .columns { }

.owl-dots { margin: 1rem auto; max-width: 75rem; text-align: center; }

.owl-dots .owl-dot { background: #ccc; border-radius: 15px; width: 1rem; height: 1rem; margin-left: 0.5rem; display: inline-block; }

.carousel-clientes .owl-dots { margin-top: 5rem; }

.clientes .column {
    position: relative;
}

.clientes img {
    margin-bottom: 1rem;
}

.clientes .owl-pagination {
    margin-top: 3rem;
}

.delegaciones .column {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

.delegaciones .icon { margin-right: 1rem; }

.equipo h3 {
    border-top: 1px solid #EEE;
    padding-top: 1rem;
}


/* WORDPRESS */

.post-908 header, .post-1722 header, .post-2898 header, .post-717 header, .post-331 header,
.post-1968 header, .post-870 header, .post-1930 header, .post-3846 header {
    display: none;
}

/* MODULOS  Y PAG NUEVAS */
.post-3379 header, .post-3423 header, .post-3437 header, .post-3515 header, .post-3540 header,
.post-3553 header, .post-3568 header, .post-3598 header, .post-3616 header, .post-3148 header,
.post-1970 header, .post-4435 header, .post-4468 header {
    display: none;
}

/* CABECERAS GRIS */
.page-id-249 .top-bar, .page-id-908 .top-bar, .page-id-219 .top-bar, .page-id-6 .top-bar,
.page-id-565 .top-bar, .page-id-1927 .top-bar, .page-id-31 .top-bar,
.archive .top-bar, .single .top-bar, .search .top-bar { 
    background: rgba(0,0,0,0.5);
}

.blog #inner-content, .archive #inner-content, .single #inner-content, .search #inner-content,
.blog .container, .single .container { margin-top: 2rem; }

.tags:before, .categoria:before {
    font-family: "iconic-sm";
    font-size: 1.5rem;
    color: #999;
    margin-right: 0.5rem;
    float: left;
}

.tags:before {
    content: "";
}

.categoria:before {
    content: "";
}

.categoria { margin-bottom: 0; }

.single ul, .single ol { margin-left: 1rem;}

.widget_search label span.screen-reader-text { display: none; }

.search-submit { margin: 0 auto!important; }

footer.article-footer { clear: both; padding-top: 1rem; }

.sidebar h4 { color: #666; }

aside article { background: #EEE!important; color: #666; margin-bottom: 1rem!important; padding: 1rem; } 

aside h6 { text-transform: uppercase; font-family: "Open Sans Semibold", Arial, sans-serif; font-weight: normal; } 

aside .widget_search input { margin-top: 1rem;}

.widget_custom_cf7 p {
    margin-bottom: 0;
}

.blog article, .archive article, .search article {
    border-bottom: 1px solid #EEE;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

a.more-link {
    margin-top: 1rem;
    display: block;
}

.entry-content .yarpp-related img.wp-post-image {
    max-width: 100%;
    margin-right: 0;
}

.related-posts { margin: 1rem 0 2rem; }

.related h3 { color: #999; text-transform: uppercase; margin-top: 1rem; padding-top: 1rem;  border-top: 1px solid #EEE; }


/* COLORES Y PANELES */

.panel, .formulario, .sidebar .widget {
    font-size: 1rem;
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    color: #333333;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

.formulario p, .wpcf7-list-item-label {
    color: #666;
    font-size: 0.875rem;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6,
.formulario h3, .formulario h1 {
    color: #999!important;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.panel h3, .formulario h3 {
    font-size: 1.5rem;
}

.formulario h1 {
    font-size: 2rem;
}

.panel p {
    font-size: 1rem;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
}

.panel ul, .panel ol {
    margin: 0 1.25rem;
    clear: both;
}

.widgettitle { text-transform: uppercase;}

.widget ul li {
    list-style: outside none disc;
    margin-left: 1rem;
}

.comentario { 
    color: #666;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
    position: relative;
}

.comentario:after, .comentario:before { 
    font-family: "iconic-md";
    font-size: 2rem;
    color: #FFF;
    float: left;
}

.comentario:before {
    content: "";
    padding: 0 1rem 0 0;
}

.comentario:after {
    content: "";

    bottom: 2rem;
    content: "";
    float: right;
    position: absolute;
    right: 2rem;
}

/* EFECTOS */

.boton-shake:hover {
    -webkit-animation: zoomIn 1s;
    animation: zoomIn 1s;
}

.hvr-box-shadow-inset {
    backface-visibility: hidden;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.6) inset;
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow;
    vertical-align: middle;
}

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    background: #eee none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
}

.hvr-grow {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.1);
}

.enlace {
    border: 1px solid #ddd;
    color: #B6BE00;
    font-size: 1rem;
    padding: 1rem 2rem;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.enlace:hover {
    color: #A2AA00;
    transition: all 0.5s ease 0s;
}

.enlace i.fi-chevron-right {
    margin-left: 0.5rem;
    margin-top: -0.1rem;
}

.esquema-oee .columns {
    height: 3rem;
    padding-top: 0.5rem;
}

.esquema-oee small {
    font-size: 0.6rem;
    line-height: 1em;
}

.fgris, .fgriso, .fgrisoo, .fgrisc, .fgriscc, .fblanco, .fverde, .fverdec {
    border:0!important;
}

.fgris, button.fgris { background: #999!important; color: #fff; }

.fgriso, button.fgriso { background: #686057!important; color: #fff; }

.fgrisoo, button.fgrisoo { background: #333!important; color: #999; }

.fgrisc, button.fgrisc { background: #DDD!important; color: #666; }

.fgriscc, button.fgriscc { background: #EEE!important; color: #666; }

.fblanco, button.fblanco { background: #FFF!important; color: #A2AA00!important; font-family: "Open Sans Semibold", Arial, sans-serif; font-weight: normal; }

button.fblanco { font-family: "Open Sans Semibold", Arial, sans-serif; font-weight: normal; }

.frojo { background: #DF5353!important; color: #fff; }

.fverde, .fverde li { background: #A2AA00!important; color: #fff; }

.fverde h1 { color: #a2aa00; }

.fverdec { background: #DADE7F!important; color: #333; }

.fverdec h2, .fverdec .enlace { color: #FFF; }

.fgriso.linea-sup { border-top: 1px solid #666;}

.fgrisc.linea-sup { border-top: 1px solid #CCC;}

.gris { color: #bbb!important; }

.grism { color: #999!important; }

.griso { color: #555!important; }

.grisoo { color: #333!important; }

.griscc { color: #EEE; }

.grisc { color: #DDD; }

.blanco { color: #FFF; }

.caja-blanca { background: #FFF; padding: 0.5rem; }

.caja-negra { background: #000; padding: 0.5rem; color: #FFF;}

.caja-roja { background: #c50e1f; padding: 0.5rem; color: #FFF;}

.caja-blanca-trans { background: rgba(255,255,255,0.75); padding: 2rem; color: #333;}

.caja-negra-trans { background: rgba(0,0,0,0.66); padding: 2rem; color: #FFF;}

.caja-blanca-trans-movil { background: rgba(255,255,255,0.75); padding: 1rem; color: #333;}

.caja-blanca-trans h2 { color: #333;}

.verde { color: #B6BE00!important; }

.caja-verde { background: #B6BE00; padding: 2rem; }

.caja-verde-trans { background: rgba(182,190,0,0.66); padding: 2rem; }

.margen-caja { margin: 4rem 2rem; }

.fondo { padding: 2rem 0; }

.caja-gris { background: #E3E3E3; padding: 2rem; }

.caja-griso { background: #444; padding: 2rem; }

.caja-grism { background: #999; padding: 2rem; }

.caja-linea { border: 2px solid #AAA; padding: 0.5rem; font-size: 0.7rem;}

.caja-linea p { font-size: 0.7rem; margin-bottom:0;}

.caja-verde ul, .caja-blanca ul,
.caja-verde-trans ul, .caja-blanca-trans ul,
.caja-negra-trans ul { margin-bottom: 0; margin-left: 1rem; }

.caja-verde ul ul, .caja-blanca ul ul,
.caja-verde-trans ul ul, .caja-blanca-trans ul ul,
.caja-negra-trans ul ul {  margin-left: 2rem; margin-top: 1rem; }

.organigrama .caja-gris { padding: 1rem 0.5rem; margin: 1rem 0; }

.organigrama .caja-negra { padding: 2rem 0.5rem; margin: 1rem 0; }

.organigrama .caja-grism { padding: 1rem 0.5rem; margin: 1rem 0; height: 4.5rem; }

.organigrama .caja-negra h3,
.organigrama .caja-gris h4, .organigrama .caja-negra h4,
.organigrama .caja-gris h5, .organigrama .caja-negra h5,
.organigrama .caja-griso h4, .organigrama .caja-grism h4,
.organigrama .caja-griso h5, .organigrama .caja-grism h5, .organigrama .caja-grism h6 { color: #fff; text-transform: uppercase;}

.caja-verde li, .caja-verde-trans li,
.caja-blanca-trans li, .caja-blanca li,
.caja-negra-trans li,
ul.funciones li, ul.ventajas li { 
     margin-bottom: 0.75rem;

}

.caja-verde p:last-child, .caja-verde-trans p:last-child,
.caja-blanca-trans p:last-child, .caja-blanca p:last-child,
.caja-negra-trans p:last-child,

.caja-verde li:last-child, .caja-verde-trans li:last-child,
.caja-blanca-trans li:last-child, .caja-blanca li:last-child,
.caja-negra-trans li:last-child {
    margin-bottom: 0;
}

.widescreen .flex-video {
    padding-bottom: 56.25%;
}

/*
ul.funciones li:before, ul.ventajas li:before {
    font-family: 'iconic-lg';
    font-size: 1.5rem;
    vertical-align: middle;
    margin-right: 0.5rem;
    line-height: 1.5rem;
    float: left;
}

ul.funciones li:before {
    content: "";
    color: #55BF3B;
}

ul.ventajas li:before {
    content: "";
    font-size: 1rem;
}
*/

.caja-verde li, .caja-verde-trans li { font-size: 1.1rem; font-family: 'Open Sans Semibold'; color: #FFF; }

.caja-verde h2, .caja-verde h3, 
.caja-verde-trans h2, .caja-verde-trans h3, .caja-negra-trans h3 { color: #FFF; font-family: 'Open Sans Semibold'; }

.caja-verde-trans p, .caja-verde p, .caja-verde-trans a, .caja-verde a { color: #FFF;  }

.caja-verde-trans a:hover, .caja-verde a:hover { opacity: 0.7; }

.verde-ok { color: #55BF3B!important; }

.rojo, .rojo:after { color: #DF5353!important; }


.oculto { display: none; }

.may { text-transform: uppercase; }

.subrayado {
    border-bottom: 1px solid;
    padding-bottom: 0.25em;
}

strong, .negrita { font-family: "Open Sans Semibold", Arial, sans-serif; font-weight: normal; }

.grande {
    font-size: 1.5rem;
    font-family: "Open Sans Semibold", Arial, sans-serif; font-weight: normal;
}

p.icono-texto { margin-bottom:1rem;}

p.icono-texto a, p.icono-texto span { line-height: 2rem; }

.img50 { max-width: 50%;}

.borde-img { border: 1px solid #DDD;} 

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: #EEE none repeat scroll 0 0;
}

table.tabla-ediciones tbody td {
    font-size: 0.9rem;
    padding: 0.25rem 0.625rem;
    text-transform: uppercase;
}

table.tabla-ediciones tbody th, table.tabla-ediciones thead th {
    font-size: 1.2rem;
    padding: 0.5rem 0.625rem;
    text-transform: uppercase;
    background: #ccc;
}

table.tabla-ediciones th {
    background: #666!important;
    color: #fff;
}

table.tabla {
    border-collapse: separate;
    border-spacing: 2px;
    border:0;
    width: 100%;
}

table i:before {
    font-size: 2rem;
}

.tabla-centro td { text-align: center;}

.tabla-centro thead th { background: #DADE7F; text-transform: uppercase;}

table.tabla-verde { border-collapse: separate; border-spacing: 2px; border:0;}

table.tabla-verde th, table.tabla-verde td { font-size: 0.9rem; text-align: center; text-transform: uppercase;}

table.tabla-verde thead th { background: #DADE7F; text-transform: uppercase;}

table.tabla-verde tr { background: #f8f8e5 none repeat scroll 0 0; }

table.tabla-verde tr.even, table.tabla-verde tr:nth-of-type(2n) { background: #f0f2cc none repeat scroll 0 0; }

ul.bolo-blanco {
    list-style-image: url(images/bolo-blanco.png);
}

ul.bolo-verde {
    list-style-image: url(images/bolo-verde.png);
}

.ancho25 { width: 25%;}

.ancho33 { width: 33.33%;}

.ancho50 { width: 50%;}

.ancho25.float-right, .ancho33.float-right, .ancho50.float-right { margin-left: 1rem;}


/* LOGIN */

label {
    color: #666;
}

textarea {
	height: 2.4375rem!important;
    min-height: auto!important;
}

input[type="submit"] {
    margin: 0;
}

.wpcf7-radio .wpcf7-list-item { 
    display: block;
    clear: both;
}

.login {
	padding: 2rem 2.5rem 1rem;
}

.formulario p { margin-bottom: 0.75rem;}

.formulario textarea { height: 6rem !important; }

.formulario select { margin-bottom: 0.25rem; }

.formulario .wpcf7-list-item { display: block; }

span.wpcf7-not-valid-tip { margin-top: -1em; }

input[type=submit], .widget_custom_cf7 input[type="submit"],
 a.boton, a.more-link button, button.boton  {
    background: none repeat scroll 0 0 #958f89;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.4em;
    padding: 1em 2em;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
    border:0;
}

input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus, .button:hover, .button:focus, a.boton:hover,
a.more-link button:hover, button.boton:hover  {
    background: #c3c0bc;
}

input[type=submit]:active, button:active, a.boton:active,
a.more-link button:active, button.boton:active {
    box-shadow: 0px 3px 15px rgba(0,0,0,.8) inset;
}

 .noticia a.boton  {
    display: inline-block;
}

/* REEMPLAZAR INPUT POR ICONOS  */

.login input[type="checkbox"]
/*.ficha #permisos input[type="checkbox"]:not(:checked) + label, QUITO ESTA LINEA Y SALEN LOS NOT CHECKED CON X */ { 
    display:none; 
} /* to hide the checkbox itself */

.login input[type=checkbox] + label:before {
    font-family: 'iconic-md';
    display: inline-block;
    font-size: 1rem;
}

.login input[type=checkbox]:checked + label:before {
    content: "";
    color: #55BF3B;
} /* checked icon fi-check */


.login input[type=checkbox]:not(:checked) + label:before {
    content: "";
    color: #DF5353;
} /* unchecked icon fi-x*/

.login input[type=checkbox] + label:before {
    letter-spacing: 10px;
} /* space between checkbox and label */


/* FOOTER */

footer.footer {
    background-color: #333;
    color: #666;
    margin-top:0;
}

footer .linea-sup {
    border-top: 1px solid #444;
}

footer h4 {
    color: #666;
    text-transform: uppercase;
}

footer.footer a { 
    font-family: "Open Sans", Arial, sans-serif;
    color: #666; }

footer.footer a:hover { color: #999;}

footer ul {
    list-style-type: none;
    margin-left:0;
    font-size:0.9rem;
}

.logo-doeet { 
    background: url("images/doeet-oscuro.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    width: 106px;
    display: inline-block;
    vertical-align: bottom;
}

.texto-pie {
    font-size: 0.75rem;
    line-height: 1.2rem;
    clear: both;
}

/* PLUGINS */

#swipebox-overlay {
    background-color: rgba(0,0,0,0.7)!important;
}

a.accordion-title {
  color: #666;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.4em;
}

.accordion-title::before {
    font-family: "iconic-md";
    content: "";
    margin-top: 0;
    right: 1rem;
    top: 1rem;
}

.is-active > .accordion-title::before {
    font-family: "iconic-md";
    content: "";
}

a.accordion-title .titulo {
    text-transform: uppercase;
    display: block;
    font-size:1.4rem;
    color:#B6BE00;
    margin-bottom: 0.5rem;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
}

.transposh_flags {
    float: right;
}

.transposh_flags img {
    margin-right:0.75rem;
}

#tr_credit, .right-small input { display: none;} 

.alerta-descarga {  }

.alerta-descarga span {
    padding: 1rem 2rem;
    background: #FCC;
    color: #333!important;
    width: 100%;
    display: block;
}

.alerta-descarga span:before { 
    font-family: "iconic-md";
    content: "";
    color: #DF5353;
    font-size: 2rem;
    padding: 0 1rem 0 0;
    vertical-align: midle;
}

.top-bar-section .has-dropdown > a {
    padding-right: 1.5rem !important;
}

/* BANNERS */

.banner { margin-top: -76px; }

.carousel-modulos, .carousel-informes { margin-top: -76px; }

.banner .slogan { margin-top: 7rem; }

.sticky-container { z-index: 9999;}

.banner, .banner-home {
    background-size: cover;
    height: 260px;
    background-position: 50% 0;
}

.banner-home { background: #ccc url("fondos/empleado-jefe.jpeg") no-repeat scroll 50% 0 / cover; } 

.fondo-consultoria-portada { background: #ccc url("fondos/business-intelligence1800.jpg") no-repeat scroll 50% 0 / cover; } 

.carousel-informes .owl-stage-outer { padding-top: 2rem; background: #ccc url("fondos/fondo-industria1.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-ediciones { background: #ccc url("fondos/distribucion1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-consultoria { background: #ccc url("fondos/reunion-pantalla1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-lean { background: #ccc url("fondos/reunion-informe-doeet1600.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-industria40 { background: #ccc url("fondos/mano-tablet1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-industria40 { background: #ccc url("fondos/industria40b.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-consultoria { background: #ccc url("fondos/post-it.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-lean { background: #ccc url("fondos/industria-techo1600.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-lean2 { background: #ccc url("fondos/industria-techo1600.jpg") no-repeat scroll 50% 100% / cover; } 

.fondo-imprenta { background: #ccc url("fondos/fondo-imprenta1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-portatil { background: #ccc url("fondos/portatil-doeet1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-tiempo-real { background: #ccc url("fondos/embotelladora-disponibilidad1200o.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-formacion { background: #ccc url("fondos/formacion-bn1800.jpg") no-repeat scroll 50% 0 / cover; }

.fondo-formacion { background: #ccc url("fondos/carpetas-ipyc-jornada1800.jpg") no-repeat scroll 50% 0 / cover; }

.banner-empresario { background: #ccc url("fondos/empresario-tablet1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-trazabilidad { background: #ccc url("fondos/loteadora1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-trazabilidad { background: #ccc url("fondos/fondo-trazabilidad.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-operario { background: #ccc url("fondos/operarias1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-operario { background: #ccc url("fondos/actividades-operario.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-mantenimiento { background: #ccc url("fondos/operarios-tablet1200.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-commet { background: #ccc url("fondos/commet-portada1600.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-fabrica-visual { background: #ccc url("fondos/fabrica-visual1800.jpg") no-repeat scroll 50% 0 / cover; }

.banner-control-calidad { background: #ccc url("fondos/cadena-botes1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-hombre-plano { background: #ccc url("fondos/hombre-tablet-plano1750.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-cloud { background: #ccc url("fondos/hombre-aeropuerto1.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-botellas { background: #ccc url("fondos/botellas1.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-rodamientos { background: #ccc url("fondos/fondo-rodamientos.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-papeles { background: #ccc url("fondos/papeles1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-switch { background: #ccc url("fondos/switch1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-logistica { background: #ccc url("fondos/centro-logistica1500.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-papeles-b { background: #ccc url("fondos/papeles-b1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-contabilidad { background: #ccc url("fondos/operarios-almacen1600.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-implantacion { background: #ccc url("fondos/implantacion-fabrica1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-soldadura { background: #ccc url("fondos/casco-chispas1800.jpg") no-repeat scroll 50% 0 / cover; } 

.banner-secuenciador { background: #ccc url("fondos/operario-graficas1800.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-fabrica1 { background: #ccc url("fondos/industria-graficas1200.jpg") no-repeat scroll 50% 0 / cover; } 

.fondo-secuenciador { background: #ccc url("fondos/fondo-tiempo-real1800.jpg") no-repeat scroll 50% 0 / cover; } 

.destacado-produccion { background: #ccc url("fondos/produccion-automatizada1.jpg") no-repeat scroll 50% 0 / cover; } 

.destacado-produccion .icon-xlg:before { color: #FFF; text-shadow: 2px 2px 5px #000; font-size: 4rem;} 

.destacado-produccion h2 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    color: #FFF;
    text-shadow: 2px 2px 5px #000;
}

.destacado { padding: 2rem 0;}

.banner-recursos { background: #ccc url("banners/furgona-doeet1200d.jpg") no-repeat fixed center -70px / 100% auto; }

.banner-delegaciones { background: #333 url("fondos/mapa-mundo-puntos1280.png") no-repeat fixed center 0 / 600px auto; }

.banner-organigrama { background: #999 url("fondos/organigrama-manodeg1600.jpg") no-repeat scroll 50% 0 / cover; }


/* MEDIA QUERIES */

/* MEDIUM */


@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    h1, .titulo-h1 h2 { font-size: 2.1rem; color: #B6BE00; }

    h2 { font-size: 1.8rem; }

    h3 { font-size: 1.4rem; }

    h4 { font-size: 1.1rem; }

    h5 { font-size: 1rem; }

    .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%;  }

    .banner, .banner-home { height: 420px; }

    .carousel-informes .owl-stage-outer, .carousel-modulos .owl-stage-outer { padding-top: 8rem; background-position: 50% 0; }

    .fondo { padding: 3rem 0; }

    .banner .slogan { margin-top: 12rem; }

    .slogan h1 { font-size: 3rem; }

    .owl-carousel h2 { font-size: 2rem;  padding-top: 4rem; height: auto; text-align: left;}

    .slogan h2 { font-size: 3rem; }

    .slogan h3 { font-size: 2.2rem; }

    .cifra {
        font-size: 4rem;
        line-height: 4rem;
    }

    .caja-blanca { padding: 0.5rem; }

    .cuadro50 { 
        max-width: 50%;
        float:left;
        margin-right: 1.5rem;
         }

    .noticia { padding: 1rem 0;}

    .banner-home { background-position: 50% 0; } 

    .destacado-produccion { background-position: 50% -150px; } 

    .banner-delegaciones { background-size: 900px; }

    .sidebar > div { width: 48%; float: left; }

    .sidebar > div:nth-child(2n) { float: right; }

    .sidebar > div:nth-child(2n+1) {
        clear: left;
        float: left;
    }

    .entry-content img.wp-post-image {
        max-width: 50%;
        float:left;
        margin-right: 1.5rem;
    }

}

/* LARGE */

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    body, p, li { font-size: 0.9rem; }

    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto;
    }

    .slogan h1 {
        font-size: 4rem;
    }

    .cifra {
        font-size: 5rem;
        line-height: 5rem;
    }

    .caja-blanca { padding: 2rem; }

    .destacado { padding: 4rem 0;}

    .destacado-produccion .icon-xlg:before { font-size: 6rem; } 

    .destacado-produccion h2 { font-size: 1.7rem; }

    .banner {
        background-size: cover;
        height: 560px;
        margin-top: -85px;
    }

    .banner .slogan { margin-top: 15rem; }

    .fondo { padding: 4rem 0; }

    .carousel-modulos, .carousel-informes { margin-top: -90px; }

    .owl-carousel h2 { font-size: 3rem; }

    .carousel-informes .owl-stage-outer, .carousel-modulos .owl-stage-outer { padding-top: 12.5rem; background-position: 50% -50px;}

    .banner-home { background: #ccc url("fondos/empleado-jefe.jpeg") no-repeat scroll 50% -120px / cover; } 

    .banner-ediciones { background-position: 50% -150px; } 

    .banner-consultoria { background-position: 50% -75px; } 

    .fondo-formacion { background-position: 50% -75px; } 

    .fondo-consultoria-portada { background-position: 50% -100px; } 

    .fondo-portatil { background-position: 50% -200px; } 

    .fondo-tiempo-real { background-position: 50% -100px; } 

    .banner-trazabilidad { background-position: 50% -150px; } 

    .banner-operario { background-position: 50% -150px; } 

    .banner-mantenimiento { background-position: 50% -150px; } 

    .fondo-operario { background-position: 50% -150px; } 

    .fondo-rodamientos { background-position: 50% -250px; } 

    .fondo-soldadura { background-position: 50% -200px; } 

    .fondo-fabrica1 { background-position: 50% -200px; }

    .fondo-switch { background-position: 50% -100px; } 

    .fondo-logistica { background-position: 50% -200px; } 

    .banner-hombre-plano { background-position: 50% -100px; } 

    .banner-control-calidad { background-position: 50% -100px; } 

    .banner-cloud { background-position: 50% -75px; } 

    .banner-contabilidad { background-position: 50% -175px; } 

    .destacado-produccion { background: #ccc url("fondos/produccion-automatizada1.jpg") no-repeat scroll 50% -200px / cover; } 

    .banner-delegaciones { background-size: 1290px; margin-top: -165px; height: 640px; }

    .sidebar > div { width: 100%; }

    .caja-blanca-trans-movil { background: transparent; padding:0;}

}

/* XLARGE */

@media only screen and (min-width: 90.063em) { /* XLARGE SCREENS min-width: 1441px */

    .banner-home { background: #ccc url("fondos/empleado-jefe.jpeg") no-repeat scroll 50% -150px / cover; } 

    .carousel-informes .owl-stage-outer { background-position: 50% -200px; }

    .banner-ediciones { background-position: 50% -300px; } 

    .banner-consultoria { background-position: 50% -100px; } 

    .fondo-consultoria-portada { background-position: 50% -200px; } 

    .fondo-formacion { background-position: 50% -200px; } 

    .fondo-portatil { background-position: 50% -400px; } 

    .fondo-tiempo-real { background-position: 50% -200px; } 

    .banner-empresario { background-position: 50% -100px; } 

    .destacado-produccion { background: #ccc url("fondos/produccion-automatizada1.jpg") no-repeat scroll 50% -300px / cover; } 

    .banner-trazabilidad { background-position: 50% -350px; } 

    .banner-operario { background-position: 50% -200px; } 

    .banner-mantenimiento { background-position: 50% -300px; } 

    .banner-commet { background-position: 50% -150px; } 

    .fondo-operario { background-position: 50% -250px; } 

    .fondo-soldadura { background-position: 50% -300px; }

    .fondo-fabrica1 { background-position: 50% -350px; }

    .banner-control-calidad { background-position: 50% -250px; } 

    .banner-cloud { background-position: 50% -150px; } 

    .banner-hombre-plano { background-position: 50% -200px; } 

    .banner-contabilidad { background-position: 50% -300px; } 

    .fondo-rodamientos { background-position: 50% -480px; } 

    .fondo-switch { background-position: 50% -200px; } 

    .fondo-logistica { background-position: 50% -300px; } 

    .top-bar-section .has-dropdown > a {
        padding-right: 2.1875rem !important;
    }

    .top-bar-section .has-dropdown > a::after {
        right: 0;
    }

    .top-bar-section ul li > a {
        font-size: 0.9rem;
    }

}

/* MARTOP */

.martop-1 { margin-top: 1rem; }

.martop-2 { margin-top: 2rem; }

.martop-3 { margin-top: 3rem; }

.martop-4 { margin-top: 4rem; }

.martop-5 { margin-top: 5rem; }

.martop-6 { margin-top: 6rem; }

.martop-8 { margin-top: 8rem; }

.martop-10 { margin-top: 10rem; }

.martop-12 { margin-top: 12rem; }

.martop-small-1 { margin-top: 1rem; }

.martop-small-2 { margin-top: 2rem; }

.martop-small-3 { margin-top: 3rem; }

.martop-small-4 { margin-top: 4rem; }

.martop-small-5 { margin-top: 5rem; }

.martop-small-6 { margin-top: 6rem; }

.martop-small-8 { margin-top: 8rem; }

.martop-small-10 { margin-top: 10rem; }

.martop-small-12 { margin-top: 12rem; }


@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-8, .martop-small-10, .martop-small-12 { margin-top: 0; }

    .martop-medium-1 { margin-top: 1rem; }

    .martop-medium-2 { margin-top: 2rem; }

    .martop-medium-3 { margin-top: 3rem; }

    .martop-medium-4 { margin-top: 4rem; }

    .martop-medium-5 { margin-top: 5rem; }

    .martop-medium-6 { margin-top: 6rem; }

    .martop-medium-8 { margin-top: 8rem; }

    .martop-medium-10 { margin-top: 10rem; }

    .martop-medium-12 { margin-top: 12rem; }

}

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-8, .martop-medium-10, .martop-medium-12 { margin-top: 0; }

    .martop-large-1 { margin-top: 1rem; }

    .martop-large-2 { margin-top: 2rem; }

    .martop-large-3 { margin-top: 3rem; }

    .martop-large-4 { margin-top: 4rem; }

    .martop-large-5 { margin-top: 5rem; }

    .martop-large-6 { margin-top: 6rem; }

    .martop-large-8 { margin-top: 8rem; }

    .martop-large-10 { margin-top: 10rem; }

    .martop-large-12 { margin-top: 12rem; }

}