@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0;}
a{text-decoration:none;}
body{font-family: 'ubunturegular'; overflow-x: hidden;}
img{ border:none;}

header h1{font-family: 'fray_gabriel_negritabold'; font-weight:normal;}

i{ width:29px; height:21px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; color:#FFFFFF; padding-top:8px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}

i:hover{ cursor:pointer;
-moz-transform: scale(1.1) rotate(360deg);
-webkit-transform: scale(1.1) rotate(360deg);
-o-transform: scale(1.1) rotate(360deg);
-ms-transform: scale(1.1) rotate(360deg);
transform: scale(1.1) rotate(360deg);}

/*NAV*/

nav{ max-width:1024px; margin:0 auto; z-index:2;}

nav ul{font-family: 'fontinbold'; font-size:16px; z-index:10; padding-top:8px;}

nav ul li{ display:inline-block; list-style:none; padding:10px 30px 10px 30px; float:left; z-index:10; color:#FFFFFF; height:14px; border-right:2px solid #FD4C5D;}


nav ul li:first-child{padding:10px 30px 10px 75px; }
nav ul li:last-child{padding:10px 0px 10px 30px; border:none;}

#navRedes{ text-align:right;float:right; padding-top:7px;}

nav ul li a{color:#FFFFFF;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;}

nav ul li a:hover{color:#BEC5CE; text-decoration:underline;}

nav div span,nav div p{float:left;}

#bgNav{background:url(../imgs/bg-nav-03.png) bottom center no-repeat; height:46px; position:absolute; width:611px; padding-left:698px; margin-top:-12px; z-index:-10;}

#bgNav2{background:url(../imgs/bg-nav-2.png) bottom center no-repeat; height:46px; position:absolute; width:611px; padding-left:698px; margin-top:-12px; z-index:-10;}

#active1{ color:#FFFFFF;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-right-radius: 12px;
background: #d8001d;
background: -moz-linear-gradient(left, #d8001d 0%, #b80d2f 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d8001d), color-stop(100%,#b80d2f));
background: -webkit-linear-gradient(left, #d8001d 0%,#b80d2f 100%);
background: -o-linear-gradient(left, #d8001d 0%,#b80d2f 100%);
background: -ms-linear-gradient(left, #d8001d 0%,#b80d2f 100%);
background: linear-gradient(to right, #d8001d 0%,#b80d2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8001d', endColorstr='#b80d2f',GradientType=1 ); padding:15px 26px;}

#active1:hover{
background: #b80d2f;
background: -moz-linear-gradient(left, #b80d2f 0%, #d8001d 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b80d2f), color-stop(100%,#d8001d));
background: -webkit-linear-gradient(left, #b80d2f 0%,#d8001d 100%);
background: -o-linear-gradient(left, #b80d2f 0%,#d8001d 100%);
background: -ms-linear-gradient(left, #b80d2f 0%,#d8001d 100%);
background: linear-gradient(to right, #b80d2f 0%,#d8001d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80d2f', endColorstr='#d8001d',GradientType=1 );
text-decoration:none;
color:#D3D3D3;}

#active2{ color:#FFFFFF;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-right-radius: 12px;
background: #002777;
background: -moz-linear-gradient(left, #002777 0%, #2754d3 83%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#002777), color-stop(83%,#2754d3));
background: -webkit-linear-gradient(left, #002777 0%,#2754d3 83%);
background: -o-linear-gradient(left, #002777 0%,#2754d3 83%);
background: -ms-linear-gradient(left, #002777 0%,#2754d3 83%);
background: linear-gradient(to right, #002777 0%,#2754d3 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002777', endColorstr='#2754d3',GradientType=1 ); padding:15px 20px;}

#active2:hover{
background: #2754d3;
background: -moz-linear-gradient(left, #2754d3 17%, #002777 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(17%,#2754d3), color-stop(100%,#002777));
background: -webkit-linear-gradient(left, #2754d3 17%,#002777 100%);
background: -o-linear-gradient(left, #2754d3 17%,#002777 100%);
background: -ms-linear-gradient(left, #2754d3 17%,#002777 100%);
background: linear-gradient(to right, #2754d3 17%,#002777 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2754d3', endColorstr='#002777',GradientType=1 );
text-decoration:none;
color:#D3D3D3;}

#iAzul{ background:#2754D3; /*azul cel*/ text-align:center; margin-right:4px;float:left;} #iAzul:hover{ background:#1630A6;}
#iRojo{ background:#D8001D;/*rojo cel*/text-align:center;float:left;} #iRojo:hover{ background:#B80D2F;}

#plecaWhite3{ background:url(../imgs/nav-03.png) top center no-repeat; max-width:1200px; height:4px; text-align:center; margin:0 auto;}

#plecaWhite4{ background:url(../imgs/nav-02.png) bottom center no-repeat; max-width:1043px; height:46px;text-align:center; margin:0 auto; margin-top:10px; margin-bottom:1px;}

#navLogo{ float:left; margin:15px 46px 39px 0px;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;}

#navLogo:hover,#navLogo2:hover{-moz-transform: scale(.9);
-webkit-transform: scale(.9);
-o-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);}

#celEduNav{ display:table; margin:0 auto;}

#celEduNav img{ width:100%; height:auto;}

.figNavEdu{ width:224px;}

#celEduNav figure{ float:left;  margin:0px 9px; text-align:center;}

#celEduNav div{ float:left;}

#videoEdu1,#videoEdu2,#videoEdu3,#videoEdu4{ height:205px;}

.figNavEdu{
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;}

.figNavEdu:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);}

/*Selectores fijos*/

/* N A V */

/*INDEX DOWN*/
/*  Botones  */

.btn1,.btn2 {
  background: #98a0ad; font-family: 'ubuntubold_italic';
  background-image: -webkit-linear-gradient(top, #98a0ad, #000000);
  background-image: -moz-linear-gradient(top, #98a0ad, #000000);
  background-image: -ms-linear-gradient(top, #98a0ad, #000000);
  background-image: -o-linear-gradient(top, #98a0ad, #000000);
  background-image: linear-gradient(to bottom, #98a0ad, #000000);
  -webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-left-radius: 12px;
  -webkit-box-shadow: 2px 2px 2px #999999;
  -moz-box-shadow: 2px 2px 2px #999999;
  box-shadow: 2px 2px 2px #999999;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 19px 12px 19px;
  text-decoration: none; margin:30px 0px 30px 8px;
  -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

.btn3 {font-family: 'ubuntubold_italic';
  background: #d8001d;
background: -moz-linear-gradient(top, #d8001d 0%, #b80d2f 82%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8001d), color-stop(82%,#b80d2f));
background: -webkit-linear-gradient(top, #d8001d 0%,#b80d2f 82%);
background: -o-linear-gradient(top, #d8001d 0%,#b80d2f 82%);
background: -ms-linear-gradient(top, #d8001d 0%,#b80d2f 82%);
background: linear-gradient(to bottom, #d8001d 0%,#b80d2f 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8001d', endColorstr='#b80d2f',GradientType=0 );
  -webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-left-radius: 12px;
  -webkit-box-shadow: 2px 2px 2px #98A0AD;
  -moz-box-shadow: 2px 2px 2px #98A0AD;
  box-shadow: 2px 2px 2px #98A0AD;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 19px 12px 19px; margin-bottom:50px;
  text-decoration: none;
  margin:30px 0px 30px 8px;
  -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

.btn3:hover {background: #b80d2f;
background: -moz-linear-gradient(top, #b80d2f 18%, #d8001d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#b80d2f), color-stop(100%,#d8001d));
background: -webkit-linear-gradient(top, #b80d2f 18%,#d8001d 100%);
background: -o-linear-gradient(top, #b80d2f 18%,#d8001d 100%);
background: -ms-linear-gradient(top, #b80d2f 18%,#d8001d 100%);
background: linear-gradient(to bottom, #b80d2f 18%,#d8001d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80d2f', endColorstr='#d8001d',GradientType=0 );
padding: 12px 28px 12px 28px; cursor:pointer;
}


.btn2{-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    2px 2px 2px 0px rgba(0, 0, 0, 0.75);
box-shadow:         2px 2px 2px 0px rgba(0, 0, 0, 0.75);}

.btn1:hover ,.btn2:hover{
   background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #98a0ad);
  background-image: -moz-linear-gradient(top, #000000, #98a0ad);
  background-image: -ms-linear-gradient(top, #000000, #98a0ad);
  background-image: -o-linear-gradient(top, #000000, #98a0ad);
  background-image: linear-gradient(to bottom, #000000, #98a0ad);
  text-decoration: none; color:#B5C7E6;  padding: 12px 28px 12px 28px; cursor:pointer;
}

.btnYellow, .btnBlue1, .btnBlue2, .btnRed, .btnGreen {
font-family: 'fontinbold';
font-weight: normal;
font-style: normal;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
  -webkit-box-shadow: 2px 2px 2px #98A0AD;
  -moz-box-shadow: 2px 2px 2px #98A0AD;
  box-shadow: 2px 2px 2px #98A0AD;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 15px 10px 15px; margin-bottom:10px;
  text-decoration: none;
  margin:0px 0px 10px 8px;
  -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
display:inline-block;}

.btnYellow:hover, .btnBlue1:hover, .btnBlue2:hover, .btnRed:hover, .btnGreen:hover {
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
.btnYellow,.plecaEd1 {
  background: #FDC301;/*amarillo jardin*/
}

  .btnRed,.plecaEd4 {
  background: #FC0017;}
  
  .btnBlue1 {
  background: #0053D8;}
  
  .btnBlue2,.plecaEd2 {
  background: #0056A4;}
  
   .btnGreen,.plecaEd3 {
  background: #ADC90E;}
  
  .btnMar1{ margin-left:10px;}
  
  .btnMar2{ margin-left:10px;}
  
  .btn4{ text-decoration:none; color:#FC0017;  font-family: 'ubuntubold_italic'; display:inline-block; margin-right:20px;
  -webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;}

  .btn4:hover{ color:#0053D8;}
  
  
/*Inicio de estilo de educacion*/


/*F O O T E R*/

footer,#celIndex1{ margin:0 auto; max-width:1024px;}

footer{ clear:both; margin-top:60px;}

footer p { background:#000000;
color:#FFFFFF; 
font-size:12px;
text-align:center;
padding:18px 0px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;}

footer span, footer a{ color:#98A0AD;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}

footer a:hover{color:#FFFFFF; }

footer div{ background:url(../imgs/footer-04.png) no-repeat center center; margin:0 auto; text-align:center;}
#iFoot1{ padding:30px 0px;}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

#bgNav3{background: #b80d2f;
background: -moz-linear-gradient(top, #b80d2f 0%, #d8001d 100%);
background: -webkit-linear-gradient(top, #b80d2f 0%,#d8001d 100%);
background: linear-gradient(to bottom, #b80d2f 0%,#d8001d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80d2f', endColorstr='#d8001d',GradientType=0 ); width:100%;}


/*Font faces*/

/*INICIO DE RESPONSIVE DESIGN*/

@media (min-width: 1199px) {
	body{overflow-x: hidden;}
	}

@media (max-width: 1015px) {
	}
	
	@media (max-width: 900px) {
		.innerImgs{ display:none;}
		.eduImgs{ display:table;}
		}

@media (max-width: 650px) {
	
	footer p{ padding:25px; font-size:11px;}
	#imgExaUp1,#imgExaUp2{ display:none;}
}
/* FONTIN */

@font-face {
    font-family: 'fontinbold';
    src: url('fonts/fontin/fontin-bold-webfont.eot');
    src: url('fonts/fontin/fontin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontin/fontin-bold-webfont.woff2') format('woff2'),
         url('fonts/fontin/fontin-bold-webfont.woff') format('woff'),
         url('fonts/fontin/fontin-bold-webfont.ttf') format('truetype'),
         url('fonts/fontin/fontin-bold-webfont.svg#fontinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FRAY */

@font-face {
    font-family: 'fray_gabriel_negritabold';
    src: url('fonts/fray/fray_gabriel_negrita-webfont.eot');
    src: url('fonts/fray/fray_gabriel_negrita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fray/fray_gabriel_negrita-webfont.woff2') format('woff2'),
         url('fonts/fray/fray_gabriel_negrita-webfont.woff') format('woff'),
         url('fonts/fray/fray_gabriel_negrita-webfont.ttf') format('truetype'),
         url('fonts/fray/fray_gabriel_negrita-webfont.svg#fray_gabriel_negritabold') format('svg');
    font-weight: normal;
    font-style: normal; text-transform:lowercase;
}

/* UBUNTU */

@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu/ubuntu-b-webfont.eot');
    src: url('fonts/ubuntu/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu/ubuntu-b-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-b-webfont.woff') format('woff'),
         url('fonts/ubuntu/ubuntu-b-webfont.ttf') format('truetype'),
         url('fonts/ubuntu/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntubold_italic';
    src: url('fonts/ubuntu/ubuntu-bi-webfont.eot');
    src: url('fonts/ubuntu/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu/ubuntu-bi-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-bi-webfont.woff') format('woff'),
         url('fonts/ubuntu/ubuntu-bi-webfont.ttf') format('truetype'),
         url('fonts/ubuntu/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntuitalic';
    src: url('fonts/ubuntu/ubuntu-ri-webfont.eot');
    src: url('fonts/ubuntu/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu/ubuntu-ri-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-ri-webfont.woff') format('woff'),
         url('fonts/ubuntu/ubuntu-ri-webfont.ttf') format('truetype'),
         url('fonts/ubuntu/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}