html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* RESETT */


body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto";   
    background-color: white;
}
body, html{ min-height: 100%; }
#full-wrap{
    height: 100%;
}
#full-wrap, #footer{
    min-width:980px;
}
#header{
    width: 100%;
    height: 127px;
    background-color: rgb( 255, 255, 255 );
    position: relative;
    z-index: 5;
}
#header a{
text-decoration: none;		
}
.center{
    width:960px;
    margin: 0 auto;
}

p{
  font-size: 15px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 1.6em;
  padding: 0px 10px 0px 0px;
}
.grey{
color:#666d75;
font-weight: 300;
margin-bottom: 30px;
}


h1{
    display:inline-block;
    width: 140px;
    height: 127px;
    color: transparent;
    background-color: transparent;
    background-image:url(img/giramundos.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

h2{
  font-size: 40px;
  font-family: "Roboto";
  color: rgb( 79, 88, 102 );
  text-align: center;
  line-height: 3.5;
    
}


h3{
  font-size: 80px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 1.95;
  text-align: center;
  margin-top:40px;
  z-index: 1;
  position: relative;
}
h5{
padding: 0px 50px 40px 50px;
font-size: 20px;
font-family: "Roboto";
color: rgb( 255, 255, 255 );
line-height: 1.2;
text-align: center;
}

h4{
  font-size: 22.154px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  text-align: left;
  line-height: 2.0;
}


#menu{
    width:600px;
    float: right;
 }

li{
display: inline;

}

li a{
    float: left;
    font-size: 18px;
    font-family: "Roboto";
    color: rgba(102,109,117,1);
    text-decoration: none;  
    padding: 10px;
    margin: 20px 10px 0px 0px;
    border-radius: 5px;
    background: white;
     -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
#opt1,#opt2,#opt3,#opt4,#opt5{
background: white;
}

#menu_jardin a:hover, #menu_jardin a.activo{
background:#3cd2c6;
color: #fff;    
}
#menu_proyecto a:hover, #menu_proyecto a.activo{
background:#0892f8;
color: #fff;
}
#menu_padres a:hover, #menu_padres a.activo{
background:rgb(160,57,209);
color: #fff;
}
#menu_infraestructura a:hover, #menu_infraestructura a.activo{
background:#ff935e;
color: #fff;
}
#menu_contacto a:hover, #menu_contacto a.activo{
background:#ffcc55;
color: #fff;
}
#menu a.no-transition{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	cursor: default;
}



#social{
    width:300px;
    float: right;
    margin-top: 25px;
}

.btn{
  border-width: 2px;
    border-color: #3cd2c6;
    border-style: solid;
    border-radius: 3px;
    width: 136px;
    height: 22px;
    font-size: 13px;
    font-family: "Roboto";  
    color: #3cd2c6;
    text-transform: uppercase;
    line-height: 1.72;
    text-align: center;
    text-decoration: none;
  float: right;
  margin-right: 40px;
   -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}



.btn:hover{
background:#3cd2c6;
color: white;
}



#facebook{
    border-width: 2px;
    border-color: rgb( 49, 86, 150 );
    border-style: solid;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    display: block;
    float: right;
    background-image:url(img/facebook.png);
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: 8px;
    margin-right: 10px;
     -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}

#facebook:hover{
background: rgb( 49, 86, 150 );
background-image:url(img/facebook2.png);
text-indent: -9999em;
background-repeat: no-repeat;
background-position: 8px;
}

#instagram{
  border-width: 0px;
  border-color: rgb( 255, 255, 255 );
  border-style: solid;
  border-radius: 3px;
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  background-image:url(img/instagram.png);
  text-indent: -9999em;
  background-repeat: no-repeat;
  background-position: 8px;
  margin-right: 10px;
   -webkit-transition-property: background;
     -moz-transition-property: background;
       -o-transition-property: background;
          transition-property: background;
     -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

#instagram:hover{
  background: rgb( 131,58,180 );
  background-image:url(img/instagram2.png);
  text-indent: -9999em;
  background-repeat: no-repeat;
  background-position: 8px;
  }

#content{
z-index: 3;
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto; 
overflow: hidden;      
}

#bigphoto{
width: 100%;
height: 600px;
background-image: url(img/mainphoto.jpg); 
background-size: cover;
background-position: center;  
}


