html {
height: 100%;
}






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

@font-face {
    font-family: 'DINMedium';
    src: url('../fuentes/din-medium-webfont.eot');
    src: url('../fuentes/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/din-medium-webfont.woff') format('woff'),
         url('../fuentes/din-medium-webfont.ttf') format('truetype'),
         url('../fuentes/din-medium-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINRegular';
    src: url('../fuentes/din-regular-webfont.eot');
    src: url('../fuentes/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/din-regular-webfont.woff') format('woff'),
         url('../fuentes/din-regular-webfont.ttf') format('truetype'),
         url('../fuentes/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBlackRegular';
    src: url('../fuentes/din-black-webfont.eot');
    src: url('../fuentes/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/din-black-webfont.woff') format('woff'),
         url('../fuentes/din-black-webfont.ttf') format('truetype'),
         url('../fuentes/din-black-webfont.svg#DINBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din_lightregular';
    src: url('../fuentes/din-light-webfont.eot');
    src: url('../fuentes/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/din-light-webfont.woff') format('woff'),
         url('../fuentes/din-light-webfont.ttf') format('truetype'),
         url('../fuentes/din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
background: #f7fafe;
padding: 0;
position: relative;
margin: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
}

a {
text-decoration: none;
}

#content {
  text-align: center;
}

#diente{position:absolute;
width:100%;
height:13px;
background: url("../image/kids/diente.png") repeat ;
margin-top:0;}

#diente1{background: url("../image/kids/dientes1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 13px;
margin-top: 31px;
position: absolute;
width: 100%;}


 [class^="container-"], [class*="container-"] {
  width: 100%;
}

[class^="section-"], [class*="section-"] {
  margin: 0 auto;
  width: 1200px;
}

.clear {
width: auto;
}


 img { border: 0px }
  
  


.container-9 {
background: #10A1DB;
height: 478px;


}

.section-9{ 
height: 478px;
}


.container-10 {

height: 671px;


}

.section-10{ 
height: 400px;
position: relative;
top: 272px;
/*background: url("../image/kids/nuevo.png") no-repeat ;*/
}


.container-11 {
background: #f38d02;
height: 551px;


}

.section-11{ 
height: 501px;
position: relative;
top: 50px;
width: 916px;
}


.container-12 {

height: 1323px;


}

.section-12{ 
background: url("../image/kids/fami.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 1280px;
width: 1200px;
}

#ultra{
height: 614px;
left: 128px;
position: relative;
width: 944px;
}


.container-13 {
background: #419b17;
height: 713px;


}

#map_canvas {
  background-color: #419b17;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 0;
}

.section-13{ 
height: 713px;
}


.container-14 {

height: 542px;


}

.section-14{ 
background: url("../image/kids/center4.png") no-repeat ;
height: 542px;
position: relative;
top: -103px;
width: 1068px;
z-index: 200;}

.container-15 {

height: 200px;


}

.section-15{ 
/*background: url("../image/kids/nuevo.png") no-repeat ;*/
height: 200px;
position: relative;
width: 779px;
}

/*.section-16{ 
background: url("../image/kids/fami.jpg") no-repeat ;
height: 1323px;
position: relative;
width: 1431px;
}*/

#wrapper2 {
/*  height: 3754px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 1200px;
  background:url(../image/kids/1.jpg);*/
}

#wrapper3 {
 height: 4485px;
overflow: hidden;
position: relative;
top: 0;
width: 100%;
 
}

.section-top{ 
height: 878px;
position: absolute;
width: 100%;
margin-top:0;}

#section-top2{ background: url("../image/kids/top.png") no-repeat ;
height: 878px;
position: relative;
width: 1200px;
margin-top:0;
margin:0 auto;}

#topk{ float: right;
height: 134px;
position: relative;
right: 146px;
top: 25px;
width: 73px;}


#topk1{ background: url("../image/kids/langk.png") no-repeat ;
height: 68px;
position: relative;
width: 61px;}


