@charset "utf-8";
/*
font-family: 'Anton', sans-serif;
font-family: 'Bebas Neue', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Patua One', cursive;
font-family: 'Roboto', sans-serif;
*/
header, section, article, nav, footer, aside, figure, form{
	display:block;
	margin:0;
	padding:0;	
}
body{
	margin: 0;
	background:#FFF;
}
*{
	box-sizing:border-box;
}
p{
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	color:#333333;
	line-height:20px;
	margin:6px;
}
h1{
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	color:#333333;
	margin:6px;
	font-weight: 900;
}
h2{
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	color:#333333;
	margin:6px;
	font-weight: 700;
}
h3{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#333333;
	margin:6px;
	font-weight: 600;
}
h4{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#333333;
	margin:6px;
	font-weight: 600;
}
a{
	text-decoration:none;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	color:#333333;
}
a img{
	border:none;
}
ul, ol{
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	color:#636569;
}
img{
	display: block;
}
#resultado{
	color: #DA0000;
	font-size: 18px;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
#cajatitulosrojo{
	background: #4A4A4A;
	padding: 30px 0;
}
#cajatitulosrojo h2{
	color: #fff;
	text-align: center;
}
#cajatitulosrojo p{
	color: #fff;
	text-align: center;
	font-size: 16px;
}

/*---------------------------- CABECERA -----------------------------*/
#cabecera{
	background: #EAEAEA;
	background: linear-gradient(#ffffff 50%, #EAEAEA);
	background: -webkit-linear-gradient(#ffffff 50%, #EAEAEA);
	background: -moz-linear-gradient(#ffffff 50%, #EAEAEA);
	background: -ms-linear-gradient(#ffffff 50%, #EAEAEA);
	position: fixed;
	width: 100%;
	border-bottom:2px solid #2495E0;
	z-index: 2000;
}
#cabeceracentro{
	width: 100%;
	max-width: 1100px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
#cabeceracentro figure{
	padding: 8px 0 10px 0;	
}

/*---------------------------- MENU -----------------------------*/
#mmovil{
	display: none;
}
#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#menu ul li a{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Oswald', sans-serif;*/
	font-size:16px;
	line-height:20px;
	font-weight:400;
	display:block;
	padding:6px 5px;
	color: #103652;
	text-align: center;
	text-decoration:none;
	transition: all 0.5s;
}
#menu ul li a:hover{
	color: #2495E0;
}

/*---------------------------- BANNER -----------------------------*/
#banner{
	height: 600px;
}
#bannerinter{
	height: 460px;
}
#slogan{
	width:100%;
	max-width:480px;
	margin:auto;
	padding:4% 2%;
	border:6px solid #FFFFFF;
	margin-top:190px;	
}
#slogan h1{
	color:#FFFFFF;
	text-align:center;
}
#slogan h1 .tit1{
	font-family: 'Roboto', sans-serif;
	display:block;
	font-size:32px;
	font-weight:normal;
	line-height:32px;
	text-shadow:3px 3px 5px rgba(0,0,0,0.7);
	letter-spacing:1px;
}
#slogan h1 .tit2{
	font-family:'Anton', Arial, sans-serif;
	display:block;
	font-size:50px;
	font-weight:normal;
	line-height:50px;
	text-shadow:3px 3px 5px rgba(0,0,0,0.7);
}
#sloganinter{
	width:100%;
	max-width:480px;
	margin:auto;
	padding:4% 2%;
	border:3px solid #FFFFFF;
	margin-top:170px;	
}
#sloganinter h1{
	color:#FFFFFF;
	text-align:center;
}
#sloganinter h1 .tit1{
	font-family:'Anton', Arial, sans-serif;
	display:block;
	font-size:35px;
	font-weight:normal;
	line-height:35px;
	text-shadow:3px 3px 5px rgba(0,0,0,0.7);
	letter-spacing:1px;
}
#sloganinter h1 .tit2{
	font-family: 'Roboto', sans-serif;
	display:block;
	font-size:25px;
	font-weight:normal;
	line-height:30px;
	text-shadow:3px 3px 5px rgba(0,0,0,0.7);
}

.mouse{
	display:block;
	margin:auto;
	margin-top:40px;	
}

