/*
   --------------------------------------------------------------------------
   Definición de tipos de fuentes personalizados
   --------------------------------------------------------------------------
*/

@font-face {
	font-family: 'Source Sans Pro Regular';
	src: url(/contents/fonts/sourcesanspro/SourceSansPro-Regular.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Light';
	src: url(/contents/fonts/sourcesanspro/SourceSansPro-Light.ttf);
}
@font-face {
	font-family: 'Source Sans Pro Italic';
	src: url(/contents/fonts/sourcesanspro/SourceSansPro-Italic.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Semibold';
	src: url(/contents/fonts/sourcesanspro/SourceSansPro-Semibold.ttf);
}


@font-face {
	font-family: 'Source Sans Pro Bold';
	src: url(/contents/fonts/sourcesanspro/SourceSansPro-Bold.ttf);
}

@font-face {
	font-family: 'Terminal Dosis Regular';
	src: url(/contents/fonts/terminaldosis/TerminalDosis-Regular.ttf);
}

@font-face {
	font-family: 'Terminal Dosis Semibold';
	src: url(/contents/fonts/terminaldosis/TerminalDosis-Semibold.ttf);
}

/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo genéricas
   --------------------------------------------------------------------------
*/

html {
	font-size: 16px;	 /* Establecemos el tamaño de fuente base */
    overflow-y: scroll;
}

body.modal-open {  /*Avoid Bootstrap Model goes to top*/
   overflow: visible;
}

body {
    font-family: 'Source Sans Pro Regular';
	font-size: 1rem;
    padding-top: 110px;
    padding-right: 0 !important;  
	background-color: #ffffff;
    -moz-min-width: 320px;
    -ms-min-width: 320px;
    -o-min-width: 320px;
    -webkit-min-width: 320px;
    min-width: 320px;
	color: #3f4649;    
}

@media (max-width: 468px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 440px) {
	html {
		font-size: 14px;
	}
}


/*
   --------------------------------------------------------------------------
   Definición de reglas generales
   --------------------------------------------------------------------------
*/

.ui-autocomplete-loading {
      	background: white url('/Contents/images/icons/ajax-loader.gif') right center no-repeat !important;
}

a {
    color: #f44138;
}

a:hover, a:active {
    color: #f44138 !important;
    text-decoration: underline;
}

a.redes-button:hover {
    text-decoration: none;
} 

h1 {
    color: #fff;
    font-family: 'Source Sans Pro Semibold';
    font-size: 2.3rem;
}

h2 {
    color: #f44138;
    font-family: 'Source Sans Pro Semibold';
    font-size: 1.9rem;
}

h3 {
    color: #000;
    font-family: 'Source Sans Pro Regular';
    font-size: 1.5rem;
}

h4 {
    color: #fff;
    font-family: 'Source Sans Pro Semibold';
    font-size: 1.5rem;
}

h5 {
    color: #4d4d4d;
    font-family: 'Source Sans Pro Semibold';
    font-size: 1.2rem;
}

h6 {
    color: #fff;
    font-family: 'Source Sans Pro Semibold';
    font-size: 1.2rem;
}

.cursor-default {
    cursor: default !important;
}

.narrow {
    padding-left: 110px;
    padding-right: 110px;
}

.red {
    color: #f44138;
}

.font-light {
    font-family: 'Source Sans Pro Light' !important;
}

.font-regular {
    font-family: 'Source Sans Pro Regular' !important;
}

.ellipsis {
   white-space: nowrap;
   overflow: hidden;         
   text-overflow: ellipsis;
}

.slick-initialized { visibility: visible; }

/*
   --------------------------------------------------------------------------
   Definición de reglas de las secciones principales
   --------------------------------------------------------------------------
*/

#redes-fixedheader {
    background-color: #fff;
    height: 60px;
}

#redes-fixedsubheader {
    margin-top: 60px;
    height: 35px !important;
    background-color: #4e4e4e;
}

#redes-contents {
    min-height: 400px;
}

#redes-footer {
    margin: 0;
    color: #FFFFFF;
    background-color: #202532;
    font-family: 'Terminal Dosis Regular';
}

/*
   Barra de menus superior
   --------------------------------------------------------------------------
*/

#redes-fixedheader a {
    color: #000;
    text-transform: uppercase;
}

#redes-fixedheader a:hover {
    text-decoration: none;
    color: #f44138;
}

#logo-sepe {
    padding-top: 8px;
    padding-bottom: 8px;
}

.logos-mobile a:visited {
    text-decoration: none;
    color: #000;
}

.navbar-redes {
	 background-color: #fff;
	 border-color: #0089c8;
	 border: none !important;
}