#main_slide{
position: absolute;
z-index: 0;     
opacity: 0.4;    
width: 100%;
height: 600px;
  background-image: -moz-linear-gradient( 45deg, rgb(0,120,255) 0%, rgb(255,204,85) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(0,120,255) 0%, rgb(255,204,85) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(0,120,255) 0%, rgb(255,204,85) 100%);
  background-image: linear-gradient( 45deg, rgb(0,120,255) 0%, rgb(255,204,85) 100%);
overflow: hidden;
align-content: center;
}


.box{
    padding: 60px 60px 40px 60px;
    height: 200px;
    width: 200px;
    float: left;
    text-align: center;
     -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}
.box a{
    font-size: 18px;
    font-family: "Roboto";
    line-height: 3.0;
    color: rgb( 255, 255, 255 );
    text-decoration: none;
-webkit-transition-property: border-width;
       -moz-transition-property: border-width;
         -o-transition-property: border-width;
            transition-property: border-width;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}


.box a:hover .circulos{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}


.box a:hover .texto-circulos{
    border-width: 2px;
    border-color: rgb( 255, 255, 255 );
    border-style: solid;
    border-radius: 3px;
    width: 136px;
    height: 24px;
    padding: 0px 4px;
}


.circulos{
display: block;
border-radius: 50%;
width: 157px;
height: 157px;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto; 
-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.circulos:hover {
-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}


.proyecto{
background-color: rgb( 255, 204, 85 );
background-image: url(img/regla.png);
}
.jornadas{
background-color: rgb( 60, 210, 198 );
background-image: url(img/reloj.png);
}
.niveles{
  background-color: rgb( 255, 83, 108 );
background-image: url(img/abaco.png);
}


#talleres{
width: 100%;
height: 560px;
background: white;

}
.taller_wrapper{
width:220px;
overflow: hidden;
text-align: center;
display: inline-block;
vertical-align: top;
margin: 0px 5px 40px 10px;   
}
.taller__clearfix {
  text-align: center;
}
.taller__clearfix:before,
.taller__clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.taller__clearfix:after {
    clear: both;
}

.photo_wrapper{
    display: block;
    width: 220px;
    height: 130px;
    background: aqua;
    overflow: hidden;
    border-radius: 5px;
    float: left;
    margin: 0 auto;
    margin-bottom: 5px;
    
}

.photo_wrapper img{
width: 100%;
border-radius: 5px;
margin: 0 auto;
    -webkit-transition-property: opacity;
       -moz-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}
.photo_wrapper img:hover{
opacity: 0.2;
}

.taller_wrapper a{
font-size: 18px;
line-height: 1.4;
font-family: "Roboto";
color: #0892f8;
text-align: center;
text-decoration: none;

}

.taller_wrapper a.btncam{
color: #ffffff;
display:inline-block;


}
.taller_wrapper a.btncam:hover{
color: #a039d1;
}

<!--Colores talleres-->

.nutricion a{
color:#0892f8;
}
.giramundos a{
color:#3cd2c6;
}
.computacion a{
color:#ff536c;
}
.yoga a{
color:#52ebb3;
}
.ingles a{
color:#ff935e;
}
.jardineria a{
color:#ffcc55;
}
.musica a{
color:#a039d1;
}

.azul{
background-color:#0892f8;
}
.oscuro{
background-color:#3cd2c6;
}
.rojo{
background-color:#ff536c;
}
.claro{
background-color:#52ebb3;
}
.naranjo{
background-color:#ff935e;
}
.amarillo{
background-color:#ffcc55;
}
.morado{
background-color:#a039d1;
}


<!--fin colores talleres-->

.taller_wrapper a:hover {

}

.col_center{ 
    width: 720px;
    margin: 0 auto;

}

#infraestructura {
width: 100%;
height: 600px;
background: #f1f1f1;
}
#infraestructura h2{
position: absolute;
z-index: 5;
color:#fff;
bottom: 0;		
}

#footer{
width: 100%;
height: 200px;
background: #3cd2c6;
}

.footer_box span{
  font-size: 14px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 3;
  text-align: left;
}

.footer_box a{
display: block;
margin: 5px 0px 5px 0px;
text-decoration: none;
}

.footer_box{
width: 199px;
height: 130px;
float: left;
margin: 40px -15px 0px 4px;
background-image: url(img/detalle.jpg);
background-repeat: no-repeat;
background-position: 0px 34px;
padding-right: 50px;
}

.footer_box p{
  font-size: 14px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 1.5;
  text-align: left;

}

#footer_facebook{
    border-width: 2px;
    border-color: rgb( 255, 255, 255 );
    border-style: solid;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    background-image:url(img/fface.png);
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: 8px;
    margin-right: 20px;
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}

