@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-Regular.woff2),
         url(../fonts/Raleway-Regular.woff),
	     url(../fonts/Raleway-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Raleway;
	src: url(../fonts/Raleway-Bold.woff2),
         url(../fonts/Raleway-Bold.woff),
	     url(../fonts/Raleway-Bold.ttf);
	font-weight: 700; font-display: swap;}
*{	margin: 0;	padding: 0;}
body{	font-family: 'Raleway', sans-serif;	line-height: 1.6em; font-size: 1.1em;}
img a, a, a img{	text-decoration: none;}
.neg{	font-weight: bold;}
.noneg strong{	font-weight: normal;}
#logo{	text-align: center; font-size: 0.7em; line-height: 1.1em; color: #666;}
#menu ul li{	list-style-type: none; text-align: center;}
#menu ul li a{	color: #000; padding: 20px 0 10px 0; display: block; margin: 70px 0 0 0;}
#menu ul li a:hover{	color: #c03;}
.pantalla img, .tablet img, .movil img, .dcha img{	width: 100%; height: auto;}
#fondo-color{	background: #6CC; padding: 50px 0 40px 0; margin: 80px 0; font-size: 1.1em; line-height: 1.7em;}
#fondo-constr{	color: #444; font-size: 30px; line-height: 40px; margin: 50px 0;}
.tit{	font-size: 36px; color: #fff;}
h1, .t-h1{	font-weight: 700; font-size: 28px; display: block; 
	color: #c03; text-align: center !important; margin: 50px 0 15px 0; text-align: left; }
.sub{	display: block; color: #333; margin: 5px 0 0 0;	font-size: 0.5em; line-height: 18px; font-weight: 400;}
h2, .servicio h1{	color: #097695; font-size: 26px; line-height: 32px; text-align: left !important; margin: 0;}
p{	margin: 8px 0;}
#ce, .bloque{	margin: 50px 0 0 0;}
.servicio{	margin: 50px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #097695;}
.boton a{	background: #097695; color: #fff; padding: 10px; display: block; text-align: center; margin: 30px 0 0 0;}
.boton a:hover{	background: #014972; }
.frase{	color: #097695; font-size: 1.2em; margin: 50px 0 0 0; display: block;}
.izda ul{	margin: 0 0 0 20px;}
.margen{	margin: 20px 0 0 0;}
.columna{	color: #fff; background: #097695; padding: 15px; }
footer{	padding: 30px 0 0 0; margin: 80px 0 0 0; border-top: 2px solid #6CC;}
footer ul{	font-size: 0.8em; line-height: 2.3em;}
address{	font-style: normal; display: inline; font-size: 15px;}	
.borra{	clear: both;}
.logo-sub{	font-size: 12px;}
.tel{ 	color: #C03; display: block; font-size: 1.2em; }
#aviso{ 	font-size: 14px; margin: 20px 0 0 0; padding: 5px 0 0 0; background: #6CC;}
#aviso a{	color: #000; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%;}
.tit{	display: block;}
.cont-tel{	font-size: 1.3em; margin: 30px 0; font-weight: 700;}
.cont-tel a, .cont-email a{	display: inline-block; padding: 10px 0; color: #000; vertical-align: middle; }
.cont-tel a img, .cont-email a img{	display: inline-block; padding: 5px; border: 1px solid #000; vertical-align: middle; }
.cont-tel a:hover, .cont-email a:hover{	color: #fff;}
#horario{	padding: 20px; border: 1px solid #fff; margin: 20px 0 0 0;}
.mapa{padding-top: 100px;}
.mapa .boton a{}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet{	display: none;}
body{	line-height: 1.8em; font-size: 1em; text-align: center;}
.container {	width: 100%;	margin: 0 auto;}
.todo {	margin: 0 20px;}
#logo{	width: 200px;	margin: 30px auto;}
#menu{	margin: 0 auto;	font-size: 0.9em;}
#menu ul li a{	margin: 0; padding: 10px 0;}
.tit{	font-size: 25px;}
h1, .t-h1{	font-size: 25px; margin: 40px 0 10px 0; }
.sub{	font-size: 0.5em;}
h2, .servicio h1{	font-size: 22px; line-height: 32px; text-align: center !important;}
.dcha{	margin: 20px auto 0 auto; }
#ce .dcha{	width: 100px; margin: 10px auto 0 auto; }
.boton a{	margin: 20px auto; font-size: 0.8em; width: 180px;}
.columna{	margin: 20px 0 0 0;}
#fondo-color{	margin: 40px 0; padding: 30px 0 15px 0;}
#fondo-constr{	background: url(../imagenes/fondo-constr-m.jpg) no-repeat bottom center; 
	background-size: 100% auto; padding: 0 0 80% 0; font-size: 18px; line-height: 26px;}
.frase{	margin: 35px 0 0 0;}
.izda ul{	text-align: left; margin: 10px auto; width: 310px;}
.zoom{	display: none;}
#contacto .dcha{width: 100%;}
.cont-tel{font-size: 1.2em;}
footer{	margin: 40px 0 0 0;}
footer .izda{	width: 150px; margin: 20px auto 0 auto;}
footer .dcha{	width: 100%; }
footer .dcha .izda{	display: none;}
footer .dcha .dcha{	width: 100%;}
.tel{	margin: 0 0 7px 0;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 600px) {
.pantalla, .movil{
	display: none;}
body{
	line-height: 1.6em; font-size: 1em; text-align: center;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#logo{
	width: 200px; margin: 20px auto;}
#menu{
	margin: 0 auto; font-size: 0.8em;}
#menu ul li{
	float: left; width: 19%;}
#menu ul li a{
	margin: 10px 0 0 0;}
#menu ul .men{width: 16%;} #menu ul .may{width: 27%;}
.tit{
	font-size: 25px;}
h1, .t-h1{
	font-size: 25px; margin: 40px 0 10px 0; }
.sub{
	font-size: 0.5em;}
h2, .servicio h1{
	font-size: 22px; line-height: 32px; text-align: center !important;}
.dcha{
	margin: 20px auto 0 auto; }
#ce .dcha{
	width: 100px; margin: 10px auto 0 auto; }
.boton a{
	margin: 20px auto; font-size: 0.8em; width: 220px;}
.columna{
	margin: 20px 0 0 0;}
#fondo-color{
	margin: 50px 0; padding: 40px 0 15px 0;}
#fondo-constr{
	background: url(../imagenes/fondo-constr-t2.jpg) no-repeat center center; 
	background-size: 100% auto; padding: 30% 0 30px 0; font-size: 18px; line-height: 26px;}
#fondo-constr p{
	width: 37%;}
.izda ul{
	text-align: left; margin: 10px auto; width: 310px;}
#contacto .dcha{width: 100%;}
footer .izda{
	width: 40%; float: left;}
footer .dcha{
	width: 56%; float: right; margin: 0;}
footer .dcha .izda{
	display: none;}
footer .dcha .dcha{
	width: 100%; margin: 0;}
.tel{
	margin: 0 0 7px 0;}
.no-zoom{
	display: none;}
.foto ul li{
	margin: 0 0 10px 0;}
}

@media only screen 
and (min-width : 601px)
and (max-width : 800px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%;
	margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 200px;
	margin: 20px auto;}
#menu{
	margin: 0 auto;
	font-size: 0.9em;}
#menu ul li{
	float: left; width: 19%;}
#menu ul li a{
	margin: 10px 0 0 0;}
#menu ul .men{width: 16%;} #menu ul .may{width: 27%;}
#fondo-color{
	margin: 50px 0;}
.dcha{
	margin: 40px auto 0 auto; width: 450px;}
#ce .izda{
	width: 75%; float: left;}
#ce .dcha{
	width: 17%; margin: 40px 0 0 0; float: right;}
