@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Exo;
    src: url(../fonts/Exo-Thin.woff2),
         url(../fonts/Exo-Thin.woff),
	     url(../fonts/Exo-Thin.ttf);
    font-weight: 100; font-display: swap;}
@font-face{
	font-family: Exo;
    src: url(../fonts/Exo-Regular.woff2),
         url(../fonts/Exo-Regular.woff),
	     url(../fonts/Exo-Regular.ttf);
    font-weight: 400; font-display: swap;}
*{
	margin: 0;
	padding: 0;}
body{
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.1em; line-height: 1.8em;}
p{
	text-align: justify;}
img a, a, a img{
	text-decoration: none;}
a{
	color: #000;}
strong{
	font-weight: 400;}
address{
	font-style: normal; font-size: 15px;}	
.borra{
	clear: both;}
.idioma a{
	display: block; padding: 5px 0; font-size: 0.8em; color: #fff;}
.idioma{
	width: 55px; text-align: center;
	border-bottom: 1px solid #fff; position: absolute; top: 16px; right: 50px;}
.idioma a:hover{
	color: #555;}
#columna{
	font-family: 'Exo', sans-serif; background: #000; color: #fff; text-align: center;}
#menu{
	font-size: 22px;}
#menu ul li{
	list-style-type: none;}
#menu a{
	display: block; color: #999;}
#menu a:hover{
	color: #fff;}
#logo img{
	width: 100%; height: auto;}
.redes a{
	width: 35px; float: left; margin: 0 1px; display: block; opacity: 0.4;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-filter: grayscale(100%);
	filter: gray; /* For IE 6 - 9 */}
.redes a:hover{
	opacity: 1;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-filter: none;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.redes img{
	width: 100%; height: auto;}
#datos{
	background: #fff; opacity: 0.8; padding: 15px 0 0 0; text-align: center;}
address{
	display: inline-block;}
.guion{
	display: inline-block; margin: 0 10px;}
h1, #servicios .tit, #inicio .tit{
	font-family: 'Exo', sans-serif; font-weight: 100;}
h2, #servicios h1{
	font-family: 'Exo', sans-serif; font-weight: 400;}
h2, .subtit{
	font-family: 'Exo', sans-serif; font-size: 15px; color: #aaa; margin: 0 0 40px 0;} 
h3{
	font-weight: normal;}
.subtit{
	display: block;}
#servicios h1, #servicios h2{
	color: #007b79; font-size: 26px; margin: 0 0 5px 0; line-height: 30px; width: 100%;}
#servicios .duo, #informes .duo{
	border-top: 1px solid #007b79; padding: 35px 0 0 0; margin: 10px 0 40px 0;}
#servicios .izdo{
	background: url(../imagenes/taco.jpg) no-repeat 10px top;}
.izdo img{
	width: 100%; height: auto;}
#servicios .dcho{
	width: 100px;}
#servicios .dcho a{
	font-family: 'Exo', sans-serif;
	display: block; color: #007b79; text-align: center; font-size: 40px; font-weight: 100;
	border-left: 1px solid #007b79; padding: 35px 0 0 0;}	
#servicios .dcho a:hover{
	color: #fff; background: #007b79;}
