/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
 
@font-face {
    font-family: Neue;
    src: url(../fonts/neuehanskendrick-regular.woff);
    /*src: url('https://www.espol.edu.ec/sites/default/files/fonts/neuehanskendrick-regular.woff');*/
}
html {scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Neue;}
h1 , .h1 { font-size: 30px; }
body{ 
	font-family: Neue;
    font-size: 13px; 
    color: black;
    padding-top: 0px !important;     
}
p{ font-size: 15px; }
.well{ background: none; border: none; box-shadow: none; padding: 0; }
.main-container{ padding-top: 20px; padding-bottom: 20px; }
.node{ font-size: 15px ; }
table.dataTable{ font-size: 12px; }
table.dataTable thead th{ padding: 10px 5px; }
table.dataTable tbody td{ padding: 8px 5px;}
.node-pdf object{ width: 100%; height: 700px; }

/********* UTIL **********/
.mt-0{ margin-top: 0px; } .mt-5{ margin-top: 5px; } .mt-10{ margin-top: 10px; } .mt-15{ margin-top: 15px; } .mt-20{ margin-top: 20px; }
.mt-50{margin-top: 50px;}
.mb-0{ margin-bottom: 0px; } .mb-5{ margin-bottom: 5px; } .mb-10{ margin-bottom: 10px; } .mb-15{ margin-bottom: 15px; } .mb-20{ margin-bottom: 20px; }
.ml-5{ margin-left: 5px; } .ml-10{ margin-left: 10px; } .ml-15{ margin-left: 15px; } .ml-20{ margin-left: 20px; }
.mr-5{ margin-right: 5px; } .mr-10{ margin-right: 10px; } .mr-15{ margin-right: 15px; } .mr-20{ margin-right: 20px; }
.pt-5{ padding-top: 5px; } .pt-10{ padding-top: 10px; } .pt-15{ padding-top: 15px; } .pt-20{ padding-top: 20px; }
.pt-50{padding-top: 50px;}
.pb-5{ padding-bottom: 5px; } .pb-10{ padding-bottom: 10px; } .pb-15{ padding-bottom: 15px; } .pb-20{ padding-bottom: 20px; }
.pl-5{ padding-left: 5px; } .pl-10{ padding-left: 10px; } .pl-15{ padding-left: 15px; } .pl-20{ padding-left: 20px; }
.pr-0{ padding-right: 0px; } .pr-5{ padding-right: 5px; } .pr-10{ padding-right: 10px; } .pr-15{ padding-right: 15px; } .pr-20{ padding-right: 20px; }
.padding-0{ padding: 0px; }
.margin-auto{ margin: auto; }
.pointer{ cursor: pointer; }
.bg-grey{ background-color: #F5F5F5; }
.bg-lightgrey{ background-color: #F2F2F2; }
.bg-black{ background-color: black; }
.bg-white{ background-color: white; }
.bg-image{ 
    background-image: url(/sites/default/files/bg_chart_01.png);
    background-size: cover;
    background-position: top; 
}
.bg-image2{ 
    background-image: url(/sites/default/files/nuevaespol/mano.jpg);
    background-size: cover;
    background-position: top; 
}
.bg-image3{ 
    background-image: url(/sites/default/files/nuevaespol/aniversario.jpg);
    background-size: cover;
    background-position: top; 
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
    
/***************************************************************************************************/
/************************************************ LAYOUT *******************************************/
/***************************************************************************************************/

/**************** SECTION TOP *****************/
.section-top{ background-color: white; padding-top: 15px; } /* cambio modo dia */
/* MENU REDES SOCIALES */
.menu-rs{
    display: inline-flex;
    list-style: none;
    padding: 0;
}
.menu-rs li{
    float: left;
    margin: 0 8px;
}
.menu-rs li a{
    font-size: 20px;    
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 1;
    color: #999999;
}
.menu-rs li.icon-facebook a:hover{ color: #3b5998; }
.menu-rs li.icon-twitter a:hover{ color: #55acee; }
.menu-rs li.icon-instagram a:hover{ color: #125688; }
.menu-rs li.icon-youtube a:hover{ color: #bb0000; }
.menu-rs li.icon-linkedin a:hover{ color: #007bb5; }
.menu-rs li.icon-flickr a:hover{ color: #ff0084; }
.menu-rs li.icon-mail a:hover{ color: #243165; }
/* MENU IDIOMA */
.menu-idioma{
	display: inline-flex;
    margin-left: 15px;
    color: white;
}
.menu-idioma a{
    padding: 0 5px;
    color: white;
}
/* MENU LOGIN */
.menu-login{
    display: inline-flex; 
    margin-left: 15px;    
    padding: 3px 8px;
    border-radius: 5px;
    border: solid 1px #999999;
}
.menu-login a{ color: #999999; }

/**************** SECTION MENU *****************/
.section-menu{ background-color: white; padding-top: 5px; } /* cambio modo dia */
/* Sticky */
.section-menu.stickynav-active{ background-color: white; border-bottom: solid 1px #f2f2f2; } /* cambio modo dia */
.section-menu.stickynav-active .nav{ margin-top: 20px; }
.section-menu.stickynav-active .navbar-brand img{ max-width: 220px; }
/* MENU PRINCIPAL */
.section-menu .navbar { 
    background-color: transparent; 
    border:0; 
    margin-bottom: 0; 
    min-height: 0 !important;
}
.navbar-brand{ padding: 0; }
.navbar-brand img{ max-width: 300px; }
.navbar-collapse{
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.navbar-default .nav{
    float: right !important;
    margin-left: 0;
    margin-top: 40px;
}
.navbar-default .nav > li{ float: left; } /* agregado */
.navbar-default .nav > li > a{
    font-size: 16px;
    padding: 0 12px 5px 5px;
    border-bottom: solid 5px;
    color: #575756; /* cambio modo dia */
    background: none !important;
}
.navbar-default .nav > li > a:hover{ color: black !important; background: #f2f2f2 !important; } /* modificado */
.navbar-default .nav > li > a.active, 
.navbar-default .nav > li > a.active:hover,
.navbar-default .nav > li > a.active:focus{
    font-weight: bold;
    background: none;
}
.navbar-default .nav>li:nth-child(1)>a{ border-bottom-color: #c7c7c7; }
.navbar-default .nav>li:nth-child(2)>a{ border-bottom-color: #9c9c9c; }
.navbar-default .nav>li:nth-child(3)>a{ border-bottom-color: #848484; }
.navbar-default .nav>li:nth-child(4)>a{ border-bottom-color: #6e6e6e; }
.navbar-default .nav>li:nth-child(5)>a{ border-bottom-color: #4c4c4c; }
.navbar-default .nav>li:nth-child(6)>a{ border-bottom-color: #373737; }
.navbar-default .nav>li:nth-child(7)>a{ color: black; border-bottom-color: black; }
.navbar-default .nav > li > .dropdown-menu{ margin: 0; border-radius: 0 0 4px 4px; }
.navbar-default .nav > li > .dropdown-menu > li > a { padding: 3px 10px; }

/* En el Movil */
.navbar-header button{ float: left; }
.navbar-search{
	color: white;
    font-size: 28px;
    float: right;
    cursor: pointer;
}

/*  GREEN  */
.green .navbar-default .nav > li > a:hover{ color: #347C20 !important; }
/*  YELLOW  */
.yellow .navbar-default .nav > li > a:hover{ color: #F9A60D !important; }
/*  ORANGE  */
.orange .navbar-default .nav > li > a:hover{ color: #F74F10 !important; }
/*  CYAN  */
.cyan .navbar-default .nav > li > a:hover{ color: #00A5FF !important; }
/*  FUCSIA  */
.fucsia .navbar-default .nav > li > a:hover{ color: #c2166d !important; }
/*  RED  */
.red .navbar-default .nav > li > a:hover{ color: #cc0a0c !important; }
/*  TURQUESA  */
.turquesa .navbar-default .nav > li > a:hover{ color: #33A79B !important; }


/**************** SECTION FOOTER *****************/
.section-footer{
	padding-top: 20px;
    padding-bottom: 25px;
    margin-top: 0;
    background: #223265 !important;
    color: white;
    text-align: center;
}
.section-footer .region-footer-copyright{ margin-top: 15px; }
.section-footer .region-footer-copyright p{ font-size: 13px; }
.section-footer .region-footer-copyright a{ color: white; }
.section-footer ul.menu{ display: inline-block; }
/*.section-footer ul.menu > li{ float: left; }*/
.section-footer ul.menu > li{ display: inline-block; }
.section-footer ul.menu > li > a{
    display: inline-block;
    color: white;
}
.section-footer ul.menu > li > a:hover{
    background: none;
    text-decoration: underline;
}
.section-footer ul.menu > li::after{
    content: "-";
    margin-left: 10px;
    margin-right: 10px;
}
.section-footer ul.menu > li:last-child::after{ display: none; }
.section-footer ul.menu > li > .dropdown-menu{
    top: auto;
    bottom: 100%;
}

/**************** SECTION BUSCAR *****************/
.section-buscar{
    padding-top: 10px;
    padding-bottom: 80px;
    background-color: white;
    display: none;
}
.section-buscar h1{text-align: center; color: grey; padding-bottom: 15px;}
.section-buscar .input-group{ z-index: 0; }
.section-buscar .fa-times{ font-size: 38px; cursor: pointer; }
/* BOTON BUSCAR */
body.front .btn-buscar{
    width: 320px;
    font-size: 18px;
}
body.not-front .btn-buscar{
    width: 240px;
    font-size: 12px;
}
.btn-buscar span{ float: left; color: #555555; }
.btn-buscar i{ float: right; padding-top: 3px; }
/* FORM BUSCAR */
.search-form input{
	height: 60px;
    font-size: 18px;
    box-shadow: none;
}
.search-form input:focus{
	border-color: #ccc; 
	border-right: none;
	box-shadow: none !important;
}
.search-form .input-group-btn button{
	height: 60px;
	font-size: 32px;
	background: white;
	border-color: #ccc;
	border-left: none;
	color: black;
}

/***************** MENU AYUDA ******************/
.menu-ayuda{    
    width: 50px;
    text-align: center;
    position: fixed;
    bottom: 30%;
    right: 10px; /* alineacion a la derecha */
    z-index: 10;
}
.menu-ayuda span.item-menu-ayuda{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    padding-top: 5px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 1px grey;
    background-color: white;    
    color: black;
    cursor: pointer;
}
.menu-ayuda span.item-menu-ayuda i{ font-size: 40px !important; }
.menu-ayuda .tooltip-inner, .menu-ayuda .tooltip-arrow{ background-color: #757575 !important; }

/* Poly En Linea */
.myc-content-overlay{
    display: none;
    z-index: 1 !important;
    right: 5%;
}
/* Accesibilidad Web */
.wrapper-accesibilidad{
    width: 50px;
    height: 50px;
    background-color: transparent;        
    position: relative;
    bottom: 50px;
    z-index: 100;
    cursor: pointer;
}
.menu-ayuda .region-accesibilidad-web {
    display: block;
    width: 140px;
    padding: 10px;
    position: absolute;    
    top: 50px;
    left: 60px;
    z-index: 100;
    box-shadow: 0px 0px 1px grey;
    background-color: white;
    border-radius: 10px 0 0 10px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;    
}
.wrapper-accesibilidad:hover .region-accesibilidad-web { left: -90px; }

/* Alto Contraste */
#block-high-contrast-high-contrast-switcher .high_contrast_switcher_label{ display: block; }
#block-high-contrast-high-contrast-switcher .high_contrast_switcher_high,
#block-high-contrast-high-contrast-switcher .high_contrast_switcher_normal{ 
    display: inline-block; 
}
#block-high-contrast-high-contrast-switcher .high_contrast_switcher_separator{ display: none; }
.high_contrast_switcher_links{ text-align: left; }
/*.high_contrast_switcher a{ color: white; }*/
/* Tamaño Fuente */
.block-text-resize::before{
    content: "Tamaño Fuente";
    font-size: 15px;
    margin-top: 10px;
}
.block-text-resize a#text_resize_decrease,
.block-text-resize a#text_resize_reset,
.block-text-resize a#text_resize_increase{
    float: left !important;
    margin-right: 8px;
}

/***************** MENU AYUDA EN MOVIL ******************/
.menu-ayuda-movil{    
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 1;
    border-top: solid 1px grey;
    background-color: white;
}
.menu-ayuda-movil span.item-menu-ayuda{
    display: inline-block;
    width: 24%;
    height: 40px;
    padding-top: 5px;        
    color: black;
    cursor: pointer;
}
.menu-ayuda-movil span.item-menu-ayuda i{ font-size: 30px !important; }
/* Accesibilidad Web */
.wrapper-accesibilidad-movil{    
    position: fixed;
    bottom: 40px;
    background: white;    
    right: 18%;
    padding: 10px 15px;
    box-shadow: 0 0 1px grey;
    display: none;
}
/* Contacto */
.wrapper-contacto{
	position: fixed;
    bottom: 40px;
    background: white;
    width: 100%;
    padding: 10px 15px;
    box-shadow: 0 0 1px grey;
    display: none;
}

/**************** BREADCRUMB *****************/
.region-breadcrumb{ font-size: 18px; text-align: right; color: #243165;}
.region-breadcrumb a{ font-size: 18px; text-align: right; color: #243165;}

/* ---------------------------------------------------------------------- */
/* ------------------------------- HOME --------------------------------- */
/* ---------------------------------------------------------------------- */
.wrapper-front{ background-color: white; } /* cambio modo dia */
/***************** SECTION HOME INTRO ******************/
.section-home-intro{ padding-top: 20px; }
.section-home-intro .titulo{
    font-size: 35px;
    font-weight: bold;
    color: #243165;
    text-transform: uppercase;    
}
.section-home-intro .descripcion{
    color: black; /* cambio modo dia */    
    margin-top: -10px;
    margin-bottom: 20px;
    padding-right: 20px;
}
.section-home-intro .descripcion p{ font-size: 18px; font-style: italic; }
/***************** SECTION HOME NOTICIAS ******************/
.section-home-noticias{ padding-top: 20px; padding-bottom: 20px; }
.section-home-noticias .owl-carousel .item{ position: relative; height: 210px; }
.section-home-noticias .owl-carousel .owl-item img { width: auto !important; }
.section-home-noticias .owl-carousel .item img{ height: 210px; }
.section-home-noticias .owl-carousel .item h4{
	position: absolute;
	bottom: 5px;
	padding-left: 15px;
    padding-right: 15px;
	z-index: 100;
}
.section-home-noticias .owl-carousel .item h4 a{ color: white; }
.section-home-noticias .owl-carousel .item .shadow{
	display: block;
	width: 100%;
	height: 210px;	
	position: absolute;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.section-home-noticias .owl-carousel .item .shadow-2{
    display: block;
    width: 100%;
    height: 210px;  
    position: absolute;
    top: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+69 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 69%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.section-home-noticias .owl-carousel .owl-nav{ position: relative; color: white;}
.section-home-noticias .owl-carousel .owl-prev{ 
    float: left;
    position: absolute;
    left: 0;
    bottom: 95px; 
}
.section-home-noticias .owl-carousel .owl-next{ 
    float: right; 
    position: absolute;
    right: 0;
    bottom: 95px;
}
.section-home-noticias .owl-carousel .owl-prev,
.section-home-noticias .owl-carousel .owl-next{
    font-size: 16px !important;
    font-weight: bold !important;
    border: solid 1px !important;    
    border-radius: 50% !important;
    height: 20px !important;
    width: 20px !important;
}
.section-home-noticias .owl-carousel .owl-prev span,
.section-home-noticias .owl-carousel .owl-next span{
	position: relative;
    top: -5px;
}
.owl-prev:focus, .owl-next:focus{ outline: none !important; }
/***************** SECTION 3 ******************/
.section-3 .owl-carousel .item{
    padding-top: 20px;
    min-height: 340px;
    background-position: center;
    background-size: cover;
}
.section-3 .owl-carousel .item h1{
    font-weight: bold;
    color: white;    
}
.section-3 .owl-carousel .item h4 p{
    padding-right: 100px;
    padding-top: 20px;    
    font-size: 18px;
    font-style: italic;
    color: white;
}
.section-3 .owl-carousel .owl-dots{
	text-align: left !important;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 120px;
}
.section-3 .owl-carousel .item > .container{
    padding-left: 25px;
    padding-right: 50px;
}

/* Espol en datos */
.grafico-espol-en-datos img{
    max-width: 300px !important;
}

/**************** NODE: PAGINA PRINICIPAL *******************/
.node-pagina-principal .field-name-field-titulo-seccion{
    font-size: 20px;
    font-weight: bold;   
    border-bottom: solid 3px;
    padding-left: 15px;
    padding-bottom: 15px;
    color: #243165; 
    border-bottom-color: #243165;
}
.node-pagina-principal .field-name-field-titulo-seccion .field-item{ display: inline-block; }
.node-pagina-principal .icono-menu, .node-type-page .icono-menu{ 
    margin-left: 15px; 
    border: solid 1px;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
}
.node-pagina-principal .field-name-field-menu-seccion ul.menu{ background-color: #243165; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.node-pagina-principal .field-name-field-menu-seccion ul.menu a{ font-size: 14px; color: white; }
.node-pagina-principal .field-name-field-menu-seccion ul.menu a:hover,
.node-pagina-principal .field-name-field-menu-seccion ul.menu a:focus{ 
	background: none; text-decoration: underline; 
}
.node-pagina-principal .field-name-field-menu-seccion .dropdown-menu{ background-color: #243165; margin-top: 0px; }
.node-pagina-principal .field-name-field-contenido-seccion{ padding-top: 10px; }


/****************************************************/
/********************* NOTICIAS *********************/
/****************************************************/
/**************** NODE: NOTICIAS  *******************/
.node-noticias .wrapper-header{ position: relative; }
.node-noticias .shadow{
    display: block;
    width: 100%;
    height: 100%;  
    position: absolute;
    top: 0;   
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.node-noticias .shadow-2{
    display: block;
    width: 100%;
    height: 100%;  
    position: absolute;
    top: 0;   
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+80 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.node-noticias .header{
    position: absolute;
    bottom: 0;
    padding: 0 15px;
}
.node-noticias .header h3{ color: white; margin: 10px 0; }
.node-noticias .submitted a{ display: none; }
.node-noticias .submitted .username{ display: none; }
.node-noticias .main{ background-color: white; padding: 15px; }
.node-noticias .main > h3{ margin-top: 0; }
.node-noticias .field-name-field-tags-noticia .field-item{ display: inline-block; margin-right: 10px; }
.node-noticias .field-name-field-tags-noticia .field-item a{ color: #E0E0E0; text-transform: uppercase; font-size: 10px; }
.node-type-noticias .block-views h2.block-title{ font-size: 18px; text-transform: uppercase; }
/**************** BLOCK VIEW: NOTICIAS RECIENTES  *******************/
.view-noticias.view-display-id-block_1 .views-row{
    background: white;
    margin-bottom: 15px;
    box-shadow: 3px 3px 3px grey; 
    margin-bottom: 15px; 
}
.view-noticias.view-display-id-block_1 .views-field-field-tags-noticia{
    color: grey;
    font-size: 9px;
    text-transform: uppercase;
    margin-top: 5px;
}
.view-noticias.view-display-id-block_1 .views-field-title a{ color: black; }
.view-noticias.view-display-id-block_1 .views-field-created{
    color: grey;
    font-size: 11px;
}
/*************** BLOCK VIEW: NOTICIAS RELACIONADAS  *****************/
/**************** BLOCK VIEW: LO MAS LEIDO  *******************/
/************ REGION: SIDEBAR FIRST *************/
.region-sidebar-first .block-title{
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;
    padding-left: 15px;
    border-bottom: solid 3px;
    color: #243165; 
    border-bottom-color: #243165;    
}
.region-sidebar-first ul.menu{ margin-left: 15px; margin-right: 15px; background-color: #243165; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; }
.region-sidebar-first ul.menu li.active{ opacity: 0.7; }
.region-sidebar-first ul.menu li a{ font-size: 14px; color: white; }
.region-sidebar-first ul.menu li a:hover,
.region-sidebar-first ul.menu li a:focus{
    text-decoration: underline;
    background: none;
}

/******************** BLOCK VIEW: FACULTADES **********************/
.view-facultades .text_to_speech_content{ display: none !important; }
.view-facultades .panel-default{ border-color: white !important; box-shadow: none !important}
.view-facultades .panel-heading{ background-color: white !important; border-bottom: solid 2px #243165; }
.view-facultades .panel-body ul{
    list-style: none;
    padding-left: 0;
    font-size: 15px;
}
.view-facultades .panel-body ul li a{ color: #3A7C20; }

/******************** ACORDEON: PAGINA PRINCIPAL **********************/
.node-pagina-principal .panel-default{ border-color: white !important; box-shadow: none !important}
.node-pagina-principal .panel-heading{ background-color: white !important; border-bottom: solid 2px #243165; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.node-pagina-principal .panel-heading a{ color: black; }
.node-pagina-principal .panel-body ul li a{ color: #243165; }

/******************** ACORDEON: PAGINA CALENDARIO ACADEMICO **********************/
.node-type-page .panel-default{ border-color: white !important; box-shadow: none !important}
.node-type-page .panel-heading{ background-color: white !important; border-bottom: solid 2px #243165; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px }
.node-type-page .panel-heading a{ color: black; }
.node-type-page .panel-body ul li a{ color: #243165; }

/******************** BLOCK VIEW: OFERTA POSTGRADO **********************/
.view-oferta-postgrado .panel-default{ border-color: white !important; }
.view-oferta-postgrado .panel-heading{ background-color: white !important; border-bottom: solid 2px #243165; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px }
.view-oferta-postgrado .panel-body ul{
    list-style: none;
    padding-left: 0;
    font-size: 15px;
}
.view-oferta-postgrado .panel-body ul li a{ color: #243165; }

.view-oferta-postgrado .item-oferta .thumbnail{ min-height: 340px; }
.view-oferta-postgrado .item-oferta .thumbnail img{ margin: auto; }
.view-oferta-postgrado .item-oferta .ui-accordion-header{
    border: none;
    background: none;
    padding-left: 0;
    border-radius: 0;
    border-bottom: solid 2px black;
}
.view-oferta-postgrado .item-oferta .ui-accordion-header-icon{ display: none;}
.view-oferta-postgrado .item-oferta .ui-accordion-header a{ color: black; }
.view-oferta-postgrado .item-oferta .ui-accordion-content{
    background: none;
    border: none;
    padding: 5px 0px;
}
.view-oferta-postgrado .item-oferta .text_to_speech_content{ display: none !important; }
.view-oferta-postgrado .item-oferta header{ display: none; }
.view-oferta-postgrado .field-name-field-unidad-facultad{ font-size: 20px; }
.view-oferta-postgrado .field-name-field-maestrias-profesion,
.view-oferta-postgrado .field-name-field-maestrias-investigacion,
.view-oferta-postgrado .field-name-field-doctorados{
    font-family: Neue;
}
.view-oferta-postgrado .field-name-field-maestrias-profesion ul,
.view-oferta-postgrado .field-name-field-maestrias-investigacion ul,
.view-oferta-postgrado .field-name-field-doctorados ul{
    list-style: none;
    padding-left: 0;
}

.view-oferta-postgrado .panel-heading{ border-bottom-color: #243165; }
.view-oferta-postgrado .item-oferta .ui-accordion-header{ border-bottom-color: #243165; }
.view-oferta-postgrado .field-name-field-maestrias-profesion ul li a,
.view-oferta-postgrado .field-name-field-maestrias-investigacion ul li a,
.view-oferta-postgrado .field-name-field-doctorados ul li a{
    color: #243165;
}

/******* SEARCH RESULTS **********/
.search-results{
    list-style: none;
    padding-left: 0;
}
.search-results li{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 15px 15px 15px;
}
.search-results li:first-child{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.search-results li:last-child{
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*********** NOTICIAS Y EVENTOS *************/
/* CARRUSEL DE EVENTOS */
#block-block-35 .owl-carousel .item .overlay{
    display: block;
    width: 100%;
    height: 100%;  
    position: absolute;
    top: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+69 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 69%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#block-block-35 .owl-carousel .item h4{
    position: absolute;
    bottom: 0;
    color: white;
    padding: 0 5px;
}
#block-block-35 .owl-carousel .item h4 a{ color: white; }
#block-block-35 .owl-carousel .owl-prev{ 
    float: left;
    position: absolute;
    left: 0;
    top: 35%; 
}
#block-block-35 .owl-carousel .owl-next{ 
    float: right; 
    position: absolute;
    right: 0;
    top: 35%;
}
#block-block-35 .owl-carousel .owl-prev,
#block-block-35 .owl-carousel .owl-next{
    font-size: 16px;
    font-weight: bold;
    border: solid 1px;    
    border-radius: 50%;
    height: 20px;
    width: 20px;
    color: white;
}
#block-block-35 .owl-carousel .owl-prev span,
#block-block-35 .owl-carousel .owl-next span{
    position: relative;
    top: -5px;
}
/* SLIDER DE NOTICIAS */
#block-block-36 .owl-carousel .item .overlay{
    display: block;
    width: 100%;
    height: 100%;  
    position: absolute;
    top: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+69 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 69%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#block-block-36 .owl-carousel .item h2{
    position: absolute;
    bottom: 0;
    color: white;
    padding: 0 5px;
}
#block-block-36 .owl-carousel .item h2 a{ color: white; }
#block-block-36 .owl-carousel .owl-prev{ 
    float: left;
    position: absolute;
    left: 0;
    top: 45%; 
}
#block-block-36 .owl-carousel .owl-next{ 
    float: right; 
    position: absolute;
    right: 0;
    top: 45%;
}
#block-block-36 .owl-carousel .owl-prev,
#block-block-36 .owl-carousel .owl-next{
    font-size: 16px;
    font-weight: bold;
    border: solid 1px;    
    border-radius: 50%;
    height: 20px;
    width: 20px;
    color: white;
}
#block-block-36 .owl-carousel .owl-prev span,
#block-block-36 .owl-carousel .owl-next span{
    position: relative;
    top: -5px;
}
/* NOTICIAS (DESPUES DEL SLIDER) */
#block-views-noticias-y-eventos-block .views-field-title a{ color: black; font-size: 14px; }
/* Calendario */
#block-views-calendario-block-1 table tr td{ border: solid 1px; padding: 15px 10px; text-align: center; }
#block-views-calendario-block-1 .mini-day-on a{
    background: #922B21;
    padding: 5px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    color: white;
    text-decoration: none;
}
/* Espol en la Prensa */
#block-views-noticias-y-eventos-block-1 .views-row{
	border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#block-views-noticias-y-eventos-block-1 .views-row .views-field-title{ text-transform: uppercase; }
/* Proximos Eventos */
#block-views-calendario-block-2 .views-row{
	border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/************* PAGINA POSTGRADOS *************/
/* Slider */
.view-slider-postgrado{ overflow: hidden; }
.view-slider-postgrado .owl-item{ position: relative; }
.view-slider-postgrado .owl-item .slide-content{
    position: absolute;
    top: 20%;
    text-align: center;
    width: 100%;
}
.view-slider-postgrado .views-field-title{ color: white; font-size: 38px; margin-bottom: 15px; }
.view-slider-postgrado .views-field-body{ color: white; margin-bottom: 25px; }
.view-slider-postgrado .views-field-body p{ line-height: 10px; font-size: 18px; }
.view-slider-postgrado .views-field-field-slidepostgrado-boton a{ display: inline-block; background-color: rgb(79,79,79); padding: 10px 20px; color: white; font-size: 20px; }
.view-slider-postgrado .views-field-field-slidepostgrado-boton a:hover{ text-decoration: none; }
.view-slider-postgrado .owl-controls .owl-page{ position: relative; bottom: 50px; }
.embed-responsive{ padding-bottom: 50%; }
/********** Oferta de Postgrados *************/
#block-block-40{ text-align: center; }
#block-views-oferta-postgrados-block{ display: none; }
.view-oferta-postgrados .thumbnail{ position: relative; padding: 0; }
.view-oferta-postgrados .back-postgrado{ 
    display: none;
    position: absolute;
    top: 0;    
    width: 100%;
    height: 100%;
    padding-top: 15px;
    background: rgb(235,235,237);
    background: linear-gradient(180deg, rgba(235,235,237,0.5606617647058824) 0%, rgba(235,235,237,0.6699054621848739) 100%); 
}
.view-oferta-postgrados .views-field-title{
    position: absolute;
    bottom: 0;    
    width: 100%;
    padding: 5px;
    font-size: 16px;
    color: white;
    z-index: 10;
    background: rgb(30,30,31);
    background: linear-gradient(180deg, rgba(30,30,31,0.5606617647058824) 0%, rgba(0,0,0,0.87718837535014) 100%);
}
.view-oferta-postgrados .views-field-field-postgrado-fecha-inicio{ font-size: 18px; font-weight: bold; text-align: center;}
.view-oferta-postgrados .views-field-field-postgrado-fecha-inicio .field-content{ text-transform: uppercase; }
.view-oferta-postgrados .views-field-field-postgrado-enlace{ text-align: center; margin-top: 15px; }
.view-oferta-postgrados .views-field-field-postgrado-enlace a{
    display: inline-block;
    padding: 5px 10px;
    background-color: black;
    color: white;
    font-size: 16px;
}
.view-oferta-postgrados .views-field-field-postgrado-enlace a:hover{ text-decoration: none; }
/* Nuestros Docentes */
.postgrado-nuestros-docentes{
    position: relative;
    text-align: center;
}
.postgrado-nuestros-docentes .content{
    position: absolute;
    top: 25%;
    width: 100%;
    color: white;
}
/* Estadisticas */
.postgrado-estadisticas{
    background-color: rgb(59,59,59);
    padding: 10px;
    text-align: center;
}
.postgrado-estadisticas .item{
    display: inline-table;
    padding: 5px 20px;
    color: white;
    text-align: center;
}
.postgrado-estadisticas .item img{ margin: auto; }
/* Noticias */
#block-views-noticias-block-3{ background-color: rgb(244,244,244); padding-left: 30px; padding-right: 30px; padding-bottom: 15px; }
#block-views-noticias-block-3 .block-title{ text-align: center; }
.postgrado-noticia .thumbnail{ padding: 10px; }
.postgrado-noticia .views-field-title{ margin-bottom: 10px; }
.postgrado-noticia .views-field-title a{ color: black; font-size: 16px; font-weight: bold; }

/********** Nuestra Huella: Vinculacion *************/
.ods-vinculacion{
    width: 116px !important;
    height: 116px !important;
    display: inline-block;
    margin: 0 15px;
}

/*********** Webform *************/
.node-webform .submitted{ display: none; }

/*********** FUSARIUM R4T *************/
.page-node-9236 .page-header{ display: none; }
#node-9236{ 
    background: url(/sites/default/files/fondo_fusarium.jpg);
    padding: 180px 180px;
}
.webform-client-form-9236{
    background: rgb(255,255,255,0.8);
    padding: 40px 40px;
    border-radius: 20px;
}
.webform-client-form-9236 .webform-component--encabezado{
    color: #243165;
}
.webform-client-form-9236 .form-actions{ text-align: center; }
.webform-client-form-9236 .webform-submit{
    background-color: #243165;
    color: white;
    padding: 5px 50px;
    border-radius: 50px;
}
.webform-client-form-9236 .webform-component--nombre{ position: relative; }
.webform-client-form-9236 .webform-component--nombre input{ padding-left: 30px; padding-right: 22px; }
.webform-client-form-9236 .webform-component--nombre::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_nombre.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}
.webform-client-form-9236 .webform-component--nombre::after{
    content: "*";
    position: absolute;
    right: 28px;
    bottom: 5px;
    z-index: 10;
}

.webform-client-form-9236 .webform-component--apellido{ position: relative; }
.webform-client-form-9236 .webform-component--apellido input{ padding-left: 30px; padding-right: 22px; }
.webform-client-form-9236 .webform-component--apellido::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_apellido.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}
.webform-client-form-9236 .webform-component--apellido::after{
    content: "*";
    position: absolute;
    right: 28px;
    bottom: 5px;
    z-index: 10;
}

.webform-client-form-9236 .webform-component--pais{ position: relative; }
.webform-client-form-9236 .webform-component--pais select{ padding-left: 30px; }
.webform-client-form-9236 .webform-component--pais::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_pais.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}

.webform-client-form-9236 .webform-component--ciudad{ position: relative; }
.webform-client-form-9236 .webform-component--ciudad input{ padding-left: 30px; padding-right: 22px; }
.webform-client-form-9236 .webform-component--ciudad::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_pais.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}
.webform-client-form-9236 .webform-component--ciudad::after{
    content: "*";
    position: absolute;
    right: 28px;
    bottom: 5px;
    z-index: 10;
}

.webform-client-form-9236 .webform-component--email{ position: relative; }
.webform-client-form-9236 .webform-component--email input{ padding-left: 30px; padding-right: 22px; }
.webform-client-form-9236 .webform-component--email::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_email.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}
.webform-client-form-9236 .webform-component--email::after{
    content: "*";
    position: absolute;
    right: 28px;
    bottom: 5px;
}

.webform-client-form-9236 .webform-component--empresa{ position: relative; }
.webform-client-form-9236 .webform-component--empresa input{ padding-left: 30px; }
.webform-client-form-9236 .webform-component--empresa::before{
    content: "";
    background: url(/sites/default/files/simbolos/icono_empresa.png);
    position: absolute;
    left: 20px;
    bottom: 8px;
    z-index: 10;
    width: 18px;
    height: 18px;
}

.page-node-9236 .webform-confirmation{
    background: url(/sites/default/files/fondo_fusarium.jpg);
    padding-top: 100px;
    padding-bottom: 100px;
}
.page-node-9236 .webform-confirmation .mensaje-exito{
    width: 280px;
    margin: auto;
    background: rgb(255,255,255,0.8);
    padding: 40px 40px;
    border-radius: 20px;
    text-align: center;
}
.webform-confirmation .btn-descargar-fusarium{
    background-color: #243165;
    color: white;
    padding: 5px 50px;
    border-radius: 50px;
    margin-bottom: 20px;
    display: inline-block;   
}
/********* FORM OPEN UNIVERSITY *********/
.page-node-9255 .page-header{ display: none; }
#node-9255{ 
    background-image: url(/sites/default/files/fondo_open_university.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 80px;
}
.webform-client-form-9255{
    background: rgb(255,255,255,0.8);
    padding: 40px 40px;
    border-radius: 20px;
}
.webform-client-form-9255 .webform-component--encabezado{
    color: #243165;
}
.webform-client-form-9255 .form-actions{ text-align: center; }
.webform-client-form-9255 .webform-submit{
    background-color: #243165;
    color: white;
    padding: 5px 50px;
    border-radius: 50px;
}

/*********** UBEP: SEGURO SALUD *************/
.ss-intro{
    padding: 20px;
}
.titulo-cobertura-seguro{
    width: 350px;
    height: 80px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-image: url(http://www.bienestar.espol.edu.ec/sites/bienestar.espol.edu.ec/files/etiqueta_cobertura_seguro.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 32px;
    padding-right: 20px;
    text-align: right;
    margin-bottom: 10px;
}
.cs-etiqueta{
    display: inline-block;
    padding: 10px 20px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-left: solid 10px #FFC729;
    background: #166ba8;
    background: -moz-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #166ba8), color-stop(100%, #053b68));
    background: -webkit-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -o-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -ms-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: linear-gradient(to right, #166ba8 0%, #053b68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166ba8', endColorstr='#053b68', GradientType=1 );
}
.img-punta{
    display: inline-block;
    height: 48px;
    position: relative;
    top: -5px;
    margin-right: 10px;
    overflow: hidden;
}
.cs-monto{
    font-size: 32px;
    color: #46CAF9;
}
.img-siniestro-accidente{
    position: relative;
    top: -120px;
    z-index: -5;
}
.btn-solicitud-seguro{
    display: inline-block;
    padding: 5px 40px;
    font-size: 24px;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 40px;
    box-shadow: 3px 3px 10px #333;
    background: #166ba8;
    background: -moz-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #166ba8), color-stop(100%, #053b68));
    background: -webkit-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -o-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: -ms-linear-gradient(left, #166ba8 0%, #053b68 100%);
    background: linear-gradient(to right, #166ba8 0%, #053b68 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166ba8', endColorstr='#053b68', GradientType=1 );
}
.btn-solicitud-seguro span{
    color: #FFC729;
}
.btn-solicitud-seguro:hover{
    text-decoration: none;
    color: white;
}
.titulo-contacto{
    width: 350px;
    height: 80px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background-image: url(http://www.bienestar.espol.edu.ec/sites/bienestar.espol.edu.ec/files/etiqueta_cobertura_seguro.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 32px;
    padding-right: 20px;
    text-align: right;
    margin-bottom: 10px;
}
.img-letras-ubep{
    margin: auto;
    max-width: 150px;
    margin-top: 30px;
}
.img-contacto{
    display: inline;
}

/***** CONTENT FULL ******/
.front .section-content-full{
    /*background-image: url(/sites/default/files/nuevaespol/foto-de-fondo.jpg);
    padding-top: 160px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;*/
}

/*** SELLO ****/
.sello-desktop{
    position: absolute;
    bottom: 0;
    right: 0;
}
.sello-movil{
    background-color: #223265;
    padding: 0 0 35px 0;
    text-align: center;
}
.sello-desktop img, .sello-movil img{
    width: 210px;
}

/******************** MODO DIA ********************/
/* Top */
.day .section-top{ background-color: white; }
.day .menu-rs li a { color: #999999; }
.day .menu-login{ border-color: #999999; }
.day .menu-login a{ color: #999999; }

/* Menu */
.day .section-menu{ background-color: white; }
.day .navbar-default .nav > li > a{ color: #575756; }
.day .navbar-default .nav > li > a:hover{ color: black !important; }
.day .navbar-default .nav>li:nth-child(1)>a{ border-bottom-color: #c7c7c7; }
.day .navbar-default .nav>li:nth-child(2)>a{ border-bottom-color: #9c9c9c; }
.day .navbar-default .nav>li:nth-child(3)>a{ border-bottom-color: #848484; }
.day .navbar-default .nav>li:nth-child(4)>a{ border-bottom-color: #6e6e6e; }
.day .navbar-default .nav>li:nth-child(5)>a{ border-bottom-color: #4c4c4c; }
.day .navbar-default .nav>li:nth-child(6)>a{ border-bottom-color: #373737; }
.day .navbar-default .nav>li:nth-child(7)>a{ color: black; border-bottom-color: black; }
.day .section-menu.stickynav-active{ background-color: white; border-bottom-color: #f2f2f2; }

/* Home */
.day .wrapper-front{ background-color: white; }
.day .section-home-intro .titulo{ color: #243165; }
.day .section-home-intro .descripcion{ color: black; }

/******************** MODO NOCHE ********************/
/* Top */
.night .section-top{ background-color: black; }
.night .menu-rs li a { color: #999999; }
.night .menu-login{ border-color: white; }
.night .menu-login a{ color: white; }

/* Menu */
.night .section-menu{ background-color: black; }
.night .navbar-default .nav > li > a{ color: #999999; }
.night .navbar-default .nav > li > a:hover{ color: white !important; }
.night .navbar-default .nav>li:nth-child(1)>a{ border-bottom-color: #373737; }
.night .navbar-default .nav>li:nth-child(2)>a{ border-bottom-color: #4c4c4c; }
.night .navbar-default .nav>li:nth-child(3)>a{ border-bottom-color: #6e6e6e; }
.night .navbar-default .nav>li:nth-child(4)>a{ border-bottom-color: #848484; }
.night .navbar-default .nav>li:nth-child(5)>a{ border-bottom-color: #9c9c9c; }
.night .navbar-default .nav>li:nth-child(6)>a{ border-bottom-color: #c7c7c7; }
.night .navbar-default .nav>li:nth-child(7)>a{ color: white; border-bottom-color: #ffffff; }
.night .section-menu.stickynav-active{ background-color: black; border-bottom-color: white; }

/* Home */
.night .wrapper-front{ background-color: black; }
.night .section-home-intro .titulo{ color: #243165; }
.night .section-home-intro .descripcion{ color: white; }

/******* Insignia Digital ******/
.page-node-9416 main{ display: none; }

.section-insignia-que-es, .section-insignia-que-es p{ font-size: 18px; }
.section-insignia-que-es .first{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 3px #F2F2F2;
}
.section-insignia-que-es .second{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 3px #F2F2F2;
}
.section-insignia-que-es .third{
	padding-top: 30px;
    padding-bottom: 30px;
}
.region-insignia-que-es-first::before{
    /*list-style-image: url('/sites/default/files/img_06.png');*/
    content: '';
    display: inline-block;
    background-image: url(/sites/default/files/img_06.png);
    background-size: 44px;
    height: 34px;
    width: 44px;
    position: absolute;
    left: -44px;
    top: 0;
}
.region-insignia-que-es-second::before{
    content: '';
    display: inline-block;
    background-image: url(/sites/default/files/img_06.png);
    background-size: 44px;
    height: 34px;
    width: 44px;
    position: absolute;
    left: -44px;
    top: 0;
}
.region-insignia-que-es-third::before{
    content: '';
    display: inline-block;
    background-image: url(/sites/default/files/img_06.png);
    background-size: 44px;
    height: 34px;
    width: 44px;
    position: absolute;
    left: -44px;
    top: 0;
}

.section-insignia-que-es .sabias-que{
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 250px;
    padding-right: 250px;
    color: white;
    background-color: rgb(41,171,226);
    border-radius: 10px;
    margin-top: 40px;
}
.section-insignia-que-es .sabias-que div{
	font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.section-insignia-que-es .sabias-que span{
	display: block;
    text-align: right;
}
/* Nuestras Insignias */
.section-insignia-insignias{ padding-top: 40px; padding-bottom: 40px; }
#carrusel-insignias{ margin-top: 30px; }
#carrusel-insignias .item{ padding-bottom: 20px; }
#carrusel-insignias .item .contenido{
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 20px 30px;
    text-align: center;
    min-height: 500px !important;
}
#carrusel-insignias .item .contenido img{ max-width: 80%; margin: auto; }
#carrusel-insignias .item .encabezado{
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px;
}
#carrusel-insignias .item .etiqueta{
    font-size: 16px;
    font-weight: bold;
    color: black;
    background-color: yellow;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
#carrusel-insignias .item .enlace{
    text-align: center;
    margin-top: 20px;
}
#carrusel-insignias .item .enlace a{
    background-color: rgb(41,171,226);
    border-radius: 15px;
    color: white;
    padding: 5px 15px;
}
#carrusel-insignias .item .enlace a:hover{
    background-color: rgb(27,20,100);
}
#carrusel-insignias .owl-nav .owl-prev{
    font-size: 100px;
    position: absolute;
    left: -30px;
    top: 20%;
}
#carrusel-insignias .owl-nav .owl-next{
    font-size: 100px;
    position: absolute;
    right: -30px;
    top: 20%;
}
#carrusel-insignias .owl-nav .disabled{
    opacity: 0.2;
}
#carrusel-insignias .owl-nav .owl-prev:hover,
#carrusel-insignias .owl-nav .owl-next:hover{
    background-color: transparent;
    color: inherit;
    cursor: pointer;
}

/************ MEDIA QUERIES *************/
@media (max-width: 767px) {
    /* Menu */
    .navbar-default .nav > li > a{ border-bottom: solid 2px; }
    .navbar-collapse .nav{ width: 100%; margin: 5px 0; }
    .navbar-collapse .nav > li { width: 100%; } /* agregado */
    .navbar-collapse .nav > li > a{ padding: 10px 0; }
    .navbar-brand img{ max-width: 220px; }
    .navbar-collapse .nav .dropdown-menu{
        position: relative;
        width: 100%;
    }
    
    /* Footer */
    .section-footer{ padding-bottom: 65px; }
    .section-footer ul.menu li a{ padding: 5px; }
	.section-home-intro .btn-buscar { margin-bottom:15px; }
    /* Carrusel Home Noticias */
    .section-home-noticias .owl-carousel .item img{ height: auto; }
    .section-home-noticias .owl-carousel .owl-item img { width: 100% !important; }
    .section-home-noticias .owl-carousel .item{ height: auto; }
    .section-home-noticias .owl-carousel .item h4{ position: relative; padding-left: 0px; padding-right: 0px; }
    .section-home-noticias .owl-carousel .item .shadow-2{ height: 0; }
	.day .section-home-noticias .owl-carousel .item h4 a{ color: black; }
    /* Carrusel Espol en datos */
    .section-3 .owl-carousel .item h4 p{ padding-right: 0; }
    .section-3 .owl-carousel .item .img-chart{ max-width: 80%; margin: auto; }
    /* Slider Postgrados */
    .view-slider-postgrado .owl-item .slide-content{ top: 5%; }
    .view-slider-postgrado .views-field-title{ font-size: 24px; }
    .view-slider-postgrado .views-field-body p{ font-size: 15px; }
    .view-slider-postgrado .views-field-field-slidepostgrado-boton a{ font-size: 15px; }

    .node-noticias .shadow-2{ background: transparent; }

    /* Form Fusarium */
    #node-9236{ 
        padding: 20px 20px;
    }
    .webform-client-form-9236{
        padding: 20px 20px;        
    }

    /* Form Open University */
    #node-9255{ 
        padding: 20px 20px;
    }
    .webform-client-form-9255{
        padding: 20px 20px;        
    }

    /* Insignias Digitales */
    #carrusel-insignias .owl-nav .owl-prev{        
        left: 0;        
    }
    #carrusel-insignias .owl-nav .owl-next{        
        right: 0;        
    }
    .region-insignia-que-es-first,
    .region-insignia-que-es-third{ 
    	margin-bottom: 20px; 
    }    
    .section-insignia-que-es .sabias-que{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.region-insignia-que-es-first::before,
	.region-insignia-que-es-second::before,
	.region-insignia-que-es-third::before {
	    position: relative;
	    left: 0;
	    top: 0;
	    float: left;
	}
	.region-insignia-que-es-first section.block,
	.region-insignia-que-es-second section.block,
	.region-insignia-que-es-third section.block{
		display: inline-block;
    	width: 80% !important;
    	margin-left: 10px;
	}
	
	
	/*Cambios para el nuevo home movil*/
	#nuevo-home .emblema-espol{display:none;}
	#nuevo-home .logo-espol {max-width: 220px !important;}
	#nuevo-home .section-espol-en-cifras{display:none;}
	#nuevo-home .content-bottom { background-image:none !important;}
	#nuevo-home .footer-menu .section-A {padding-left: 0px !important;}
	#nuevo-home .footer-menu .section-B ul.menu {column-count: 2 !important;}
	
	
	#nuevo-home .view-bloque-banner-nuevohome img {
		width: 100%;
		height: 400px;
		object-fit: cover;
		object-position: 20% 10%;
	}	
	#nuevo-home .view-bloque-banner-nuevohome .views-field-field-texto-central-banner-nuevo h1 {    
		font-size: 26px !important;
	}
	#nuevo-home .section-menu{
		padding-top:0px !important;
	}
	#nuevo-home .navbar-header{
		background-color: #233265;
		margin:0px !important;
	}
	#nuevo-home .navbar-toggle{
		margin: 0px;
		border: none;
		padding: 17px; /*cambiar para movil busqueda*/
		background-color: transparent !important;
	}
	#nuevo-home	.navbar-toggle .icon-bar {
		width: 15px;
		height: 1px;
		border-radius: 1px;
	}
	#nuevo-home .navbar-default .navbar-collapse {
		text-align: left !important;
		background-color: #233265 !important;
		border:0px;
		position: absolute;
		z-index: 1000;
		opacity: 90%;
		width: 75%;
	}
	#nuevo-home .navbar-default .nav {    
		margin-top: 0px !important;
	}
	#nuevo-home .navbar-default .nav > li > a {
		text-transform: none !important;
		font-family: 'Roboto Regular' !important;
		font-size: 14px !important;
		border-radius: 0px !important;
		padding: 0px 0px 0px 12px !important;
		color:white !important;
		background: #00002e !important;
		margin: 5px 0px;
	}
	#nuevo-home .navbar-default .nav > li > a:hover {
		background: #00002e !important;
		color:white !important;
	}
	#nuevo-home .navbar-default .nav > li > .dropdown-menu {
		background-color: #233265 !important;
		border:0px;
	}
	#nuevo-home .navbar-default .nav > li > .dropdown-menu > li > a{
		color: white !important;
	}
	#nuevo-home .navbar-default .nav > li > a > span.caret {
		float:right;
		margin-top:5px;
		margin-right:5px;
		display:inline-block !important;
	}
	#nuevo-home .menu-rs {
		margin: 15px 5px !important;
	}
	#nuevo-home .menu-rs li a {
		font-size: 12px !important;
	}
	#nuevo-home .navbar-brand{
		text-align: center;
		margin: 20px 0px !important;
	}
	#nuevo-home .logo-espol{
		max-width:300px !important;
	}
	
	#nuevo-home .search-box{
		width: 300px;
		float: right;
		padding: 10px;
	}
	#nuevo-home .search-box .form-wrapper{
		margin:0px;
	}
	#nuevo-home .search-box .form-wrapper input {
		height: 25px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	#nuevo-home .search-box .form-wrapper button{
		height: 25px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		background-color: rgb(140 196 240 / 80%);
	}
	#nuevo-home .search-box .form-wrapper .glyphicon-search{
		font-size: 15px;
		top: -24px;
		color:gray;
	}
}

/***** CAMBIOS PARA EL NUEVO HOMEPAGE *****/
@font-face {
  font-family: 'Roboto Regular';
  src: url(../fonts/Roboto-Regular.woff);
}

@font-face {
  font-family: 'Roboto Bold';
  src: url(../fonts/Roboto-Bold.woff);
}
/*Seccion TOP*/
#nuevo-home .margen-home{
	margin-left:100px;
	margin-right:100px;
} 
#nuevo-home .section-top {
    background-color: #233265;
	padding-top:0px;
}
#nuevo-home .menu-rs {
    margin-bottom: 5px;
}
#nuevo-home .menu-rs li {
    margin: 0 0px;
}
#nuevo-home .menu-rs li a {
    color: white;
	font-size: 15px;
}
#nuevo-home .menu-idioma{
	margin-left:5px;
}
/*Seccion LOGOS*/
#nuevo-home .logo-espol{
	width:400px;
	max-width:400px;
}

#nuevo-home .emblema-espol{
	width:90px;
	float:right;
}
#nuevo-home .navbar-header, #nuevo-home .navbar-brand{
	float:none;
	margin-top:5px;
}
/*Seccion MENU*/
#nuevo-home .navbar-default .navbar-collapse{
    text-align:center;
}
#nuevo-home .navbar-default .nav{
    float: none !important;
	display: inline-block;
	margin-top:20px;
}
#nuevo-home .navbar-default .nav > li > a{
    border-bottom: none;
	text-transform: uppercase;
	font-family:'Roboto Bold'; 
	font-size: 16px; 
	color:#656160;
	padding: 5px 20px 0px 20px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#nuevo-home .navbar-default .nav > li > a > span.caret{
    display:none;
}
#nuevo-home .navbar-default .nav > li > a:hover{ 
	background: #bddff0 !important; 
}
/*Seccion BANNER*/ 
#block-views-bloque-banner-nuevohome-block h2.block-title{
	display:none;
}
#nuevo-home .view-bloque-banner-nuevohome .views-field-field-texto-central-banner-nuevo{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#nuevo-home .view-bloque-banner-nuevohome .views-field-field-texto-central-banner-nuevo h1{
	color: white;
    font-size: 50px;
    font-family: 'Roboto Bold';
	text-shadow:1px 5px 10px black;
}
#nuevo-home .view-bloque-banner-nuevohome img{
	width:100% 
}
/*Seccion NOTICIAS*/
#nuevo-home .section-contenido-noticias{
	background-image: url(/sites/default/files/nuevaespol/fondo-de-noticias.jpg);
	height:240px;
}
#nuevo-home .section-contenido-noticias .titulo-noticias{
	font-size:30px;
	color:white;
	font-family:'Roboto Bold';
	margin-top: 20px;
}
#nuevo-home .section-contenido-noticias .ver_mas{
	float: right;
    color: white;
    font-family: 'Roboto Bold';
    margin-top: -17px;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: underline;
}
#nuevo-home .section-contenido-noticias .row {
    background-color: white;
    margin: 0px 5px;
	height:130px;
}
#nuevo-home .section-contenido-noticias .row .div-left {
	padding: 10px;
}
#nuevo-home .section-contenido-noticias .row .div-right {
    padding: 15px 10px 15px 0px;
}
#nuevo-home .section-contenido-noticias .row .div-right h4 {
    font-family: 'Roboto Regular';
    font-size: 17px;
	margin-top:0px;
	overflow-y: hidden;
    height: 110px;
	line-height: 1.3;
}
#nuevo-home .section-contenido-noticias .owl-carousel .owl-prev, #nuevo-home .section-contenido-noticias .owl-carousel .owl-next {
    border: 0px !important;
    border-radius:0px !important;
    height: 40px !important;
    width: 40px !important;
    background-color: #2998cf !important;
}

#nuevo-home .section-contenido-noticias .owl-carousel .owl-prev span, #nuevo-home .section-contenido-noticias .owl-carousel .owl-next span {
    position: relative;
    top: -30%;
    font-size: 34px;
	color:white;
}

#nuevo-home .section-contenido-noticias .owl-carousel .owl-prev {
    float: left;
    position: absolute;
    left: -32px;
    top: 20%;
}

#nuevo-home .section-contenido-noticias .owl-carousel .owl-next {
    float: right;
    position: absolute;
    right: -32px;
    top: 20%;
}
/*Seccion NOTICIAS en movil*/
#nuevo-home .section-contenido-noticias-movil{
	background-image: url(/sites/default/files/nuevaespol/fondo-de-noticias.jpg);
}
#nuevo-home .section-contenido-noticias-movil .titulo-noticias{
	font-size: 28px;
    color: white;
    font-family: 'Roboto Bold';
    margin: 15px 10px 10px 10px;
}
#nuevo-home .section-contenido-noticias-movil .content-noticias-movil .row{
	background-color: white;
    margin: 10px;
	padding:10px;
}
#nuevo-home .section-contenido-noticias-movil .content-noticias-movil .div-left{
	padding:0px;
}
#nuevo-home .section-contenido-noticias-movil .content-noticias-movil .div-right{
	padding: 0px 0px 0px 10px;
}
#nuevo-home .section-contenido-noticias-movil .content-noticias-movil h4{
	font-size: 14px;
    font-family: 'Roboto Regular';
    overflow-y: hidden;
    height: 90px;
    margin: 0px;
}
#nuevo-home .section-contenido-noticias-movil .ver_mas{
	color: white;
    text-decoration: underline;
    float: right;
    margin: 0px 10px 10px 0px;
    font-family: 'Roboto Bold';
}
/*Seccion OFERTA ACADEMICA*/
#nuevo-home .bloque-ver-oferta-academica{
	margin-top:25px;
}
#nuevo-home .content-btn-oferta-academica{
    background-image: url(/sites/default/files/bg_ver_oferta_academica.jpg);
    background-repeat: no-repeat;
    height: 100px;
    background-position: center;
	position:relative;
}
#nuevo-home .text-btn-oferta-academica {
    text-align: center;
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}
#nuevo-home .text-btn-oferta-academica a{
    color: white;
    font-size: 22px;
    font-family: 'Roboto Bold';
    letter-spacing: 2px;
    text-decoration: none;
}
/*Seccion ENLACES CALENDARIO*/
#nuevo-home .ul-enlaces-calendario{
	list-style-type:none;
	padding:0px;
}
#nuevo-home .content-enlace-concurso{
    background-image: url(/sites/default/files/btn-concurso-merito_0.png);
    background-repeat: no-repeat;
    height: 100px;
    background-size: 360px 100px;
    position: relative;
	margin-bottom:30px;
}
#nuevo-home .text-enlace-concurso{
    color: white;
    text-align: left;
    position: absolute;
    top: 52%;
    left: 47%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-family: 'Roboto Bold';
    letter-spacing: 2px;
    text-decoration: none;
    width: 320px;
    height: 80px;
}
#nuevo-home .content-enlace-cal-academico{
    background-image: url(/sites/default/files/btn-calendario-academico_0.png);
    background-repeat: no-repeat;
    height: 100px;
    background-size: 360px 100px;
    position: relative;
	margin-bottom:30px;
}
#nuevo-home .text-enlace-cal-academico{
	color: white;
    text-align: left;
    position: absolute;
    top: 57%;
    left: 57%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-family: 'Roboto Bold';
    letter-spacing: 2px;
    text-decoration: none;
    height: 80px;
}
/*Seccion ESPOL EN CIFRAS*/
#nuevo-home .content-bottom{
	background-image: url('/sites/default/files/bg_espol_cifras2.jpg');
	background-size: cover;  /*REVISAR ISA*/
	background-repeat:no-repeat;
}
#nuevo-home .section-espol-en-cifras{
	text-align:center;
	background-color: #2998CF;
    opacity: 85%;
}
#nuevo-home .section-espol-en-cifras .content-espol-cifras{
	margin:0px 40px;
}
#nuevo-home .section-espol-en-cifras h2.block-title{
	color: white;
    font-size: 28px;
    font-family: 'Roboto Bold';
    margin: 35px;
}
#nuevo-home .view-espol-en-cifras .views-row {
	display: inline-block;
    width: 14%;
    text-align: center;
	vertical-align:top;
	margin-bottom: 40px;
}
#nuevo-home .view-espol-en-cifras .views-row .views-field-title{
	padding: 0px 30px;
}
#nuevo-home .view-espol-en-cifras .views-row .views-field-title span{
	color: white;
    font-family: 'Roboto Regular';
    font-size: 15px;
}
#nuevo-home .view-espol-en-cifras .views-row img{
	margin: 0 auto;
}
/*Seccion FOOTER*/
#nuevo-home .section-footer{
	opacity:80%;
	background: #00002E !important;
}
#nuevo-home .footer-menu .section-A{
	padding-left: 130px;
}
#nuevo-home .footer-menu .section-A ul{
    text-align: left;
    list-style: none;
}
#nuevo-home .footer-menu .section-A ul li img{
    width: 30%;
	margin: 20px 0px;
}
#nuevo-home .footer-menu .section-B {
    text-align: left;
	padding-top: 50px;
}
#nuevo-home .footer-menu .section-B ul.menu{
    column-count: 4;
	column-gap: 50px;
}
#nuevo-home .footer-menu .section-B ul.menu > li {
    display: list-item;
}
#nuevo-home .section-footer ul.menu > li::after {
    content: " " !important;
    margin-left: 10px;
    margin-right: 10px;
}
#nuevo-home .section-copyright{
	padding:15px 0px;
	background:#233265;
}
#nuevo-home .section-copyright p{
	color: white;
    padding-left: 160px;
    display: inline-block;
}

/*Barra de busqueda en web*/
#nuevo-home .search-box{
	width: 300px;
    display: inline-block;
    padding: 5px 15px 0px 0px;
}
#nuevo-home .search-box .form-wrapper{
	margin:0px;
}
#nuevo-home .search-box .form-wrapper input {
	height: 22px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#nuevo-home .search-box .form-wrapper button{
	height: 22px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: rgb(140 196 240 / 80%);
}
#nuevo-home .search-box .form-wrapper .glyphicon-search{
	font-size: 15px;
	top: -24px;
	color:gray;
}

/* PAC */
.view-pac .views-field{ margin-bottom: 8px; }
.view-pac .file-icon{ display: inline-block; }