/*
CTC Separate Stylesheet
Updated: 2020-07-21 10:21:01
Theme Name: Suffice Child
Theme URI: https://themegrill.com/themes/suffice/
Template: suffice
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Suffice is a highly flexible multipurpose WordPress theme that is beautifully crafted with the great attention to details. This theme is not just stunning by its clean and sleek design but is equally powerful by its galore of awe-inspiring features. Integration to SiteOrigin page builder and Suffice Toolkit plugin makes it one of the most customizable and easy to use themes. In addition, it is completely compliant with WooCommerce and uses the best SEO practices for top-notch performance of your website. This theme also offers you a wide range of unique demos from which you can choose any to create your own cutting edge website. Also, Suffice features versatile header styles, advanced color options, multiple widget areas and premium widgets. Hence, with this simple drag and drop theme, you can easily have your site up and running in no time.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio
Version: 1.2.1.1595323261
*/


.logo-container img, .header-action-container, .navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a {
	-webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
#mysticky-wrap {
	position: relative;
    z-index: 9999;
}
.header-bottom {
    background-color: #eb6a01;
}
.site-identity-container {
    padding: 0;
}
.header-transparent.headroom--top .navigation-default .menu-primary > ul > li > a, 
.header-transparent.headroom--top .navigation-default .primary-menu > ul > li > a {
    /*color: black;*/
}
header:not(.header-transparent) .navigation-default .menu-primary ul li:hover > a, 
header:not(.headroom--top) .navigation-default .menu-primary ul li:hover > a,  
.navigation-default .menu-primary > ul > li.current-menu-item > a, 
header:not(.header-transparent) .header-action-container i.fa:hover, 
header:not(.headroom--top) .header-action-container i.fa:hover, .navigation-default .menu-primary > ul > li.current-menu-item > a, .navigation-default .menu-primary > ul > li.current_page_parent > a, .navigation-default .menu-primary > ul > li.current_page_item > a, .navigation-default .primary-menu > ul > li.current-menu-item > a, .navigation-default .primary-menu > ul > li.current_page_parent > a, .navigation-default .primary-menu > ul > li.current_page_item > a, .navigation-default .menu-primary ul li.focus > a, .navigation-default .primary-menu ul li.focus > a {
	color: black !important;
}
header:not(.header-transparent) .navigation-default .menu-primary > ul > li > a::before,
header:not(.headroom--top) .navigation-default .menu-primary > ul > li > a::before {
	background-color: black !important;
}
.navigation-default .menu-primary > ul > li > a, .navigation-default .primary-menu > ul > li > a, .header-action-container i.fa {
	color: white;
	font-size: 1em;
}
.header-bottom .header-bottom-right-section {
    margin-top: 2%;
}
.logo-container img {
    max-width: 250px;
    padding: 5px 0px 0px;
}
div#mysticky-nav.wrapfixed .logo-container img {
	max-width: 160px;
}
div#mysticky-nav.wrapfixed .header-action-container {
    padding-top: 5px;
}
div#mysticky-nav.wrapfixed .navigation-default .menu-primary > ul > li > a, div#mysticky-nav.wrapfixed .navigation-default .primary-menu > ul > li > a {
    padding: 8px 20px;
}
#mysticky-nav.wrapfixed .myfixed, #mysticky-wrap {
    margin-bottom: 0 !important;
	width: 100% !important;
}
.top-titulo-pagina {
	margin-top: -60px !important;
}
.footer-bottom {
    display: none;
}
.videoHome {
    width: 100%;
    min-height: 100px;
    height: calc(23vw);
    max-height: 480px;
    max-width: 720px;
}
.videoHome > div {
    height: 100%;
}
.videoHome > div iframe {
    height: 100%;
}
.videoHome > div iframe div#youku-playerBox {
    width: 100% !important;
    height: 100% !important;
}
.site-footer {
    background-color: #2d2d2d;
    color: #d6d6d6;
}
.site-footer a {
	color: #ff7c0f !important;
}
form[name=prematricula] table tr td table tr td input[type=text] {
    width: 100% !important;
    float: left;
}
form[name=prematricula] table tr td table tr td select {
    max-width: 230px;
}
#pago table tr td {
    width: 95%;
}
input[type=button] {
    padding: 0.8em 1.5em;
    border: none;
    background-color: #eb6a01;
    color: white;
    cursor: pointer;
}
input[type=button]:hover {
	background-color: #e47e2a;
}
.divfechas {
    float: left;
    margin: 10px 10px 0 0;
    clear: right;
    width: 31%;
    min-width: 210px;
}
div#divprecarga {
	display: none;
	text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #0000003d;
    width: 100%;
    height: 100%;
    color: white;
    padding: 20%;
    font-size: 2em;
}
div#divprecarga i {
    font-size: 2.5em;
}
form[name=muestra_precios] table tr td {
    width: 10%;
    text-align: center;
}
form[name=muestra_precios] table tr td:first-child {
    width: 40%;
    text-align: left;
    color: black;
}
form[name=muestra_precios] table tr td:first-child span {
    font-size: 0.7em !important;
}
form[name=muestra_precios] table tr td input {
    width: 100%;
}
div#divCalendar {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 400px;
    z-index: 999999;
    border: 1px solid #9e9e9e;
    height: 90%;
    max-height: 400px;
    background-color: white;
}
div#titleCalendar {
    width: 100%;
    height: 25px;
    background-color: #ff7c0f;
    color: white;
    /*text-align: right;*/
	overflow: hidden;
    font-size: 1.2em;
	padding: 2px 5px;
}
i#closeCalendar {
    padding: 3px 5px;
    cursor: pointer;
    float: right;
}
div#contentCalendar {
    width: 100%;
    height: calc(100% - 25px);
    overflow: auto;
	padding: 10px;
}
div#contentCalendar h3 { 
	margin-top: 0;
}
div#contentCalendar table, div#contentCalendar table tr, div#contentCalendar table tr td {
    border: none;
	border-collapse: collapse;
	padding: 0;
}
div#contentCalendar table tr td table tr td {
    border: 1px solid #fff;
	text-align: center;
	padding: 5px;
}
div#contentCalendar table tr td table tr td:first-child {
    width: 35%;
}
.fondonaranja { background-color: #ff7c0f; }

/**/
.dialogo {
    position: relative;
    width: 50%;
    min-width: 280px;
    max-width: 500px;
    background: white;
    margin: auto;
}
.tituloDialogo {
    width: 100%;
    background: #ff7c0f;
    color: white;
    position: relative;
    height: 20px;
    z-index: 9999;
}
.cerrarDialogo {
    position: absolute;
    right: 0;
    width: 20px;
    text-align: center;
    background: white;
    color: black;
    cursor: pointer;
}

/**/
/*Responsive*/
@media screen and (max-width: 992px) {
	/*.header-sticky-desktop .header-inner-wrapper {
		position: fixed;
	}
	.header-transparent .header-inner-wrapper .header-bottom {
		background: transparent;
	}*/
	.main-navigation {
		display: none;
	}
	.header-action-container .navigation-togglers-wrapper .menu-toggle-mobile {
		display: block;
	}
	.header-transparent.headroom--top .header-inner-wrapper .header-bottom {
		background-color: #292929;
	}
	.header-bottom .header-bottom-left-section {
		width: 75%;
	}
	.header-bottom .header-bottom-left-section img {
		max-width: 80%;;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.container {
		width: 100%;
		font-size: 0.8em;
	}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
	form[name=muestra_precios] table tr td:not(:first-child):not(:last-child) {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.videoHome {
		height: calc(50vw);
	}
	form[name=prematricula] table tr td table tr td {
		float: left;
		width: 100%;
	}
}
@media screen and (min-width: 500px) and (max-width: 650px) {
	form[name=muestra_precios] table tr td:nth-child(2n) {
		display: none;
	}
}
@media screen and (max-width: 499px) {
	form[name=muestra_precios] table tr td:not(:first-child):not(:last-child) {
		display: none;
	}
	form[name=muestra_precios] table tr td {
		width: 15%;
	}
	#lista_tests .col3test {
		display: none;
	}
	#lista_tests .col2test {
		border-right: 2px solid #a7a7a7;
	}
	div#divCalendar {
		width: 280px;
	}
}