/*---------------------------- BIENVENIDA -----------------------------*/
#contbienvenida{
	width:100%;
	height:auto;
	background:#fff;
	padding-bottom: 30px;
}
#cajabienvenida{
	width: 100%;
	max-width: 1100px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 40px 0;
}
.bienvenidaizq{
	width: 60%;
	margin: auto;
	padding:0 20px;
}
.bienvenidaizq h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:40px;
	text-align:left;
	font-weight: bold;
	color:#103652;
}
.bienvenidaizq p{
	font-family: 'Roboto', sans-serif;
	font-size:19px;
	line-height:20px;
	text-align:justify;
	font-weight: normal;
	color:#1F1E1E;
	margin-bottom:15px;
}
.bienvenidader{
	width: 40%;
	display:block;
	margin: auto;
	padding:0 20px;
}
.bienvenidader h2{
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	line-height:30px;
	text-align:left;
	font-weight: bold;
	color:#2294DF;
}
.bienvenidader p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:16px;
	text-align:left;
	font-weight: normal;
	color:#1F1E1E;
	border-bottom:1px dashed #D3D3D3;
	margin-bottom:10px;
}

/*---------------------------- SERVICIOS -----------------------------*/
#contservicios{
	width:100%;
	height:auto;
	margin:auto;
}
#contservicios h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contservicios p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajaservicios{
	width: 100%;
	max-width: 1100px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 40px 0;
}
#cajaservicios div{
	width: 30%;
	height:auto;
	margin: auto;
	padding:10px;
	background:#fff;
	margin-bottom:30px;
	transition:all 2s;
	cursor:pointer;
}
#cajaservicios div:hover{
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
}
#cajaservicios img{
	width:100%;
	display: block;
	margin: auto;
}
.vertodas{
	width: 90%;
	max-width: 200px;
	border-radius:50px;
	height: 50px;
	display: block;
	background:#2294DF;
	line-height: 50px;
	text-align: center;
	margin: 15px auto;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s;
	font-weight: 600;
}
.vertodas:hover{
	background: #123752;
}

/*---------------------------- GALERIA -----------------------------*/
#contgaleria{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}
#contgaleria h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contgaleria p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajagaleria{
	width: 100%;
	max-width: 1100px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 10px 0;
}
#cajagaleria div{
	width: 25%;
	height:auto;
	margin: auto;
	padding:10px;
	background:#fff;
	margin-bottom:4px;
	transition:all 2s;
	cursor:pointer;
}
#cajagaleria a {
	/*width:33.3%;*/
	display:block;
	position:relative;
	overflow:hidden; /* esconde todos los elemntos dentro del contenenor*/
}
#cajagaleria div:hover{
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
}
#cajagaleria img{
	width:100%;
	display: block;
	margin: auto;
}

/*---------------------------- CONSULTA -----------------------------*/
#contplanning{
	width: 100%;
	height:auto;
	background:url(../imagenes/planning.jpg) center no-repeat fixed;
	padding:10px;
	margin:0 auto;;
	margin-bottom:-40px;
}
#cajaplanning{
	width:100%;
	max-width:1100px;
	height:auto;
	margin:0 auto;
	margin-bottom:120px;
	padding: 0 20px;
}
#cajaplanning h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:70px;
}
#cajaplanning p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	margin:auto;
}
#formplanning{
	width:100%;
	max-width:600px;
	height:aauto;
	margin: auto;
	margin-top:20px;
}
#formplanning .cajacampos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
}
#formplanning .campox{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background:rgba(255,255,255,0.9);
	padding: 0 15px;
	border: 1px solid #fff;
	color: #222222;
	transition: all 0.5s;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
#formplanning .campotxt{
	width: 100%;
	height: 80px;
	line-height: 40px;
	background:rgba(255,255,255,0.9);
	padding: 0 15px;
	transition: all 0.5s;
	border: 1px solid #fff;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
}
#formplanning #benviar{
	width: 30%;
	height: 45px;
	background: none;
	color: #fff;
	border: 2px solid #fff;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	float:right;
	margin-bottom:70px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:nomal;
}
#formplanning #benviar:hover{
	width: 100%;
	background: #123752;
	border: none;
}
#formplanning #advertencias{
	font-family: 'Archivo', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}
#respuestas{
	font-family: 'Archivo', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}

