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

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

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:960px; margin:0 auto; z-index:2;}

nav ul{font-family: 'fontinbold'; font-size:15px; padding-top:48px; z-index:10;}
nav ul li{ display:inline-block; list-style:none; margin:0px 16px 0px 16px; float:left; z-index:10; }

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

nav div p{ font-size:9px; color:#959595; padding:8px 12px;}
nav div p b{ color:#E2E2E2;}

nav ul li a{color:#4D4D4D;
-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:#959595; 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*/
#celIndex1{ clear:both; margin-top:20px;}

#celIndex1 article{ margin:0 auto;
background: #b2b8c1;
background: -moz-linear-gradient(top, #b2b8c1 0%, #ffffff 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b8c1), color-stop(99%,#ffffff));
background: -webkit-linear-gradient(top, #b2b8c1 0%,#ffffff 99%);
background: -o-linear-gradient(top, #b2b8c1 0%,#ffffff 99%);
background: -ms-linear-gradient(top, #b2b8c1 0%,#ffffff 99%);
background: linear-gradient(to bottom, #b2b8c1 0%,#ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b8c1', endColorstr='#ffffff',GradientType=0 );
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding-top:5px; height:auto;}

#celIndex1 h1{ font-size:30px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); padding-bottom:27px; color:#1630A6; clear:both;}
#pCont1 p{text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);font-size:13px;}
#celIndex1 p b{ color:#B80D2F;/*Rojo cel*/}

#plecaWhite1{ height:4px; width:100%; background:#FFFFFF; margin-bottom:15px;}

#plecaWhite2{ padding-left:84px; margin-top:-35px;}

#celIndex1 figure{ margin:0 auto; text-align:center; padding-bottom:12px;}

.secConts1 {display:table; text-align:left; margin:0 auto;}
.secConts1 figure{ padding:6px; background:#FFFFFF;}

.secConts1 p{ text-shadow:none;}

.sCimg1{-webkit-border-top-right-radius: 35px;
-moz-border-radius-topright: 35px;
border-top-right-radius: 35px;}

.fImg1{-webkit-border-top-right-radius: 39px;
-moz-border-radius-topright: 39px;
border-top-right-radius: 39px}

/*2*/

.sCimg2{-webkit-border-top-left-radius: 35px;
-webkit-border-top-right-radius: 35px;
-moz-border-radius-topleft: 35px;
-moz-border-radius-topright: 35px;
border-top-left-radius: 35px;
border-top-right-radius: 35px;}

.fImg2{-webkit-border-top-left-radius: 39px;
-webkit-border-top-right-radius: 39px;
-moz-border-radius-topleft: 39px;
-moz-border-radius-topright: 39px;
border-top-left-radius: 39px;
border-top-right-radius: 39px;}

/*3*/

.sCimg3{-webkit-border-top-left-radius: 35px;
-moz-border-radius-topleft: 35px;
border-top-left-radius: 35px;}

.fImg3{-webkit-border-top-left-radius: 39px;
-moz-border-radius-topleft: 39px;
border-top-left-radius: 39px;}

#fImg4,#pCont1{ float:left;}
#pCont1{width:480px; margin-top:42px}

#fImg4a{margin:42px 104px 164px 136px;}

/*  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*/

#celEdu{ margin:0 auto;}

#celEdu iframe{ margin-bottom:22px;}

#celEdu section{ margin-bottom:78px;}

.shEdu{ margin-bottom:15px;}

.celEduH1{ font-family: 'fontinbold'; font-size:84px; line-height:52px; color:#F0F2F4; text-align:right; margin:0 auto; width:954px; margin-bottom:0px; z-index:10; text-transform:capitalize;}

.celEduH1a{ font-family: 'fontinbold'; font-size:84px; line-height:52px; color:#F0F2F4; text-align:left; margin:0 auto; width:954px; margin-bottom:0px; z-index:10; text-transform:capitalize;}

#celEdu h2{ font-size:24px; font-family: 'fray_gabriel_negritabold'; text-transform:lowercase;}

#celEdu section p{ padding-bottom:30px;}

#celEdu .celEduNotes{ font-family: 'ubuntuitalic'; padding-top:20px; font-size:11px; color:#828C98;}

#celEduNav{ margin:0 auto; margin-top:22px; margin-bottom:38px; }

.celEduT1{ color:#0053D8;}

.celEduT2{ color:#FC0017;}

.whiteArt{
background: -moz-linear-gradient(top, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.71) 70%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.04)), color-stop(70%,rgba(255,255,255,0.71)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0affffff', endColorstr='#ffffff',GradientType=0 );
-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;
border:2px solid #fff; width:510px; margin:0 auto; float:left;}

.whiteArt3{
background: -moz-linear-gradient(top, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.71) 70%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.04)), color-stop(70%,rgba(255,255,255,0.71)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.71) 70%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0affffff', endColorstr='#ffffff',GradientType=0 );
-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;
border:2px solid #fff; width:90%; margin:0 auto; margin-bottom:30px;}

.whiteArt p,.whiteArt3 p{ padding: 0px 30px 30px 30px; font-family: 'ubuntuitalic'; font-size:14px; margin-bottom:30px; }

.whiteArt3 p{border-bottom:#CBD0D7 1px solid; width:90%;}
	
.whiteArt span,.whiteArt3 span{font-family: 'ubuntubold_italic';}

.whiteArtM1{ margin-left:40px;}

.whiteArtM2{margin-right:30px;}



.celLineaPleca2{ width:100%px; height:18px; margin-top:56px;
background: rgb(39,84,211);
background: -moz-linear-gradient(left, rgba(39,84,211,1) 10%, rgba(0,39,119,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(39,84,211,1)), color-stop(100%,rgba(0,39,119,1)));
background: -webkit-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: -o-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: -ms-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: linear-gradient(to right, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2754d3', endColorstr='#002777',GradientType=1 );}

.celLineaPleca3{ width:100%px; height:18px; margin-top:56px;
background: rgb(145,17,37);
background: -moz-linear-gradient(left, rgba(145,17,37,1) 0%, rgba(252,0,23,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(145,17,37,1)), color-stop(100%,rgba(252,0,23,1)));
background: -webkit-linear-gradient(left, rgba(145,17,37,1) 0%,rgba(252,0,23,1) 100%);
background: -o-linear-gradient(left, rgba(145,17,37,1) 0%,rgba(252,0,23,1) 100%);
background: -ms-linear-gradient(left, rgba(145,17,37,1) 0%,rgba(252,0,23,1) 100%);
background: linear-gradient(to right, rgba(145,17,37,1) 0%,rgba(252,0,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#911125', endColorstr='#fc0017',GradientType=1 );}

.wFig1{background: rgb(39,84,211);
background: -moz-linear-gradient(left, rgba(39,84,211,1) 10%, rgba(0,39,119,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(10%,rgba(39,84,211,1)), color-stop(100%,rgba(0,39,119,1)));
background: -webkit-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: -o-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: -ms-linear-gradient(left, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
background: linear-gradient(to right, rgba(39,84,211,1) 10%,rgba(0,39,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2754d3', endColorstr='#002777',GradientType=1 );}

#celJardin,#celSecundaria{
background: #d7dbe1;
background: -moz-linear-gradient(left, #d7dbe1 1%, #e6e9ec 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#d7dbe1), color-stop(100%,#e6e9ec));
background: -webkit-linear-gradient(left, #d7dbe1 1%,#e6e9ec 100%);
background: -o-linear-gradient(left, #d7dbe1 1%,#e6e9ec 100%);
background: -ms-linear-gradient(left, #d7dbe1 1%,#e6e9ec 100%);
background: linear-gradient(to right, #d7dbe1 1%,#e6e9ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7dbe1', endColorstr='#e6e9ec',GradientType=1 );
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px; height:1200px;}

#celJardin b{ color:#FDC301;/*amarillo jardin*/}

#celJardin article,#celSecundaria article{ margin:0 auto; }

#celJardinP,#celSecundariaP,.celPrimariaP,.celCchP{ float:left;}

#celJardin .whiteArt h1,#celJardin .whiteArt3 h1{color:#FDC301;/*amarillo jardin*/
font-family: 'fontinbold'; font-size:25px; text-align:left; padding-left:30px;  border-bottom:#fff 1px solid; width:95%; line-height:23px;}

#celSecundaria .whiteArt h1,#celSecundaria .whiteArt3 h1{color:#ADC90E;/*verde secundaria*/
font-family: 'fontinbold'; font-size:25px; text-align:left; padding-left:30px;  border-bottom:#fff 1px solid; width:95%; line-height:23px;}

#celPrimaria .whiteArt h1,#celPrimaria2 .whiteArt3 h1,#celPrimaria2a .whiteArt3 h1{color:#0056A4;/*verde secundaria*/
font-family: 'fontinbold'; font-size:25px; text-align:left; padding-left:30px;  border-bottom:#fff 1px solid; width:94%; line-height:23px;}

#celCch .whiteArt h1,#celCch .whiteArt3 h1{color:#0053D8;/*verde secundaria*/
font-family: 'fontinbold'; font-size:25px; text-align:left; padding-left:30px;  border-bottom:#fff 1px solid; width:94%; line-height:23px;}

.celJardinD{ width:954px; margin:0 auto;}

.celJardinD .whiteArt2{ margin-left:65px;}

.whiteArt2a{ margin-left:30px;}



#celPrimaria,#celCch,#celPrimaria2,#celPrimaria2a{
background: rgb(230,233,236);
background: -moz-linear-gradient(left, rgba(230,233,236,1) 4%, rgba(215,219,225,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(4%,rgba(230,233,236,1)), color-stop(100%,rgba(215,219,225,1)));
background: -webkit-linear-gradient(left, rgba(230,233,236,1) 4%,rgba(215,219,225,1) 100%);
background: -o-linear-gradient(left, rgba(230,233,236,1) 4%,rgba(215,219,225,1) 100%);
background: -ms-linear-gradient(left, rgba(230,233,236,1) 4%,rgba(215,219,225,1) 100%);
background: linear-gradient(to right, rgba(230,233,236,1) 4%,rgba(215,219,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e9ec', endColorstr='#d7dbe1',GradientType=1 );
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px; height:1200px;}

#celPrimaria2{height:2300px;}

#celPrimaria2a{height:2500px;}

#celPrimaria b,#celPrimaria2 b,#celPrimaria2a b{ color:#0056A4;/*amarillo jardin*/}


#celSecundaria{}
#celSecundaria b{ color:#ADC90E;/*verde secundaria*/}

#celCch b{ color:#FC0017;}

.plecaWhite7{ width:100%; height:5px; background:#ffffff; clear:both; margin-top:-89px; z-index:100; position:absolute;}

.plecaEdu1{ width:15px; height:97%; float:left;
-webkit-border-top-left-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
margin-top:1%;}

#plecaEdu2{color:#0056A4;/*azul primaria*/ width:15px; height:97%; float:left;
-webkit-border-top-left-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
margin-top:1%;}

#plecaEdu3{color:#ADC90E;/*verde secundaria*/width:15px; height:97%; float:left;
-webkit-border-top-left-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
margin-top:1%;}

#plecaEdu4{color:#0053D8;/*rojo cch*/ width:15px; height:97%; float:left;
-webkit-border-top-left-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
margin-top:1%;}

.eduImgs{ display:none;}

/*F O O T E R*/

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

footer{ clear:both;}

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;
}



/*Font faces*/

/*INICIO DE RESPONSIVE DESIGN*/

@media (min-width: 1199px) {
	body{overflow-x: hidden;}
	nav{ max-width:1199px;}
	#navLogo{ margin:15px 120px 39px 59px;}
	#bgNav,#bgNav2{padding-left:964px; }
	#navRedes{ margin-right:30px;}
	nav div p{ font-size:10px; padding:8px 15px;}
	#celIndex1{ max-width:1190px;}
	.sCimg1,.sCimg2,.sCimg3{ width:100%; height:auto;}
	}

@media (max-width: 1015px) {
	nav{display:table; margin:0 auto; text-align:center;}
	#navLogo{float:none; text-align:center; margin:0 auto; padding-top:10px;}
	#plecaWhite2{ display:none;}
	#fImg4a,#fImg4,#pCont1{margin:0 auto; float:none;}
	#celEduNav{ display:table; top:0; left:0; text-align:center;}
	#navRedes{ float:none; text-align:center; margin:0 auto; display:table; margin-top:5px;}
	#plecaWhite4{ margin-top:0px;}
	nav ul{font-size:15px; z-index:10; text-align:center; margin:0 auto; margin-top:-10px;}
	nav div p{ font-size:10px;}
	#bgNav{padding-left:28px; margin-top:-12px;}
	#bgNav2{ display:none;}
	.celJardinD,.shEdu{  width:100%; height:auto;}
	.innerImgs img, .eduImgs img{ width:100%; height:auto;}
	.figNavEdu{ width:265px;}
	#celJardinP,#celSecundariaP,.celPrimariaP,.celCchP,.whiteArt,.nopad2{ float:none;}
	#celJardinP{}
	
	.whiteArt,.whiteArt3,#celJardinP,.celCchP,.celPrimariaP,#celSecundariaP{ width:85%; margin:0 auto; margin-top:30px; margin-bottom:30px;}

	.celEduH1{ font-size:75px; line-height:50px; text-align:center; margin:0 auto; width:100%;}
	.celEduH1a{ font-size:75px; line-height:50px; text-align:center; margin:0 auto; width:100%;}
	.nopad2{ float:left;}#celEduNav div{ float:none;}
	.shEdu,.plecaEdu1,.plecaEdu2,.plecaEdu3,.plecaEdu4{ display:none;}
	#celPrimaria,#celCch,#celJardin,#celSecundaria{ height:1650px;}
	.whiteArt p,.whiteArt3 p{ padding: 0px 20px 20px 20px; font-family: 'ubuntuitalic'; font-size:13px; margin-bottom:0px; line-height:14px; }
	.celLineaPleca2,.celLineaPleca3{ margin-top:20px;}
	.pad1{ margin-top:20px;}
	
	#celJardinP div br, #celSecundariaP div br, .celPrimariaP div br, .celCchP div br{ display:none;}
	#celJardinP iframe, #celSecundariaP iframe, .celPrimariaP iframe, .celCchP iframe{ width:85%; height:375px;}
	#videoEdu1,#videoEdu2,#videoEdu3,#videoEdu4{ height:auto;}
	
	#celPrimaria2{height:1900px;}
	
	}
	
	@media (max-width: 900px) {
		.innerImgs{ display:none;}
		.eduImgs{ display:table;}
		}

@media (max-width: 650px) {
	nav{display:table; text-align:center; margin:0 auto;}
	#navLogo{float:none; text-align:center; margin:0 auto; padding-top:10px;}
	#bgNav,#bgNav2{ display:none; }
	#navRedes{ float:none; text-align:center; margin:0 auto;}
	#celEduNav figure{ float:none;  margin:0px 9px; text-align:center;}
nav ul{font-size:15px; z-index:10; text-align:center; margin:0 auto; margin-top:10px;}
nav ul li{ display:block; list-style:none; float:none; z-index:10; margin:0px; clear:both; padding:12px;
	color:#FFFFFF;
	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 );
	border-bottom:1px solid #EA0003;}
nav ul li a{color:#FFFFFF; text-transform:uppercase;}
nav ul li:hover{color:#959595;
	background: #b80d2f;
	background: -moz-linear-gradient(top,  #b80d2f 0%, #d8001d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b80d2f), color-stop(100%,#d8001d));
	background: -webkit-linear-gradient(top,  #b80d2f 0%,#d8001d 100%);
	background: -o-linear-gradient(top,  #b80d2f 0%,#d8001d 100%);
	background: -ms-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 );
}
nav ul li:last-child {-webkit-border-bottom-right-radius: 15px;-moz-border-radius-bottomright: 15px;border-bottom-right-radius: 15px;}
nav ul li:first-child {-webkit-border-top-left-radius: 15px;-moz-border-radius-topleft: 15px;border-top-left-radius: 15px;}
#navRedes{ text-align:center;float:none; padding-top:7px; position:absolute;}
#active1, #active2{color:#959595; background:transparent; padding:0px;}
#active1:hover, #active2:hover{background:transparent;}
	.celEduH1{ font-size:50px; line-height:32px; text-align:center; margin:0 auto; width:100%;}
	.celEduH1a{ font-size:50px; line-height:32px; text-align:center; margin:0 auto; width:100%;}
	.shEdu{ display:none;}
	#plecaWhite4{ background:url(../imgs/nav-02.png) bottom center no-repeat; max-width:600px; height:46px;text-align:center; margin:0 auto; margin-top:-10px; margin-bottom:1px;}
	#plecaWhite2{ display:none;}
	#fImg4a,#fImg4,#pCont1{margin:0 auto; float:none;}
	
	#celJardinP iframe,#celJardinP iframe, #celSecundariaP iframe, .celPrimariaP iframe, .celCchP iframe{ width:100%; height:310px;}
	#videoEdu1,#videoEdu2,#videoEdu3,#videoEdu4{ height:auto;}
	#celJardin,#celSecundaria{ height:1450px;}
	#celSecundaria{ height:1450px;}
	#celPrimaria,#celCch{ height:1550px;}
	btnYellow, .btnBlue1, .btnBlue2, .btnRed, .btnGreen { font-size:14px;}
	#pCont1{width:300px; margin-top:30px}
	footer p{ padding:25px; font-size:11px;}
	
	#celPrimaria2 a,#celPrimaria2a a{ display:block; float:none; width:70%;}
	
	#celPrimaria2,#celPrimaria2a{ height:auto;}
	
	.whiteArt3 p a:first-child{ margin-top:15px;}
	

}
/* 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;
}