.presu{
	font-family: 'Exo', sans-serif; display: block; color: #007b79;}
.menor{
	color: #007b79;}
.dcho{
	text-align: center;}
.dcho .ocu{
	display: none;}
.dcho a:hover .ocu{
	display: block; font-weight: 400;}
#informes .dcho{
	text-align: left; line-height: 1.6em;}
p{
	margin: 0 0 20px 0;}
.verde{
	color: #007b79; margin: 0 60% 0 0; padding: 0 0 0 40px; font-size: 20px; line-height: 35px;
	border-left: 1px solid #007b79; text-align: left;}
#duopresu{
	margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #007b79;}
.presu{
	font-size: 22px; padding: 0 0 20px 0;}
.nota{
	font-size: 0.7em; line-height: 1.2em;}
.bloques{margin-top: 100px;}
#informes .dcho h3{
	color: #007b79; font-weight: 400;}
#aparejador h3{
	font-family: 'Exo', sans-serif;}
h4{
	color: #007b79; font-weight: 400; font-size: 18px;}
.promotor{
	display: block; margin: 30px 0 0 0; font-size: 1.2em; font-weight: 600; color: #999;}
.prob{
	display: block; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ccc;}
.colegiado{
	font-size: 12px;}
.don{
	font-size: 9px; line-height: 14px; display: block;}
.inicio img{
	width: 100%; height: auto;}
.clientes, #titular h2{
	font-family: 'Exo', sans-serif;
	color: #007b79; margin: 40px 0 10px 0; display: block;}
#boton a, #sboton{
	font-family: 'Exo', sans-serif; font-size: 20px;
	background: #007b79; color: #fff;
	display: block; padding: 40px 0;}
#boton a:hover{
	background: #fff; color: #007b79;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.50);}
#dest{
	border: 1px solid #007b79; padding: 20px; margin: 40px 0 0 0;}
#faldon{
	border-top: 1px solid #007b79; padding: 30px 0 0 0; font-size: 0.8em;}
.aviso{
	font-size: 0.7em; padding: 5px;}
iframe{
	border: none; width: 100%;}
.tel{
	font-family: 'Exo', sans-serif;
	margin: 0;}
.tel .menor a{
	font-size: 18px;}
.tel a{
	font-size: 25px; padding: 5px 0; display: block;}
.mail{
	display: block; margin: 0 0 60px 0;}
#mapa p{
	margin: 40px 60% 0 0;}
#enlaces{
	font-size: 14px; margin: 90px 0 0 0;}
#enlaces a{
	color: #000; display: inline-block; padding: 5px 0;}
#enlaces h1{
	font-size: 14px; font-weight: 400; font-family: 'Open Sans', sans-serif;	width: 100%; margin: 0; line-height: 25px;}
#enlaces .tit-tag{
	font-family: 'Exo', sans-serif; font-weight: 400; 
	font-size: 18px; margin-top: 40px; display: block;}
#mas a{
	margin: 30px auto 0 auto; display: block; min-width: 320px; color:#fff; padding: 30px 0;
	font-size: 1.3em; text-align: center; line-height: 1.4em; width: 35%;
	font-family: 'Exo', sans-serif; background: #007b79;}
#mas a:hover{
	background: #fff; color: #007b79;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.50);}
.i{
	display: block; font-size: 2em; 
	width: 50px; height: 40px; padding: 10px 0 0 0; margin: 0 auto 10px auto;
	font-family: 'Muli', sans-serif; border: 5px solid #fff; border-radius: 30px;}
#mas a:hover .i{
	border: 5px solid #007b79;
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;}
.duo .izdo ul{
	margin-left: 20px;}
.duo .izdo .s-margin{
	margin-bottom: 0;}
.duo .margin-bottom{
	margin-bottom: 20px;}