.navbar-header {
	min-height: 60px !important;
}

.navbar-brand {
    padding: 6px;
    height: 60px;
    line-height: 48px
}

.navbar-brand>img {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
}

span.navbar-toggle.active {
	color: #f44138;
	border: none !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.navbar-toggle {
	border: none !important;
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}

.navbar-toggle .icon-bar {
	background-color: #858585 !important;
}

.navbar-default .navbar-toggle {
    border-color: #858585;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-collapse {
    text-align:center;
    padding-left: 0px;
    padding-right: 0px;
}


.navbar-nav	> li {
	 height: 100%;
     padding: 10px 0px !important;
    
}

.navbar-redes ul li a {
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
    font-size: 1rem !important;
    /*padding: 5px 7px !important;*/
    padding: 0 7px !important;
    margin-top: 5px;
    border-right: 2px solid #858585;
}

.navbar-redes ul li:last-child a {
    border-right: none;
}

.navbar-redes ul li a:hover {
	color: #f44138 !important;
    background-color: #4e4e4e;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #f44138 !important;
    background-color: #4e4e4e;

}


@media (max-width: 390px) {
	.logos-mobile {
		padding: 0 !important;
	}
	.logos-mobile > img {
		padding-right: 0 !important;
	}
}

/*
   Pie de página footer
   ---------------------------------------------------------------------------------
*/

.footer nav {
	margin-bottom: 0.625rem; /* 10px */
}

.footer-top-nav-option-1-arrow, .footer-top-nav-option-2-arrow, .footer-top-nav-option-3-arrow, .footer-top-nav-option-4-arrow, .footer-top-nav-option-5-arrow {
    display: none;
}

.footer ul {
    font-size: 0.85rem;
    color: #e5e5e5;
    font-weight: 500;
    padding-left: 0;
    margin: 0 0 1.28rem 0;
}

.footer ul li {
    font-size: 0.85rem;
    list-style-type: none;
}


.footer a {
	color: #b7b7b7;
	text-decoration: none;
}

.footer a:hover {
    color: #FFFFFF !important;
}

.footer .nav-header {
    font-size: 1.05rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.footer .nav-header a {
    color: #FFFFFF;
}


.footer-top {
    background-color: #2b3442;
    padding-bottom: 15px;
    padding-top: 15px;
}

.footer-top-contact {
    font-size: 0.85rem;
	line-height: 1.3rem;
    font-weight: 500;
    color: #b7b7b7;
}

.footer-top-contact i {
    display: inline-block;
    font-size: 1.1rem;
    text-align: center;
    width: 1.2rem;
}

.footer-top-contact .nav-header {
    font-size: 1.05rem;
    line-height: 1.3rem;
    font-weight: 500;
    color: #FFFFFF;
}


.footer-top-social {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #555f6e;
	text-align: center;
	color: #C3C3C3;
}

.footer-headquarters {
    background-color: #2b3442;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #555f6e;
    border-bottom: 1px solid #555f6e;
}

.footer-top-social a {
    padding-left: 3px;
    padding-right: 3px;
}

.social-icon {
    -ms-opacity: 0.6;
    opacity: 0.6;
}

.social-icon:hover {
    -ms-opacity: 1;
    opacity: 1;
}


.footer-bottom {
    background-color: #202532;
    padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	min-height: 30px;
    font-size: 0.95rem;
}


.footer-bottom-copyright {
	color: #b7b7b7;
    text-align: left;
}

.footer-bottom-disclaimer {
    color: #b7b7b7;
	text-align: right;
}

@media (max-width: 1200px) {
   
    .footer ul li {
      font-size: 0.80rem;
    }

}


@media (max-width: 992px) {

   
    .footer .nav-header {
        border-bottom: 1px solid #555f6e;
    }

    .footer ul {
        -webkit-column-count: 2; 
        -moz-column-count: 2; 
        column-count: 2;
    }

    .footer ul li {
        font-size: 0.69rem;
    }

    .footer ul li:before {
        content: '> ';
    }


}



@media (max-width: 767px) {
    
    .border-bottom-red-mobile {
	    border-bottom: 3px solid #f44138;
    }

	
    .footer-top-nav-option-1-arrow,.footer-top-nav-option-2-arrow,.footer-top-nav-option-3-arrow,.footer-top-nav-option-4-arrow {
        position: absolute;
        right: 15px;
        cursor: pointer;
        display: inline-block;
    }

    .footer ul  {
        display: none;
        margin-bottom: 0;
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
    }

    .footer ul li {
        font-size: 0.80rem;
    }

    .footer ul li:before {
        content: '';
    }

    .footer-bottom-copyright, .footer-bottom-disclaimer {
        text-align: center;
    }

}






/*
   --------------------------------------------------------------------------
   Inici
   --------------------------------------------------------------------------
*/

.home-title h2 {
    color: #f44138 !important;
    font-family: 'Source Sans Pro Regular';
}

.home-title h4 {
    color: #000 !important;
    font-family: 'Source Sans Pro Light';
}

header.carousel {
    height: 380px;
}

.carousel-inner {
    height: 380px;
}

header.carousel .fill {
    width: 100%;
    height: 380px;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
    padding-top: 0;
    top: 0 !important;
	padding-bottom: 0 !important;
	bottom: 0 !important;
}

.carousel-title {
    padding: 20px 0;
    font-size: 2rem;
    margin-top: 20px;
    margin-right: 20px;
    text-align: center;
	margin-bottom: 0px !important;
    color: #fff;
}

.carousel-title h1 {
    font-size: 2.5rem;
}


.redes-mobile-title {
	background-color: #f44138;
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}

.redes-mobile-title h1 {
	margin: 15px 0px;
    font-size: 1.8rem;
}


.home-choose {
    margin: 0 5px;
	text-align: center;
}

.home-choose div, .home-choose a {
	margin-bottom: 15px;
}

.redes-tile {
    padding-top: 97px;
    padding-bottom: 101px;
    background-position: top;
    background-size: cover;
}

.redes-tile-header {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    line-height: 36px;
}

.slider-button {
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.2rem;
}

#slider-0 {
    padding: 8px 14px;
}

.slider-button:hover {
    opacity: 0.7;
    color: #fff !important;
    text-decoration: none;
}

.owl-carousel .owl-item img {
    width: inherit;
}

.redes-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.redes-overlay-blue {
    /*background-color: #0b3e6b;*/
    background-color: #bad8f4;
}

.redes-overlay-orange {
    /*background-color: #7a3901;*/
    background-color: #fbd4b3;
}

.redes-overlay-yellow {
    /*background-color: #795b05;*/
    background-color: #fae9b5;
}

.redes-overlay-red {
    /*background-color: #7a0203;*/
    background-color: #fbb3b4;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.item:hover > .redes-overlay {
    display: block;
    opacity: 0.6;
    text-align: center;
}

#home-courses-slider .item:hover > .redes-overlay {
    display: block;
    opacity: 0.9;
    text-align: center;
}