#footer_instagram{
  border-width: 2px;
  border-color: rgb( 60, 210, 198 );
  border-style: solid;
  border-radius: 3px;
  width: 28px;
  height: 28px;
  background-image:url(img/finstagram.png);
  text-indent: -9999em;
  background-repeat: no-repeat;
  background-position: 8px;
  margin-right: 20px;
-webkit-transition-property: background;
     -moz-transition-property: background;
       -o-transition-property: background;
          transition-property: background;
     -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.btn_footer {
    border-width: 2px;
    border-color: rgb( 255, 255, 255 );
    border-style: solid;
    border-radius: 3px;
    width: 136px;
    height: 24px;
    font-size: 13px;
    font-family: "Roboto";  
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    line-height: 1.702;
    text-align: center;
    text-decoration: none;
   -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
}
.btn_footer:hover {
    background: white;
    border-radius: 3px;
    width: 136px;
    height: 24px;
    font-size: 13px;
    font-family: "Roboto";  
    color: #3cd2c6;
    text-transform: uppercase;
    line-height: 1.7;
    text-align: center;
    text-decoration: none;
}
#footer_facebook:hover{
    background: rgb( 255, 255, 255 );
    background-image:url(img/fface2.png);
    background-repeat: no-repeat;
    background-position: 8px;
    margin-right: 20px;
}

#face_box p{
float: left;
position: relative;
left: 30px;
bottom:28px;
text-decoration: none;
}



/* Proyecto */

#bg_proyecto{
  background-image: -moz-linear-gradient( 35deg, rgb(60,191,210) 0%, rgb(8,146,248) 100%);
  background-image: -webkit-linear-gradient( 35deg, rgb(60,191,210) 0%, rgb(8,146,248) 100%);
  background-image: -ms-linear-gradient( 35deg, rgb(60,191,210) 0%, rgb(8,146,248) 100%);
  background-image: linear-gradient( 35deg, rgb(60,191,210) 0%, rgb(8,146,248) 100%);
  width: 100%;
    overflow: hidden;
  /*height: 1650px;
  display: inline-block;*/
}

#aventura span{
  overflow: hidden;
  float: left;    
  font-size: 24px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 2.833;
  text-align: left;
  font-weight: 500; 
  width: 100%; 
  text-align: center; 
}

#proyecto{
width: 100%;
background:transparent url(img/cloud.png) top center repeat-x;
position:relative;
overflow: hidden;
margin-top: -20px;
padding-bottom: 30px;    
}



#proyecto h3{
    padding-top:140px;
    margin-top:0;
}
#contacto h3{
    padding-top:150px;
    margin-top:0;
}

#cloud{
top: 100px;
}
#proyecto .col_left{
padding-top: 50px;
z-index: 1;
position: relative;  
padding-bottom: 40px;
}
#proyecto .col_left p{
font-size: 16px;
}


.col_proyect{
width: 50%;
padding-top: 100px;
padding-bottom: 50px;
float: left;
text-align: center;    
}
.proyecto p{
text-align: left;
}
#globe{
background-image: url(img/globe.png);
height: 253px;
position: absolute;
top: 90px;
background-position: center;
background-repeat: no-repeat;
z-index: 0;    
}

#download{
background-image: url(img/download.png);
width: 148px;
height: 96px;
margin: 0 auto;
background-repeat: no-repeat;
width: 100%;
background-position: top center;
padding-top: 140px;
}

.btn_download{
  border-width: 2px;
  border-color: rgb( 255, 255, 255 );
  border-style: solid;
  border-radius: 3px;
  font-size: 21.154px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  text-align: center;
  text-decoration: none;
  padding: 10px 15px;
 -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.btn_download:hover{
 background: white;
 color:#0892f8;
}

#mision_vision .inner{
background: #fff url(img/cloud_mv.jpg) bottom center repeat-x;
padding-bottom: 70px;
}
#mision_vision .inner span{
color: #0892f8;
font-weight: 500;
text-transform: uppercase;
}

#mision_vision{
text-align: center;
overflow: hidden;
position: relative;
z-index: 4;
margin-top: -40px;  

}

.col_left{
width: 50%;
float: left;
}
#mision_vision .col_left{
width: 50%;
float: left;
text-align: left;   
}

#mision_vision .col_left p{
padding: 0 20px 0 20px;  
}

#mision_vision h2{
color:#0892f8;
}

#valores_roles{
background-image: url(img/valores.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 150px;
overflow: hidden;  
height: 500px;
padding-bottom: 50px;
}