#topk3{ height: 70px;
position: relative;
right: 12px;
top: 0;
width: 50px;
}


#topk2{ line-height: 17px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
top: 17px;
width: 61px;}

#topk2 li { color: #3B485E;
font-family: 'DINBlackRegular';
font-size: 15px;
list-style: none outside none;}

#topk2 li a { color:#ffffff;}

#kids1{ height: 285px;
margin: 0 auto;
position: relative;
width: 1200px;}

#textk1{ height: 115px;
margin: 0 auto;
position: relative;
top: -1px;
width: 814px;}

#imgk1{float: right;
height: 288px;
position: relative;
right: 0;
top: -3px;
width: 600px;}

#txtk1{color: #3b3b3b;
float: left;
font-family: "DINRegular";
font-size: 22px;
height: 167px;
left: 149px;
line-height: 27px;
position: relative;
text-align: justify;
top: 71px;
width: 456px;
z-index: 1;}

#kids2{ float: left;
height: 501px;
position: relative;
width: 455px;}


#textk2{ height: 82px;
position: relative;
top: 26px;
width: 363px;}


#txtk2{color: #F7FAFE;
font-family: 'din_lightregular';
font-size: 19px;
height: 379px;
line-height: 27px;
position: relative;
text-align: justify;
top: 40px;
width: 453px;}

#imgk2{ float: right;
height: 459px;
position: relative;
right: 16px;
width: 434px;}



#kids3{ float: right;
height: 575px;
position: relative;
right: 7px;
top: 24px;
width: 472px;}

#kids5{ float: left;
height: 279px;
left: 12px;
position: relative;
top: 321px;
width: 425px;}

#textk3{height: 48px;
left: -3px;
position: relative;
top: 4px;
width: 294px;}

#columnas1{background: url("../image/kids/azul.png") no-repeat;
height: 34px;
position: relative;
top: 22px;
width: 450px;}
 
#columnas2{background: url("../image/kids/azul.png") no-repeat ;
height: 34px;
position: relative;
top: 28px;
width: 450px;}
 
 #columnas3{background: url("../image/kids/naranja.png") no-repeat ;
height: 34px;
position: relative;
top: 34px;
width: 450px;}
 
 #columnas4{background: url("../image/kids/verde.png") no-repeat ;
height: 34px;
position: relative;
top: 40px;
width: 450px;}
 
 #columnas5{background: url("../image/kids/verde.png") no-repeat;
height: 34px;
position: relative;
top: 46px;
width: 450px;}

#columna1{color: #3b3b3b;
float: left;
font-family: "DINBold";
font-size: 19px;
height: 20px;
left: 12px;
position: relative;
top: 2px;
width: 271px;}

#columna2{color: #3b3b3b;
float: right;
font-family: "din_lightregular";
font-size: 19px;
height: 20px;
position: relative;
right: 6px;
top: 3px;
width: 140px;}

#txtk3{color: #3b3b3b;
font-family: "DINBlackRegular";
font-size: 20px;
height: 30px;
position: relative;
text-align: justify;
width: 395px;}


#txtk4{color: #3b3b3b;
font-family: DinRegular;
font-size: 15px;
height: 142px;
line-height: 25px;
position: relative;
text-align: justify;
top: -3px;
width: 420px;}

.nuev{color: #f38d02;
font-family: "DINBlackRegular";
font-size: 20px;
position: relative;
top: 22px;}

.nuev1{
font-family: "DINBlackRegular";
font-size: 20px;
position: relative;
top: 23px;}


#txtk6 {
color: #3b3b3b;
font-family: "din_lightregular";
font-size: 15px;
height: 217px;
line-height: 25px;
position: relative;
text-align: justify;
top: 80px;
width: 455px;
}


#txtk7{color: #3b3b3b;
font-family: "DINBlackRegular";
font-size: 20px;
height: 26px;
position: relative;
text-align: justify;
top: 79px;
width: 453px;}

#imgk3{ 
height: 65px;
margin: 0;
padding: 0;
position: relative;
top: 69px;
width: 403px;}