.item:hover > .btn {
    position: relative;
    z-index: 1500;
}



/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (min-width: 768px) {
		.carousel-caption {
		    padding-bottom: 0px !important;
		}
}


/*
   --------------------------------------------------------------------------
   Presentació
   --------------------------------------------------------------------------
*/


.panel-information {
	margin-bottom: 30px;
}

.panel {
    border: none;
    box-shadow: none !important;
}

.panel-default>.panel-heading {
    background: linear-gradient(to left, #ffffff 60%, #eeeeee  30%);
}


.panel-default>.panel-alumni {
    background: linear-gradient(to left, #ffffff 40%, #eeeeee  70%);
}

.panel-information .panel-body {
	border-top: 1px solid #f44138;
    border-bottom: 0px !important;
    background-color: #fff !important;
	color: #3f4649 !important;
}


.panel-information .panel-heading, .panel-courses .panel-heading {
	color: #000000 !important;
    font-size: 1.2rem;
}


.panel-courses .panel-body {
	border: 1px solid #6c7a80 !important;
	background-color: #fff !important;
	color: #3f4649 !important;
	padding: 0px !important;
}

.panel-information .panel-heading p, .panel-courses .panel-heading p  {
	margin-bottom: 0px
}

.panel-information .link, .panel-courses .link {
	border: none !important;
	background-color: inherit !important;
	color: #f44138;
}

@media(max-width: 992px) {
    .panel-default>.panel-heading {
        background: none;
        background-color: #eeeeee;
    }
}

/*
   --------------------------------------------------------------------------
   Llistat de cursos
   --------------------------------------------------------------------------
*/

#redes-courses-search {
	padding-bottom: 20px;
    padding-top: 30px;
}

.margin-top-courses-search {
    margin-top: 0;
}

.course-name-list {
	font-size: 1rem;
	font-weight: bold;
}

.course-name-list a {
    color:#3f4649 !important;
}

.course-name {
	font-size: 1.2rem;
	font-weight: bold;
}

.course-info {
	font-weight: normal !important;
	font-size: .85rem;
    color: #666666;
}

.redes-table-date {
	font-size: 1rem;
	font-weight: bold;
    width: 120px;
}


.course-inscription {
	vertical-align: middle !important;
	text-align: right;
}


/*
   --------------------------------------------------------------------------
   Fitxa de curs
   --------------------------------------------------------------------------
*/

#redes-card-menu {
    background-color: #fafafa !important;
	border-bottom: 3px solid #f44138;
	border-top: 1px solid #ccc;
	margin-bottom: 0px !important;
	margin-top: 110px;
    z-index: 1029;
}

