* { 
margin:0;
padding:0;
}
a{
text-decoration:none;}
body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background: white;
	overflow-x:hidden;
}

p, ul{
	margin: 0 0 20px 0;
	font: 15px/24px 'SansationLight', Arial, sans-serif;	
}



@font-face {
    font-family: 'GIACOMO-MEDIUM';
    src: url('fonts/GIACOMO-MEDIUM.otf');
    src: url('fonts/GIACOMO-MEDIUM.eot?iefix') format('eot'),
    url('fonts/GIACOMO-MEDIUM.woff') format('woff'),
    url('fonts/GIACOMO-MEDIUM.ttf') format('truetype'),
    url('fonts/GIACOMO-MEDIUM.svg#GIACOMO-MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GIACOMO-BOLD';
    src: url('fonts/GIACOMO-BOLD.otf');
    src: url('fonts/GIACOMO-BOLD.eot?iefix') format('eot'),
    url('fonts/GIACOMO-BOLD.woff') format('woff'),
    url('fonts/GIACOMO-BOLDttf') format('truetype'),
    url('fonts/GIACOMO-BOLD.svg#GIACOMO-BOLD') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GIACOMO';
    src: url('fonts/GIACOMO.otf');
    src: url('fonts/GIACOMO.eot?iefix') format('eot'),
    url('fonts/GIACOMO.woff') format('woff'),
    url('fonts/GIACOMO.ttf') format('truetype'),
    url('fonts/GIACOMO.svg#GIACOMO') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'abscissa_bold-webfont';
    src: url('fonts/abscissa_bold-webfont.otf');
    src: url('fonts/abscissa_bold-webfont.eot?iefix') format('eot'),
    url('fonts/abscissa_bold-webfont.woff') format('woff'),
    url('fonts/abscissa_bold-webfont.ttf') format('truetype'),
    url('fonts/abscissa_bold-webfont.svg#abscissa_bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'angelina-webfont';
    src: url('fonts/angelina-webfont.otf');
    src: url('fonts/angelina-webfont.eot?iefix') format('eot'),
    url('fonts/angelina-webfont.woff') format('woff'),
    url('fonts/angelina-webfont.ttf') format('truetype'),
    url('fonts/angelina-webfont.svg#angelina-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}
#header h1.ballpark {font: 54px/62px 'BallparkWeiner', Arial, sans-serif;letter-spacing: 0;color: #C47600;padding-top: 7px;}

img{
	border: 0;
}

h1, #pixels{
	font-family:'GIACOMO-BOLD', Arial, sans-serif;
	font-size:152px;
	color:#99856b;
	
}

h2{
	font-family:'SansationLight', Arial, sans-serif;	
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
	padding-bottom: 10px;
}


.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	left: 0px; top:50px;
	z-index:5000;
}

#nav li{
	margin: 0 0 0px 0;	
}

#header, #intro, #second{
	width: 100%;
}


#intro{
	background:url(images/fondo1.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 740px;
	padding: 0;
	margin: 0;	

}
.escalera1{
background:url('images/escaleras.png') repeat-y;
position:absolute;
width:74px;
height:290px; z-index:2000; top:450px; right:20px;
}
.escalera2{
background:url('images/escaleras.png') repeat-y;
position:absolute;
width:74px;
height:740px; z-index:2000; top:0px; right:20px;
}
.escalera3{
background:url('images/escaleras.png') repeat-y;
position:absolute;
width:74px;
height:750px; z-index:2000; top:0px; right:20px;
}
.escalera4{
background:url('images/escaleras.png') repeat-y;
position:absolute;
width:74px;
height:765px; z-index:2000; top:0px; right:20px;
}
.logo{
width:341px; float:none; clear:both;
height:210px; position:relative; z-index:1000; margin:0 auto;
}
.logo2{
width:129px; float:none;
height:124px; position:relative; z-index:1000; top:0px; margin:0 auto;
}
.title{
position:relative;
top:10px; text-align:left; margin-left:20px; padding-bottom:10px;
}
.logo3{
width:129px; float:none;
height:124px; position:relative; z-index:1000; top:-100px; margin:0 auto;
}
.title2{
position:relative;
top:-240px; text-align:center; margin-left:50px; opacity:0.3;
}
.title4{
position:relative;
top:-200px; text-align:left; margin-left:80px; opacity:0.3; font-family:GIACOMO-BOLD; font-size:40px; color:#666666;
}
.title5{
position:relative;
top:-180px; text-align:left; margin-left:80px; opacity:0.3; font-family:GIACOMO-BOLD; font-size:40px; color:#666666;
}
.title6{
position:relative;
top:-180px; text-align:left; margin-left:80px; opacity:0.3; font-family:GIACOMO-BOLD; font-size:40px; color:#8eb371;
}

