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

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
input.error, 
select.error, textarea.error {
	border:1px solid #EC0048;
}
body{
	background:url(img/background.jpg) top center no-repeat #0088d6;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#666666;
}

div { box-sizing:border-box}

.menu-nav { list-style:none;background:#04659d; position:relative; float:left; width:100%; max-width:960px}
.menu { margin:0px; padding-left:20px}
.menu li { list-style:none; position:relative; float:left}
.menu li a { color:#FFF; text-decoration:none; padding:9px 12px 8px; display:block; font-size:18px; font-weight:300;font-family: 'Roboto', sans-serif;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.menu li a:hover { opacity:0.6}



div#wrapper{
	margin:auto;
	margin-top:137px;
	text-align:center;
	width:960px; max-width:100%;
}
div#idiomas{
	width:960px;
	text-align:right; max-width:100%;
}
div#escuelas{
	width:960px;
	text-align:right;
	padding: 8px 0px 8px 0px; max-width:100%;
}
#cabecera{
	width:960px;
	background: url(img/header_bg.jpg) no-repeat bottom #0088D6;
	text-align:left; position:relative; float:left; max-width:100%;
}
div#header_logo{
	width:430px;
	float:left;
	/*padding:26px 0px 26px 30px; max-width:100%;*/
}
div#header_contacto{
	width:334px;
	float:right;
	padding:23px 30px 22px 0px; max-width:100%;
}
div#header_contacto img{ max-width:100%;}
div#contenido{
	clear:both;
	background:#fafafa;
	width:960px;
	display:block;
	text-align:left; max-width:100%; position:relative; float:left; 
}
#footer { background:#008bd1; position:relative; float:left; width:100%; max-width:960px}
div#social{
	width:100px;
	margin-top:5px;
	margin-right:30px;
	float:right;
	text-align:right;
}
/*
div#boggart{
	width:160px;
	margin-top:10px;
	float:right;
}*/

div#copy-pie {
    width: 100%;
    margin: 10px 0px 3px;
    float: right;
    color: #fff;
}
div.celda0{
	width:140px;
	padding: 6px;
	float:left;
}
div.celda1{
	width:140px;
	padding: 6px;
	float:left;
	border-top:1px solid #E4E4E4;
	color:#0088d6;
	font-weight:bold;
}
div.celda2{
	width:130px;
	padding:6px;
	float:left;
	border-top:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
}
div.celda3{
	width:130px;
	padding: 6px;
	float:left;
	border-top:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
}
b{
	color:#0088d6;
	font-weight:bold;
}
.campo{
	width:100%;
	color:#666666;
}
.textarea{
	widows:100%;
	color:#666666;
	display:block;
}
#recaptcha_image img 
{ 
        width: 200px; 
} 

h1 { font-weight:400;font-family: 'Roboto', sans-serif; color:#008ee2; font-size:22px; line-height:24px; margin-bottom:6px; margin-top:0px}

div#col{
	width:300px;
	float:left;
	padding-top:30px;
	padding-left:30px; position:relative; float:left
}
div#col_c{
	width:340px;
	float:right;
	padding: 30px 30px 0px 30px
}
div#col_c img{ max-width:100%}
.tres { width:30% !important; margin:1.5%; }

.swiper-container { width: 100%;  height: 100%;}
.swiper-slide {    text-align: center; display: -webkit-box;  height:100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; 
    }

.swiper-slide img { width:100%}

.button-prev { background:url('img/galeria/izq.png'); width:50px; height:49px; left:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-next { background:url('img/galeria/der.png'); width:50px ; height:49px ; right:30px; position:absolute; top:50%;margin-top:-22px;z-index:10;cursor:pointer; opacity:0.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
.button-prev:hover { opacity:1}
.button-next:hover { opacity:1}
 

@media (max-width: 1024px) {
	.desk {display: none;}	
	
	
}

@media (max-width: 994px) {}
@media (max-width: 880px) {
	
	.hamburger {
		position:absolute;
		top:34px;
		margin:0;
		padding:0;
		cursor:pointer;
		z-index:999999;
		display:block;
		right: 30px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.hamburger .hamburger-inner {
		position:relative;
		height:21px;
		width:24px;
		display:block;
		margin:0;
		padding:0
	}
	.hamburger .bar {
		width:24px;
		height:4px;
		background:#fff;
		position:absolute;
		top:0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.stk .hamburger .bar {
		background: #000;
	}
	.hamburger .bar.bar2, .hamburger .bar.bar3 {
		top:7px;
		transform: matrix(0.99999, 0, 0, 0.99999, 0, 0);
	}
	.hamburger .bar.bar4 {
		top:14px
	}
	.hamburger.open .bar1, .hamburger.open .bar4 {
		opacity: 0;
	}
	.hamburger.open .bar2 {
		height:4px;
		transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
	}
	.hamburger.open .bar3 {
		height:4px;
		transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
	}
	
	.menu-nav {
	    display: block;
	    float: none;
	    margin: 0;
	    position: absolute;
	    top: 170px; width:100%;
	    left: 0;
	    right: 0;
	    z-index: 9;
	    overflow: hidden;
	    max-height: 0;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease; z-index:9999;
	}
	.menu-nav li { width:100%; }
	
	.menu-nav.open {max-height:500px}
	
	.menu { padding-left:0px}
	
	div#social { width:100%; text-align:center; margin-right:0px}

div#wrapper{margin-top:20px;}	
	}
@media (max-width: 780px) {}
@media (max-width: 640px) {}
@media (max-width: 560px) {

div#header_logo{width:100%;   position:relative;float:left;padding:26px 0px 26px 30px;}
div#header_logo img { width:60%; float:left}
div#header_contacto{ display:none}

#idiomas {  padding-right:20px; position:relative}
#escuelas {  padding-right:20px !important; position:relative}
#boggart {  margin-right:20px !important; position:relative}
#idiomas img{}

div#col{
	width:100%; text-align:center;padding:30px;
}
div#col_c{
	width:100%; text-align:center;
	float:right;
	padding: 30px 0px 0px 0px
}

.tres { padding:0 30px !important; width:100% !important}

.home #contenido { background-image:none !important}

div.celda0{
	width:25%;
}
div.celda1{
	width:25%;
}
div.celda2{
	width:25%;
}
div.celda3{
	width:25%;
}

.button-prev { display:none}
.button-next { display:none}

input { width:90%}
}
@media (max-width: 500px) {}
@media (max-width: 400px) {}