:root {
    --blue_1: #00589c;
    --blue_2: #004179;
    --blue_3: #013a6b;
    --headers_color: #0c71c3;
    --paragraphs_color: #666;
  }  
.body{
    color: #666;
    font-family: 'Open Sans';

}
h1, h2, h3,h4,h5{
    font-family: 'Open Sans';
    font-weight: 700;
    color: #0c71c3;
   /* letter-spacing: .04rem;*/
}
h6{color:#666;}
.margen{  padding-right: 25px;}
.subtitulo{font-size: 16px; color: #0c71c3;}
.img{width: 490px; height: 300px;}
.colorBarra{ background: #f4dec3;}
.bg-azul{  background: #25388d;}
.text-tituloDiplo{ color:#666; font-size:18px; font-weight:bolder;}
.text-dorado{  
  color:#113B75;}
.garritas{ width: 30px;  height: 30px;}
.arana{ width: 150px; height: 200px;}
.bg-dorado{ background: #bc6a05;}
.bg-rojo{  background: #bc0053; }
.bg-rojo { background: #bc0053;}
.text-rojo{   color: #bc0053;}
/*.text-dark1{  color: #29429c !important;}
a .text-dark1{
color:  #29429c;
text-decoration: none;
background-color: transparent;}*/
.text-encabezado{font-family: 'Roboto', sans-serif;
font-size: 24px;
color:#fff;
 margin-top:30px;
list-style: none;
max-width:1200px;
}
.contenido-enca{
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  
}
.responsive{  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}}
.bg-gris{ background: #bebcbd;}
.navbar-collapse li a:hover {background-color:#012B66;}
.lineaColor{height: 3px;}
.menu{ background-color:#012B66;}
.btn-azul{ background: #25388d;}
.legales{ background: #004179;}
.legales2{background: #25388d;}
.amarilloLegal{color: #e58006;}
.listaStyle{list-style-type:none}
.textoFooter{font-size: 13px;}
.twitter{width: 60px;height: 60px;}
.facebok{width: 25px;height: 25px;}
.youtube{width: 25px;height: 17px;}
.hr{color: white;}
.linea{ height: 3px;  background-color: red;}
.desplegables{background-color:  #002B7A; }
.bg-verde{  background-color: #2e7d32;}
.error404{font-size:24px;color:navy;}
.dropdown-item:hover{ background: #002B7A;}
.carousel-indicators li {
  border-radius: 100%; padding: 10px 20px;}
.area{ resize: none;}
 .img { width: 490px; height: 300px;}
.colorBarra {  background: #f4dec3;}
.bg-azul {  background: #25388d;}
.text-azul {  color: #666;}
.derecha{text-align:derecha; align:derecha;}
.text-dorado {  /*color: #bc6a05;*/  color: #113B75;}
.btnPersonalizado { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap;  vertical-align: middle;
    -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;   user-select: none;  border: 1px solid transparent;
    padding: .375rem .75rem;   font-size: 1rem;  color:white; cursor:pointer; text-transform:none; text-decoration: none; background:#19579C;}
.bg-azulDescuentos{background:#19579C;}
.garritas {  width: 30px;  height: 30px;}
.arana {  width: 150px;  height: 200px;}
.bg-dorado {  background: #bc6a05;}
.bg-blue { background-color: #19579C;}
.bg-rojo { background: #bc0053;}
.md-55 {margin-left: 65rem !important;}
.bg-verde{ background-color: #2e7d32;}
.text-rojo {color: #bc0053;}
.text-blue{color: #19579C;}
.text-btn {text-decoration: none; color: #fff;}
.text-btn a:hover {text-decoration: none; color: #fff;}
.bg-gris { background: #bebcbd;}
.navbar-collapse li a:hover {background-color: #012B66;}
.lineaColor { height: 3px;}
.menu {background-color: #434343;}
.btn-azul {background: #25388d;}
.btGris{background-color: #D2D3D5;}
.btGris:hover{background-color: #bebcbd;}
.bg-gris:hover{background-color: #D2D3D5;}
.btn a:hover {color: #fff; text-decoration: none;}
.btn-oracle{color:#fff;background-color:#185a69;border-color:#185a69; padding: 15px 50px; border-radius:.5rem; margin-top: 45px;}
.btn-oracle:hover{color:#fff;}
.btn-primario{color:#fff;background-color:#004179;border-color:#0069d9; padding: 15px 50px; border-radius:.5rem; margin-top: 45px;}
.btn-primario:hover{color:#fff;}
.btn-summit{color:#fff;background-color:#113b75;border-color:#113b75; padding: 15px 50px; border-radius:.5rem; margin-top: 45px; cursor:pointer;}
.btn-summit:hover{color:#fff;}
.tagOracle {
    display: inline-block;
    padding: .35em .7em !important;
    border: 1px solid #185a69;
    border-radius: 4px;
    margin: 5px 8px 5px 0;
    font-size: .85em;
}
.row1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 25px;
}
.foot{background:#004179; color:white; line-height:15px; text-decoration:none;}
a .foot{background:#004179; color:white;}
.foot2{background:#00589c; color:white; padding-top: 15px;}
.logo{
		
margin-bottom:15px;
margin-top:15px;

}
.text-blanco {
  color: #fff !important;
  display: flex;
  align-items: center;
  font-weight:20px;
  font-weight: 600;
  overflow: hidden;
}
.tableDescuentos{
max-width: 110%;
margin-bottom: 1rem;
background-color: transparent;
}
.comitetext {
    font-family: Roboto-Regular;
    font-size: 13pt;
   /* color: #596869;*/
	text-align:justify;
	  letter-spacing: 2px;
	  
}
.vineta {
    list-style-image: url("../img/vine.png");
    text-align: justify;
	line-height:2.0;
	
}
.vineta2 {
   /* list-style-image: url("../img/flecha-on.png");*/
    text-align: justify;
	
}
.ct16-wrapper::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
height: 0;}

.ct16loaded.ct16-wrapper {
    background: #312d2a;
}
.ct16loaded.ct16-wrapper {
transition: background-color .5s ease;}

.card-footerOracle {
    padding: .75rem 1.25rem;
  /*  background-color: #0069d9;*/
	background-color:#29429c;
   /* border-top: 1px solid #0069d9;*/
	 border-top: 1px solid #29429c;
	color:#fff;
	font-size:18px;
}
.ct16w2 {
display: block !important;}
.obttns a, .obttns button {
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.4;
    display: inline-block;
    padding: .893em 1.4286em .893em;
    border-radius: 4px;
    cursor: pointer;
    color: #fff !important;
    background: #5F7D4F;
    position: relative;
    border: 0;
}
.ct16t1 > li > a {
    padding: 0 15px;
    font-size: .6rem;
    white-space: nowrap;
    position: relative;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}
.ct16-wrapper {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    z-index: 10;
	
}
.card-footerOracle a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	
}
.card-footerOracle a:hover{
    color: #fff;
    text-decoration: none;
   	font-size:24px;
}
/*vamos a colocar algunos cambios en el carrusel de imagenes*/
.carousel-indicators li {
  margin-top: 5px;
  border-radius: 100%;
  padding: 9px;
}
.card-color{ border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px #d2d3d5;}
.resaltar-seo{font-size:16px;}	
	#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
.autor {
    display: flex;
    align-items: center;
    margin-bottom: 59px !important;
    padding: 8px 15px !important;
    max-width: 500px;
	box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
	box-sizing: border-box;
}
.centrarBtn{
	display: flex;
    align-items: center;
	margin: 0 auto;
	
	}
.card2{position:relative;
display:-webkit-box;
display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;
-webkit-box-direction:normal;-ms-flex-direction:column;
flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;
background-clip:border-box;border:2px solid rgba(0,0,0,.125);border-radius:.25rem;
margin-left:300px;
font-size:18px;}
}
.card3{position:relative;
display:-webkit-box;
display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;
-webkit-box-direction:normal;-ms-flex-direction:column;
flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;
background-clip:border-box;border:2px solid rgba(0,0,0,.125);border-radius:.25rem;
margin-left:500px;}
}
.bordeprincipal{
border: 1px solid rgba(0,0,0,.125);
border-radius: .5rem;
/*margin-left:30px;
margin-right:30px;
padding-left:50px;*/
}
.bg-gris1{background:#d2d3d5;}
.header-ninos{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125); background-color:#c90057;}
/*#f9c400}	*/
.header-ninos1{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125); background-color:#a7c856;}
.header-ninos2{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125); background-color:#f9c400;}
.header-ninos3{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125); background-color:#fcd77f;}
.header-ninos4{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125); background-color:#244961;}
.header-cte1{padding:.75rem 1.25rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125);color:white; text-align:center; background-color:#244961;}
.inputBuscarCursos {width: 70%;}
/*estilos de los hover de la seccion de cursos intensivos, sabatinos etc.*/
/*itemWhite, itemGreen, itemYellow, itemRed*/
.dropdown-menu .itemGreen:hover { background-color: #218838;  color: #fff;}
.dropdown-menu .itemYellow:hover {  background-color: #E0A800;  color: #fff;}
.dropdown-menu .itemRed:hover { background-color: #C82333;  color: #fff;}
.dropdown-menu .itemWhite:hover {background-color: #f2f2f2;}
.carousel-indicators li{cursor: pointer;}
.carousel-indicators .active{ background-color: #4C4C4C;}
.transparente{ background-color: white;}
.transparente:hover{ background-color: red;}
#drops:hover{ background: #D2D3D5; }
/*dise�o responsivo del boton buscar abajo del header usamos posiciones absolutas y relativas para que se pongan a un lado de otro */

 
 @media screen and (max-width: 576px){
            .carousel-caption, .carousel-indicators{display: none; } 
            .espacioBotones{ padding:25px 0; }
            .centrar{text-align: center;   }
            .responsivo{ padding: 0 100px;}
			.logo{margin-left: 10px; display:inline-block;}
			.text-encabezado{display:none;}
 }

@media screen and (max-width: 990px){
  .ancho{  display:flex; flex-direction: column; }
  .btn-lg {
    padding: .2rem 1rem;
    font-size: .25rem;
    line-height: 1.5;
    border-radius: .3rem;
        }
		.logo{margin-left: 10px; display:inline-block;}
		.text-encabezado{display:none;}
}

@media (min-width: 1100px) {
    .container{
        max-width: 1080px;
    
    }
}
@media (min-width: 1400px) {
    .container{
        max-width: 1080px;

    }
}
   @media (min-width: 768px){
    h1{ font-size: 2rem; }
/*	 h1{ font-size: 2rem; margin-bottom: 2rem;}*/
    h2{ font-size: 1.5rem; margin-bottom: 2rem; }
    h3{ font-size: 1.2rem;}
    h4{ font-size: 1rem;}
    h5{ font-size: .8rem;}
    h6{ font-size: .6rem;}
    p{
        font-family: 'Open Sans';
  
        line-height: 1.85rem;
    }
  	/*.text-encabezado{display:none;}*/
  }
   