#redes-card-menu .navbar-nav {
	text-align: left !important;
	padding: 10px 0px;
}


#redes-card-menu .navbar-nav li {
	padding-right: 25px;
	vertical-align: middle !important;
}

#redes-card-menu .navbar-nav li a:nth-last-child(-n+2) {
	margin:6px 0px;
}

#redes-card-menu .navbar-nav li:nth-last-child(2) {
	padding-right: 0px !important;
}

#redes-card-menu .navbar-nav li a{
	padding: 8px;
}

#redes-card-menu .navbar-nav li:first-child:hover{
	cursor: pointer !important;
}



.card-desc {
	color: #8d8d8d;
	font-size: 0.9rem;
	margin-bottom: 5px;
    font-weight: bold;
}

.card-info {
	color: #000;
	font-size: 1rem;
	margin-bottom: 0;
    height: 34px;
    line-height: 34px;
}

#course-card-contents {
    padding: 20px;
    margin-top: 95px;
}

#course-card-contents p {
    font-size: 1rem;
    text-align: justify;
}





.redes-card-header {
	background-color: #f0f0f0;
	border-bottom: 3px solid #f44138 !important;
	margin: 20px 0px;
	padding: 0px;
}

.redes-card-header-cell {
	padding: 15px;
}

.redes-course-name {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: #000 !important;
    padding: 15px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
		text-transform: inherit !important;
    word-spacing: inherit !important;
    border-bottom: none !important;
}


.redes-card-info {
    border: 1px solid #f44138;
    border-bottom: none;
    margin-bottom: 30px;
}

.redes-card-info-item {
    color: #636363;
    font-size: 0.9rem;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f44138;
}

.redes-input-search {
  box-sizing: border-box;
  padding-left: 10px;
  width:100%;
  height:55px;
  border: 2px solid #dfdfdf;
  background-image: url("/contents/images/icons/icon-search.png");
  background-repeat: no-repeat;
  background-position: 97%;
  border-radius: 40px;
    font-size: 1.1rem;
}



.redes-card-cell {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}

.redes-card-info-item-info {
    color: #919191;
    float: right;
    text-transform: none;
}

.redes-card-certifiactions {
    display: table;
}

.redes-card-conv-info {
    font-size: 0.85rem;
    color: #777;
    padding-bottom: 15px;
}

.redes-card-certifiactions > div {
    display: table-cell;
    vertical-align: middle;
}

.redes-card-certifiactions-text {
    padding-left: 10px;
    font-weight: bold;
    color: #008fc4;
    font-size: 0.9rem;
}

.redes-card-conv-header {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center !important;
    font-size: 1rem;
    margin-top: 20px;
}

.redes-card-subcontent-header {
    color: #000 !important;
    font-size: 1.3rem !important;
    margin-bottom: 1.2rem !important;
    border-bottom: none !important;
}

.redes-button-blue:visited {
  color: #fff;
}

.redes-view-all-announcement {
        display: inline-block;
        padding-right: 10px;
    }




.redes-card-select {
    border: 1px solid #34a7d8 !important;
    margin-bottom: 15px;
}


.redes-card-sections {
	border: 1px solid #ccc;
}

.redes-card-section {
    font-size: 1rem;
    color: #000 !important;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.redes-card-section:last-child {
	border-bottom: none !important;
}

.redes-card-section div {
    color: #000 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.redes-card-section img {
    padding-right: 10px;
}

.redes-card-section:hover {
    background-color: #f44138 !important;
    font-weight: bold;
}

.redes-card-section:hover div {
    color: #fff !important;
    font-weight: bold !important;
}

.redes-gray {
    color: #666666 !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
    text-transform: inherit !important;
    font-weight: inherit !important;
}

.card-menu {
	background-color: #f0f0f0;
	padding: 15px 10px;
}

.card-menu li {
	cursor: pointer;
	font-family: 'Source Sans Pro Semibold';
	text-decoration: underline;
}


.header-moreinfo, .open-show, .closed-show, .full-show {
    display: none;
}


/*
   --------------------------------------------------------------------------
   FAQ: Preguntes freqüents
   --------------------------------------------------------------------------
*/


.redes-title-faqs {
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
	margin-bottom: 0px !important;
}

.redes-title-faqs img {
    position: absolute;
    left: 0;
    top: 8px;
}