#metodologia{
overflow: hidden;
background-image: url(img/metodologia.jpg);
background-size: cover;
margin-top: -35px;  
background-position: center;        
}
.filter{
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(1%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */tr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
overflow: hidden;
padding-bottom: 50px;
margin-top: 0; 
padding-top: 35px;
}

#metodologia h2{
color: white;
text-align: left;    
}

#valores_metodologia p{
font-weight: 800;   
}

#valores_roles{
background-image: url(img/cloud_down.png);
background-repeat:no-repeat;
background-position: top center;  
background-size: contain;    
overflow: hidden;
}

#listado{
text-align: center;
font-family: "Roboto";
font-size: 19px;
font-weight: 500;
color:#fff;
height: 180px;   
overflow: auto;    
}

/* wobble */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
#listado li{
font-size: 21px;
padding:0 15px;	
line-height: 2.9;
 display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

ul{
position: relative;
}
#listado .bullet:after{
display: inline-block;
width: 8px;
height: 8px;
background: #fff;
position: absolute;
content: '';
top: 30px;
border-radius: 5px;
top: 25px;
margin-left: 14px;
}


#valores_roles h2{
color:#fff;
margin-top: -130px;    
}

#educador{   
background-image: url(img/educador.png);
height: 100px;
background-repeat: no-repeat;
}

#nino{   
background-image: url(img/ninos.png);
height: 100px;
background-repeat: no-repeat;
padding-bottom: 10px;
}

#valores_roles .col_left h2{
color:#fff;
line-height: 1.0;
text-align: left;
margin-top: 0;
padding-bottom: 10px;    
}
#valores_roles h4{
font-size:28.154px;
line-height: 2.5;
}

   




#pre_footer{
    background: #30b6ab;
    height: 190px;   
}

#pre_footer h2{
  font-size: 30px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  text-align:left;
  line-height: 6.3;
  margin-left: 20px;
}

.btn_proyecto{
  border-width: 2px;
  border-color: rgb( 255, 255, 255 );
  border-style: solid;
  border-radius: 3px;
  font-size: 21.154px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  text-align: center;
  text-decoration: none;
  padding: 10px 45px 10px 15px;
  background-image: url(img/down.png);
  background-repeat: no-repeat;
  background-position: right;
  margin-left: 20px;
 -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.btn_proyecto:hover{
  background: white;
  color:#30b6ab;
  padding: 10px 45px 10px 15px;
  background-image: url(img/down2.png);
  background-repeat: no-repeat;
  background-position: right;
}

/* PADRES */

#cloud_s_1{
  background-image: url("Capa 25.png");
  position: absolute;
  left: 91px;
  top: 1635px;
  width: 221px;
  height: 87px;
  z-index: 11;
}


#equipo{	
overflow: hidden;
padding-bottom: 90px;
}

#equipo_wrap{
width: 100%;
height: 200px;
text-align: center;
background-image:url(img/team_cloud.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 35px;
}
#equipo_wrap_dos{
width: 100%;
height: 200px;
text-align: center;
background-image:url(img/team_cloud2.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom:41px;
}
#equipo h4{
color:#fff;
text-align: center;
}
#equipo h2{
color:#fff;
}
#equipo p{
color:#fff;
text-align: center;
margin: 0px 15px 0px;
}
/* 0px 30px 19px 60px;
*/
#persona_uno{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 230px;
  height: 230px;
  background-image: url(img/educadora.jpg);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin:0px 120px 10px;
  background-size: cover;
  border: solid #cef0fc 3px;
}
#persona_dos{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/educadora2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 30px;
  background-size: cover;
  margin-bottom: 120px;
}

#bg_padres{
  background-image: -moz-linear-gradient( 35deg, rgb(160,57,209) 0%, rgb(255,88,178) 100%);
  background-image: -webkit-linear-gradient( 35deg, rgb(160,57,209) 0%, rgb(255,88,178) 100%);
  background-image: -ms-linear-gradient( 35deg, rgb(160,57,209) 0%, rgb(255,88,178) 100%);
 width: 100%;
overflow: hidden;

}


#padres_up p{
margin-bottom: 30px;
}
#padres_down p{
margin-bottom: 30px;
}

#padres_up{
height: 750px;
margin-bottom: -150px;
background:transparent url(img/cloudpadres.png) bottom center repeat-x;
}

#padres_down{
padding-top: 50px;
margin-top: -40px;
padding-bottom: 100px;    
background:transparent url(img/cloudpadres_down.png) top center repeat-x;
z-index: 0;
}

