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

@media screen and (max-width: 50000px) {
	.logo1{
	left: -120px;
	width: 240px;
	height: 100%;
	background-image: url(../img/logo1.png);
	}
	.frases{
	font-size:1.2em;
	top: -moz-calc(50% + 125px);
	top: -webkit-calc(50% + 125px);
	top: -o-calc(50% + 125px);
	top: calc(50% + 125px);
	}
	.elemento-menu{
		display:block;
	}
	.click-nav{
		display:none;
	}
	.linea-menu{
		display:block;
	}
	.mex{
		margin: 10px 5px 0 5px;
	}
	.us{
		margin: 10px 5px 0 5px;
	}
	#small-dialog, .cont-slide, #small-dialog2, #small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		font-size:1.1em;
	}
	.scroll{
	width:30px;
	height:60px;
	background-image: url(../img/scroll.png);
	}
	.fondo-menu{
	height: 110px;
	}
	.logo2{
	top:24px;
	}
	#separador.stick, #separador2.stick {
    top: 110px;
	}
	.columna-s1{
	float: left;
	width: 42%;
	margin-top: 20px;
	margin-right: 4%;
	margin-bottom: 20px;
	margin-left: 4%;
	}
	.despacho{
	font-size: 1.6em;
	width: 380px;
	height:370px;
	left: -180px;
	top: -70%;
	}
	.etica{
	font-size: 1.6em;
	width: 380px;
	height:150px;
	left: -180px;
	top: -70%;
	}
	.cuadrito1{
		bottom:-430px;
	}
	.contenedor-contacto{
	width:970px;
	margin-left:-485px;
	height:330px;
	font-size:1em;
	}
	.col-contacto{
	width: 310px;
	height: 310px;
	float: left;
	clear:none;
	}
	#fbsection6 {
	height:100%;
	
	}
	.no-touch .cbp-fbscroller section {
	background-attachment: fixed;
	}
	#separador{
			background-attachment: fixed;
	}
	#separador2, #fbsection1 {
			background-attachment: fixed;
	}#small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		 max-width: 70%;
	 }
	.white-popup {
	font-size:0.95em;
	margin-top: 5%;
	}
	.tx-separador{
	font-size:1.7em;
	left:-225px;
	width:450px;
	}
	.titulo-rojo{
	font-size: 1.9em;
	}
}
@media screen and (max-width: 1440px) {
	.despacho{
	font-size: 1.6em;
	width: 500px;
	height:390px;
	left: -250px;
	top: -85%;
	}
	.etica{
	font-size: 1.6em;
	width: 500px;
	height:100px;
	left: -250px;
	top: -60%;
	}
}

@media screen and (max-width: 1280px) {
	#small-dialog, .cont-slide, #small-dialog2, #small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		font-size:0.8em;
	}
	.despacho{
	font-size: 1.4em;
	width: 350px;
	height: 365px;
	left: -170px;
	top: -15%;
	}
	.etica{
	font-size: 1.4em;
	width: 350px;
	height: 150px;
	left: -170px;
	top: 15%;
	}
	.cuadrito1{
		bottom:-390px;
	}
	#separador{
		background-attachment:scroll;
	}
	#separador2, #fbsection1 {
			background-attachment: scroll;
	}#small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		 max-width: 90%;
	 }
}
@media screen and (max-width: 1099px) {
   #small-dialog, .cont-slide, #small-dialog2, #small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		font-size:0.7em;
	}
		.scroll{
	width:32px;
	height:23px;
	background-image: url(../img/scroll2.png);
	}
	.columna-s1{
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 0%;
	}
	
	.contenedor-contacto{
	width:700px;
	margin-left:-350px;
	height:330px;
	font-size:0.8em;
	}
	.col-contacto{
	width: 220px;
	height: 220px;
	}
	.titulo-rojo{
	font-size: 1.8em;
	}
	.despacho{
	font-size: 1.2em;
	width: 320px;
	height: 310px;
	left: -160px;
	top: -280px;
	}
	.cuadrito1{
		bottom:-320px;
	}
	.elemento-menu{
		display:none;
	}
	.click-nav{
		display:block;
	}
	.linea-menu{
		display:none;
	}
	.mex{
	margin: 20px 5px 0 5px;
	}
	.us{
	margin: 20px 5px 0 5px;
	}
}
@media screen and (max-width: 800px) {
	
	.logo1{
	left: -90px;
	width: 180px;
	background-image: url(../img/logo1b.png);
	}
	.frases{
	font-size:1em;
	top: -moz-calc(50% + 95px);
	top: -webkit-calc(50% + 95px);
	top: -o-calc(50% + 95px);
	top: calc(50% + 95px);
	}
	.fondo-menu{
	height: 76px;
	}
	.logo2{
	top:8px;
	}
	#separador.stick, #separador2.stick {
    top: 76px;
	}
	.despacho{
	font-size: 1.2em;
	width: 320px;
	height: 310px;
	left: -160px;
	top: -100px;
	}
	.cuadrito1{
		margin-bottom:-20px;
	}
	.contenedor-contacto{
	width:240px;
	margin-left:-120px;
	height:330px;
	font-size:0.8em;
	}
	.col-contacto{
	width: 220px;
	height: 220px;
	float: none;
	clear: both;
	}
	#fbsection6 {
		height:1000px;
	}
	.white-popup {
	font-size:0.8em;
	}
	.tx-separador{
	font-size:1.2em;
	left:-150px;
	width:300px;
	}
	.titulo-rojo{
	font-size: 1.6em;
	}
}
@media screen and (max-width: 650px) {
	 #small-dialog, .cont-slide, #small-dialog2, #small-dialog3, #small-dialog4, #small-dialog5, #small-dialog6, #small-dialog7 {
		font-size:0.6em;
	}
	.logo1{
	left: -75px;
	width: 150px;
	background-image: url(../img/logo1c.png);
	}
	.frases{
	font-size:0.9em;
	top: -moz-calc(50% + 80px);
	top: -webkit-calc(50% + 80px);
	top: -o-calc(50% + 80px);
	top: calc(50% + 80px);
	}
	.despacho{
	font-size: 1.1em;
	width: 300px;
	height: 265px;
	left: -150px;
	top: -20px;
	}
	.etica{
	font-size: 1.1em;
	width: 300px;
	height: 265px;
	left: -150px;
	top: 10px;
	}
	.cuadrito1{
	bottom:-260px;
	}
	.titulo-rojo{
	font-size: 1.3em;
	}
	}
}
@media screen and (max-width: 560px) {
	.titulo-rojo{
	font-size: 1.2em;
	}
	.cuadrito1{
	bottom:-240px;
	}
}
@media screen and (max-width: 480px) {
	.titulo-rojo{
	font-size: 1.2em;
	}
	.cuadrito1{
	bottom:-220px;
	}
}
@media screen and (max-width: 320px) {

}