/*---------------------------- PIE PAGINA -----------------------------*/
#cajapie{
	width:100%;
	background: #2495E0;
	padding: 40px 0;
}
.centropiepagina{
	width:100%;
	max-width: 1100px;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.centropiepagina div{
	width: 33.3%;
	padding: auto 2%;
	margin-top:10px;
	border-right: 1px solid rgba(255,255,255,20%);
	border-left: 1px solid rgba(255,255,255,20%);
}
#cajapie .centropiepagina div p{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-align: center;
	font-size:18px;
	padding:3px 10px;
}
#cajapie .centropiepagina .dominio{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-align: center;
	font-size:21px;
	font-weight:normal;
	margin-top:20px;
}
#cajapie .centropiepagina div h2{
	font-family: 'Anton', sans-serif;
	color: #123752;
	font-size: 35px;
	line-height:35px;
	font-weight: normal;
	text-align:center;
	margin-top:-20px;
}
#cajapie .centropiepagina div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#cajapie .centropiepagina div li a{
	display: block;
	color: #ccc;
	padding: 5px 0;
}
#cajapie .centropiepagina div li a i{
	color: #fff;
}
#cajapie .centropiepagina div li a:hover{
	color: #103652;
	text-decoration: underline;
}
.cajasociales{
	width: 50%;
	display: flex;
	flex-direction: row;
	margin:auto;
}
.cajasociales a{
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 60px;
	background: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #123752;
	transition: all 0.5s;
	margin:auto;
	margin-top:10px;
}
.cajasociales a:hover{
	background:#123752;
	color: #fff;
}
#cajapie .centropiepagina p a{
	font-size:11px;
	color: #fff;
	transition:all 0.6s;
}
#cajapie .centropiepagina p a:hover{
	color: #2694DF;
}

/*---------------------------- NOSOTROS -----------------------------*/
#contnosotros{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}
#contnosotros h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contnosotros p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajanosotros{
	width: 100%;
	max-width: 1100px;
	height:auto;
	margin: auto;
	padding: 10px 0;
	margin-bottom:40px;
}
#cajanosotros h3{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:15px;
	text-align:left;
	font-weight: bold;
	color:#2294DF;
	padding:20px 5px 0 10px;
}
#cajanosotros .marcas{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:15px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:20px 5px 0 0px;
	margin:auto;
}
#cajanosotros p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:16px;
	text-align:justify;
	font-weight:normal;
	color:#123752;
	padding:3px 10px;
}
#cajanosotros img{
	width:350px;
	height:auto;
	display: block;
	margin: auto;
	margin-top:10px;
}
#cajanosotros ul li {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#123752;
	font-weight:normal;
	padding:0;
}

/*---------------------------- STAFF -----------------------------*/
#contsatff{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}
#contsatff h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contsatff p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajastaff{
	width: 100%;
	max-width: 960px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 10px 0;
	margin-bottom:40px;
	margin-top:20px;
}
#staffizq{
	width: 38%;
	height:auto;
	margin: auto;
}
#staffizq h3{
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	line-height:15px;
	text-align:right;
	font-weight: bold;
	color:#2294DF;
	padding:20px 5px 0 10px;
}
#staffizq h4{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:15px;
	text-align:right;
	font-weight: normal;
	color:#123752;
	padding:7px 5px 0 10px;
}
#staffizq p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:15px;
	text-align:right;
	font-weight:normal;
	color:#123752;
	padding:3px 5px 0 10px;
}
#staffder{
	width: 58%;
	height:auto;
	margin: auto;
	border-left:1px solid #2294DF;
}
#staffder h3{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:15px;
	text-align:left;
	font-weight: bold;
	color:#123752;
	padding:20px 5px 0 10px;
}
#staffder ul li {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#123752;
	font-weight:normal;
	padding:0;
}

/*---------------------------- CLIENTES -----------------------------*/
#contclientes{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}
#contclientes h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contclientes p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajaclientes{
	width: 100%;
	max-width: 960px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 10px 0;
	margin-bottom:40px;
	margin-top:20px;
}
#cajaclientes div{
	width: 31%;
	height:120px;
	margin: auto;
	border:1px solid #2294DF;
	transition:all 2s;
	cursor:pointer;
	margin-bottom:25px;
}
#cajaclientes div:hover{
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
}
#cajaclientes h3{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:22px;
	text-align:right;
	font-weight: bold;
	color:#123752;
	padding:20px 5px 0 10px;
}
#cajaclientes p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:15px;
	text-align:right;
	font-weight:normal;
	color:#123752;
	padding:3px 5px 0 10px;
}