#camera{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/camara.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
}
#educador{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/educador.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
#rolnino{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/nino.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}
#texto_especial{
padding-left: 158px;	
}

.external_box{
width: 127px;	
float: left;
padding-right: 30px;	
}
#familink{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/bambii.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
}

#inscripcion{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/inscrip.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
}

.btn_padres{
  border-width: 2px;
  border-color: rgb( 255, 255, 255 );
  border-style: solid;
  border-radius: 3px;
  font-size: 21.154px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  text-align: center;
  text-decoration: none;
  padding: 10px 15px 10px 15px;
 -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.btn_padres:hover{
  background: white;
  color:#c433be;
  padding: 10px 15px 10px 15px;
}


#bg_padres img{
position:relative;
z-index: 0;
width: 100%;
} 

#reglamento{
text-align: center;
position: relative;
z-index: 4;
}
#reglamento .center{
    padding-bottom: 50px;
}
#reglamento .inner{
    background:#fff url(img/cloudpadres2.png) bottom center repeat-x;
}

.redondo{
overflow:hidden;

}
.redondo .inner{
    background-color:#fff;
    border-radius: 300%;
    width: 200%;
    margin-left: -50%;
    overflow: hidden;
    padding-bottom: 30px;
}


.btn_reglamento{
  border-width: 2px;
  border-color: #a039d1;
  border-style: solid;
  border-radius: 3px;
  font-size: 21.154px;
  font-family: "Roboto";
  color: #a039d1;
  text-align: center;
  text-decoration: none;
  padding: 10px 60px 10px 15px;
  background-image: url(img/down_morado.png);
  background-repeat: no-repeat;
  background-position: right;
 -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.btn_reglamento:hover{
  background: #a039d1;
  color:white;
  padding: 10px 60px 10px 15px;
  background-image: url(img/down_blanco.png);
  background-repeat: no-repeat;
  background-position: right;
}

#padres_down h2{
color: white;
}


/* CONTACTO */

#contacto{
width: 100%;
margin-top: -100px;
background:transparent url(img/cloud.png) top center repeat-x;
    position:relative;
    overflow: hidden;
}

#globo_b{
  background-image: url("img/globo2.png");
  position: absolute;
    left:0;
    right:40%;
    top: 100px;
    margin-left:auto;
    margin-right:auto; 
  width: 95px;
  height: 105px;
  z-index: 9;
  background-repeat: no-repeat;
}
#globo_c{
  background-image: url("img/globo2.png");
  position: absolute;
  left: 20%; 
  right: 0; 
  bottom: -880px;
  width: 95px;
  height: 105px;
  z-index: 0;
  background-repeat: no-repeat;
}

#globo_d{
background-image: url("img/globo1.png");
position: absolute;
left: 70%;
bottom: -909px;
width: 96px;
height: 115px;
z-index: 0;
background-repeat: no-repeat;
}

#globo_a{
  background-image: url("img/globo1.png");
  position: absolute;
   left:60%;
    right:0;
    top: 100px;
    margin-left:auto;
    margin-right:auto;     
  width: 120px;
  height: 125px;
  z-index: 9;
  background-repeat: no-repeat;
}

#content .center p{     
font-size: 25px;
font-family: "Roboto";
color: rgb( 255, 255, 255 );
line-height: 1.2;
text-align: center;
text-shadow: -1px 0px 27px rgba(71, 71, 71, 0.63);
}

.col_contact{
padding-top: 50px;
width: 421px;
float: left;
padding-right: 0;
margin-left: 40px;
}

.inputs{   
margin-bottom: 10px;
width: 100%;

}



input{
font-size: 16px;
font-weight: 300;
font-family: "Roboto";
color: rgb( 255, 255, 255 );
background-color: transparent;
border: 0px solid transparent;
width: 208px;
outline: none;
padding-left: 5px;
}


label{
float: left;
font-size: 14px;
font-family: "Roboto";
color: rgba( 255, 255, 255,0.6 );
text-align: left;
background-color: transparent;
line-height: 2.6;
-webkit-transition: color .5s;
-moz-transition: color .5s;
transition: color .5s;
}

textarea{
border: solid 2px rgba(255,255,255,0.5);
background: transparent;
width: 95%;
font-size: 13px;
font-weight: 300;
font-family: "Roboto";
color: rgb( 255, 255, 255 );
padding: 10px;
outline: none;
margin-top: -9px;
}
/*-- 
float: left;
font-size: 14px;
font-family: "Roboto";
color: rgb( 255, 255, 255 );
line-height: 1.6;
font-weight: 300;
background-color: transparent;
border: 0px solid transparent;
width: 370px;
margin:-7px 80px;
outline: none;
border-width: 2px;
border-color: #99dbec;
border-style: solid;
border-radius: 3px;
padding: 10px;   
*/
textarea:hover{
opacity: 1;
}


