@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	overflow-y:hidden
}
html, body {
height: 100%;
font-family:Arial, Helvetica, sans-serif;

}
img {
	width:100%;
height: 100%;
}
.container{
	float:left;
	width:100%;
}
#divId {
	background-color: #6CC6E0;
	background-image: url(img/cielo.jpg);
	float: left;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

#divId2 {
	background-image: url(img/montana.png);
	float: left;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index:101;
	background-repeat: no-repeat;
}
#divId3 {
	background-image: url(img/montana1.png);
	float: left;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index:101;
	background-repeat: no-repeat;
}
.cont {
	margin: auto;
	width: 1000px;
	position: fixed;
	bottom: 50%;
	left: 0;
	right: 0;
	margin-bottom: -300px;
}
.screen_one {
	float: left;
	width: 100%;
}
.boy_one {
	width: 200px;
	bottom:0;
	left:-350px;
	position:absolute;
	margin-bottom:-10px;
	opacity:1;
	height: 426px;
	background-size: 100%;
	display:block;
	
}

.boy_two {
	width: 120px;
	bottom:0;
	position:absolute;
	left:-2000px;
	margin-bottom:-20px;
	opacity:1;
	display:block;
}
.boy_two1 {
	width: 120px;
	bottom:0;
	position:absolute;
	left:-2000px;
	margin-bottom:-20px;
	opacity:0;
}

.boy_three {
	width: 120px;
	bottom:0;
	position:absolute;
	right:0px;
	margin-bottom:-20px;
	opacity:0;
	
}

.btn_next{
	border-radius:10px;
	background-color:#fc9d24;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:pointer;
	padding:10px;
	float:left;
}
#nube {
	position: absolute;
	width: 100%;
	background-image: url(img/nube.png);
	background-repeat:repeat-x;
	background-size: 980px 100%;
	float: left;
	height: 200px;
	z-index:100;
}

.letrero {
	width: 400px;
	position:fixed;
	margin-left: 350px;
	margin-top:-390px;
	top:0;
}


.letrero1 {
	width: 400px;
	position:fixed;
	margin-left: 350px;
	margin-top:-390px;
	top:0;
	z-index:1002;
}

.letrero2 {
	width: 400px;
	position:fixed;
	margin-left: 50px;
	margin-top:-353px;
	top:0;
	z-index:1002;
}

.letrero3 {
	width: 400px;
	position:fixed;
	margin-left: 500px;
	margin-top:-400px;
	top:0;
	z-index:1002;
}

.letrero4 {
	width: 400px;
	position:fixed;
	margin-left: 450px;
	margin-top:-400px;
	top:0;
	z-index:1002;
}


.letrero5 {
	width: 400px;
	position:fixed;
	margin-left: 450px;
	margin-top:-400px;
	top:0;
	z-index:1602;
}

.letrero6 {
	width: 500px;
	height:434px;
	background-size:100%;
	position: absolute;
	margin-left: 450px;	
	bottom:-634px;
	z-index:1012;
	background-image: url(img/letrero8.png);
	background-repeat:no-repeat;
}

.caritaFeliz {
	width: 200px;
	height:188px;	
	position:fixed;
	margin-left: 100px;		
	top:-400px;
	z-index:1012;	
}

.letrero6 h1{
	color: #FFF;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 115px;
	padding: 0px;
	float: left;
	width: 200px;
	margin-left: 160px;
	text-align: center;
}
.formulario{
	width: 400px;
	height:500px;
	position:fixed;
	margin-left: 350px;
	top:0;
}

input[type="text"], select{
	width: 370px;
	position:fixed;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:0;
	border-radius:8px;
	border: 3px solid #d3d1d0;
	float:left;
}
textarea{
	width: 370px;
	height:50px;
	position:fixed;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	top:0;
	border-radius:8px;
	border: 3px solid #d3d1d0;
	float:left;
}
#name{
	top: -300px;
	z-index:98;
}

#last{
	top: -350px;
	z-index:97;
}