/*---------------------------- PROYECTOS -----------------------------*/
#contproyectos{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
	margin-bottom:70px;
}
#contproyectos h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contproyectos p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajaproyectos{
	width: 100%;
	max-width: 960px;
	height:auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
	padding: 3px 0;
	margin-bottom:30px;
	margin-top:40px;
	border:1px solid rgba(18,55,82,0.5);
}
#proyectosizq{
	width: 38%;
	height:auto;
	margin: 0 auto;
}
#proyectosizq h3{
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:15px;
	text-align:left;
	font-weight: normal;
	color:#2294DF;
	padding:10px 5px 0 10px;
}
#proyectosizq p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:15px;
	text-align:left;
	font-weight:bold;
	color:#123752;
	padding:3px 5px 0 10px;
}
#proyectosder{
	width: 58%;
	height:auto;
	margin: 10px auto;
	border-left:1px solid #2294DF;
}
#proyectosder h3{
	width:210px;
	height:35px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:16px;
	text-align:center;
	font-weight: normal;
	color:#fff;
	/*color:#123752;*/
	padding:10px;
	background:#123752;
	margin:10px 0 0 15px;
}
#proyectosder p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:15px;
	text-align:justify;
	font-weight:normal;
	color:#123752;
	padding:3px 5px 0 10px;
}

/*---------------------------- CONTACTO -----------------------------*/
#contcontacto{
	width:100%;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}
#contcontacto h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	color:#2294DF;
	padding:40px 10px 0 10px;
}
#contcontacto p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	color:#123752;
	padding:5px 10px;
}
#cajacontacto{
	width:100%;
	max-width:1100px;
	height:auto;
	background: #F3F3F3;
	margin:auto;
}

#cajacontacto{
	width:100%;
	max-width:900px;
	height:auto;
	display: flex;
	flex-direction: column;
	margin:auto;
	padding:20px;
	margin-top:40px;
}
#cajacontacto h3{
	font-family: 'Bebas Neue', cursive;
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	color:#2294DF;
	margin:0;
	margin-bottom:20px;
}
#cajacontacto p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#123752;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
.doscolumnas{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
}
.doscolumnas div{
	width:49%;
}
.campos{
	width:100%;
	height:60px;
	line-height:25px;
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#123752;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #2294DF;
}
.unacolumna{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
}
.unacolumna div{
	width:100%;
}
.textreserva{
	width:100%;
	height:160px;
	line-height:25px;
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#123752;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #2294DF;
}
.botoncontacto{
	width:30%;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	background:#123752;
	border:none;
	cursor:pointer;
	font-family: 'Bebas Neue', cursive;
	font-size:20px;
	font-weight:normal;
	transition:all 0.5s;
	margin-bottom:90px;
	padding:0 10px;
}
.botoncontacto:hover{
	width:100%;
	background:#2294DF;
}
#cajacontacto #advertencia{
	font-family: 'Archivo', sans-serif;
	color:#FF0004;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}
#respuesta{
	font-family: 'Archivo', sans-serif;
	color:#FF0004;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}


/*---------------- DISEÑO PARA TABLETAS 1024 ----------------*/
@media only screen and (max-width: 1024px){
	
	
}
/*---------------- DISEÑO PARA TABLETAS 800 ----------------*/
@media only screen and (max-width: 800px){
	/*---------------------------- CABECERA -----------------------------*/
		#cabeceracentro{
			padding: 5px 10px;
			position: relative;
		}
		#cabeceracentro img{
			width:255px;
			height:auto;
		}
		#mmovil{
			height:45px;
			width: 45px;
			background: #123752;
			display: block;
			color: #fff;
			font-size: 26px;
			line-height: 45px;
			text-align: center;
		}

	/*---------------------------- MENU -----------------------------*/
		#menu{
			width: 100%;
			position: absolute;
			left: -100%;
			top: 100%;
			background: #2294DF;
			transition: all 0.5s;
		}
		#menu ul{
			flex-direction: column;
			flex-wrap: wrap;
		}
		#menu ul li a{
			width: 100%;
			height: 40px;
			line-height: 40px;
			
			display: block;
			padding: 0 20px;
			color: #123752;
			font-size: 16px;
			transition: all 0.5s;
			text-align: left;
			border-bottom: 1px solid #4D4D4D;
			font-weight: normal;
		}
		#menu ul li a:hover, #menu ul li a.activo{
			border-bottom: 1px solid #123752;
			color: #fff;
		}
		#menu ul li:last-child a{
			border: none;
		}
		#cajatelf{
			display: none;
		}
	
	/*---------------------------- PIE PAGINA -----------------------------*/
		.centropiepagina div{
			width: 100%;
			.cajasociales{
			width: 25%;
		}
}
	