.subtt{
	margin: 20px 0 0 0; font-weight: 600; color: #999;}
.gal-iz img, .gal-der img, .gal-iz, .gal-der{
	width: 100%; height: auto;}
.col-lg-2, .col-lg-2 .gal-seg{
	margin: 0;}
.block{
	display: inline-block;}
.reforma{
  margin: 3%;}
.reforma img{
    width: 100%; height: auto;}
.verde2 {
    color: #007b79; font-size: 1.2em; margin: 100px 0 10px 0; }
.galeria{
	margin-top: 80px;}
figure.ref .ti{
	background: #fff; color: #222; display: block; font-family: 'Exo', sans-serif; 
	padding: 2px 5px 0 5px; font-weight: bold; font-size: 14px;}
figure.ref .su{
	color: #666;}
#inicio{background: none !important;}
.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; width: 100% auto; padding: 200px 0; text-align: center;}
.mapa a{margin: 0 auto; width: 100%; max-width: 300px; text-transform: uppercase; font-size: 0.8em; background: #fff;
display: block; padding: 13px 0; color: #111; border: 1px solid #000;}
.mapa a:hover{background: #000; color: #fff; }

@media only screen 
and (max-width : 500px){
.container .idioma{
	display: none;}
body{
	font-size: 1em; text-align: center;}
.container {
	width: 100%; background: url(../imagenes/fondo2.jpg) no-repeat bottom center;
	background-size: 100% auto; padding: 0 0 90px 0;}
.todo {
	margin: 0 20px;}
#columna{
	padding: 2% 0 50px 0;}
.idioma {
    top: 5px; right: 10px; font-size: 0.9em;}
#logo img{
	width: 150px; height: auto; margin: 30px 0 0 0;}
#menu{
	margin: 50px 0 0 0; font-size: 25px;}
#menu a{
	padding: 20px 10px;}
#f-redes{
	background: #000; padding: 20px 0 10px 0;}
.redes{
	width: 76px; margin: 0 auto;}
.redes a{
	opacity: 1;}
#contenido{
	margin: 40px 0 0 0;}
h1, #servicios .tit, #inicio .tit{
	font-size: 35px; line-height: 40px; max-width: 300px; margin: 0 auto;}
h2, .subtit {
    margin: 0 0 30px;}
.verde {
	border-left: none; border-top: 1px solid #007b79; margin: 0; padding: 30px 0 0 0; margin-top: 40px;}
#duopresu{
	margin: 40px 0 0 0; padding: 30px 0 0 0;
	border-top: 1px solid #007b79;}
.presu{
	font-size: 22px; padding: 0 0 20px 0;}
#informes .izdo, #informes .dcho{
	max-width: 300px; margin: 0 auto;}
#informes .izdo img{
	width: 100%; max-width: 300px; margin: 10px auto 0 auto;}
#informes .dcho {
    text-align: center;}
#titular{
	padding: 20px 0 0 0;}
#servicios .duo{
	margin: 40px 0 0 0;}
#servicios h1, #servicios h2{
	font-size: 20px; line-height: 30px; margin-bottom: 10px;}
#servicios .izdo{
	padding: 35px 0 0 0;
	background: url(../imagenes/taco.jpg) no-repeat center top;
	background-size: 20px 20px;}
#servicios .dcho{
	width: 70px; margin: 0 auto;}
#servicios .dcho2{
	width: 100px; margin: 0 auto;}
#servicios .dcho2 img{
	width: 100%; height: auto;}
#servicios .duo ul{
	margin: 0 0 10px 20px;}
#informes .duo .dcho h3{
	margin-top: 40px;}
.prob{
	border-top: none; margin-bottom: 30px;}
.inicio{
	margin: 40px 0 0 0;}
.clientes, #titular h2{
	font-size: 19px; line-height: 25px; text-transform: uppercase;}
#boton a{
	width: 180px; margin: 30px auto 0 auto; padding: 20px 0;
	font-size: 20px; line-height: 26px;}
#servicios .dcho a{
	padding: 25px 0 0 0; height: 50px; border: 1px solid #007b79; line-height: 16px;}
.dcho a:hover .ocu{
	font-size: 11px;}
#enlaces h1{
	margin: 0 auto;}
#faldon{
	margin: 50px 0 0 0; text-align: center;}
#faldon p, #msmg{
	text-align: center;}
#icono{
	margin: 20px 0 0 0;}
#icono img{
	width: 60%; height: auto;}
#mapa p {
    margin: 40px 0 0 0;}
#aparejador{
	margin: 10px 0 20px 0;}
#faldon img{
	width: 50px; margin: 0 auto; display: block;}
#faldon #col{
	margin: 10px 0 0 0; font-size: 0.9em;}