.btn_regresar0{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 200px;
	border: none;
	position: fixed;
	z-index: 1009;
	display: none;
	margin-left: 350px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
	
.btn_regresar0:hover{
	background-color:#666;
	}

.btn_enviar, .btn_regresar{
	border-radius:10px;
	background-color:#fc9d24;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:pointer;
	padding:10px;
	float:left;
	width:75px;
	border:none;
	margin-top: 370px;
	position:fixed;
	display:none;
	margin-left: 300px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
	.btn_regresar{	
	margin-left: 190px;	
	}
	
.btn_enviar:hover, .btn_regresar:hover{
	background-color:#666;
	}
.formulario input[type="submit"]{
	border:none;
	}
	
.boy_bus {
	width: 800px;
	bottom:0;
	position:absolute;
	left:-2000px;
	margin-bottom:-20px;
	opacity:0;
}
	
.btn_enviar1:hover{
	background-color:#666;
	}


.btn_enviar1{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 320px;
	border: none;
	position: fixed;
	z-index: 1005;
	display: none;
	margin-left: 650px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
#age{
	top: -300px;
	z-index:98;
	margin-left: 450px;
	width: 200px;
}


.btn_enviar2, .btn_regresar2{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 320px;
	border: none;
	position: fixed;
	z-index: 1006;
	display: none;
	margin-left: 650px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
.btn_regresar2{	
	margin-left: 540px;	
	}
	
.btn_enviar2:hover, .btn_regresar2:hover{
	background-color:#666;
	}
	
	
	
.btn_enviar3, .btn_regresar3{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 595px;
	border: none;
	position: fixed;
	z-index: 1007;
	display: none;
	margin-left: 50px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
	.btn_enviar3{	
	margin-left: 160px;
	}
	
.btn_enviar3:hover, .btn_regresar3:hover{
	background-color:#666;
	}
	
	#correo{
	top: -300px;
	z-index:98;
	margin-left: 50px;
}
	#direccion{
	top: -300px;
	z-index:98;
	margin-left: 50px;
}
	#telefono{
	top: -300px;
	z-index:98;
	margin-left: 50px;
}
.mapa {
	background-image: url(img/mapa.png);
	width: 500px;
	margin-left:-50px;
	position: absolute;
	height: 310px;
	background-size:100% 100%;
	bottom:-490px;
}


.btn_regresar4{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 220px;
	border: none;
	position: fixed;
	z-index: 1007;
	display: none;
	margin-left: 500px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
.btn_regresar4:hover{
	background-color:#666;
	}
	
.btn_1{
	width:59px;
	height:90px;
	float:left;
	cursor:pointer;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.btn_1:hover{	
	transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
}

.btn_1 img{
	width:100%;
	height:100$;	
	}
	
#naranja{
margin-left: 40px;
margin-top: 40px;
}

#blue{
margin-top: 60px;
margin-left: 15px;
}

#greeno{
margin-left: 20px;
margin-top: 30px;
}

#green{
margin-top: 150px;
margin-left: -90px;
}
#purple{
margin-top: 80px;
margin-left: 40px;
}
#yellow{
margin-left: -120px;
margin-top: 130px;
}

#newIcon{
margin-left: -50px;
margin-top: 180px;
}

.book {
	width: 400px;
	height:469px;
	position: absolute;
	bottom:-700px;
	padding:10px;
	background-size:100% 100%;
	background-image: url(img/cuaderno.png);
}

.book textarea{
	width: 280px;
	height: 400px;
	line-height: 21px;
	position: absolute;
	margin-left: 80px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	bottom: -510px;
	background-image: none;
	background-color: transparent !important;
	border-radius: 0px;
	border: none;
	float: left;
}


