@charset "UTF-8";
@media screen and (max-width: 768px) {

#banner{max-height:550px;}
#img-banner_01{display:none;}
#img-banner_02{display:block;}
#img-banner_03{display:none;}
#background_txerrera{background-position:-80px 0px;}
#body_clientes {background-position:left top;}
#filtro_proyectos{display:none;}
#seccion_uno{
	width:auto;
	max-width:770px;
	height:auto;
	display:block;
	overflow:hidden;
}
#titulo_home{
	min-height:110px;
	margin-bottom:0px;
}
#seccion_tres{
	width:auto;
	max-width:770px;
	height:auto;
	display:block;
	overflow:hidden;
}
.proyectos{
padding-left:4px;
padding-right:0px;
}
.proyecto_porta, .proyecto_porta_mas, .proyecto_porta_full, .proyecto_porta_hide{width: 32.8%;}
#col_uno_tx, #col_tres_tx{display:none;}
#col_dos_tx{width:100%;}
#cita_oculta{opacity:0;}
#cont_staff{
width:100%;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#hola_oculto{display: block;}
#hola_visible{display: none;}
.galeria_fotografica{width:30%;}
#seccion_tres_videos{
	max-width:100%;
	height:auto;
	display:block;
}
#name{width:100%;margin-bottom:10px;}
#empresa{width:100%;margin-bottom:10px;}
#ciudad{width:100%;margin-bottom:10px;}
#phone{width:100%;margin-bottom:10px;}
#email{width:100%;margin-bottom:10px;}
#asunto{width:100%;margin-bottom:10px;}
#message{width:100%;}
.col_titulo{width:100%;padding-left:20px;}
.col_texto{width:100%;}
#sec_form{width:100%;}
.titulos{
	text-align:left;
	background-image:url(../imagenes/subrayado.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.titulos_sb{
	text-align:left;
	background-image:url(../imagenes/subrayado_blanco.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.titulos_ss{text-align:left;}
.titulos_rojo{text-align:left;}
.titulos_celeste{text-align:left;}
.titulos_celeste_dos{text-align:left;}
.pre_titulo{text-align:left;}
.subtitulos{text-align:left;}
#form_imagen{width:100%; height:40px;padding-left:20px;background-image:url();}
.form_col_02{width:100%;}
#form_campos{width:95%;padding-bottom:80px;}
#datos_contacto{display:block;padding-top:40px;}
#datos_contacto_dos{display:none;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
.ul_tips_servicios{margin-left:-60px;margin-top:12px;}
#desc_serv_branding{width:95%;}
#desc_serv_web{width:95%;}
#desc_serv_mkt{width:95%;}
#desc_serv_diseno{width:95%;}
.serv_una_col{width:100%;height:auto; margin-left:10px;}
.serv_dos_col_tx{width:97%;margin-left:10px;margin-top:-10px;}
.serv_dos_col{width:100%;margin-top:-30px;text-align:left;}
.serv_tres_col{width:100%;margin-top:-60px;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
.serv_imagen{
	width:36%;
	margin-top:10px;
	margin-bottom:35px;
	margin-left:8%;
	margin-right:6%;
}	
.diagonal {height:auto; margin-bottom:376px;padding-bottom:10px;}

.serv_imagen:hover{margin-top:10px;}
#wrap-cont_clientes_texto{display:none;}
#celeste_clientes{min-height:auto;padding-bottom:60px;background-image: url();}

#vermas_brand,#vermas_web,#vermas_mkt,#vermas_dis{
	height:50px;	
	padding-left:0px;
	padding-right:0px;
}
.vermas_btn{font-size:1.4em;margin-top:8px;}
.diagonal_txerrera_tres {height:400px;padding-top:40px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 660px) {
#background_txerrera{background-position:-140px 0px;}
.diagonal_txerrera_tres:after {display:none;}
.menu_resp{margin-left:-20px;}
#header_proyectos{height:55px;}
#banner_proyectos{margin-top:135px;}
#header_proyectos_nobanner{height:55px;}
#banner{
	width:100%;
	max-height:450px;
	display:block;
	background-color:#00B5D0;
	position:relative;
}
#wrap_ante-sig{display:none;}
.servicios_home{display:block;margin-bottom:60px;}

#ico_menu{display:none; margin-top:-300px;}
.cerrar{
	text-align:left;
	padding-right:0px;
	margin-left:-10px;
}
#titulo_home{
	min-height:110px;
	margin-top:60px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-right:20px;
	padding-left:20px;
	box-sizing: border-box;
}
#col_uno_intro{display:none;}
#col_dos_intro{display:none;}
#col_tres_intro{width:100%;}
.proyecto_porta, .proyecto_porta_mas{
	width:49.4%;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
}
.proyecto_porta_full{width:49%;height:auto;}.proyecto_porta_hide{display:none;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ PROYECTOS*/
#proyecto_oculto_dos{display:none;}
.proy_tres_col{width:50%;}
.col_proy_titulo{width:100%;margin-bottom:10px;}
.col_proy_texto{width:100%;}
.col_proy_trabajos{width:97%; float:right;}
#proyecto_fotos{padding-left:2px; padding-right:2px;box-sizing: border-box;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */

.lista_footer{margin-left:-35px;}
#cont_lista_footer{
	margin-left:-20px;	
	padding-bottom:40px;
	text-align:center;
}		
#face_plug{display:none;}
#cont_social_footer
#caja_titulo{
	max-width:100%;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing: border-box;
}
#video{
	width:100%;
	max-height:300px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	box-sizing: border-box;
}
#foto_cont_principal{max-height:220px;}
#video_cont_principal{
	width:100%;
	height:320px;
	background-color:#FFF;
}
#col_uno{
	width:100%;	
	margin-left:0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;	
}
#col_dos{
	width:100%;
	margin-left:0px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;	
}
.galeria_fotografica{
	width:45%;
}
#video_galeria{
	width:100%;
	height:320px;
	background-color:#FFF;
}
#nav_texto{display:none;}
footer{height:80px; padding-top:0px;}
.social{
	width:62px;
	height:62px;
	display:inline-block;
	margin-top:6px;
	margin-left:5px;
	margin-right:5px;
}
.tx_menu{font-size:1.1em;}
.tx_menu a{font-size:1.1em;}
.tx_menu a:hover{font-size:1.1em;}
.tx_menu_inactivo{font-size:1.1em;}
.tx_menu_volver{font-size:1.1em;}
.tx_menu_volver a{font-size:1.1em;}
.tx_menu_volver a:hover{font-size:1.1em;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ PROYECTOS*/
.proy_dos_col{width:100%;}
.proy_tres_col{width:100%;}
.titulo_proyectos{text-align:left;background-position:bottom left;}
.subtitulo_proyectos{text-align:left;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++ CLIENTES*/
.logos_clientes{
	width:28%;
	height:28%;
	margin-bottom:4px;
}
.diagonal {height:auto; margin-bottom:200px;}
.diagonal:after{display:none;}
#celeste_clientes{display:none;}
.serv_imagen{
	width:45%;
	margin-left:3%;
	margin-right:2%;
}
.serv_imagen_dos{
	width:90%;
	margin-left:3%;
	margin-right:2%;
	margin-bottom:140px;
}
.galeria_estudio{width:48%;}
.bot_hablemos_wp{ display:block;max-width:25Subir tx0px;padding-top:10px;padding-bottom:6px;}
.bot_hablemos{ display:none;}
.tips_servicios{font-size:16px;}
.tx_curri{font-size:18px;}

.bot_hablemos_email{
	margin-left:auto;
	margin-right:auto;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:300;
	max-width:250px;
	padding-top:10px;
	padding-bottom:6px;
	background:rgba(0,181,208,1);
	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
	margin-top:30px;
	margin-bottom: 40px;
	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		
		    -webkit-transition: background 0.3s linear 0s;/*Chrome, Safari*/
    -moz-transition: background 0.3s linear 0s;/*Firefox*/
    -o-transition: background 0.3s linear 0s;/*Opera*/
    transition: background 0.3s linear 0s;/*Standard*/
}



}/*FIN MEDIASCREEN 660*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 480px) {

#img-banner_02{display:none;}
#img-banner_03{display:block;}
#banner{
	width:100%;
	max-height:500px;
	display:block;
	background-color:#00B5D0;
	position:relative;
	padding-bottom:0px;
}

#ico_menu{display:none; margin-top:-300px;}
body {margin:0px; background-color: #FFF;}
#background_txerrera{background-position:-140px -13px;}
#banner_proyectos{height:0px;overflow:hidden;margin-bottom:40px;}
#banner_proyectos_colec{height:0px;overflow:hidden;margin-bottom:50px;}
#bt-resp{
	margin-top:0px;
	margin-right:0px;	
	height:55px;
	padding-top:20px;
	background-position:-65px 15px;
}
#bt-resp:hover{background-position:15px 15px;}
.lista_menu{margin-left:-10px;}
#logo{display:none;}
#logo_dos{
	width:55%;
	display:block;
	height:auto;
	float:left;
	margin-top:-3px;
	margin-right:10px;
	margin-left:20px;
}
#nav_logo{display:none;}
header, #header_sbg{
	width:100%;
	height:80px;
}
#header_txerrera{
	width:100%;
	height:55px;
	display:block;
	margin-bottom:0px;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color:#00B5D0;
/*	background-color:rgba(46,53,63,1);*/
	background-color:rgba(31,33,37,1);
}
#titulo_home{margin-top:-10px;}
#wrapper{margin-top:0px;}
#sub_cabecera{display:none;}
.proyectos{padding:6px;}
.proyecto_porta, .proyecto_porta_mas{width:49%;height:auto;}.proyecto_porta_full{width:100%;height:auto;}.proyecto_porta_hide{display:none;}
#seccion_uno{
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
}
#caja_titulo{
	max-width:100%;
	height:auto;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing: border-box;
}
#seccion_tres{
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
}
.destacados{
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
#cont_principal{		/*ARTICLE*/
	width:100%;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
}
#video{
	width:100%;
	height:250px;
}
.lista_footer{margin-left:-30px;}
#cont_lista_footer{
	margin-left:-20px;	
	padding-bottom:40px;
}		
#cont_social_footer{display:none;}
#foto_cont_principal{height:auto;}
#foto_dos{height: auto;}
#video_cont_principal{
	width:100%;
	height:220px;
}
.lista_tips{margin-left:-20px;}
#staff{
	width:70%;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	padding-top:20px;
}
.galeria_fotografica{
	width:100%;
	margin-bottom:20px;
	margin-left: -20px;
}
#img-oculto{display: none;}
#video_galeria{height:220px;}
#nav_logo{margin-left:-10px;}
#wrapper_blanco_servicios{display:none;}
#wrapper_sec_metodo{display:none;}
#wrapper_blanco_txerrera{background-image:url();margin-top:-10px;}
#background_txerrera{background-position:-150px 50px; background-image:url(../imagenes/bg_txerrera_foto_02b_phone.jpg);}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ CLIENTES*/
.logos_clientes{
	width:30%;
	height:30%;
	margin-bottom:4px;
}
#wrapper_sec_galeria{display: none;}

.diagonal {margin-bottom:0px;}
#body_clientes {background-image:url();}

.tx_tienes{
	font-size:18px;
	line-height:22px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
}/*FIN MEDIASCREEN 480*/
	
@media screen and (max-width: 360px) {

#texto_intro{
	float:left;
	margin-left:0px;
	border-left-color:#FFF;
	border-left-style:solid;
	border-left-width:thin;
	padding-left:0px;
}
.tx_principal_intro{
	font-family: 'Ubuntu', sans-serif;
		margin:0px;
	color:#333; /*E9954B*/
	font-size:21px;
	font-weight:200;
	text-align:justify;
	line-height:32px;
	vertical-align:top;
}
.tx_principal{
	font-family: 'Ubuntu', sans-serif;
		margin:0px;
	color:#666; /*E9954B*/
	font-size:17px;
	font-weight:200;
	text-align:justify;
	line-height:28px;
	vertical-align:top;
}
#logo_intro{display:none;}
.lista_footer{margin-left:-35px;}
#texto_cont_principal{padding-top:0px;}
.tx_menu{margin-left:0px;}
#body_servicios {background-image:url();}
#separador_img-serv{height:20px;}

} /*FIN MEDIASCREEN 360*/