.reloj{
position:relative;
background:url('images/reloj.png');
width:123px;
height:122px; top:-300px; left:40px;

}
.mesa{
position:relative; top:-260px;
background:url('images/mesa.png') no-repeat;
width:964px;
height:609px;
 text-align:left; padding-left:30px; padding-top:40px;
 margin-left:-50px; z-index:0;
}
.mesa p{
width:570px;
font-family:GIACOMO;
color:#000000;
font-size:15px;
}
.funda{
position:relative; top:-300px;
width:964px;
height:609px;
 text-align:left; padding-left:150px; padding-top:50px;
}
.funda p{
width:600px;
font-family:GIACOMO;
color:#000000;
font-size:15px;
}
.contenido{
margin-top:-30px;

}
.contenidocolegios{
margin-top:-210px; background:url(images/tablero.png) no-repeat; width:705px; height:380px; margin-left:100px;
padding:80px 150px 30px 140px;

}
.contenidocolegios p{
width:560px; text-align:left;
}
.contenidoninos{
margin-top:-150px; width:600px; margin-left:220px; color:#000000; text-align:justify;

}
.contenidoadultos{
margin-top:-220px; width:950px;  color:#000000; text-align:justify;

}
.retrato{
position:absolute; margin-top:50px; left:250px;
}
.sofa{position:absolute; margin-top:220px; left:100px;
}
.perro{position:absolute; margin-top:470px; left:550px;
}
.mata{position:absolute;margin-top:320px; left:940px;
}
.tv{ position:absolute; margin-left:320px; margin-top:20px; width:638px; height:427px;

background:url('images/pantallatv.png') no-repeat; padding:70px 70px 70px 60px;} .tv p{ width:520px; color:#FFFFFF;}
#second{
	background: url(images/fondo2.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 740px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	padding-left:90px;
}



#third{
	background: url(images/fondo3.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	padding-left:130px;
}

#four{
	background: url(images/fondo4.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;	padding-left:180px;		
}
#five{
	background: url(images/fondo5.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;				padding-left:90px;
}
#six{
background: url(images/fondo6.jpg) 50% 0 no-repeat scroll;
	color: white;
	height: 770px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;		padding-left:130px;	
}



#fifth{
	background: #fff;
	height: 300px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
.inicio{

background:url(images/crayola1.png) no-repeat;
height:38px;
width:200px;
padding-left:70px;font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666; text-indent: -1000px;
}
.empresas{
background:url(images/crayola2.png) no-repeat;
height:50px;
width:160px;
font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666; display:block;
}
.cuadroempresas{
background:url(images/cuadroempresas.png) no-repeat;
height:688px;
width:966px;
 margin-top:20px;
}
.mesacolegios{
background:url(images/mesacolegios.png) no-repeat;
height:260px;
width:1098px;
 margin-top:-170px;
}
.imgpadres{
background:url(images/imgpadres.png) no-repeat;
height:746px;
width:1116px;
 margin-top:-600px;
 margin-left:-250px;
}
.tablero{
	font-family:angelina-webfont;
	background:url(images/tablero.png) no-repeat;
height:489px;
width:826px;
 padding-left:130px;
padding-top:80px;
}
.cuadrocolegios{
height:432px;
width:693px;
 margin-top:20px;
 margin-left:-40px;

}
.cuadrocolegios p{
	text-align:justify; padding-left:15px;

}
.cuadrocolegios .texto1{
	font-family:angelina-webfont;
font-size:22px;
color:#FFFFFF;
width:67%;
line-height:21px; 

}

