@charset "UTF-8";
/* CSS Document */
body {
	color: #066;
	margin:0px;
}
h2 {
	font-family: "Arial Rounded Bold";
	 color:#FFF;
	 font-size:2.4em;
	 width:90%;
	 border-bottom:#FFF dotted 1px;
	 text-align:center;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:0px;
	 margin-bottom:0px;
	 padding:0px;

}
h3 {
	font-family: "Arial Rounded Bold";
	 color:#70a8dc;
	 width:60%;
	 transform: rotate(-5deg);	 
	 background-color:#FFF;
	 font-size:2.4em;
	 border-bottom:#FFF dotted 1px;
	 text-align:center;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:0px;
	 margin-bottom:0px;
	 padding:0px;
	  position:relative;
	  left:5px;

}
@font-face {
  font-family: "DKCanoodle";
  src: url("../imagenes/DKCanoodle.ttf");
  
}
@font-face {
  font-family: "Arial Rounded Bold";
  src: url("../imagenes/Arial_Rounded_Bold.ttf");
}
.ninos{
	background-color:#E1FCFE;
	margin-bottom:34px;
	min-height:450px;
	width:90%;
	padding-top:65px;
	padding-bottom:19px;
	padding-left:65px;
	padding-right:65px;	
	margin-top:-40px;
}
.ninosm2 {
    min-height:570px;
}
.tmn_1{
	height:490px !important;
}
.tmn_11{
	height:850px !important;
}
.tmn_12{
	height:580px !important;
}
.tmn_2{
	height:500px !important;
}
.tmn_3{
	height:620px !important;
}
.tmn_4{
	height:550px !important;
}
.tmn_int1{
	padding-top:8% !important;	
}
.tmn_int2{
	padding-top:4% !important;	
}

.ninos_home{
	background-color:#E1FCFE;
	margin-bottom:34px;
	height:600px;
	width:100%;
	padding-top:25px;
	padding-bottom:19px;
	padding-left:35px;
	padding-right:25px;
	margin-top:-40px;
	border-bottom:#E36600 23px solid;
	text-align:center;
}
.ninos2{
	background-color:#52A9E4;
	height:441px;
	width:100%;
	border-radius:5px;	
}
.ninos_int{
	background-color:#4BABDE;
	margin:44px;

}
.top{
width:100%;
	height:155px;


}
#ninos_top1{
height: 100%;
	width:20%;
	float:left;
	margin-left:60px;
}
#ninos_top2{
	height:110px;
	width:60%;
	float:left;
}
#ninos_top1 img {
    height: 100%;
}
.navegacion{
	width:100%;
	margin-top:5px;
}
.navegacion .nav1{
	width:50%;
	float:left;
	
}

.navRompe {
	width:50%;
	float:left;
	margin-bottom: 40px;
	margin-top: -40px;
}


.navegacion .nav2{
	width:50%;
	float:right;
	text-align:right;
	padding-top:1%;
}
H1 {
  font-family: "DKCanoodle", cursive;
  font-size: 3.5em;
  color:#FFF;
  text-align:center;
  margin-top:10px;
}

/*sectores*/
.av_1{
	width:420px;
	height:680px;
	background-color:#E36600;	
	}
/*Texto Interno*/
.txt_int {
	 font-family: "Arial Rounded Bold";
	 color:#FFF;
	 font-size:1.4em;
	  opacity: 0;

	}
.volver_nav {
font-family: "DKCanoodle", cursive;
  font-size: 2.8em;
  vertical-align:text-bottom;
  text-decoration:none;
  color:#2a3d67;
}
.volver_nav a:link, .volver_nav a:visited, .volver_nav a:active {
  color:#2a3d67;
}
.volver_nav a:hover {
	text-decoration:underline;
}
.volver_nav img {
	margin-right:5px;
	margin-top:5px;
}

audio:hover, audio:focus, audio:active
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}

.navegacion2 {
	float:right;
	margin-top:3%;
	margin-right:1%;

}
.navegacion2 .anterior{
	border:none;
	margin-right:10px;
	
}
.navegacion2 .siguiente{
border:none;
margin-right:25px;
}


.navegacion3 {
	float:right;
	margin-top:-8%;

}
.navegacion3 .anterior{
	border:none;
	margin-right:10px;
	
}
.navegacion3 .siguiente{
border:none;
margin-right:25px;
}

.navegacion4 {
	float:right;
	margin-top:-38%;

}
.navegacion4 .anterior{
	border:none;
	margin-right:10px;
	
}
.navegacion4 .siguiente{
border:none;
margin-right:25px;
}
	
	
/* colores*/
/* naranja 2*/
.bodynaranja_2{
	color: #066;
	background-color:#e09e2d;
	background-image:url(../imagenes/nubes_fnd_naranja2.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_naranja_2{
	width:100%;
	height:155px;

}
#ninos_nrja2_top1{
	height:155px;
	width:20%;
	float:left;
	margin-left:60px;
		
}
#ninos_nrja2_top2{
	height:110px;
	width:60%;
	float:left;
}