/*---------------- DISEÑO PARA TABLETAS 603 ----------------*/
@media only screen and (max-width: 603px){
/*---------------------------- BANNER -----------------------------*/
	/*---------------------------- BANNER -----------------------------*/
		#banner{
			height: 380px;
		}
		#bannerinter{
			height: 400px;
		}
		#slogan{
			max-width:340px;
			padding:2% 1%;
			border:4px solid #FFFFFF;
			margin-top:160px;	
		}
		#slogan h1 .tit1{
			display:block;
			font-size:20px;
			line-height:20px;
		}
		#slogan h1 .tit2{
			font-size:30px;
	        line-height:30px;

		}
		#sloganinter{
			max-width:360px;
			padding:2% 2%;
			border:3px solid #FFFFFF;
			margin-top:180px;	
		}
		#sloganinter h1 .tit1{
			font-size:25px;
			line-height:25px;
		}
		#sloganinter h1 .tit2{
			font-size:20px;
			line-height:25px;
		}
		
		/*---------------------------- BIENVENIDA -----------------------------*/
		#contbienvenida{
			width:100%;
			height:auto;
			background:#fff;
			padding-bottom: 30px;
		}
		#cajabienvenida{
			display:block;
			flex-direction: column;
			padding: 40px 0;
		}
		.bienvenidaizq{
			width: 100%;
		}
		.bienvenidader{
			width: 100%;
			padding:0 20px;
		}
	
	/*---------------------------- SERVICIOS -----------------------------*/
		#cajaservicios{
			padding: 40px 0;
		}
		#cajaservicios div{
			width: 33.33%;
			padding:5px;
			background:#fff;
			margin-bottom:2px;
		}
			
	/*---------------------------- GALERIA -----------------------------*/
		#contgaleria h2{
			font-size:35px;
			line-height:35px;
		}
		#contgaleria p{
			font-size:18px;
			line-height:18px;
			/*padding:5px 10px;*/
		}
		#cajagaleria div{
			width: 33.33%;
			padding:5px;
			margin-bottom:2px;
		}
		#cajapie .centropiepagina div h2{
			color: #123752;
			font-size: 30px;
			line-height:30px;
			font-weight: normal;
			text-align:center;
			margin-top:10px;
		}
		.cajasociales{
			width: 30%;
		}
		
	/*---------------------------- NOSOTROS -----------------------------*/
		#contnosotros h2{
			font-size:35px;
			line-height:25px;
		}
		#contnosotros p{
			font-size:18px;
			line-height:18px;
		}
		#cajanosotros{
			margin-bottom:20px;
		}
		#cajanosotros h3{
			font-size:18px;
			line-height:13px;
		}
		#cajanosotros .marcas{
			font-family: 'Oswald', sans-serif;
			font-size:18px;
			line-height:13px;
		}
		#cajanosotros p{
			font-size:14px;
			line-height:14px;
		}

		#cajanosotros ul li {
			font-size:13px;
		}
	
	/*---------------------------- STAFF -----------------------------*/
		#contsatff h2{
			font-size:35px;
			line-height:25px;
		}
		#contsatff p{
			font-size:18px;
			line-height:18px;
			padding:5px 10px;
		}
		#staffizq h3{
			font-size:25px;
			line-height:25px;
			text-align:right;
			padding:20px 5px 0 10px;
		}
		
	/*---------------------------- CLIENTES -----------------------------*/
		#contclientes h2{
			font-size:35px;
			line-height:20px;
		}
		#contclientes p{
			font-size:16px;
			line-height:16px;
		}
		#cajaclientes div{
			width: 48%;
			height:120px;
			margin-bottom:15px;
		}
		
}