.cuadrofundaciones{
background:url(images/cuadrofundaciones.png) no-repeat;
height:432px;
width:693px;
 margin-top:20px;
}
.cuadrofundaciones p{
	text-align:justify; width:90%; padding-left:15px;

}
.cuadrofundaciones .texto1{
	font-family:abscissa_bold-webfont;
font-size:22px;
color:#0d467d;

}
.cuadrofundaciones .texto2{
		font-family:abscissa_bold-webfont;
font-size:17px;
color:#0d467d;

}
.cuadrofundaciones h1{
	padding:0px;
	margin:0px;

}


.cuadropadres{
background:url(images/cuadropadres.png) no-repeat;
height:619px;
width:812px;
 margin-top:20px;
}
.cuadropadres p{
	text-align:justify; width:90%; padding-left:15px;

}
.cuadropadres .texto1{
	font-family:abscissa_bold-webfont;
font-size:22px;
color:#2d2a5c;

}
.cuadropadres .texto2{
		font-family:abscissa_bold-webfont;
font-size:17px;
color:#2d2a5c;

}
.cuadropadres h1{
	padding:0px;
	margin:0px;

}


.cuadroninos{
background:url(images/cuadroninos.png) no-repeat;
height:505px;
width:564px;
 margin-top:20px;
 margin-left:130px;
}
.cuadroninos p{
	text-align:justify; width:90%; padding-left:15px;

}
.cuadroninos .texto1{
	font-family:abscissa_bold-webfont;
font-size:22px;
color:#503500;

}
.cuadroninos .texto2{
		font-family:abscissa_bold-webfont;
font-size:17px;
color:#503500;

}
.cuadroninos h1{
	padding:0px;
	margin:0px;

}


.cuadroempresas p{
	text-align:justify; width:90%; padding-left:15px;

}
.cuadroempresas .texto1{
	font-family:abscissa_bold-webfont;
font-size:22px;
color:#4f3111;

}
.cuadroempresas .texto2{
		font-family:abscissa_bold-webfont;
font-size:17px;
color:#4f3111;

}
.cuadroempresas h1{
	padding:0px;
	margin:0px;

}
#nav li ul {

display: none;

width:160px;

padding:0; margin:0;

}



#nav li:hover ul {

display: block; position:absolute;



}
#menuempresa{
	height:38px;
width:200px;
display:block;
}
#nav  li .submenu{

width:140px;padding-top:6px; height:150px; position:absolute; left:150px;

top:50px; z-index:5000; }

#nav  li .submenu li a{

font-family:abscissa_bold-webfont;
font-size:17px;
color:#ffedae;padding:0px; margin:0px;

}
#nav  li .submenu li{

background:url(images/fondoitemsub.png) no-repeat;
height:26px;
width:168px;
margin:0px; padding:0px;
list-style:none;
list-style-type:none; padding-left:10px;


}
#nav  li .submenu li:hover{

background:url(images/fondohoveritemsub.png) no-repeat;
height:26px;
width:168px;

}
.fundaciones{
background:url(images/crayolas.png) no-repeat;
background-position:0px 25%;
height:34px;
width:213px;
padding-left:70px;font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666;
}
.colegios{
background:url(images/crayolas.png) no-repeat;
background-position:0px 50%;
height:34px;
width:213px;
padding-left:70px;font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666;
}
.ninos{
background:url(images/crayolas.png) no-repeat;
background-position:0px 74%;
height:34px;
width:213px;
padding-left:70px;font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666;
}
.padres{
background:url(images/crayolas.png) no-repeat;
background-position:0px 97%;
height:34px;
width:213px;
padding-left:70px;font-family:Tahoma; font-weight:bold;
font-size:14px; 
color:#666666;
}
.story{
	margin: 0 auto;
	min-width: 900px;
	width: 900px; text-align:justify; height:650px;
}