#datos{
	margin: 40px 0; background: none;}
#datos a{
	font-size: 1.3em;
	padding: 7px 0;}
#datos .aviso{
	font-size: 0.8em;}
.tel a {
    padding: 10px 0; text-align: center;}
.mail a{
	display: block; text-align: center; padding: 5px 0 10px 0;}
.bloq, .bloq2{
	display: block;}
.bloq a{
	display: block;}
#enlaces .bloq a{display: inline;}
#enlaces .tit-tag {
    font-size: 1.4em;}
.guion, .guion2, .guion3{
	display: none;}
.col-lg-2 a, .col-lg-3 a{
	margin-bottom: 10px; display: block;}
.col-lg-3 a img{
	width: 100%; height: auto;}
	#sboton{margin-top: 40px;}
}
@media only screen 
and (min-width : 501px)
and (max-width : 699px) {
.container .idioma{
	display: none;}
body{
	font-size: 1em;}
.container {
	width: 100%; background: url(../imagenes/fondo2.jpg) no-repeat bottom center;
	background-size: 100% auto; padding: 40px 0 20px 0;}
.todo {
	margin: 0 40px;}
#columna{
	padding: 10px 0 10px 0;}
#columna .redes{
	display: none;}
.idioma {
    top: 5px; right: 10px; font-size: 0.9em;}
#logo img{
	width: 160px; height: auto; margin: 30px 0 0 0;}
#menu{
	margin: 40px auto 0 auto; max-width: 560px; font-size: 20px;}
#menu li{
	display: inline-block;}
#menu a{
	padding: 20px 7px;}
#f-redes{
	background: #000; padding: 20px 0 10px 0;}
.redes{
	width: 76px; margin: 0 auto;}
.redes a{
	opacity: 1;}
#contenido{
	margin: 40px 0 0 0;}
h1, #servicios .tit, #inicio .tit{
	font-size: 35px; line-height: 40px; width: 60%; margin: 0 auto; text-align: center;}
h2, .subtit {
    margin: 0 0 30px; text-align: center;}
h2, #informes .duo .dcho{
	text-align: center;}
#informes .duo .dcho h3{
	margin-top: 40px;}
.prob{
	border-top: none; margin-bottom: 30px;}
.verde {
    margin: 50px 0;}
#duopresu{
	margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #007b79;}
.presu{
	font-size: 20px; padding: 0 0 20px 0;}
#informes .izdo{
	margin: 10px 0 0 0;}
#informes .izdo img{
	width: 48%; float: left; margin: 0 2% 10px 0;}
#servicios .duo{
	margin: 40px 0 0 0;}
#servicios .izdo{
	padding: 0 0 0 60px;}
#servicios .dcho2{
	width: 120px; float: right; margin: 10px 0 0 0;}
#servicios .dcho2 img{
	width: 100%; height: auto;}
.inicio{
	margin: 40px 0 0 0;}
.clientes, #titular h2{
	font-size: 22px; line-height: 25px; text-transform: uppercase;}
#boton a{
	width: 160px; margin: 30px auto 0 auto; padding: 25px; font-size: 23px; line-height: 30px;}
#servicios .dcho {
	float: right; width: 80px;}
#servicios .dcho a{
	padding: 25px 0 0 0; height: 50px; border: 1px solid #007b79; line-height: 16px;}
.dcho a:hover .ocu{
	font-size: 12px;}
#faldon{
	margin: 50px 0 0 0; text-align: center;}
#icono{
	margin: 40px 0 0 0;}
#icono img{
	width: 35%; height: auto;}
#aparejador{
	margin: 10px 0 20px 0;}
#mapa p {
    margin: 40px 40% 0 0;}
#faldon img{
	width: 50px; margin: 0 auto; display: block;}
#faldon #col{
	margin: 10px 0 0 0; font-size: 0.9em;}