.boton a{
	width: 430px; margin: 20px auto;}
.tipos{
	width: 60%; float: left;}
.columna{
	width: 30%; float: right;}
#fondo-constr{
	background: url(../imagenes/fondo-constr-t.jpg) no-repeat center center; 
	background-size: 100% auto; padding: 30% 0 30px 0; font-size: 20px; line-height: 30px;}
#fondo-constr p{
	width: 37%;}
.frase{
	font-size: 1.1em;}
#horario{
	width: 450px;}
#contacto .dcha{width: 100%;}
footer .izda{
	width: 30%; float: none;}
footer .dcha{
	width: 100%; float: none;}
footer .dcha .izda{
	width: 50%; float: left;}
footer .dcha .dcha{
	width: 50%; float: right; margin: 0;}
.tel{
	margin: 0 0 7px 0;}
.no-zoom{
	display: none;}
}

@media only screen 
and (min-width : 801px)
and (max-width : 1024px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%;
	margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 200px;
	float: left;
	margin: 20px 0;}
#menu{
	width: 500px; float: right; margin: 2px 0 0 0;
	font-size: 0.8em;}
#menu ul li{
	float: left; width: 19%;}
#menu ul .men{width: 16%;} #menu ul .may{width: 27%;}
.izda{
	width: 50%; float: left;}