::-webkit-input-placeholder {
   color: #fff;
   opacity: 0.5;    
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 0.5;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
   opacity: 0.5;  
}

:-ms-input-placeholder {  
   color: #fff;  
      opacity: 0.5;  
}

#button{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Roboto";
  color: #fff;
  float: right;
  padding:0;
  padding: 15px 0px ;
  width: 50%;
    outline: none;
  border-radius: 3px;
    background: #ffcc55;

    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
       -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

#button:hover {
background-color:#ff935e;
color: rgb(255, 255, 255);
}

h4
:hover{
  border-color: #fff;
}
form{
overflow: hidden;
}

#mapa{
height: 100%;
width: 100%;   
}

#mapas{   
width: 874px;
height: 415px;
margin:50px auto 100px; 
  border-width: 5px;
  border-color: rgb( 255, 204, 85 );
  border-style: solid;
  border-radius: 3px;
  background-color: rgb( 255, 225, 144 );   
}



/* Jornadas y talleres */


#bg_jornadas{
  background-image: -moz-linear-gradient( 35deg, rgb(41,195,117) 1%, rgb(60,210,176) 100%);
  background-image: -webkit-linear-gradient( 35deg, rgb(41,195,117) 1%, rgb(60,210,176) 100%);
  background-image: -ms-linear-gradient( 35deg, rgb(41,195,117) 1%, rgb(60,210,176) 100%);
   background-image: -o-linear-gradient( 35deg, rgb(41,195,117) 1%, rgb(60,210,176) 100%);
    background-image: linear-gradient( 35deg, rgb(41,195,117) 1%, rgb(60,210,176) 100%);
  width: 100%;
  overflow: hidden;
}

#jornadas_up{
height: 750px;
margin-bottom: -60px;
background:transparent url(img/mountain.png) bottom right no-repeat;   
}



#lineas_verdes h4{
border-bottom: solid 1px #78ff7b;
width: 90%;
line-height: 2.8; 
font-size: 20px;
}

#jornadas_up h4 b{
font-weight: bold;
margin-left: 10px;  
}  

#camera{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/camara.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
}



.four h4{ 
text-align: center;
}
.mensaje-recibir {
	width: 100%;
	float: left;
	color: white;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
}
.four{
float: left;
text-align: center;
margin-bottom: 20px;
width: 220px;    
}

.four span{
  font-size: 18px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 2.333;
  text-align: left;
  border-width: 2px;
  border-color: rgb( 120, 255, 123 );
  border-style: solid;
  border-radius: 10px;
  padding: 10px;
  margin: 0px 20px 0px 20px; 
}
#especial{
 font-size: 18px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  line-height: 1.0;
  text-align: center;
  border-width: 2px;
  border-color: rgb( 120, 255, 123 );
  border-style: solid;
  border-radius: 10px;
  padding: 10px;
  margin: 0px 10px 0px 20px;
}

#talleres_jornadas{
text-align: center;
position: relative;
z-index: 4;
}

#talleres_jornadas .inner{ 
}

.size{
font-size: 12px;    
}

#calendario p{
margin-bottom: 30px;
}

#calendario{
padding-top: 50px;
margin-top: -68px;
background:transparent url(img/calendario_bg.jpg) top center;
background-size: cover;   
z-index: 0;
overflow: hidden;
}

#calendario h2{color: white;}
#shape{
  border-width: 4px;
  border-color: rgb( 82, 235, 179 );
  border-style: solid;
  border-radius: 10px;
  width: 951px;
  overflow: auto;
  margin-bottom: 70px;
  padding: 25px 0 25px;    
}

.linea_blanca{
border-bottom: solid 1px #fff;
width: 90%;
margin-left:20px;
line-height: 2.2;
padding-top: 5px;
overflow: hidden;
}
.linea_blanca dl{
    color: #fff;
    overflow: hidden;

}
.linea_blanca dl dt{
    font-size:21px;
    width: 150px;
    float:left;
}
.linea_blanca dl dd{
    width: 275px;
    float:left;
      font-size: 15px;
  font-family: "Roboto";
  color: rgb( 255, 255, 255 );
  float: right; 
  line-height: 1.2;
padding-bottom: 5px;     
}
.linea_blanca dl dd:before{
    content: '-';
    margin-left:-15px;
    float:left;
}