#datos{
	padding: 10px 0; margin: 40px 0 0 0;}
.tel a{
	font-size: 30px;}
.mail a{
	display: block; padding: 0 0 10px 0;}
.bloq{
	display: block;}
.guion{
	display: none;}
#enlaces, #faldon p{
	text-align: center;}
#enlaces .tit-tag {
    font-size: 1.4em;}
.col-lg-2 a, .col-lg-3 a{
	margin-bottom: 15px; display: block;}
.col-lg-3 a img{
	width: 100%; height: auto;}
	#sboton{margin-top: 50px;}
}
@media only screen 
and (min-width : 700px)
and (max-width : 1024px) {
.container {
	width: 80%; background: url(../imagenes/fondo2.jpg) no-repeat bottom center;
	background-size: 100% auto; margin: 0 auto;}
#logo img{
	width: 100%; height: auto; max-width: 200px;  margin: 40px 0 0 0;}
#columna{
	padding-top: 20px;}
.idioma{
	top: 16px; right: 20px;}
#logo{
	margin: 10px auto 20px auto; width: 180px; }
#logo img{
	width: 100%; height: auto; }
#menu{
	margin: 40px auto 0 auto; font-size: 22px; width: 700px;}
#menu li{
	display: inline-block;}
#menu a{
	padding: 20px 10px;}
#contenido{
	margin: 80px 0 0 0;}
h1, #servicios .tit, #inicio .tit{
	font-size: 35px; line-height: 40px; width: 70%; text-align: center; margin: 0 auto;}
h2, .subtit {
    margin: 0 auto 30px auto; text-align: center;}
.verde {
    margin: 80px 40% 80px 0; padding: 0 0 0 40px;}
#titular{
	width: 60%; margin: 0 auto;}
#duopresu{
	margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #007b79;}
.presu{
	font-size: 22px; padding: 0 0 20px 0;}
#informes .izdo{
	margin: 10px 0 0 0;}
#informes .izdo img{
	width: 48%; float: left; margin: 0 2% 10px 0;}
h2, #informes .duo .dcho{
	text-align: center;}
	#servicios h2{text-align: left; margin-bottom: 25px;}
#informes .duo .dcho h3{
	margin-top: 40px;}
.prob{
	border-top: none; margin-bottom: 30px;}
#servicios .izdo{
	padding: 0 0 0 70px; }
#servicios .dcho{
	float: right;}
#servicios .dcho2{
	width: 160px; float: right; margin: 30px 0 0 0;}
.inicio{
	margin: 40px 0 0 0;}
#titular{
	margin: 60px auto 0 auto;}
.clientes, #titular h2{
	font-size: 19px; line-height: 25px; text-transform: uppercase;}
#boton a{
	width: 160px; margin: 30px auto 0 auto; padding: 25px; font-size: 23px; line-height: 30px;}
#servicios .dcho {
	float: right; width: 80px;}
#servicios .dcho a{
	padding: 20px 0 0 0; height: 55px; border: 1px solid #007b79;}
.dcho a:hover .ocu{
	font-size: 12px;}
#faldon{
	margin: 50px 0 0 0; text-align: center;}
#icono{
	margin: 40px 0 0 0;}
#icono img{
	width: 30%; height: auto;}
#mapa p {
    margin: 40px 40% 0 0;}
#aparejador{
	margin: 10px 0 20px 0;}
#faldon img{
	width: 50px; margin: 0 auto; display: block;}
#faldon #col{
	margin: 10px 0 0 0; font-size: 0.9em;}
#datos{
	margin: 40px 0;}
.bloq{
	display: block;}
.guion{
	display: none;}
#enlaces, #faldon p{
	text-align: center;}
#enlaces .tit-tag {
    font-size: 1.4em;}
.col-lg-2 a, .col-lg-3 a{
	display: block;}
.col-lg-2, .col-lg-3{
	margin-bottom: 4%; }
