@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------------------------------ general*/

* {margin: 0;}
html, body {height: 100%; font-family: 'Ubuntu', sans-serif}

/*----------------------------------------------------------- typography*/
h1, h2,h4{color:#5D1BB5;}
h1 {font-size:2.1em;}
h2 {font-size: 1.2em;line-height:1.3em} 
p   {font-size: 1em; line-height:1.5em;}
h3 {font-size: 1.4em;font-weight: 500;}
h4 {font-size: 1em;}
li {list-style-image:url(../images/EK-star.svg); background-size:8px 8px; background-repeat:no-repeat;}
.italic-heading{font-style: italic !important; font-weight: lighter; padding-top: 5px; font-size: 1em;}
.italic-heading-2{font-style: italic !important; font-weight: lighter; font-size: 1em;}

.text-explain{font-style: italic; font-size: 0.5em; padding-top:10px;}
.fancy-font{font-family: 'Gloria Hallelujah', cursive;}
.testimonial{text-indent: -0.7em;}
 
/*------------------------------------------------------------------------*/

a {text-decoration:none;}
.item-link{margin-top:15px; color:#FF2B96; display:inline-block; font-weight:500;}
.item-link-2{color:#FF2B96; display:inline-block; font-weight:500; text-align:center;}
.item-link:hover,.item-link-2:hover{ color: #FFA1D0;}

img{ max-width:100%; }
.pusher {clear:both; padding-top:20px;}

.height-200{height:200px;}
.height-150 {height:150px;}
.height-100 {height:100px;}
.height-50 {height:50px;}
.height-10{height:10px; margin-top:-1px;}

.float-r{float:right;}
.float-l{float:left;}
.clear{clear:both;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.center-item{display:block; float:none;}

.padding-2{ padding:20px;}
.padding-2-0{ padding:20px 0;}
.padding-0-2{ padding:0 20px;}
.padding-top-2{padding-top:20px;}
.padding-left-2{padding-left:20px;}
.padding-right-2{padding-right:20px;}
.padding-bottom-2{padding-bottom:20px;}

.margin-bottom-2{margin-bottom:20px;}
.margin-top-2{margin-top:20px;}

hr{margin:20px 0;display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;}

#wrapper{min-height: 100%;margin-bottom: -80px; background-color:#F4F4F4;}
#wrapper:after {height: 80px;content: "";display: block;}

.grey-box{padding:0 20px 20px 20px; background-color:#F4F4F4; border-radius:8px; border:1px solid #f7f7f7; }


/*--------------------------------------------------------------------------------------------------- header*/
#header-wrapper{height:134px; background:url(../images/EK-header-back.jpg) repeat-x; background-color:#3FA9F5; background-size:contain;}
#menu-icon{float:right; display:none;}
#nav-wrapper{display:none; background-color:#666;}
/*----------------------------------------------------------------------------navigation*/

#submenu {width:100%;margin-top:30px;}
#submenu ul {list-style: none;float:none; text-align:right; margin-right:2px;}
#submenu ul li {display:inline-block; padding:0 15px;}
#submenu ul li a{color:#FFF;}
#submenu ul li.nosotros {border-right:1px solid #FFF;}

#nav {float:right; width:100%;margin-top:10px;}
#nav ul {width: 100%;list-style: none;float:none; text-align:right;}
#nav ul li {display:inline-block;}
#nav ul li a {border:1px solid #FFF;  background-color:#CCC; 
                 font-weight:700; padding:12px 25px; display:block; float:left; margin:0 0 0 -6px; 
				 font-size:1.1em;color:#5C1BB5; text-shadow: 1px 1px 1px #fff; }

#nav ul li a.baby{border-radius:8px 0 0 8px;}
#nav ul li a.ninos{border-radius:0 8px 8px 0;}
#nav ul li a:hover{background-color:#3EAAF5;}


/*--------------------------------------------------------------------------------------------------- content-1*/

#content-1-wrapper {background-color: #3FA9F5;}

#mundos-box{background-color:#FFF;border-radius:8px;margin-bottom:20px; height:120px; margin-top: -2px;}
#mundos-box-title-h3{ color:#FFF;background-color: #FF2B96;border-radius:8px 0 0 8px; text-align:center;height:120px; padding:25px 4%; }
#mundos-box-title-h3 h3{font-size: 1.3em;}
#mundos-box-title-triangle{margin:49px 0 0 -1px;}
.t1 {margin-top:20px;}
.t2 {display:none;}
#mundos-box-images_link {padding:10px;}
#mundos-box-link{padding:2% 2% 0 2%; display:block;border-left:1px solid #f4f4f4;}


/*------------------------pages-template*/


#text-intro h1{ color:#FFF; padding-top:40px; font-size: 3em;}
.title-nosotros {font-size: 2.5em !important;line-height:1.2em;}
#text-intro h2{ color:#FFF; }

#text-intro p{color:#FFF; padding:20px 0;}
#mundos-box-text-contacto p{width:80%; float:left;  padding-right:3%}
#mundos-box-text-contacto a{ float:right;}
/*------------------------------------------*/

/*--------------------------------------------------------------------------------------------------- content-2*/

/*.item-image, .item-image-2{display:none;}*/

#left-column{background-color:#FFF;margin:20px 0;border-radius: 8px; border:1px solid #CCC;	} 
#news-title{background-color: #5D1BB5;width:100%; height:100%; padding:15px 0; border-radius:8px 8px 0 0;}

/*------------------------pages-template*/

#left-column-box{ margin-top:30px; margin-bottom:20px;}
#left-column-mundos-box{ background-color:#FFF; border-radius:0 0 8px 8px; border:1px solid #CCC; padding:20px;}
#left-column-mundos-box ul{ list-style-position:inside; margin-top:15px;}

ul.left-mundos-list  li { padding-top:5px; margin-left:20px; list-style-position: outside;}

#pages-picture {padding: 26px 0px 20px 20px;}
.pages-picture-container{ padding:5px;}

.pages-picture-box img {max-width:546px; width:100%;}



.mundos-all-box{display:block; padding:15px; border:1px solid #ccc; border-radius:8px; margin-top:20px; background-color:#FFF;}
.mundos-all-box ul { margin-top:15px; -moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

min-height: 0; text-align:left;}
.mundos-all-box ul li { line-height:1.3em; margin-left:20px; list-style-position:outside;}
.contact-box {border:1px solid rgb(204, 204, 204); text-align:center; padding:30px; margin-top:20px; height:100%; background-color: #FFF;border-radius:8px; margin-bottom:20px;}
.contact-box-2 {border:1px solid rgb(204, 204, 204); text-align:center; padding:20px; height:100%; border-radius:8px; background-color:#FFF;}
.contact-button{background-color:#FF2B96; color:#FFF; padding:10px 15px; margin-top:20px; border-radius:8px; text-align: center; display:inline-block;} 
.contact-button:hover{ background-color:#FF80C0;}


#pages-picture-box img{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

#pages-picture-box img:hover{
-webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5; 
}

.item-image-2{display:block; margin-top:-3px;}
.item-image {display:none;}
.last-box {margin-bottom:20px;}
/*------------------------------------------*/
#news-title h3 { color:#FFF;}
#home-intro h1{margin:3% 0 4% 0}
.home-news-item-text p{font-size: 0.8em; }
.news-date { font-weight: bold; font-size: 0.8em; padding-bottom: 10px; list-style-position: inside; color: #5D1BB5;}
.right-content-item-text, 
#home-intro-text{margin-top:2%;}
ol.consejos {list-style: none; text-indent:0px;} 
.consejos li { margin-top: 20px; line-height:1.4em; list-style: none;}
.consejos li:first-letter {color:#5D1BB5; padding-right:5px; margin-left:-15px; font-weight:bold;}




/*------------------------------------------------------------------------------------ footer*/
#footer{background-color: #FF2B96;min-height: 80px;}
#footer-menu{ margin-top:10px;}
#footer img{max-height: 34px;}
#nav-footer ul {list-style: none;float: left; }
#nav-footer ul li {list-style: none;float: left; }
#nav-footer ul li a{ color: #FFF;}
#nav-footer ul li a:hover{ color: #FFA1D0;}
#nav-footer img {float:left;}


#footer-icons ul li {float:left;}
#footer-menu ul li {float:left;padding:0 3%; margin-bottom:10px; border-right:1px solid #FFF; text-align:center; }
#footer-menu ul li.contacto{border:none;}
#footer-copyright p{color:#FFF; margin-top:5px;}


/*---------------------------------------------------------------------------------------------------*/@media screen and (max-width : 860px) {

#menu-icon{float:right; display:block; margin:25px 15px 0 0;}


#nav-box{width:100%; display: none;}

#submenu {width:100%;margin:15px 0 10px 0; }
#submenu ul {text-align:center; }
#submenu ul li {display:inline-block; padding:0 15px;}


#nav {width:100%;margin:10px 0;}
#nav ul {text-align:center; }

#nav ul li a{color:#5C1BB5; text-shadow: 1px 1px 1px #fff;
              text-align:center;border:1px solid #FFF; 
              background-color:#CCC; font-weight:700;
              padding:10px 15px;  
              margin:0; border-radius:8px; }

#nav ul li a.baby, #nav ul li a.ninos{border-radius:8px ;}


#nav ul li a:hover{background-color:#3EAAF5;}


#mundos-box-title-h3 h3{font-size: 1.1em; padding-top:5px;}
.mundos-all-box ul { margin-top:15px; -moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

min-height: 0; text-align:left;}

/*------------------------pages-template*/
#text-intro.pages  {width:100%; height:auto;}

#left-column { min-height::0;}
#pages-mundos-list {width:100%}
.nosotros-gallery {width:100%}
#text-intro{width:100%;}
#text-pages{width:100%;}
/*------------------------------------------*/
#nav-footer.grid_10{ width: 100%;} 
#footer-icons{ text-align:center; margin-top:15px;}
#footer-icons ul {display:inline-block; float:none;}
#footer-icons ul li { display:inline; float:none;}

#footer-menu{ margin-top:0;}
#footer-menu ul.grid_10{margin-left:0;}
#footer-menu ul { width:100%; display:inline-block; float:none;}
#footer-menu ul li { display:inline-block; float:none; }
#footer-copyright.grid_2.text-right{width:100%; text-align:center; padding-top:15px;} 
/*#nav-footer ul li {width:14;}
#nav-footer ul {width:100%;} */

}

	
/*---------------------------------------------------------------------------------------------------*/@media screen and (max-width : 768px) {


#mundos-box{background-color:#FFF;border-radius:8px;margin-bottom:20px; height:auto;}
#mundos-box-title{width:100%}
#mundos-box-title-h3{border-radius:8px 8px 0 0; width:100%; padding:15px 0; height:100%; padding:15px 0;  }
#mundos-box-title-h3 h3{font-size: 1.4em;}
#mundos-box-title-triangle{width:100%; text-align:center; height:auto; margin:0;}
.t1 {display:none;}
.t2.center-item {display:block;}

#left-column-mundos-box {min-height:0;}
#left-column-mundos-box ul {-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

min-height: 0; text-align:left;}

#mundos-box-images_link {width: 100%;}
#mundos-box-link{padding:3% 2% 0 2%; display:block;border-left:1px solid #f4f4f4;}


#left-column-box{width:100%; margin-top:20px;}
.home-news-item-text p{font-size: 1em;}

#pages-picture {padding: 0 0px 20px 0px; width:100%;}
.pages-picture-container{ padding:5px;}


/*--------------------------------------------nav-template*/
#left-column-mundos{ margin-top:20px;}
#text-intro.grid_8{width:100%; height:auto;}

/*------------------------------------------------------------*/
.item-link-2 {display:none;}
.last-box {margin-bottom:0px;}

/*--------------------------------------------pages-template*/
#text-nosotros { width:100%;}
.mundos-all-container, mundos-all-box, .mundos-all-container hr{width:100%}
.mundos-all-container {padding-right:0;}
.contact-box { width:100%;}
.title-nosotros {font-size: 6vw !important;}

/*------------------------------------------------------------*/


hr.grid_12 { width: 100%;} 


#left-column { width: 100%;}/*becomes grid_12*/
#title-news.padding-bottom-2 {width:100%; height:100%; padding:10px 0;}
.home-news-item-image.grid_4 { width: 25%; padding-right:0;}/*becomes grid_3*/
.home-news-item-title.grid_7 { width: 75%;}/*becomes grid_4*/
.home-news-item-text.grid_12 { width: 100%;}/*becomes grid_4*/

#right-column{  width: 100%;}/*becomes grid_12*/



            
}


/*---------------------------------------------------------------------------------------------------*/@media screen and (max-width : 600px) {


#header-wrapper{height:auto; max-height: 134px;}
#logo{width:70%;}
#menu-icon{width:26.5%;margin:3.5% 3% 0 0;}

/*#menu-icon{ width:27%;}*/
#submenu.grid_8{width: 100%; }/*becomes grid_8*/
#nav.grid_7.float-r{width: 100%;}/*becomes grid_4*/



#submenu ul li.nosotros{text-align:left;}
#submenu ul li.contacto{text-align:left;}


#mundos-box{margin-bottom:3%;}
#mundos-box-images { width: 100%;} 
#mundos-box-link{width:100%; text-align:center;height:auto;}

.button-mundos{padding:10px;width:60%; margin:0px; height:auto;border-radius:8px; display:inline-block;float:none; color:#FFF;background-color: #FF2B96; 


}

.button-mundos:hover{color: #FFF;}



/*--------------------------------------------pages-template*/
.pages-picture-container{ width:50%}
.text-explain { clear: both; display: block; }
/*-----------------------------------------------------------*/



}
/*---------------------------------------------------------------------------------------------------*/@media screen and (max-width : 540px) {
  #logo{margin-top:1%;}
}

/*---------------------------------------------------------------------------------------------------*/@media only screen and (max-width: 480px)  {

h1 {font-size:1.8em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1.2em;}

.title-intro{padding-top: 15px;}


#nav ul li a{padding: 6px 6px;}
/*#menu-icon{ margin: 2.5% 3.5% 0 0;}*/

#mundos-box-images.grid_9{ width: 100%;}/*becomes grid_12*/  
#mundos-box-link.grid_3{ width: 100%;}/*becomes grid_12*/ 
#mundos-box-images .grid_3.text-center{ width: 50%;}



/*------------------------------------------------------------*/

.button.item-link{display:none;}
.item-image{display:block;}

#home-intro p{width:80%; float:left;}
#home-intro a {float:right;}

.right-content-item-image.grid_2{width: 15%;}
.right-content-item-title.grid_10{width: 85%;}
.right-content-item-text.grid_10.padding-left-2 {width:100%; padding:10px 0 0 0;} 
.right-content-item-text p{width:80%; float:left;}
.right-content-item-text a {float:right;}

.home-news-item-image.grid_4 {width: 20%;}
.home-news-item-title.grid_8 {width: 60%;}
.home-news-item-text.grid_12{ width:auto; float:right;}


/*--------------------------------------------pages-template*/
#left-column-mundos.grid_4{width:100%;}

#pages-mundos-box-image {width: 50%;}

.pages-container-picture-box {width: 46%;}



}


/*---------------------------------------------------------------------------------------------------*/@media only screen and (max-width: 320px)  {

h1 {font-size:1.5em;}
#menu-icon{margin:2.8% 3% 0 0;}

#mundos-box-title-h3 h3{font-size: 1.2em;}
.contact-button {font-size:0.8em;}
}