/*---------------- DISEÑO PARA TABLETAS 533 ----------------*/
@media only screen and (max-width: 533px){
	/*---------------------------- SERVICIOS -----------------------------*/
		#contservicios h2{
			padding:5px 5px 0 10px;
			margin-top:-20px;
		}
		#cajaservicios{
			padding: 40px 0;
		}
		#cajaservicios div{
			width: 49.5%;
			margin-bottom:22px;
			margin-top:-20px;
		}
			
	/*---------------------------- CONSULTA -----------------------------*/
		#cajaplanning h2{
			padding-top:70px;
			margin-top:-10px;
		}
		#cajaplanning p{
			font-size:16px;
			line-height:16px;
		}
		#formplanning #benviar{
			width: 35%;
			font-size:16px;
			line-height:16px;
		}
		#formplanning #advertencias{
			font-size:14px;
			line-height:14px;
		}
		#respuestas{
			font-size:14px;
			line-height:14px;
		}
	
	/*---------------------------- PIE PAGINA -----------------------------*/
		.cajasociales{
			width: 40%;
		}
			
	/*---------------------------- STAFF -----------------------------*/
		#staffizq h4{
			font-size:20px;
			line-height:20px;
			padding:7px 5px 0 10px;
		}
	
	/*---------------------------- PROYECTOS -----------------------------*/
		#contproyectos h2{
			font-size:35px;
			line-height:20px;
		}
		#contproyectos p{
			font-size:18px;
			line-height:18px;
		}
		#cajaproyectos{
			flex-direction: column;
			margin-bottom:30px;
			margin-top:40px;
		}
		#proyectosizq{
			width: 100%;
		}
		#proyectosizq h3{
			font-size:18px;
			line-height:15px;
			text-align:left;
			font-weight: normal;
			color:#2294DF;
			padding:10px 5px 0 10px;
		}
		#proyectosizq p{
			font-size:15px;
			line-height:15px;
			text-align:left;
			font-weight:bold;
			color:#123752;
			padding:3px 5px 0 10px;
		}
		#proyectosder{
			width: 100%;
			height:auto;
			margin: 10px auto;
			border-left:none;
		}
	
	/*---------------------------- CONTACTO -----------------------------*/
		#contcontacto h2{
			font-size:35px;
			line-height:20px;
		}
		#contcontacto p{
			font-size:16px;
			line-height:16px;
			/*padding:5px 10px;*/
		}
		#cajacontacto{
			width:100%;
			max-width:1100px;
			height:auto;
			background: #F3F3F3;
			margin:auto;
		}
		#cajacontacto{
			width:100%;
			max-width:900px;
			height:auto;
			display: flex;
			flex-direction: column;
			margin:auto;
			padding:20px;
			margin-top:40px;
		}
		#cajacontacto h3{
			font-size:20px;
		}
		#cajacontacto p{
			font-size:14px;
			line-height:16px;
		}
		.doscolumnas{
			flex-direction:column;
			margin:auto;
		}
		.doscolumnas div{
			width:100%;
		}
		.botoncontacto{
			width:40%;
		}
		.botoncontacto:hover{
			width:100%;
			background:#2294DF;
		}
		#cajacontacto #advertencia{
			font-size:14;
		}
		#respuesta{
			font-size:14px;
			line-height:14px;
		}
	
}