.col-lg-2 .gal-iz .tor{
	margin-bottom: 6%; display: block;}
.gal-iz{
	width: 48%; float: left;}
.gal-der{
	width: 48%; float: right;}
.gal-i, .gal-c, .gal-d{
	width: 30.5%; height:auto;}
.gal-i, .gal-c{
	float: left;}
.gal-d{
	float: right;}
.gal-c{
	margin-left: 4%;}
#f-redes {
    position: absolute; top: 20px; right: 80px; z-index: 100;}
	#sboton{margin-top: 50px;}
}
@media only screen 
and (min-width : 1025px)
and (max-width : 1409px) {
.container {
	width: 90%;  background: url(../imagenes/fondo2.jpg) no-repeat bottom center;
	background-size: 100% auto; margin: 0 auto}
.todo {
	margin: 0 10%;}
.verde{
	text-align: left;}
#columna{
	padding-top: 20px;}
#logo{
	margin: 10px 0 20px 60px; width: 200px; float: left;}
#logo img{
	width: 100%; height: auto; }
#menu{
	margin: 120px 0 0 0; font-size: 22px; width: 660px; float: right;}
#menu li{
	display: inline-block;}
#menu a{
	padding: 20px 10px;}
#f-redes{
	position: absolute; top: 20px; right: 100px; z-index: 100;}
.redes{
	width: 104px; }
#contenido{
	margin: 100px 0 0 0;}
h1, #servicios .tit, #inicio .tit{
	font-size: 40px; line-height: 45px; width: 57%;}
h2, .subtit {
    margin: 0 0 30px;}
.verde {
    margin: 80px 50% 80px 0;}
#duopresu{
	margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #007b79;}
.presu{
	font-size: 22px; padding: 0 0 20px 0;}
#informes .izdo{
	margin: 10px 0 0 0;}
#informes .izdo img{
	width: 48%; float: left; margin: 0 10px 10px 0;}
.prob{
	margin: 10px 52% 0 0;}
#servicios .izdo{
	width: 64%; float: left; padding: 0 0 0 70px;}
#servicios .dcho{
	width: 100px; float: right;}
#servicios .dcho2{
	width: 20%; float: right; margin: 30px 0 0 0;}
#servicios .dcho2 img{
	width: 100%; height: auto;}
#servicios .nota{
	width: 70%;}
.inicio{
	margin: 40px 0 0 0;}
#titular{
	margin: 80px 0 0 0;}
.clientes, #titular h2{
	font-size: 19px; line-height: 25px; text-transform: uppercase;}
#boton a{
	width: 200px; margin: 50px auto 0 auto; padding: 30px;
	font-size: 23px; line-height: 30px;}
#servicios .dcho a{
	height: 65px;}
.dcho a:hover .ocu{
	font-size: 12px;}
#faldon{
	margin: 50px 0 0 0; text-align: center !important;}
#faldon p{
	text-align: center;}
#icono{
	margin: 40px 0 0 0;}
#icono p{
	text-align: center;}
#icono img{
	width: 30%; height: auto;}
#mapa p {
    margin: 40px 40% 0 0;}
#aparejador{
	margin: 10px 0 20px 0;}
#faldon img{
	width: 50px; margin: 0 auto; display: block;}
#faldon #col{
	margin: 10px 0 0 0; font-size: 0.9em;}
#datos{
	padding: 10px 0; margin: 40px 0 0 0;}
.bloq{
	display: block;}
.guion{
	display: none;}
#enlaces{
	text-align: center;}
#enlaces .tit-tag {
    font-size: 1.4em;}
#mas a{
	width: 260px;}
.col-lg-2 a, .col-lg-3 a{
	display: block;}
.col-lg-2, .col-lg-3{
	margin-bottom: 4%; }
.col-lg-2 .gal-iz .tor{
	margin-bottom: 6%; display: block;}
.gal-iz{
	width: 48%; float: left;}