.btn_enviar4, .btn_regresar5{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	bottom: 40px;
	border: none;
	position: absolute;
	z-index: 1008;
	display: none;
	margin-left: 560px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
	.btn_regresar5{
	margin-left: 450px;
	}
	
.btn_enviar4:hover, .btn_regresar5:hover{
	background-color:#666;
	}
	
.archivosAdjunto{
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	float: left;
	bottom: 80px;	
	position: absolute;
	z-index: 1008;
	display: none;
	margin-left: 450px;
	width: 300px;
	}	

.board {
	width: 600px;
	height:398px;
	position:fixed;
	bottom:-500px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	padding-bottom: 20px;
	background-size:100% 100%;
	background-image: url(img/tablero.png);
	z-index:1598;
}

.btn_enviar5, .btn_regresar6, .cleanBoard{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 300px;
	border: none;
	position: fixed;
	z-index: 1009;
	display: none;
	margin-left: 760px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
	.btn_regresar6, .cleanBoard{
	margin-left: 650px;
	}
	
	.cleanBoard{
	top: 250px;
	}
	
.btn_enviar5:hover, .btn_regresar6:hover, .cleanBoard:hover {
	background-color:#666;
	}
	
.paletaColor, .simpleColorContainer{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	padding: 10px;
	float: left;
	width: 75px;
	top: 250px;
	border: none;
	position: fixed;
	z-index: 1009;
	display: none;
	margin-left: 760px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
.btn_enviar6{
	border-radius: 10px;
	background-color: #fc9d24;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	float: left;
	width: 75px;
	top: 63%;
	border: none;
	position: fixed;
	z-index: 1009;
	display: none;
	margin-left: 300px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-decoration: none;
	}
	
.btn_enviar6:hover{
	background-color:#666;
	}
	
.ballon_red{
	width:200px;
	float:left;
	margin-left: -110px;
	z-index:97;
	top: -20px;
	}
	
.ballon_blue{
	width:200px;
	float:left;
	margin-left: -61px;
	margin-top: 50px;
	z-index:100;
	}
	
.ballon_yellow{
	width:200px;
	float:left;
	margin-left: 100px;
	z-index:98;
	}
	
.ballon{
	position:absolute;
	cursor:pointer;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	}
.ballon:hover{
	transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.10) skew(0deg) translate(0px);
	}
.ballon img{
	width:100%;
	height:100%;
	}
	
#test{
border-radius: 10px;
z-index:1599;
}

.boy_1 {
	background-image: url(img/ninos-19.png);
}

.boy_2 {
	background-image: url(img/ninos-20.png);
}

.boy_3 {
	background-image: url(img/ninos-16.png);
}

.boy_4 {
	background-image: url(img/nino1.png);
}

.boy_5 {
	background-image: url(img/ninos-18.png);
}

.boy_6 {
	background-image: url(img/ninos-17.png);
}



/* Custom dialog styles */
#popup_container {font-family: Arial, sans-serif;font-size: 12px;min-width: 300px;
                  /* Dialog will be no smaller than this */
                  max-width: 600px; 
                  /* Dialog will wrap after this width */
                  background: #FFF;border: solid 1px #1b4773;color: #000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#popup_title {font-size: 14px;font-weight: bold;text-align: center;line-height: 1.75em;color: #325b7a;background: #e2e3de none top repeat-x;border: solid 1px #d5d4cf;border-bottom: solid 1px #d5d4cf;cursor: default;padding: 0em;margin: 0em; display:none}

#popup_content {margin: 5px 5px;padding:15px 10px 15px 50px; background-position: 0 -399px;}
#popup_content img{
	float: left;
	width: 32px;
	height: 32px;
	border: 0;
	background: url('../../../../images/icono_mensaje.png') no-repeat left top;
}

#popup_content.alert {margin: 5px 5px;padding:15px 10px 15px 5px;background-position: 0 -164px; font-size:14px; line-height: 16px}

#popup_content.alertInfo {margin: 5px 5px;padding:15px 10px 15px 5px;background-position: 0 0; }

#popup_content.confirm {margin: 10px 10px;padding: 15px 10px 15px 5px;background-position: 0 -399px; }

#popup_message {padding-left: 48px;}

#popup_panel {text-align: center;margin: 1em 0em 0em 1em;}

#popup_prompt {margin: .5em 0em;}

.icon-attach {
	background: url(../../../../images/attachment.png) top no-repeat;
	width: 42px;
	height: 42px;
	display: inline-block;
	float: left;
	background-size: 88%;	
}

.qq-upload-button {
    background: none;
    border-bottom: none;
}
.qq-upload-button-hover {
    background: none;
}
.qq-upload-button > div > span {
    background: #880000;
    border-bottom: 1px solid #DDD;
    padding: 5px 10px;
    line-height: 50px;
}
.qq-upload-button > div > span:hover {
    background: #CC0000;
}

.qq-upload-success {
    display: none;
}

.boton-opcion {
    cursor: pointer;
    font-size: 11px;text-decoration: none;
    -moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;
    width: 16px; height: 16px;
    display: inline-block;
    padding: 0 3px;
}

.sprite-edit, .sprite-EditText, .sprite-add, .sprite-button_cancel, .sprite-disk, .sprite-find, .sprite-trash, .sprite-trash1, .sprite-uncheckedUno,.sprite-Excel,.sprite-PDF, .sprite-star_trigger, .sprite-find1, .sprite-sendmail, .sprite-Upload
{
    background: url('../../../../images/IconoBotones.png') no-repeat left top;
}

.sprite-trash {
	background-position: 0 -87px;
	width: 11px;
	height: 17px;
	display: inline-block;
	background-size: 16px;
}

ul    { border:0; margin:0; padding:0; }

a {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
}

a:link, a:hover, a:visited {
    color: #000000;
}