/*---------------- DISEÑO PARA TABLETAS 480 ----------------*/
@media only screen and (max-width: 480px){
	
	/*---------------------------- BANNER -----------------------------*/
		#bannerinter{
			height: 300px;
		}
		#sloganinter{
			max-width:280px;
			padding:2% 2%;
			border:2px solid #FFFFFF;
			margin-top:145px;	
		}
		#sloganinter h1 .tit1{
			font-size:20px;
			line-height:20px;
		}
		#sloganinter h1 .tit2{
			font-size:16px;
			line-height:20px;
		}
	
	/*---------------------------- GALERIA -----------------------------*/
		#contgaleria h2{
			font-size:30px;
			line-height:20px;
		}
		#contgaleria p{
			font-size:16px;
			line-height:16px;
		}
		#cajagaleria div{
			width: 50%;
			padding:5px;
			margin-bottom:2px;
		}
		
	/*---------------------------- NOSOTROS -----------------------------*/
		#contnosotros h2{
			font-size:35px;
			line-height:25px;
		}
		#contnosotros p{
			font-size:16px;
			line-height:16px;
		}
		#cajanosotros{
			margin-bottom:20px;
		}
		#cajanosotros h3{
			font-size:20px;
			line-height:22px;
		}
		#cajanosotros .marcas{
			font-family: 'Oswald', sans-serif;
			font-size:20px;
			line-height:14px;
		}
		#cajanosotros p{
			font-size:14px;
			line-height:14px;
		}
		#cajanosotros ul li {
			font-size:13px;
		}
		
	/*---------------------------- STAFF -----------------------------*/
		#cajastaff{
			height:auto;
			display:block;
			flex-direction: column;
			margin: auto;
		}
		#staffizq{
			width: 100%;
			height:auto;
			margin: auto;
		}
		#staffizq h3{
			font-size:25px;
			line-height:20px;
			text-align:left;
		}
		#staffizq h4{
			font-size:20px;
			line-height:18px;
			padding:2px 5px 0 10px;
			text-align:left;
		}
		#staffizq p{
			font-size:15px;
			line-height:15px;
			text-align:left;
			padding:3px 5px 0 10px;
		}
		#staffder{
			width: 100%;
			margin: auto;
			border-left:none;
		}
		
	/*---------------------------- CLIENTES -----------------------------*/
		/#cajaclientes{
			flex-direction: column;
		}
		#cajaclientes div{
			width: 96%;
			height:120px;
			margin-bottom:20px;
			padding:10px;
			margin:10px auto;
		}

		/*---------------------------- PROYECTOS -----------------------------*/
		#contproyectos h2{
			font-size:35px;
			line-height:20px;
		}
		#contproyectos p{
			font-size:16px;
			line-height:16px;
		}
		#proyectosizq h3{
			font-size:18px;
			line-height:15px;
			text-align:left;
			font-weight: normal;
			color:#2294DF;
			padding:10px 5px 0 10px;
		}
		#proyectosizq p{
			font-family: 'Roboto', sans-serif;
			font-size:15px;
			line-height:15px;
			text-align:left;
			font-weight:bold;
			color:#123752;
			padding:3px 5px 0 10px;
		}
		#proyectosder h3{
			width:160x;
			height:35px;
			font-size:16px;
			line-height:15px;
			margin:10px 0 0 15px;
			padding:10px 0;
		}
		#proyectosder p{
			font-size:14px;
			line-height:14px;
			padding:3px 5px 0 10px;
		}

	
}