.doble{
height: 48px;
}
.cuadruple{
height: 95px;
}
.triple{
height:85px;
}


/* Ficha de inscripción */
#jornadas_down{
overflow: hidden;
padding-bottom: 340px;
height: 360px;
margin-bottom: -140px;    
background:transparent url(img/mountain.png) bottom right no-repeat;   
}

#jornadas_down h2{
color:#fff;
overflow:hidden;
}

#jornadas_down .center {
width: 850px;	
}
#jornadas_down .center p{
font-size: 16px;		
}
#alimentacion{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/apple.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;   
}
#seguridad{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  width: 127px;
  height: 127px;
  background-image: url(img/seguridad3.png);
  background-repeat: no-repeat;
  background-position: center;
  float: left;   
}
#jornadas_down .center{	
padding-top: 100px;	
}
#jornadas_down .center h4{
font-size:28.154px;
line-height: 2.5;
}



/* SLIDER */

#slider{
    width: 100%;
    height: 684px;
    overflow: hidden;
    position: relative;
}

#slider #imgGrp{
    position: relative;
    height: 650px;
    overflow: hidden;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -ms-transition: margin 0.5s;
    -o-transition: margin 0.5s;
    transition: margin 0.5s;
}
#slider #imgGrp:after{
    content:'';
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(23,23,23,0) 0%, rgba(23,23,23,.3) 50%, rgba(40,40,40,.8) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(23,23,23,0) 0%, rgba(23,23,23,.3) 50%, rgba(40,40,40,.8) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(23,23,23,0) 0%, rgba(23,23,23,.3) 50%, rgba(40,40,40,.8) 100%);
}

#slider .imgWrap{
    height:650px;
    float: left;
}
#slider .imgWrap img{
    width: 100%;
    height: auto;
}

#slider #slideNav{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    text-align: center;
    line-height: 67px;
    height: 67px;
    vertical-align: top;
}
#slider #slideNav .sliderNavBtn{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #3cd2c6;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 6px;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
    cursor: pointer;
}
#slider #slideNav .prev{
    background-image: url(img/prev.png);
}
#slider #slideNav .next{
    background-image: url(img/next.png);
}
#slider #slideNav .sliderNavBtn:hover{
    background-color: #ff935e;
}
#slider #slideNav #thumbGrp{
    display: inline-block;
    max-width: 833px;
    height: 67px;
    margin: 0 10px;
    overflow: hidden;
}
#slider #slideNav #innerThumb{
    -webkit-transition:margin 0.5s;
}
#slider #slideNav #thumbGrp .thumbnail{
    width: 119px;
    height: 67px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
#slider #slideNav #thumbGrp .thumbnail:after{
    background: rgba(255,127,13,0.8) url(img/zoom.png) no-repeat center;
    width: 119px;
    height: 67px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    content:'';
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}
#slider #slideNav #thumbGrp .thumbnail.activo:after{
    background: rgba(255,127,13,0.1);
    
  border-width: 2px;
  border-color: rgb( 255,127,1);
  border-style: solid;

    width: 115px;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    content:'';
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}
#slider #slideNav #thumbGrp .thumbnail img{
    width: 119px;
    height: auto;
}
#slider #slideNav #thumbGrp .thumbnail:hover:after{
    opacity: 1;
}

#infraestructura{
    width: 100%;
    height: 650px;
    position: relative;
}
#infraestructura #texto{
    position:absolute;
}

#infraestructura #slider{
    height: 650px;
}
#infraestructura #slider #imgGrp:after{
    height: 400px
}
#infraestructura #slider #slideNav{
    position: relative;
    height: 180px;
    margin-top: -180px;
}
#infraestructura #slider #slideNav .sliderNavBtn{
    position:absolute;
    top: 0;
}
#infraestructura #slider #slideNav .prev{ right: 62px; }
#infraestructura #slider #slideNav .next{ right: 0px; }
#infraestructura #slider #slideNav #thumbGrp{
    position: absolute;
    top: 62px;
    right: 0;
}

#grupos{
overflow: hidden;
padding-bottom: 50px;
}

#grupos h5{
padding: 0px 50px 40px 50px;
font-size: 17px;
font-family: "Roboto";
line-height: 1.3;
text-align: left;
}