.redes-faqs-list {
	list-style-type: none;
	padding: 0px;
}

.redes-faqs-list li {
	padding: 15px 5px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.redes-faqs-list li .redes-title-faqs {
    cursor: pointer;
}

.redes-faqs-list li:first-child{
	border-top: 2px solid #dfdfdf;
}

.redes-faqs-list li:last-child {
	border-bottom: 2px solid #dfdfdf;
}

.redes-ul-simple li {
    border: 0px;
    padding: 5px 5px;
}


.redes-ul-simple li:first-child{
	border-top: 0px ;
}

.redes-ul-simple li:last-child {
	border-bottom: 0;
}

.redes-faqs-list li:hover {
	background-color: #fbfbfb;
}

.redes-faqs-list li div {
	margin-top: 15px;
	margin: 0 20px;
}

/*
   --------------------------------------------------------------------------
   Contacte
   --------------------------------------------------------------------------
*/






.page-header {
	color: #3f4649;
	border-bottom: 2px solid #3f4649;
	margin-bottom: 30px;
}






.panel-courses table {
	margin-bottom: 0px !important;
}


.home-options {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 55px;
}


@media (min-width: 992px) {
		.redes-card-header-cell:first-child {
			border-right: 2px solid #fff;
		}
}


.btn-inscription-card {
	display:block;
	margin-bottom:15px;
}

.btn-info-card {
	display:block;
}

.no-padding {
	padding: 0 !important;
}

@media (max-width: 992px) {
	.margin-mobile {
		margin-bottom: 15px;
	}
    .margin-mobile-big {
		margin-bottom: 30px;
	}
    .margin-mobile-sides {
        margin-left: 20px;
        margin-right: 20px;
    }
	.btn-inscription-card, .btn-info-card {
		display: inline-block;
		margin-bottom: 0px;
		width:48%;
	}
	.btn-inscription-card {
		float: left;
	}
	.btn-info-card {
		float: right;
	}
	.card-desc {
		display: inline-block;
		margin-bottom: 0px !important;
		font-size: 0.85rem !important;
	}
	.card-info {
		display: block;
		text-align: left !important;
	}
    .dynamic-margin-top {
        margin-top: 132px !important;
    }
    #redes-courses-search {
        z-index: 1029;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        background-color: #f44138 !important;
        color: #fff !important;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100% !important;
    }
    .navbar-nav {
        width: 100%;
    }
    .navbar-redes ul li a {
        padding: 20px 30px !important;
     }
    
}

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    #redes-fixedheader {
        box-shadow: 0px 5px 17px 0px #d6d6d6;
    }

    body {
        padding-top: 60px;
    }

    #redes-card-menu {
        margin-top: 60px;
    }

}

@media (max-width: 767px) {
    
	.border-radius-left {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.border-radius-right {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		margin-bottom: 15px;
	}
	.padding-mobile {
		padding: 10px;
	}
    .redes-table-date {
        width: 100%;
    }
    .course-name-list {
	    font-size: 1.2rem;
    }
    .course-info {
	    font-size: 1rem;
    }  
    #logo-redes {
        display: block !important;
        margin: auto;
    }
    .table-header {
	    font-size: 1.4rem !important;
    }
    .dynamic-margin-top {
        margin-top: 70px !important;
    }
    #course-card-contents {
        margin-top: 130px;
    }

    .footer-top-contact {
        text-align: center;
    }
}

@media (max-width: 991px) {
    #redes-card-menu {
        margin-top: 60px;
        /*height: 148px;*/
    }

    .choose-edition {
        margin-top: 147px !important;
    }
}




/*****************************************************************************************/
/********                                                                        *********/
/********         Reglas de diseño genéricas (utilities)                         *********/
/********                                                                        *********/
/*****************************************************************************************/

.bg-darkgray {
    background-color: #eeeeee !important;
    padding-bottom: 30px;
    padding-top: 30px;
}

.bg-gray {
    background-color: #f4f4f4 !important;
    padding-bottom: 25px;
    padding-top: 25px;
}

.bg-red {
    background-color: #f44138 !important;
    padding-bottom: 8px;
    padding-top: 5px;
}

.bg-white {
    padding-top: 25px;
    padding-bottom: 15px;
    background-color: #fff !important;
}

.bold {
    font-weight: bold;
}

#formError, #formInfo {
    display: none;
}

#errorSummary {
    display: none;
}

.breadcrumb {
    display: inline;
    padding-left: 0;
    background-color: #FFFFFF;
}

.breadcrumb>li+li:before {
    padding: 0 3px;
    content: ">";
}