.dcha{
	width: 45%; float: right;}
#ce .izda{
	width: 80%; }
#ce .dcha{
	width: 15%; margin: 30px 0 0 0;}
.tipos{
	width: 60%; float: left;}
.columna{
	width: 30%; float: right;}
#fondo-constr{
	background: url(../imagenes/fondo-constr.jpg) no-repeat center center; 
	background-size: 100% auto; padding: 50% 0 30px 0; font-size: 23px; line-height: 35px;}
#fondo-constr p{
	width: 37%;}
.frase{
	font-size: 1.1em;}
footer .izda{
	width: 27%; }
footer .dcha{
	width: 73%; }
footer .dcha .izda{
	width: 50%;}
footer .dcha .dcha{
	width: 50%;}
.tel{
	margin: 0 0 7px 0;}
.no-zoom{
	display: none;}
.foto ul li{
	margin: 0 0 10px 0;}
}
	
@media only screen 
and (min-width : 1025px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1000px;
	margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 200px;
	float: left;
	margin: 20px 0;}
#menu{
	width: 600px;
	float: right;
	font-size: 0.9em;}
#menu ul li{
	float: left; width: 19%;}
#menu ul .men{width: 16%;} #menu ul .may{width: 27%;}
.izda{
	width: 40%; float: left;}
.dcha{
	width: 50%; float: right;}
#ce .izda{
	width: 80%; }
#ce .dcha{
	width: 15%; margin: 30px 0 0 0;}
.tipos{
	width: 60%; float: left;}
.columna{
	width: 25%; float: right;}
#fondo-constr{
	background: url(../imagenes/fondo-constr.jpg) no-repeat bottom center; background-size: 100% auto; padding: 550px 0 50px 0;}
#fondo-constr p{
	width: 40%;}
footer .izda{
	width: 30%; }
footer .dcha{
	width: 70%; }
footer .dcha .izda{
	width: 58%;}
footer .dcha .dcha{
	width: 42%;}
.tel{
	margin: 0 0 7px 0;}
.no-zoom{
	display: none;}
}
@media only screen 
and (min-width : 1290px){ 
body{
	padding: 0 150px;}}
@media only screen 
and (min-width : 1500px){ 
	body { line-height: 1.9em; font-size: 1.2em;}
.container {	width: 86%; max-width: 1400px;}
	#cabecera .container{width: 100%; max-width: 100%;}
	#cabecera .container .todo{margin: 0;}
h1, .t-h1 {    font-size: 33px;    margin: 100px 0 40px 0;}
	.sub {    margin: 10px 0 0 0; font-size: 0.6em; line-height: 20px;}
	.izda .tit, .izda h2, .izda .frase{margin-top: 80px;}
	.cerra .izda h2{margin-top: 0px;}
	.izda .frase{font-size: 30px; line-height: 50px; }
	.margen {    margin: 50px 0 0 0;}
	.columna {     padding: 40px;}
	footer {    padding: 50px 0 0 0;    margin: 100px 0 0 0;}
	address {     font-size: 17px;}
}