.ninos2_nrja2{
	background-color:#E7640A;
min-height: 350px;
    width: 100%;
    border-radius: 10px;
background-image: url(../imagenes/portal_web_ninos_naranja2.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 25%;
}

.ninos_naranja_2_int{
	height:441px;
	width:300px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/portal_web_ninos_naranja2.png);
	background-position:bottom left;
	float:left;
	background-size:contain;	
}
.ninos_naranja_2_int2{
width: 65%;
    color: #FFF;
    text-align: center;
    padding-top: 8%;
    vertical-align: middle;
    float: inherit;
    margin-left: 26%;
}


/* azul 2*/	
.bodyazul_2{
	color: #066;
	background-color:#4AA9DE;
	background-image:url(../imagenes/nubes_fnd.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_azul_2{
	width:100%;
	height:155px;

}
#ninos_azul2_top1{
	height:155px;
	width:20%;
	float:left;
	margin-left:60px;
		
}
#ninos_azul2_top2{
	height:110px;
	width:60%;
	float:left;
}

.ninos2_azul2{
	background-color:#193D68;
	height:461px;
	width:100%;
	border-radius:5px;	
}

.ninos_azul2_int{
	height:461px;
	width:300px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/portal_web_ninos_azul3.png);
	background-position:bottom left;
	float:left;
	background-size:contain;	
}
.ninos_azul2_int2{
	height:461px;
	width:740px;
	float:left;
	color:#FFF;
	vertical-align:baseline;
	text-align:center;
	padding-top:20px;
	vertical-align:middle;
}	


/* azul 2*/
/* azul 3*/
.bodyazul_3{
	color: #066;
	background-color:#2a3d67;
	background-image:url(../imagenes/nubes_fnd_azul3.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_azul_3{
	width:100%;
	height:155px;

}
#ninos_azul3_top1{
height: 100%;
	width:20%;
	float:left;
	margin-left:60px;
		
}

#ninos_azul3_top1 img {
    height: 100%;
}
#ninos_azul3_top2{
	height:110px;
	width:60%;
	float:left;
}

.ninos2_azul3{
	background-color:#193D68;
min-height: 350px;
    width: 100%;
    border-radius: 10px;
background-image: url(../imagenes/portal_web_ninos_azul3v2.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 25%;
}
.ninos2_azul4{
	background-color:#193D68;
min-height: 350px;
    width: 100%;
    border-radius: 10px;
	background-image:url(../imagenes/portal_web_ninos_azul3.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 25%;
}

.ninos_azul3_int{
	height:441px;
	width:300px;
	background-repeat:no-repeat;
	
	background-position:bottom left;
	float:left;
	background-size:contain;	
}
.ninos_azul3_int2{
width: 62%;
    color: #FFF;
    text-align: center;
    padding-top: 8%;
    vertical-align: middle;
	margin-left:26%;
	float:inherit;

}
/* azul 3*/
/* rojo */
.bodyrojo{
	color: #066;
	background-color:#a8273c;
	background-image:url(../imagenes/nubes_fnd_rojo.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_rojo{
	width:100%;
	height:155px;

}
#ninos_rojo_top1{
	height:100%;
	width:20%;
	float:left;
	margin-left:60px;
		
}
#ninos_rojo_top1 img{
	height:100%;

}
#ninos_rojo_top2{
	height:20%;
	width:60%;
	float:left;
}
.ninos2_rojo{
	background-color:#a8273c;
min-height: 350px;
width: 100%;
border-radius: 10px;
background-image:url(../imagenes/portal_web_ninos_rojo1v2.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: 23%;
}

.ninos_rojo_int{
	height:441px;
	width:300px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/portal_web_ninos_rojo1.png);
	background-position:bottom left;
	float:left;
	background-size:contain;	
}
.ninos_rojo_int2{
width: 65%;
color: #FFF;
text-align: center;
padding-top: -10px;
vertical-align: middle;
float: left;
margin-left:26%;
}
/* rojo 3*/
/* naranja */
.bodynaranja{
	color: #066;
	background-color:#e09e2d;
	background-image:url(../imagenes/nubes_fnd_naranja.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_naranja{
	width:100%;
	height:155px;

}
#ninos_naranja_top1{
	height:100%;
	width:20%;
	float:left;
	margin-left:60px;
		
}
#ninos_naranja_top2{
	height:20%;
	width:60%;
	float:left;
}

#ninos_naranja_top1 img{
	height:100%;

}