.display-none {
	display: none;
}


.img-hover:hover {
    opacity: 0.8;
}
.img-portfolio {
    margin-bottom: 30px;
}

.btn-primary {
    color: #fff;
    background-color: #44687E;
    border-color: #DDDDDD;
}

.redes-header {
    margin-top:5px !important;
    font-family: 'Source Sans Pro Regular';
    text-align: center;
    font-size: 2rem;
	margin-bottom: 15px;
    text-transform: uppercase;
}

.redes-subheader {
    margin-top:5px !important;
    font-family: 'Source Sans Pro Regular';
    font-size: 1.2rem;
	margin-bottom: 0px !important;
	background-color: #f0f0f0;
	padding: 10px;
	display: inline-block;
}

input[type="radio"] ~ label {
    font-weight: normal;
    padding-left: 5px;
    display: inline;
}

textarea {
    resize: none;
    height: 50px;
}

.form-control {
    border: #ccc  1px solid !important;
    font-size: 1rem;
    border-radius: 0px;
}

.form-readonly {
    height: auto;
    background-color: #EEEEEE;
}

.center {
    text-align: center;
}

p {
    text-align: justify;
}

.nopadding {
    padding-top: 0 !important;
}

.gray {
    color: #AAAAAA;
}

.img-inline {
	display: inline-block!important;
}



select.error, textarea.error, input.error {
    border:2px solid #a94442 !important;
    color: #a94442 !important;
}

.left-block {
    display: block;
    margin-right: auto;
}

.right-block {
    display: block;
    margin-left: auto;
}

.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}


.padding-bottom-15 {
	padding-bottom: 15px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

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

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-15 {
	margin-top: 15px;
}

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}


@media screen and (max-width: 767px) {
    .visible-xs-inline {
        display: inline-block !important;
    }
    .visible-xs-table-cell {
        display: table-cell !important;
    }
    .visible-xs-table {
        display: table !important;
    }
    .narrow {
        padding-left: 10px;
        padding-right: 10px;
    }

     .left-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .right-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    .center-block-mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) {
    .visible-xs-inline {
        display: none !important;
    }
    .visible-xs-table-cell {
        display: none !important;
    }
    .visible-xs-table {
        display: table !important;
    }

   

    
}

.legend-text{
	font-size:0.8rem;
}

.btn {
    min-width: 115px;
}

.redes-button {
    border: 2px solid #f44138;
    border-radius: 0px;
    background-color: #f44138;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: 10px 25px;
    margin-top: 15px;
}

.redes-button-small {
    border: 2px solid #f44138;
    border-radius: 0px;
    background-color: #f44138;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 8px;
    margin-top: 15px;

}

.redes-button-thin {
    border: 2px solid #f44138;
    border-radius: 0px;
    background-color: #f44138;
    color: #fff !important;
    font-weight: bold;
    text-transform: none;
    font-size: 1rem;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;

}

.redes-button:hover, .redes-button:active, .redes-button-small:hover, .redes-button-small:active, .redes-button-thin:hover, .redes-button-thin:active {
    border: 2px solid #f44138 ;
    background-color: #fff !important;
    color: #f44138 !important;
}

.redes-button:hover img {
    content:url("/Contents/images/icons/icon-arrow-red.png");
}

.redes-option {
    border: 2px solid #f44138;
    border-radius: 0px;
    background-color: #fff;
    color: #f44138 !important;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 220px;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.redes-option:hover, .redes-option:active {
    border: 2px solid #f44138;
    background-color: #f44138 !important;
    color: #fff !important;
}


.redes-button-info {
    border: 2px solid #f44138;
    border-radius: 20px;
    background-color: #fff !important;
    color: #000;
    font-weight: bold;
    cursor: default !important;
}

.redes-button-info:hover, .redes-button-info:active {
    border: 2px solid #f44138;
    background-color: #fff !important;
    color: #000 !important;
    cursor: default !important;
}

.redes-button-closed {
    border: 2px solid #F44138;
    border-radius: 0px;
    background-color: #F44138;
    color: #fff !important;
    font-weight: bold;
    cursor: default !important;
}

.redes-button-closed:hover, .redes-button-closed:active {
    border: 2px solid #F44138;
    background-color: #F44138 !important;
    color: #fff !important;
    cursor: default !important;
}

.redes-button-expired {
    border-radius: 0px;
    border: 2px solid #F5A623;
    background-color: #F5A623;
    color: #fff !important;
    font-weight: bold;
    cursor: default !important;
}

.redes-button-expired:hover, .redes-button-expired:active {
    border: 2px solid #F5A623;
    background-color: #fff !important;
    color: #F5A623 !important;
    cursor: default !important;
}