.field-grp{
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	transition: border-color .5s;
	border-bottom: solid 2px rgba(255,255,255,0.5);
	position: relative;
	margin-bottom: 37px;
	height: 28px;
}
.field-grp:hover {
	border-color: rgba(255,255,255,1);
}
.field-grp:hover label {
	color: #fff;
}

.field-grp-activo {
	border-color: rgba(255,255,255,.9) !important;
}
.field-grp-activo label {
	color: rgba(255,255,255,.4) !important;
}

.field-grp input[type=text]{
	margin-top: 6px;
}

.tooltip{
color: rgba(255,2555,255,0.8);
font-size: 13px;
height: 38px;
clear: both;
width: 100%;
margin-top: -8px;
-webkit-transition: opacity .2s ease-in-out, color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, color .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out, color .2s ease-in-out;
transition: opacity .2s ease-in-out, color .2s ease-in-out;
position: absolute;
bottom: -40px;
left: 0;
}

#padres_down #form-msg2 {
  color: white;
}
#padres_down #form-msg2.success span {
  background: #D94CBF;
}
#form-msg2.success{
color:#ffcc55;
font-size:28.154px;
line-height: 2.5;
text-align: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
z-index: 9999;
display: none;
}
#form-msg2.success span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #139CEF;
  padding: 1em;
}

#form-msg2.error{
hegiht: 40px;
color:#ffcc55;
font-size:28.154px;
line-height: 2.5;
text-align: center;
}


.col_contact select{
       background: transparent;
       width: 220px;
       padding: 5px;
       font-size: 16px;
       border: 0;
       border-radius: 0;
       height: 34px;
       color:white;
       -webkit-appearance: none;
       -moz-appearance:none;
       appearance: none;
       outline: none;
}

#contact-form h4{
text-align: center;
}
form{
	padding-bottom: 40px;
}
.text-area{
margin-bottom: 20px;
padding-left: 70px;
border: none;
}

#otros h4{
text-align: center;
padding-top: 40px;
line-height: 3.5;
margin-bottom: -54px;
}

#contact-form .field-grp .show{
opacity: 1;
}
#contact-form .field-grp .hide{
opacity: 0;
}
.error .tooltip{
color:#ffcc55;
}
.error{
border-color:#ffcc55;	
}
.combo {
	clear: both;
	height: 30px;
}
.combo label{
	float: left;
}


/* BiutiSelect */
.biutiBox{
float: left;
margin-top: 4px;
width:220px;
height:30px;
cursor:pointer;
position:relative;
background:none;
border:none;
}
.biutiBox .biutiSelected{
position:absolute;
z-index:15;
width:100%;
height:30px;
line-height:30px;
text-indent:6px;
color: #fff;
}
.biutiBox .biutiBtn{
width:30px;
height:30px;
position:absolute;
z-index:20;
top:0px;
right:0px;
}
.biutiBox .biutiBtn:after{
position:absolute;
width:0;
height:0;
border:6px solid transparent;
border-top:8px solid #ffffff;
content:"";
top:11px;
left:9px;
z-index:20;
}
.biutiBox .biutiContentBox{
background:rgba(255,255,255,.9);
width:100%;
position:absolute;
z-index:10;
top:-1px;
left:-1px;
border:1px solid #ffffff;
border-radius:3px;
overflow:hidden;
line-height:30px;
color: #666d75;
}
.biutiBox .biutiContentBox-closed{
z-index:-1;
height:30px;
}
.biutiBox .biutiContentBox-open{
z-index:9999;
}
.biutiBox .biutiContentBox .biutiOption{
line-height:30px;
text-indent:6px;
}
.biutiBox .biutiContentBox .biutiOption-selected,
.biutiBox .biutiContentBox .biutiOption:hover{
background:#a039d1;
color: #ffffff;
}

/* TEMPORAL BORRAR DESPUÉS */
.center-temporal{
width: 960px;
margin: 0 auto;
text-align: center;
padding: 70px 0px ;
}


.col_center{
float:none;
margin-left: auto;
margin-right: auto;
clear:both;

}
.col_center h4, .col_center p {
text-align: center !important;
}

.btnmorado{
color:#a039d1;
border-color: #a039d1;
}
.btnmorado:hover{
color:#fff;
background-color:#a039d1; 
}
#camapag .inner{
border-radius: 0;
}


.home-gallery-title {
	position: absolute;
	z-index: 5;
	margin: 0 auto;
	bottom: 85px;
	left: 50%;
	margin-left: -480px;
}
.home-gallery-title h2 {
	position: static !important;
	text-align: right;
	padding-right: 130px;
}
#infraestructura #slider #slideNav {
	z-index: 6;
}