.story .float-left, .story .float-right{
	padding: 60px 0 0 0;
	position: relative;
	width: 350px;	
}
.menuhome{
position:absolute; margin-left:100px; top:630px;

}
.redes{
position:absolute; margin-left:710px;top:630px; height:32px; width:140px;

}
.pie{
	position:absolute;
	top:720px;
	width:100%;
	background-color:#333;
	opacity: .75; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=75)"; /* ie 8 */
filter: alpha(opacity=75); /* ie lt 7 */
-khtml-opacity: .75; /* safari 1.x */
-moz-opacity: .75; /* ff lt 1.5, netscape */
height:20px;

}
.piec{
	position:relative;
	width:1020px;
	top:0px;
	padding:0px;
	height:20px;
	padding-top:0px;
	margin:0 auto;
	text-align:center;
}
.redesempresas{
position:relative;height:20px; width:1020px; margin:0 auto;
z-index:5000;font-family:GIACOMO-MEDIUM;
font-size:12px; color:#FFF;
}
.redesempresas a{
	color:#FFF;
}
.footert{
	position:absolute; margin-left:30px;
z-index:5000;font-family:GIACOMO-MEDIUM;
font-size:12px; color:#FFF; float:left; margin-top:0px;
}
.footert a{
	text-decoration:none;
 color:#FFF; 

}
.derechahome{
position:absolute;margin-left:500px;top:630px;

}
.derechahome a{
font-family:GIACOMO-MEDIUM;
font-size:13px;
text-decoration:none; color:#333333; font-weight:300; font-weight:bold;
}
.cerdito{
position:absolute;margin-left:810px;top:560px;

}
.playground{
position:absolute;margin-left:350px;top:635px;
}	
.skype{
text-indent: -3000px;
background:url('images/redessociales.png') no-repeat;
background-position:0% 0%;
width:30px;
height:36px; display:inline-block;
}
.twitter{
text-indent: -3000px;
background:url('images/redessociales.png') no-repeat;
background-position:100% 0%;
width:32px;
height:36px;  display:inline-block;
}
.face{
text-indent: -3000px;
background:url('images/redessociales.png') no-repeat;
background-position:50% 0%;
width:32px;
height:36px;  display:inline-block;
}	
.quienes{
text-indent: -3000px;
background:url('images/menupiehome.png') no-repeat;
background-position:0% 0%;
width:132px;
height:29px;  display:inline-block;
}
.noticias{
text-indent: -3000px;
background:url('images/menupiehome.png') no-repeat;
background-position:100% 0%;
width:85px;
height:29px;  display:inline-block;
}
		
			/********************************************************************************/
/***** SKY OBJECTS *************************************************************/
/******************************************************************************/

.sky-objects {
	position: absolute;
	width: 85px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	margin: auto;
	z-index: 1; right:125px; top:150px; z-index:2000;
}

.sky-objects .sky-object,
.cloud-object {
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
}

/***** BALLOONS *****/
@charset "utf-8";
/* CSS Document */

/********************************************************************************/
/***** SKY OBJECTS *************************************************************/
/******************************************************************************/

/***** BALLOONS *****/

#balloon1_1 { display: none; }
#balloon1_2 { display: none; }
#balloon1_3 {  }

#balloon2_1 { display: none; }
#balloon2_2 { display: none; }
#balloon2_3 {  }
#balloon2_4 { display: none; }

#balloon3_1 { display: none; }
#balloon3_2 { display: none; }
#balloon3_3 {  }
#balloon3_4 { display: none; }

#balloon4_1 { display: none; }
#balloon4_2 { display: none; }
#balloon4_3 {  }
#balloon4_4 { display: none; }

#balloon5_1 { display: none; }
#balloon5_2 { display: none; }
#balloon5_3 {  }
#balloon5_4 { display: none; }

#balloon6_1 { display: none; }
#balloon6_2 { display: none; }
#balloon6_3 {  }
#balloon6_4 { display: none; }

