@import url('body.css');
@import url('content.css');
@import url('menu-responsive.css');

/**/
#container{  width:100%; margin-right: auto; margin-left: auto; text-align: left;}
#content{ float:left; width:100%;}
#top{float:left; width:100%; background-color:#fff; position: fixed; left: 0px; top: 0px; z-index: 999; 
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);  }
#slide{float:left; width:100%; background-color:#FFF; height:540px; overflow:hidden;}
#slide_interno { float: left; width: 100%; background-color: #ccc; height: 120px; background-image: url(../img/foto_2.jpg); background-position:right center; background-repeat:no-repeat; background-size:cover;}
#footer{float:left; width:100%; padding:25px 0px; }

.center{ max-width: 1100px; width:100%; margin-right: auto; margin-left: auto; }
.slogan_main{ position:absolute; top:100px; left:15%; font-size:3rem; letter-spacing:-1px; font-weight:600; line-height:50px; width:450px; display:block; z-index:999; color:#ef0303; }
.slogan_main span{  font-size:25px; letter-spacing:-1px; font-weight:100; line-height:25px; color:#666; width:100%; display:block; padding-top:20px; }

@media only screen and (max-width: 1200px) {
	.center{ max-width: auto; width:96%; margin-right: auto; margin-left: auto; padding:0% 2%; }
}

@media only screen and (max-width: 960px) {
#slide{ height:440px !important;}
.slogan_main{
	bottom: 15px;
        left: 0%;
        font-size: 35px;
        line-height: 35px;
        width: 100%;
        margin-left: 0px;
        text-align: center;
        top: unset;
		}
.slogan_main span{  font-size:20px; letter-spacing:-2px; font-weight:100; line-height:20px;  color:#666; width:100%; display:block; padding-top:10px; }

}
 
/*COLUMNAS*/
.col_20{ width:18%;}
.col_23{ width:23%;}
.col_25{ width:25%;}
.col_30{ width:28%;}
.col_40{ width:38%;}
.col_50{ width:48%;}
.col_60{ width:58%;}
.col_70{ width:68%;}
.right { float:right !important}
.left { float:left !important}
.col_left{ float: right; width: 25%; }
.col_right{ float: left; width: 68%;  }
.module1 .col_25{ width:25%; padding-right:1%; padding-left:1%;}

@media only screen and (max-width: 780px) {
	.module1 .col_25{ width:100%; margin-bottom:25px; padding-right:0%;}
}

@media only screen and (max-width: 780px) {
.col_20{ width:100%; margin-bottom:25px;}
.col_23{ width:100%; margin-bottom:25px;}
.col_25{ width:100%; margin-bottom:25px;}
.col_30{ width:100%; margin-bottom:25px;}
.col_40{ width:100%; margin-bottom:25px;}
.col_50{ width:100%; margin-bottom:25px;}
.col_60{ width:100%; margin-bottom:25px;}
.col_70{ width:100%;}
.col_left{ width:100%; margin-bottom:25px; }
.col_right{ width:100%; margin-bottom:25px; }
}

/*LINKS*/
.links{ text-decoration:none; color:#09F;}
.links:hover{ text-decoration:underline;}

/*TOP*/
.logo{ float: left; width: 100%; height: 80px; }
.logo a { display: block; text-indent: -100px; height: 70px; margin:5px 0px; overflow: hidden; background-image:url(../img/logo-con10.png); background-repeat:no-repeat; background-size:contain; background-position:left center;}
.top_box1{float:left;  width:35%;}
.top_box2{float:left; width:65%;}


@media screen and (max-width: 780px) {
	.top_box1{float:left; width:100%; height:auto;}
	.top_box2{float:left; width:100%; height:auto; }
	.menu { width:100%; background-color: #fff;}
	.logo { width: 75%; margin: auto; float: right; }
	.logo a {background-position:center center;}
}

/*CONTENT*/
.module1{float:left;  width:100%; }
.module2{ float: left; width: 100%; background-color: rgba(75,75,75,1.00); padding-top: 75px; padding-right: 0px; padding-left: 0px; padding-bottom: 70px; }
.module3{float:left;  width:100%; height:auto; padding:45px 0px; padding-bottom:0; }
.module4{float:left;  width:100%; background-color:rgba(75,75,75,1.00); padding:75px 0px; height:380px; background-image:url(../img/foto_1.jpg); background-size:cover; background-repeat:no-repeat;}
.module5{float:left;  width:100%; padding:75px 0px; }


@media screen and (max-width: 960px) {
	.module4{ height:auto !important }
	
}

/*FOOTER*/
#foooter{ display:table;}
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:30%;}
.footer_box2{float: right;  width:70%;}
.footer_box3{float:left;  width:100%;}
.footer_box4{float:left;  width:100%;}
.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 780px) {
.footer_box{float:left;  width:100%; margin-bottom:25px;}
}


/* /////////   GRALS  //////// */

.title{ font-size: 30px;  line-height: 30px; }
.title_big { font-size: 65px; color: #fff; line-height: 60px; }
.data{float:left; width:100%;}


/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { float:right; width:auto; }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover {  }

/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }

/*CONTACTO*/

#contact-area * { font-family:Arial; font-size:14px; }
#contact-area {     width: 60%;   margin: auto; }
#contact-area input {  width: 96%; font-size: 16px; border: 2px solid #555; color: #fff; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-color:#373737; line-height:40px; height:40px; text-indent:15px; }
#contact-area select {  width: 96%; font-size: 16px; border: 2px solid #555; color: #fff; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-color:#373737; line-height:40px; height:40px; text-indent:15px; }
#contact-area textarea {  width: 97%; font-size: 16px; border: 2px solid #555; color: #fff; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; background-color:#373737; height:140px;  text-indent:15px; padding:20px; box-sizing:border-box; border-radius:10px; } 
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
#contact-area input[type="submit"] { width: 50%; background-color:#eb0a1e; color:#FFF; text-align:center; text-indent:0px; border-radius:100px; margin:auto; cursor: pointer; }

/**/
.slogan{ background-color:#707773; padding:35px 0px; width:100%; float:left; color:#fff; }

/**/
.info_big{ font-size:24px; }
.info { display:block; width:100%; float:left; }
.phone { padding-right: 60px; display: block; text-align: right; background-image:url(../img/phone.png); background-position:right center; background-repeat:no-repeat;}
.phone_big{ font-size:26px; display:block; width:100%; float:left; font-weight:600;  }
.box_center{ padding:0% 8%;}

@media screen and (max-width: 960px) {
.box_center{ padding:0%;}
.phone {  text-align: left; padding-right: 0px; }
}

/**/
.box_curso{ width:100%; float:left; margin-bottom: 35px;}
.box_curso_1{width:100%; float:left; font-size:18px; color:#666; text-align:center; font-weight:800;}
.box_curso_1 span{  font-size:16px; text-align:center; width:100%;  display:block; font-weight:600; }
.box_curso_2{width:100%; float:left; padding:10px 0px; font-size:56px; font-weight:600; color:#017A35;  text-align:center; }
.box_curso_3{width:100%; float:left; margin-top:15px; border:solid 1px #ccc; border-radius:10px; padding:20px; box-sizing:border-box; text-align:center;  }
.box_curso_4{width:100%; float:left;  margin-top:15px; }
.box_curso_5{width:100%; float:left;  margin-top:15px; background-color:#017A35; padding:15px 0px; text-align:center; color:#fff; font-size:18px; font-weight:600; }
.box_curso_6{width:100%; float:left;  margin-top:15px; padding:15px 0px; text-align:center;  font-size:18px; font-weight:600; }

.img_auto {width:100%; margin-bottom:20px; }
.img_10anos {
    width: 100%;
    margin-bottom: 20px;
    max-width: 160px;
}

.consultarslide {background-color:#eb0a1e; display:block; width: 60%; line-height:40px; text-align:center; color:#fff; text-decoration:none; font-size:18px; font-weight:600; border-radius:100px;  }
.consultarslide:hover {background-color:#666; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.consultar {background-color:#eb0a1e; display:block; width: 80%; line-height:40px; text-align:center; color:#fff; text-decoration:none; margin:auto; font-size:18px; font-weight:600; border-radius:100px;  }
.consultar:hover {background-color:#666;    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ampliar{width:100%; float:left; padding:20px 0px; text-decoration: underline; color:#666;}
.ampliar:hover { color:rgba(48,151,53,1.00);}
/**/
.inline { display:inline-block; text-align:center;}
.inline .col_25{ display:inline-block; width:25%; float:left;}


/**/
.white{ color:#fff;}
.text_right{ text-align:right;}

@media screen and (max-width: 960px) {
	.text_right{ text-align:left;}
}
/**/
.icon_left{ padding-left: 10%; width: 90%; margin-bottom: 10px; float: left; font-size: 17px; background-image: url(../img/icon_1.png); background-position: left top; background-repeat: no-repeat; }
.border_green{ border-bottom:solid 10px #FFF; padding-bottom:20px; }

/*TOP ON SCROLL*/
.cbp-af-header.cbp-af-header-shrink { background-color: rgba(1,91,214,0.9); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom:solid 1px rgba(255,255,255,0.5); height:50px; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);  }
.cbp-af-header.cbp-af-header-shrink  .logo {  height: 50px; }
.cbp-af-header.cbp-af-header-shrink  .logo a {  height: 30px !important;}
.cbp-af-header.cbp-af-header-shrink .nav a {line-height: 50px; }
.cbp-af-header.cbp-af-header-shrink .top_box1{   }

/**/
.pop{ display:none; height:300px; width:500px; padding:40px;}

/**/

#top .center { 
height: 80px;
}

.cbp-af-header.cbp-af-header-shrink .center { 
height: 50px !important;
}

@media screen and (max-width: 780px) {
	#top .center { background-size: 15%;}
	.consultarslide { margin: auto; }
}


.sucursal {display: block;
    width: 31%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px;
    border: solid 1px #ccc;
    border-radius: 10px;
    text-align: center;
	min-height: 100px;
    font-weight: 600;
    font-size: 1rem;}


@media screen and (max-width: 960px) {
	.sucursal {  display:block; width:97%;  }
}


.FlexContainer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
    width: 100%;
    flex-direction: row;
	text-align:center;
}

.FlexContainer .div_icons {
    margin: 20px;
}
.FlexContainer .div_icons img{   width: 40%;}

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 15px 35px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom: 1px solid #ccc;
  font-size: 19px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: #ccc;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 12px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 10px 45px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.precio-destacado {
  color: red;
}