.ninos2_naranja {
	background-color:#e09e2d;
    min-height: 350px;
    width: 100%;
    border-radius: 10px;
   background-image:url(../imagenes/portal_web_ninos_naranja1v2.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 23%;

}

.ninos_naranja_int2{
	width:65%;
	color:#FFF;
    text-align:center;
	padding-top:8%;
	vertical-align:middle;
	float:left;
	margin-left:26%;
}
.ninos_naranja_int2b{
	width:65%;
	color:#FFF;
    text-align:center;
	padding-top:4%;
	vertical-align:middle;
	float:left;
	margin-left:26%;
}


/* naranja */
/* azul */	
.bodyazul{
	color: #066;
	background-color:#70a8dc;
	background-image:url(../imagenes/nubes_fnd.png);
	background-repeat:repeat-x;
	margin:0px;
}
.top_azul{
	width:100%;
	height:155px;

}
#ninos_azul_top1{
	height:100%;
	width:20%;
	float:left;
	margin-left:60px;
		
}
#ninos_azul_top1 img{
	height:100%;

}
#ninos_azul_top2{
	height:20%;
	width:60%;
	float:left;
}

.ninos2_azul{
	background-color:#70a8dc;
	min-height:350px;
	width:100%;
	border-radius:10px;	
	background-image:url(../imagenes/portal_web_ninos_azul1.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:25%;	
}

.ninos_azul_int{
	height:441px;
	width:300px;
	background-repeat:no-repeat;
	float:left;	
}
.ninos_azul_int2{
	width:65%;
	color:#FFF;
    text-align:center;
	padding-top:8%;
	vertical-align:middle;
	float:inherit;
	margin-left:26%;
}
.ninos_azul_int3{
	height:461px;
	width:740px;
	float:left;
	color:#FFF;
	vertical-align:baseline;
	text-align:center;
	padding-top:20px;
	vertical-align:middle;
}	
/* azul */



/* morado*/
.bodymorado{
	color: #066;
	background-color:#6822ad;
	background-image:url(../imagenes/nubes_fnd_morado.png);
	background-repeat:repeat-x;
	margin:0px;
	
	
}
.top_morado{
	width:100%;
	height:155px;

}
.blanco {color:#fff; text-align:center;}

#ninos_morado_top1 img{
    height: 100%;
}
#ninos_morado_top1{
height: 100%;
    width: 20%;
    float: left;
    margin-left: 60px;

}
#ninos_morado_top2{
	height:20%;
	width:60%;
	float:left;
}

.ninos2_morado{
	background-color:#6822ad;
	min-height: 500px;
	width: 100%;
	border-radius:10px;	
	background-image: url(../imagenes/portal_web_ninos_morado_.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 25%;
}
.ninos2_morado2{
	background-color:#6822ad;
	min-height: 750px;
	width: 100%;
	border-radius:10px;	
	background-image: url(../imagenes/portal_web_ninos_morado_2.png);
	background-position: 10% 50%;
	background-repeat: no-repeat;
	background-size: 25%;
}
.ninos2_morado3{
	background-color:#6822ad;
	min-height: 350px;
	width: 100%;
	border-radius:10px;	
	background-image: url(../imagenes/portal_web_ninos_morado_3.png);
	background-position: 10% 50%;
	background-repeat: no-repeat;
	background-size: 25%;
}
.blanco {position:relative; top:-85px; font-family: "DKCanoodle", cursive; font-size:1.4rem; letter-spacing:1px;}

.imaglink2{
	width:30%;
	float: left;
}
.imaglink3{
	width:20%;
	padding-bottom:15%;
	margin-left:3%;
}
.imaglink4{
	width:100%;
	padding-bottom:1%;
	margin-left:3%;
}
.imaglink5{
	width:100%;
	padding-bottom:15%;
	margin-left:3%;
	display:block;
}
.continerdesc{
	float:left;
	margin-right:15px;
	width:16%;
}
.ninos_morado_int{
	height:441px;
	width:300px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/portal_web_ninos_morado_.png);
	background-position:bottom left;
	float:left;
	background-size:contain;	
}
.ninos_morado_int2{
width: 65%;
    color: #FFF;
    text-align: center;
    padding-top: 8%;
    vertical-align: middle;
    float: inherit;
    margin-left: 26%;

}
.ninos_morado_int3{
width: 65%;
    color: #FFF;
    text-align: inherit;
    padding-top: 2%;
    vertical-align: middle;
    float: inherit;
    margin-left: 36%;

}

.ninos_morado_int2 a {
	color: white;
	font-family: "DKCanoodle";
	text-decoration: none;
	
}

/* morado */
/* form */	
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
 
  font-family: "DKCanoodle", cursive;
  font-size: 2em;
  text-align:right;
}

input[type=submit] {

    background-color: #5993c9;
    font-family: "DKCanoodle", cursive;
  font-size: 2em;
  color: white;
  padding: 5px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #5993c9;
  
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  text-align:right;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* form */