#balloon1_1 { bottom: 440px;	left: -140px;	right: auto;	width: 84px;	height: 182px;	background-image: url(images/kid1.png); }
#balloon1_2 { bottom: 470px;	left: -40px;	right: auto;	width: 84px;	height: 182px;	background-image: url(images/kid1.png); }
#balloon1_3 { bottom: -180px;	left: auto; right: -95px;	width: 84px;	height: 182px;	background-image: url(images/kid1.png); background-position:right; }

#balloon2_1 { bottom: 330px;	left: auto;		right: -20px;	width: 82px;	height: 178px;	background-image:url(images/kid2.png); }
#balloon2_2 { bottom: 360px;	left: auto;		right: -110px;	width: 82px;	height: 178px;	background-image: url(images/kid2.png); }
#balloon2_3 { bottom: -180px;	left: 50px;	right: auto;	width: 149px;	height: 287px;	background-image: url(images/kid2.png); z-index:-1000; }
#balloon2_4 { bottom: 380px;	left: -100px;	right: auto;	width: 82px;	height: 178px;	background-image: url(images/kid2.png); }

#balloon3_1 { bottom: -180px;	left: -40px;	right: auto;	width:149px;	height: 287px;	background-image: url(images/kid3.png); z-index:-1000; }
#balloon3_2 { bottom: 160px;	left: auto;		right: -200px;	width: 96px;	height: 175px;	background-image: url(images/kid3.png); }
#balloon3_3 { bottom: -180px;	left: 40px;	right: auto;	width: 166px;	height: 287px;	background-image: url(images/kid3.png); }
#balloon3_4 { bottom: 150px;	left: auto;		right: -270px;	width: 96px;	height: 175px;	background-image: url(images/kid3.png); }
#balloon3_5 { bottom: 190px;	left: auto;		right: -140px;	width: 96px;	height: 175px;	background-image: url(images/kid3.png); }

#balloon4_1 { bottom: 150px;	left: -250px;	right: auto;	width: 98px;	height: 175px;	background-image: url(images/kid4.png); }
#balloon4_2 { bottom: 160px;	left: auto;		right: -200px;	width: 98px;	height: 175px;	background-image: url(images/kid4.png); }
#balloon4_3 { bottom: -180px;	left: 50px;	right: auto;	width: 166px;	height: 247px;	background-image: url(images/kid4.png); }
#balloon4_4 { bottom: 150px;	left: auto;		right: -270px;	width: 98px;	height: 175px;	background-image: url(images/kid4.png); }
#balloon4_5 { bottom: 190px;	left: auto;		right: -140px;	width: 98px;	height: 175px;	background-image: url(images/kid4.png); }

#balloon5_1 { bottom: 150px;	left: -250px;	right: auto;	width: 96px;	height: 175px;	background-image: url(images/kid5.png); }
#balloon5_2 { bottom: 160px;	left: auto;		right: -200px;	width: 96px;	height: 175px;	background-image: url(images/kid5.png); }
#balloon5_3 { bottom: -180px;	left: 50px;	right: auto;	width: 148px;	height: 267px;	background-image: url(images/kid5.png); }
#balloon5_4 { bottom: 150px;	left: auto;		right: -270px;	width: 96px;	height: 175px;	background-image: url(images/kid5.png); }
#balloon5_5 { bottom: 190px;	left: auto;		right: -140px;	width: 96px;	height: 175px;	background-image: url(images/kid5.png); }

#balloon6_1 { bottom: 150px;	left: -250px;	right: auto;	width: 142px;	height: 175px;	background-image: url(images/kid6.png); }
#balloon6_2 { bottom: 160px;	left: auto;		right: -200px;	width: 142px;	height: 175px;	background-image: url(images/kid6.png); }
#balloon6_3 { bottom: -180px;	left: 10px;	right: auto;	width: 197px;	height: 255px;	background-image: url(images/kid6.png); }
#balloon6_4 { bottom: 150px;	left: auto;		right: -270px;	width: 142px;	height: 175px;	background-image: url(images/kid6.png); }
#balloon6_5 { bottom: 190px;	left: auto;		right: -140px;	width: 142px;	height: 175px;	background-image: url(images/kid6.png); }