#imgk3 li{ float: left;
list-style: none outside none;
margin-right: 6px;
position: relative;
}
 #imgk3 li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

#imgk3 li a:hover{ opacity:0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);}

#kids4 {
float: right;
height: 246px;
position: relative;
right: 106px;
top: 109px;
width: 358px;
}

#txtk5{color: #006287;
font-family: 'DinMedium';
font-size: 18px;
height: 159px;
line-height: 21px;
position: relative;
text-align: center;
top: 13px;
width: 323px;}

.grand{font-family: 'DINBold';}
.grand2{font-family: 'dinmedium';font-size: 13px;}

.petit{color: #f38d02;}
.llama a{color: #F38D02;
font-family: 'DINBlackRegular';
font-size: 47px;
position: relative;
top: 9px;}

#textk4{height: 80px;
position: relative;
width: 300px;}

#ultimo33 {
height: 83px;
left: -8px;
margin: 0 auto;
position: relative;
top: 550px;
width: 247px;
}

#ultimo44 {
 color: #00A6D9;
font-family: 'dinmedium';
font-size: 13px;
height: 37px;
line-height: 16px;
position: relative;
text-align: center;
top: 16px;
width: 811px;}

#ultimo55 {
 height: 30px;
left: -8px;
margin: 0 auto;
position: relative;
top: 24px;
width: 326px;
}

#firma2 {
height: 45px;
margin: 0 auto;
position: relative;
top: 60px;
width: 482px;
}

.ultimo66 {
  font-size: 10px;
}

#ultimo44 a { color: #00A6D9;}

#hexa{background: url(../image/webcam/hexa.png) no-repeat ;

height: 82px;
position: relative;
top: 25px;
width: 73px;
z-index: 4;}
#hexa a{color: #FFF;}

#a5 {
float: left;
height: 114px;
left: 142px;
position: relative;
width: 73px;
}

.hex2{font-size: 13px;
 font-family: 'din_lightregular';}
 
.hex3{font-size: 13px;
font-family: 'DINBlackRegular';}

#hex{font-family: 'din_lightregular';
font-size: 10px;
line-height: 13px;
position: relative;
text-align: center;
top: 21px;
width: 73px;}

#productos{height: 687px;
margin: 0 auto;
position: relative;
width: 952px;}

#title{height: 61px;
left: 248px;
position: relative;
top: 60px;
width: 439px;}

#productos0{height: 553px;
position: relative;
top: 70px;
width: 952px;}

#productos1{float: left;
height: 553px;
left: 16px;
margin-right: 35px;
position: relative;
width: 165px;}

#productos2{position: relative;
height: 553px;
width: 165px;
float:left;
margin-right: 19px;}

#productos3{position: relative;
height: 553px;
width: 165px;
float:left;
margin-right: 19px;}

#productos4{position: relative;
height: 553px;
width: 165px;
float:left;
margin-right:19px;}

#productos5{position: relative;
height: 553px;
width: 165px;
float:left;}

#cilin{background: url("../image/kids/clin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 176px;
position: relative;
width: 158px;}

#logop{height: 59px;
position: relative;
top: 22px;
width: 165px;}

#logop1{height: 59px;
left: 32px;
position: relative;
top: 22px;
width: 103px;}

#logop2{height: 59px;
left: 16px;
position: relative;
top: 22px;
width: 103px;}

#logop3{position: relative;
height: 59px;
width: 170px;
top: 22px;
left: -1px;}

#logop4{position: relative;
height: 59px;
width: 165px;
top: 22px;}

#title2{fcolor: #3b3b3b;
font-family: "DINBlackRegular";
font-size: 20px;
left: 4px;
position: relative;
text-align: center;
top: 28px;
}

#title3{color: #3b3b3b;
font-family: "DINRegular";
font-size: 15px;
height: 185px;
line-height: 25px;
position: relative;
text-align: center;
top: -11px;
width: 167px;}

#clin1{height: 188px;
position: relative;
width: 165px;}