.redes-button-inverse {
    border-radius: 0px;
    border: 2px solid #6DB7BB;
    background-color: #6DB7BB;
    color: #fff !important;
    font-weight: bold;
}


a.redes-button-inverse:hover, a.redes-button-inverse:active {
    border: 2px solid #6DB7BB;
    background-color: #fff !important;
    color: #6DB7BB !important;
}

a.redes-button-inverse:hover img {
    content: url("/Contents/images/icons/icon-arrow-blue.png");
}

.redes-button-inverse-gray {
    border: 2px solid #8c8c8c;
    border-radius: 0px;
    background-color: #8c8c8c;
    color: #fff !important;
    font-weight: bold;
}

.redes-button-inverse-gray:hover, .redes-button-inverse-gray:active {
    background-color: #fff !important;
    color: #8c8c8c !important;
}

.redes-button-inverse-gray:hover img {
    content: url("/Contents/images/icons/icon-arrow-gray.png");
}


.redes-options {
    border-bottom: 2px solid #f44138;
    border-top: 2px solid #f44138;
    background-color: #fff;
}

.redes-options .fa {
    padding:0 5px;
    color: #c4c4c4;
}

.redes-button-blue {
    border: 2px solid #1A7DD7;
    border-radius: 0px;
    background-color: #fff;
    color: #1A7DD7 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 5px 15px;
    margin-top: 15px;
}

.redes-button-blue:hover {
    border: 2px solid #fff;
    background-color: #1A7DD7;
    color: #fff !important;
}

.redes-button-yellow {
    border: 2px solid #F2B80A;
    border-radius: 0px;
    background-color: #fff;
    color: #F2B80A !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 5px 15px;
    margin-top: 15px;
}

.redes-button-yellow:hover {
    border: 2px solid #fff;
    background-color: #F2B80A;
    color: #fff !important;
}

.redes-button-orange {
    border: 2px solid #F37401;
    border-radius: 0px;
    background-color: #fff;
    color: #F37401 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 5px 15px;
    margin-top: 15px;
}

.redes-button-orange:hover {
    border: 2px solid #fff;
    background-color: #F37401;
    color: #fff !important;
}

.redes-button-red {
    border: 2px solid #F30605;
    border-radius: 0px;
    background-color: #fff;
    color: #F30605 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 5px 15px;
    margin-top: 15px;
}

.redes-button-red:hover {
    border: 2px solid #fff;
    background-color: #F30605;
    color: #fff !important;
}

.btn-related-editions {
    width: 126px;
}

.options-body{
	padding: 10px;
}

.option-title {
	padding: 10px;
}

.border-bottom-gray {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.border-top-red {
	border-top: 3px solid #f44138;
}

.border-bottom-red {
	border-bottom: 3px solid #f44138;
}

.redes-dropdown {
	border-top: 2px solid #f44138 !important;
	border-bottom: 2px solid #f44138 !important;
	background-color: #fff !important;
}

.redes-dropdown ul {
	min-width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
    text-align: center !important;
}

.redes-dropdown>ul>li>a {
	padding: 10px 15px;
    cursor: pointer;
    text-shadow: none !important;
}

.redes-dropdown .divider {
	margin: 0px !important;
}

.redes-dropdown .btn {
    text-align: center !important;
    width: 90%;
    background-color: #fff !important;
    color: #000000;
    outline: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0px;
}


.redes-dropdown .btn:active {
	box-shadow: none !important;
}

.redes-dropdown .caret {
	position: absolute;
	left: 90%;
	top: 45%;
}

.border-radius-left {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.border-radius-right {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.table>tbody>tr>td {
	border-top: 1px solid #f44138 !important;
	border-bottom: 1px solid #f44138 !important;
}

.table-header {
	font-weight: bold;
	font-size: 1.2rem;
	vertical-align: bottom !important;
}


.redes-button-blue:hover, .redes-button-blue-list:hover, .redes-button-green-all:hover,  .redes-button-grey-all-small:hover {
    color: #ffffff;
}

.dynamic-margin-top {
    margin-top: 95px;
}





/*****************************************************************************************/
/*                                   Course card                                         */
/*****************************************************************************************/
.card-course {
    padding: 13px 20px;
    margin-bottom: 30px;
    position: relative;
}

.card-course-home {
    padding: 53px 20px 50px 20px;
}

.card-course-home h6 {
    font-size: 1rem;
}

.card-course h2 {
    color: #fff !important;
    font-family: 'Source Sans Pro Regular';
    min-height: 140px;
}

.card-course-home h2, .card-course-home h6 {
    color: #fff !important;
    font-family: 'Source Sans Pro Regular';
}


.course-blue {
    background-color: #1A7DD7;
}

.course-orange {
    background-color: #F37401;
}

.course-yellow {
    background-color: #F2B80A;
}

.course-red {
    background-color: #F30605;
}

@media (max-width: 1199px)  {
    .card-course h2 {
        height: 165px;
    }
    .card-course-home h2 {
        height: 99px;
    }
}

@media (max-width: 991px)  {
    .card-course-home h2 {
        height: 132px;
    }
}

/*****************************************************************************************/
/*                                   M o d a l                                           */
/*****************************************************************************************/


.modal-backdrop {
    z-index:0
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal-content {
    padding-left: 40px;
    padding-right: 40px;
}

.modal:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
     margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
     display: inline-block;
     text-align: left;
     vertical-align: middle;
}

/*
   ---------------------------------------------------------------------------------
   Definición de estilos asociados al botón de back-to-top
   ---------------------------------------------------------------------------------
*/

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #f44138 url(/contents/images/icons/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}


.no-touch .cd-top:hover {
    background-color: #f44138;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 20px;
    bottom: 20px;
  }
}




/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a las páginas de error
   --------------------------------------------------------------------------
*/

#error-page {
    color: #6d6c6d;
    min-height: 550px;
    padding-top: 70px;
    padding-bottom: 70px;
}

#error-page .row {
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#error-code {
    font-size: 12rem;
    font-weight: bold;
    margin-top: -30px;
}