.gal-der{
	width: 48%; float: right;}
.gal-i, .gal-c, .gal-d{
	width: 30.5%; height: auto;}
.gal-i, .gal-c{
	float: left;}
.gal-d{
	float: right;}
.gal-c{
	margin-left: 4%;}
.bloques{
	width: 90%; margin: 100px auto 0 auto;}
	#sboton{margin-top: 50px;}
}
@media only screen 
and (min-width : 1410px){
.container {
	background: url(../imagenes/fondo.jpg) no-repeat bottom center;
	background-size: 100% auto;}
.todo {
	width: 100%; max-width: 1600px; margin: 0 auto;}
#columna{
	padding-top: 20px;}
#logo{
	margin: 10px 0 0 100px; width: 200px; float: left;}
#menu{
	margin: 120px 0 0 0; width: 700px; float: right;}
#menu li{
	display: inline-block;}
#menu a{
	padding: 20px 10px;}
#f-redes{
	position: absolute; top: 20px; right: 100px; z-index: 100;}
.redes{
	width: 104px; }
#contenido{
	margin: 100px 5% 0 5%;}
h1, #servicios .tit, #inicio .tit{
	font-size: 45px; line-height: 50px; width: 45%; display: block;}
.pres{
	width: 65%; }
#duopresu{
	margin: 40px 0 0 0; background: url(../imagenes/flecha-horizontal.jpg) no-repeat 59% 35px;}
.presu{
	font-size: 22px; padding: 0 0 20px 0;}
.menor{
	padding: 0 70px 0 0;}
.duo{
	margin: 0 0 0 0;}
.izdo{
	width: 60%; float: left;}
.dcho{
	width: 35%; float: right;}
	.verde{margin: 80px 40% 80px 0;}
#informes .izdo{
	width: 60%; float: left;}
#informes .izdo img{
	width: 48%; float: left; margin: 0 2% 10px 0;}
#servicios .izdo{
	padding: 0 0 0 70px;}
#servicios .dcho2{
	width: 160px; float: right; margin: 30px 0 0 0;}
.inicio{
	width: 65%; margin: 60px 0 0 0;}
#titular{
	margin: 80px 0 0 0;}
.clientes, #titular h2{
	font-size: 22px; text-transform: uppercase;}
#boton a{
	font-size: 30px; line-height: 35px;}
#servicios .dcho a{
	height: 65px;}
.dcho a:hover .ocu{
	font-size: 12px;}
#faldon{
	margin: 150px 0 0 0;}
#colegio{
	width: 470px; float: left;}
#aparejador{
	width: 35%; float: right; margin: 10px 0 0 0;}
.euskera .colegiado{
	font-size: 10px;}
#faldon img{
	width: 50px; float: left;}
#faldon #col{
	width: 400px; float: right; margin: 10px 0 0 0;}
#datos{
	margin: 200px 0 0 0; height: 35px;}
.bloq{
	display: inline-table;}
#mas a{
	margin: 50px 0 0 0; float: right;}
#msmg{
	padding: 5px 0;}
#enlaces {
    margin: 120px 0 0 0;}
.c-enlaces{
	margin-top: 40px !important;}
.galeria{
	width: 1200px; }
.gal-iz{
	width: 48%; float: left;}
.gal-der{
	width: 48%; float: right;}
.col-lg-2 a, .col-lg-3 a{
	display: block;}
.col-lg-2, .col-lg-3{
	margin-bottom: 4%; }
.col-lg-2 .gal-iz .tor{
	margin-bottom: 6%; display: block;}
.gal-i, .gal-c, .gal-d{
	width: 30.5%; height:auto;}
.gal-i, .gal-c{
	float: left;}
.gal-d{
	float: right;}
.gal-c{
	margin-left: 4%;}
figure.ref {
    width: 31.3% !important;}
.bloques{
	width: 98%; margin: 100px auto 0 auto;}
}