/*---------------- DISEÑO PARA TABLETAS 360 ----------------*/
@media only screen and (max-width: 360px){
		/*---------------------------- BANNER -----------------------------*/
		#banner{
			height: 330px;
		}
		#slogan{
			max-width:240px;
			padding:2% 1%;
			border:2px solid #FFFFFF;
			margin-top:150px;	
		}
		#slogan h1 .tit1{
			font-size:18px;
			line-height:18px;
		}
		#slogan h1 .tit2{
			display:block;*/
			font-size:25px;
			line-height:25px;
		}
		#bannerinter{
			height: 280px;
		}
		#sloganinter{
			max-width:220px;
			padding:1% 1%;
			border:2px solid #FFFFFF;
			margin-top:140px;	
		}
		#sloganinter h1 .tit1{
			font-size:20px;
			line-height:20px;
		}
		#sloganinter h1 .tit2{
			font-size:13px;
			line-height:18px;
		}
		
		/*---------------------------- BIENVENIDA -----------------------------*/
		.bienvenidaizq h2{
			font-size:30px;
			line-height:40px;
			text-align:center;
			margin-bottom:10px;
		}
		.bienvenidaizq p{
			font-size:16px;
			line-height:18px;
			margin-bottom:15px;
		}
		.bienvenidader h2{
			font-size:22px;
			line-height:22px;
		}
		.bienvenidader p{
			font-size:15px;
			line-height:15px;
			border-bottom:none;
			margin-bottom:5px;
		}
	
	/*---------------------------- SERVICIOS -----------------------------*/
		#contservicios h2{
			font-size:30px;
			line-height:20px;
			}
		#cajaservicios{
			padding: 40px 0;
		}
		#cajaservicios div{
			width: 50%;
			margin-bottom:22px;
			margin-top:-20px;
		}
		#cajaservicios img{
			padding:0 10px;
		}
		.vertodas{
			max-width: 180px;
			border-radius:50px;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
		}

	/*---------------------------- GALERIA -----------------------------*/
		#contgaleria h2{
			font-size:25px;
			line-height:15px;
		}
		#contgaleria p{
			font-size:16px;
			line-height:16px;
		}
		
	/*---------------------------- CONSULTA -----------------------------*/
		#cajaplanning p{
			font-size:12px;
			line-height:12px;
		}
		#formplanning .campox{
			font-size:14px;
		}
		#formplanning .campotxt{
			font-size:14px;
		}
		#formplanning #benviar{
			width: 100%;
			font-size:14px;
			line-height:14px;
		}
		#formplanning #advertencias{
			font-size:11px;
			line-height:11px;
		}
		#respuestas{
			font-size:11px;
			line-height:11px;
		}
		
	/*---------------------------- PIE PAGINA -----------------------------*/
		#cajapie{
			padding: 20px 0;
		}
		#cajapie .centropiepagina div p{
			font-size:15px;
			padding:3px 10px;
		}
		#cajapie .centropiepagina .dominio{
			font-size:20px;
			/*font-weight:normal;*/
			margin-top:10px;
		}
		#cajapie .centropiepagina div h2{
			font-size: 30px;
			line-height:30px;
			margin-top:10px;
		}
		.cajasociales{
			width: 50%;
		}
		#cajapie .centropiepagina p a{
			font-size:9px;
		}
		#cajapie .centropiepagina p a:hover{
			color: #123752;
		}
		
	/*---------------------------- NOSOTROS -----------------------------*/
		#cajanosotros h3{
			font-size:18px;
			line-height:20px;
		}
		#cajanosotros .marcas{
			font-size:18px;
			line-height:12px;
		}
		#cajanosotros p{
			font-size:14px;
			line-height:14px;
		}
		#cajanosotros img{
			width:100%;
			height:auto;
			padding:10px;
		}
		#cajanosotros ul li {
			font-size:13px;
		}
				
	/*---------------------------- PROYECTOS -----------------------------*/
		#contproyectos h2{
			font-size:35px;
			line-height:20px;
		}
		#contproyectos p{
			font-size:16px;
			line-height:16px;
		}
		#proyectosizq h3{
			font-size:18px;
			line-height:15px;
			text-align:left;
			font-weight: normal;
			color:#2294DF;
			padding:10px 5px 0 10px;
		}
		#proyectosizq p{
			font-family: 'Roboto', sans-serif;
			font-size:15px;
			line-height:15px;
			text-align:left;
			font-weight:bold;
			color:#123752;
			padding:3px 5px 0 10px;
		}
		#proyectosder h3{
			width:160x;
			height:30px;
			font-size:15px;
			line-height:10px;
			margin:10px 0 0 15px;
			padding:10px 0;
		}
		#proyectosder p{
			font-size:13px;
			line-height:13px;
			padding:3px 5px 0 10px;
		}
		
	
		/*---------------------------- CONTACTO -----------------------------*/
		#contcontacto h2{
			font-size:35px;
			line-height:20px;
		}
		#contcontacto p{
			font-size:16px;
			line-height:16px;
			/*padding:5px 10px;*/
		}
		#cajacontacto{
			width:100%;
			max-width:1100px;
			height:auto;
			background: #F3F3F3;
			margin:auto;
		}
		#cajacontacto{
			width:100%;
			max-width:900px;
			height:auto;
			display: flex;
			flex-direction: column;
			margin:auto;
			padding:20px;
			margin-top:40px;
		}
		#cajacontacto h3{
			font-size:20px;
		}
		#cajacontacto p{
			font-size:14px;
			line-height:16px;
			}
		.doscolumnas{
			flex-direction:column;
			margin:auto;
		}
		.doscolumnas div{
			width:100%;
		}

		.botoncontacto{
			width:100%;

		}

}