#error-message {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: -30px;
}

#error-description {
    font-size: 1rem;
}

/*****************************************************************************************/
/*                      L i s t a    d e s p l e g a b l e                               */
/*****************************************************************************************/

.autocomplete {
    /*background-image: url(/contents/images/icons/icon-minisearch.png);*/
    background-repeat: no-repeat;
    background-position: 99% center;
}

.ui-autocomplete {
    overflow-y: auto;
    overflow-x: hidden;
    max-height:280px
} 

.ui-menu .ui-menu-item {
   font-size: 0.8rem;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
   border: 1px solid #0089c8 !important;
   background: ##eee !important;
   color: #000000 !important;
}

/*
   --------------------------------------------------------------------------
   Alumni
   --------------------------------------------------------------------------
*/

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-pay {
    font-size: 1.5rem;
}

/*
   ---------------------------------------------------------------------------------
   TPV Info
   ---------------------------------------------------------------------------------
*/

.ticket-header {
    color: #000000;
    background-color: #eeeeee;
    padding: 14px 28px;
    position: relative;
}  

.ticket-header .half-circlel, .ticket-header .half-circler {
    background-repeat: no-repeat;
    background-image: none, none;
    border-radius: 13px;
    background: #FFFFFF;
}                                   

.ticket-header .half-circlel {
    left: -13px;
}

.ticket-header .circle {
    width: 26px;
    height: 26px;
    padding: 13px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.ticket-header .half-circler {
    right: -13px;
}

.ticket-header .price {
    padding: 10px 8px;
    border: 2px solid #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

/*
   ---------------------------------------------------------------------------------
   Overlay 
   ---------------------------------------------------------------------------------
*/
#myNav.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    right: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

#myNav .overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

#myNav.overlay a:hover {
    text-decoration: underline !important;
}

#myNav.overlay a:hover {
    text-decoration: none;
}

#myNav.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  #myNav.overlay a {font-size: 20px}
  #myNav.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/*
   ---------------------------------------------------------------------------------
   Overlay Menu
   ---------------------------------------------------------------------------------
*/
#myNavMenu.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

#myNavMenu .overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
}

#myNavMenu .overlay-content ul li {
    border-top: 1px solid #434343;
    padding: 10px !important;
}

#myNavMenu .overlay-content ul li:last-child {
    border-bottom: 1px solid #434343;
}

#myNavMenu .overlay-content ul li.active a {
    color:  #f44138 !important;
}

#myNavMenu.overlay a {
    color: #818181;
}

#myNavMenu.overlay a:hover, #myNavMenu.overlay a:focus {
    text-decoration: none;
    background-color: inherit;
}

#myNavMenu.overlay .closebtn {
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 50px;
}

@media screen and (max-height: 450px) {
  #myNavMenu.overlay a {font-size: 20px}
  #myNavMenu.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}




.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    left: -30px;
    margin-left: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
    background: none !important;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
    background: none !important;
}

.owl-prev:hover, .owl-next:hover {
    background: none;
}
.owl-prev i, .owl-next i {transform : scale(2,6); color: #ccc;}
.owl-prev i:hover, .owl-next i:hover {transform : scale(2,6); color: #000000;}