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

#nav-open-btn
	{
		display:block;
	}
.menu-principal-container ul li
	{
		float:none;
		background:none;
	}	
	
.btnContactForm a
	{
		width:100%;
		padding:0px;
		text-align:center;
		padding:7px 0px;
	}
/**/

.contentLogo
	{
		padding: 15px 0 0;
    	width: 225px;
	}
.tituloseccion
	{
		font-size:2em;
		margin-top: 25px;
	}
/************** NAV **************/	
.menu-principal-container ul li a
	{
		margin:0px;
		width:100%;
		color: #FFFFFF;
	}
	
.menu-principal-container ul li a:hover,
.menu-principal-container ul li a.active
	{
		color: #FFFFFF;
	}

.menu-principal-container ul li .inicio
	{
		background: url(../images/icons/nav/icon-home-blanco.png) top left no-repeat ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}

.menu-principal-container ul li .inicio:hover,
.menu-principal-container ul li .inicio.active
	{
		background: url(../images/icons/nav/icon-home-blanco.png) top left no-repeat #932127 ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}
	
.menu-principal-container ul li .quienesSomos
	{
		background: url(../images/icons/nav/icon-quienes-somos-blanco.png) top left no-repeat ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}	

.menu-principal-container ul li .quienesSomos:hover,
.menu-principal-container ul li .quienesSomos.active
	{
		background: url(../images/icons/nav/icon-quienes-somos-blanco.png) top left no-repeat #932127 ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}
	
.menu-principal-container ul li .nuestrosServicios
	{
		background: url(../images/icons/nav/icon-nuestros-servicios-blanco.png) top left no-repeat ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}
				
.menu-principal-container ul li .nuestrosServicios:hover,
.menu-principal-container ul li .nuestrosServicios.active
	{
		background: url(../images/icons/nav/icon-nuestros-servicios-blanco.png) top left no-repeat #932127 ;
		background-position:-10px 0px;
		border-bottom: 0px;

	}

.menu-principal-container ul li .contacto
	{
		background: url(../images/icons/nav/icon-contacto-blanco.png) top left no-repeat ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}
				

.menu-principal-container ul li .contacto:hover,
.menu-principal-container ul li .contacto.active
	{
		background: url(../images/icons/nav/icon-contacto-blanco.png) top left no-repeat #932127 ;
		background-position:-10px 0px;
		border-bottom: 0px;
	}
	
	
/*************** ICON NAV ************/

a.nav-btn
	{
		cursor: pointer;
		display: block;
		height: 49px;
		margin: 12px 18px 0;
		position: relative;
		width: 40px;
	}
	
a.nav-btn span
	{
		background: #40424e;
		border-radius: 50px;
		display: block;
		height: 3px;
		position: absolute;
		transition: all 0.5s ease 0s;
			-webkit-transition: all 0.5s ease 0s;
				-moz-transition: all 0.5s ease 0s;
					-ms-transition: all 0.5s ease 0s;
						-o-transition: all 0.5s ease 0s;
		width: 100%;
	}
	
a.nav-btn span.barTop
	{
		top: 5px;
	}
a.nav-btn span.barMid
	{
		top: 20px;
	}
a.nav-btn span.barBot
	{
		top: 35px;
	}
.js-nav a.nav-btn span.barMid
	{
		opacity: 0;
	}
.js-nav a.nav-btn span.barTop
	{
		top: 20px;
		transform: rotate(45deg);
		 -webkit-transform: rotate(45deg);
		 	-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
	}
.js-nav a.nav-btn span.barBot
	{
		top: 20px;
		transform: rotate(-45deg);
		 -webkit-transform: rotate(-45deg);
		 	-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
	}	
	
/************** BANNER **************/
.bannerHomeContent
	{
		width:75%;
		height:225px;
		margin-left:5%;
		padding:30px 0px;
	}	
.bannerHomeContent img
	{
		width:43%;
		display:block;
		margin:0px auto;
	}
.bannerHomeContent p
	{
		width:85%;
		font-size:1.2em;
	}
.logocabecera
	{
		width:20%;
		height:225px;
	}
.logocabecera img
	{
		width:85%;
	}
/**************FIN BANNER **************/
/************** CONTENT **************/	
.boxservicios
	{
		height:auto;
		width:100%;
	}
.boxservicios.boxmedio
	{
		height:auto;
		margin-top: 25px;
	}
.icoserv
	{
		width:100%;
		margin-left:0;
	}
.icoserv img
	{
		width:20%;
	}
.icoserv .middle
	{
		width:25%;
	}
.boxservicios h3
	{
		width:90%;
		float:none;
		margin:0px auto;
		text-align:center;
	}
.boxservicios .medio
	{
		margin:0px auto;
	}
.boxservicios p
	{
		width:90%;
		float:none;
		margin:0px auto;
		text-align:center;
	}

/**/
/************** FOOTER **************/
.footerContent .box .logo1
	{
		width:60%;
	}
.footerContent .box .logo2
	{
		width:35%;
	}
/**/
/********************Acordeon********************/
.accordionDocuments
	{
		padding: 15px  0 20px;
	}
.accordionDocuments .tituloPreguntaDocuments
	{
		width:100%;
		position:relative;
	}
.tituloPreguntaDocuments img
	{
		width:30%;
		margin:0px auto;
	}
.tituloPreguntaDocuments.box2,
.tituloPreguntaDocuments.box3,
.tituloPreguntaDocuments.box4,
.tituloPreguntaDocuments.box5
	{
		left: 0%;
	}
.txtEnlazadorDocuments .contenido .txtjuridica
	{
		width:100%;
		height:auto;
		float:left;
		padding-top:0px;
	}
.txtEnlazadorDocuments .contenido .txtjuridica p
	{
		margin-bottom:20px;
	}
.txtEnlazadorDocuments .contenido .imgjuridica
	{
		width:30%;
		height:auto;
		display:block;
		margin:0px auto;
		float:none;
		border:1px solid #ccc;
	}
.txtEnlazadorDocuments .contenido .txtescrituras
	{
		width:100%;
		margin-bottom:10px;
		font-size: 0.9em;
	}
.contenido ol li span
	{
		font-size:0.9em;
	}
.txtEnlazadorDocuments .contenido .imgescrituras
	{
		width:40%;
		float:none;
		margin:0 auto;
		display:block;
	}
.txtEnlazadorDocuments .contenido ol
	{
		padding-left:25px;
		clear:both;
	}
.txtEnlazadorDocuments .contenido .txtfiscal,
.txtEnlazadorDocuments .contenido .txtfiscal2

	{
		width:100%;
	}
.txtEnlazadorDocuments .contenido .imgfiscal,
.txtEnlazadorDocuments .contenido .imgfiscal2
	{
		display:block;
		width:50%;
		margin:0px auto 20px;
		clear:both;
		float:none;
	}
.txtEnlazadorDocuments .contenido .txtcontable
	{
		width:100%;
	}

.txtEnlazadorDocuments .contenido .imgcontable
	{
		display:block;
		width:50%;
		margin:0px auto 20px;
		clear:both;
		float:none;
	}
.txtEnlazadorDocuments .contenido .txtlaboral
	{
		width:100%;
	}
.txtEnlazadorDocuments .contenido .txtlaboral ul
	{
		margin-bottom:0px;
	}
.txtEnlazadorDocuments .contenido .imglaboral
	{
		display:block;
		width:50%;
		margin:0px auto 20px;
		clear:both;
		float:none;
		border: 1px solid #ccc;
	}
.txtEnlazadorDocuments .contenido .imglaboral2
	{
		display:block;
		width:50%;
		margin:0px auto 30px;
		clear:both;
		float:none;
		border: 1px solid #ccc;
	}
	
	
	
/* FORM */


.contactForm .QC_MarcoPregunta .QC_EntradaDatos input,
.contactForm .QC_MarcoPregunta .QC_EntradaDatos textarea
	{
		width:100%;
	}
	
.contactForm .SimpleControl
	{
		width: 100%;
	}

.contactForm .columnForm
	{
		width:100%;
		padding:0px;
	}	

.contactForm .QC_Container.TextoAreaControl
	{
		padding: 0;
		width:100%;
	}


/* PIE */

.contactFull
	{
		height:auto;
	}

.boxcontact
	{
		bottom:0px;
		width:100%;
	}
	
.formulario
	{
		position:static;
	}
		
.boxContactShadowRight
	{
		display:none
	}
.boxContactShadowLeft
	{
		display:none
	}
	
.footerContent .box
	{
		width: 100%;
		text-align:center;
	}
	
.footerContent .box.Left img
	{
		width:200px;
		float:none;
	}	
	


.mapa
	{
		width:100%;
		text-align:center;


		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
				box-sizing: border-box;
	}
.mapa div
	{
		width:50%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
				box-sizing: border-box;
	}

.copy
	{
		margin:5px 0px 10px  0px;
	
	}
	
.footerContent .box.Right div
	{
		font-size: 1.2em;
		padding: 6px 0 5px 0px;
		width: 100%;

	}

.footerContent .box.Right div.adress,
.footerContent .box.Right div.telephone,
.footerContent .box.Right div.email
	{
		background:none;
	}

.quote.rightBox,
.quote.leftBox
 {
    float: left;
  width:90%;
    margin:10px 15px 10px 8%;
}


.quote img {
    left: -5%;

}

.quoteTxt
	{

		padding:10px 15px 10px 38px;
		margin:0px 0px 10px 0px;

	}	

.contentItemTabs p
	{
	
		float:left;
	}
.lista
	{
		width:100%;
	}	

.ofrecemosContent .lista .izq,
.ademasContent .lista .izq {
    margin-left: auto;
}
.ofrecemosContent .lista li,
.ademasContent .lista li
 {
    float: none;
	margin:15px  auto;
    width: 50%;
	min-height:40px;
}
.formulario #ContentContactUs .contentResultContact a
	{
		width:95%;
	}
.contentResult a
	{
		width:95%;
	}	
	
.bttYes a, .bttYes p {
    width: 150px;
    font-size: 0.8em;
	}
}


@media screen and (max-width: 673px) {
.boxcontact
	{
		margin:0px auto;
	}
/* DEPARTAMENS */	
.contentBoxDepartmens 
	{
		margin:0px auto 25px auto;
		width:100%;
		float:left;

	}

.contentBoxDepartmens.fiscal .contentDepartmensImage,
.contentBoxDepartmens.admin .contentDepartmensImage,
.contentBoxDepartmens.infomation .contentDepartmensImage
	{
		width: 100%;
	}
.contentBoxDepartmens.fiscal .contentDepartmensText,
.contentBoxDepartmens.admin .contentDepartmensText,
.contentBoxDepartmens.infomation .contentDepartmensText
	{
		width: 100%;
	}
.contentBoxDepartmens.fiscal,
.contentBoxDepartmens.admin,
.contentBoxDepartmens.infomation
	{
		width: 100%;
		margin:0px auto 25px auto;
	}
	
.contentDepartmensImage
	{
		width: 100%;
		text-align:center;

	}
.contentDepartmensImage img
	{
		width:auto;
		
	}	
	
.contentDepartmensText
	{
		width:100%;
		padding:0px;
		text-align:center;
	}
	
.contentDepartmensText p
	{
		width:100%;
		text-align:center;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


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


/************** HEADER **************/
.tituloseccion
	{
		font-size:1.2em;
		margin-top: 30px;
	}
/************** BANNER **************/
.bannerHomeContent
	{
		margin-left: 8%;
		padding: 30px 0;
		width: 77%;
	}	
.bannerHomeContent img
	{
		width:60%;
	}
.bannerHomeContent p
	{
		width:75%;
		font-size:1em;
	}
.logocabecera
	{
		width:15%;
		height:225px;
	}
.logocabecera img
	{
		width:100%;
	}
/**************FIN BANNER **************/

/************** CONTENT **************/	

.ofrecemosContent .tituloofrecemos
	{
		font-size:1.8em;
	}
.ofrecemosContent .lista li,
.ademasContent .lista li
 {
    float: none;
	margin:15px  auto;
    width: 80%;
}

	
/************** FOOTER **************/
.footerContent .box.texto
	{
		width:100%;
		clear:both;
		margin-top:5px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
				box-sizing: border-box;
	}
.footerContent .box .logo1
	{
		width:80%;
	}
.footerContent .box.texto
	{
		margin-top:15px;
	}
.footerContent .box.middle
	{
		float:right;
	}


	
	
	
	
.formulario .form input
	{
		border: 1px solid #ccc;
		width:65%;
		height:25px;
	}
/********************Acordeon********************/
.txtEnlazadorDocuments .contenido .txtjuridica
	{
		width:100%;
	}
.txtEnlazadorDocuments .contenido .imgjuridica
	{
		width:50%;
		margin-bottom:20px;
	}
.txtEnlazadorDocuments .contenido .imgescrituras
	{
		width:50%;
	}
/********************Fin Acordeon********************/

.formulario
	{
		padding:0px 10px;
	}
}


@media only screen and (max-height: 667px) {
	.IntCookies, .IntModal {
		height: 80%;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}	
	
}