@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	margin: 0px;
	padding: 0px;
}

#banda_sup {
	position: fixed;
	background-color: #F1EBEC;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 140px;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #551E23;
	z-index: 3;
}

#boton_contacto {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 211px;
	height: 75px;
	margin: 0px;
	z-index: 98;
}
#boton_contacto img {
	width: 100%;
}

#icono_inicio {
	position: fixed;
	top: 5px;
	right: 15px;
	width: 50px;
	height: 50px;
	margin: 0px;
	z-index: 97;
}
#icono_inicio img {
	width: 100%;
	opacity: 0.5;
}
#icono_inicio img:hover {
	opacity: 1;
}

#contenedor, #contenedor_sup {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 0;
}

header, nav, article, section, footer, .logo, .panoramica_sup, .panoramica_mid, .email_sup, .tfno_sup, .foto_cabecera, .trabajos, .formu_inicio, .txt_localidades_inf, .formu_te_llamamos {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.contenido_inicio, .formulario {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5px;
}

.logo {
	width: 300px;
	margin-top: 5px;
	margin-left: 10%;
}
.panoramica_sup img, .logo img, .panoramica_mid img {
	width: 100%;
}

.contacto_sup {
	float: right;
	width: 400px;
	margin-right: 10%;
	margin-top: 30px;
}
.contacto_sup i {
	font-size: 25px;
	color: #D4B6B7;
	margin-right: 20px;
}
.contacto_sup i.fa-whatsapp {
	color: #257A25;
	margin-left: 5px;
}
.contacto_sup a {
	font-size: 26px;
	color: #551E22;
}
.email_sup a {
	font-size: 20px;
}
.tfno_sup {
	margin-top: 15px;
}

.panoramica_sup {
	margin-top: 141px;
}
.panoramica_mid {
	margin-top: 50px;
}

article.txt1 {
	width: 78%;
	margin-top: -11.5%;
	margin-left: 10%;
	margin-right: 10%;
	padding-left: 2%;
	padding-bottom: 15px;
	background-color: #331F20;
	opacity: 0.9;
}
article.txt2 {
	margin-top: -3px;
	padding-bottom: 15px;
	background-color: #FCE9E9;
}

article.txt1 h2, article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 26px;
}
article.txt1 h2 {
	color: #E5B9BD;
}
article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2 {
	color: #FFF;
	background-color: #80216D;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
}
article.txt2 h2.landing_pages {
	margin-top: 40px;
}
.trabajos h2 {
	background-color: #80216D;
	margin-bottom: 0px;
}
.formu_inicio h2 {
	background-color: #80216D;
	margin-bottom: 0px;
}
article.txt2 p, .txt_localidades_inf p {
	margin-left: 10%;
	margin-right: 10%;
	text-align: justify;
}
.txt_localidades_inf p {
	color: #684165;
}
article.txt2 img {
	float: right;
	margin-left: 40px;
}
article.txt1 ul {
	margin-left: 0px;
	padding-left: 0px;
}
article.txt2 ul {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 20px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #64574D;
}
article.txt1 ul li {
	float: left;
	width: 22%;
	margin-bottom: 12px;
	padding-left: 30px;
	list-style-type: none;
	background-image: url(../toldos-rivas-vaciamadrid-img/toldos_rivas_vaciamadrid_ok_p.png);
	background-repeat: no-repeat;
	background-position: left center;
}
article.txt1 ul li, article.txt1 ul li a {
	font-size: 16px;
	color: #FFF;
}
article.txt2 ul li {
	margin-bottom: 10px;
	list-style-type: square;
	color: #FFF;
}
article.txt2 ul li img {
	float: right;
	margin-left: 20px;
}

.trabajos {
	margin-top: 50px;
}

section.panel_contacto_inicio {
	padding-bottom: 25px;
	padding-top: 30px;
	margin-top: 50px;
	background-color: #432841;
	margin-bottom: 50px;
}
section.panel_contacto_inicio.landings {
	padding-bottom: 0px;
}
.datos_cont_inicio {
	width: 25%;
	margin-left: 10%;
}
.datos_cont_inicio.landings {
	width: 80%;
}
.datos_cont_inicio.bis {
	margin-top: 40px;
}
.datos_cont_inicio.landings div {
	float: left;
	margin-left: 5%;
}
.datos_cont_inicio.landings div.tel_email {
	margin-left: 15%;
}
.datos_cont_inicio p.nombre_empresa_contacto {
	font-size: 18px;
	color: #F0E0D6;
	margin-top: -10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.datos_cont_inicio.landings p.nombre_empresa_contacto {
	border-bottom: none;
}
.datos_cont_inicio p.nombre_empresa_contacto img {
	width: 150px;
	margin-right: 20px;
}
.datos_cont_inicio p.tel_inicio, .datos_cont_inicio p.email_inicio, .datos_cont_inicio p.dire_inicio  {
	color: #3A0101;
	padding-left: 20px;
	margin-bottom: 0px;
	color: #FFF;

}
.datos_cont_inicio p i {
	margin-right: 10px;
	font-size: 16px;
}
.datos_cont_inicio.landings p i {
	font-size: 20px;
}
.datos_cont_inicio p.tel_inicio a, .datos_cont_inicio p.email_inicio a {
	line-height: 25px;
	color: #FFF;
	font-size: 18px;	
}
.datos_cont_inicio.landings p.tel_inicio a, .datos_cont_inicio.landings p.email_inicio a {
	font-size: 22px;	
}
.mapa_loc_inicio {
	float: right;
	width: 50%;
	margin-right: 10%;
	margin-top: -170px;
}
iframe {
	width: 100%;
	height: 175px;
}

.txt_localidades_inf {
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FCF1E9;
}

a {
	color: #666;
	margin: 0px;
	padding: 0px;	
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px
}

footer {
	margin-top: 40px;
	margin-bottom: 40px;
}
.compartir_rs {
	float: left;
	width: 40%;
	margin-left: 40%;
	margin-right: 20%;
}

.resaltar {
	color: #80216D;
	font-weight: bold;
}
.parrafo_resaltado {
	font-weight: bold;
	font-size: 18px;
}
.parrafo_mas_resaltado, .parrafo_super_resaltado {
	font-family: 'Jura', sans-serif;
	font-weight: bold;
}
.parrafo_resaltado, article.txt2 p.parrafo_super_resaltado, article.txt2 p.parrafo_mas_resaltado {
	color: #80216D;
}
.parrafo_mas_resaltado {
	font-size: 20px;
	color: #80216D;
}
.parrafo_super_resaltado {
	font-size: 24px;
	color: #000;
}
.oculto_en_mov, .oculto_en_tab, .oculto_en_tab_mov, .oculto_en_pc, .oculto_esp {
	font-weight: normal;
}
.oculto_en_pc, .oculto_en_pc_tab, .oculto_en_pc_mov, .foto_sup_m, .foto_sup_m2, .foto_sup_p {
	display: none;
}

/*Formulario*/
.formu_inicio {
	margin-top: 0px;
	margin-bottom: 55px;
	padding-bottom: 20px;
	background-color: #330632;
}
.formu_te_llamamos {
	text-align: left;
	width: 450px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -14%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	background-color: #2D0E25;
	opacity: 0.8;
}
.txt_te_llamamos {
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	text-align: right;
	color: #FFF;
}
.formulario {
	margin-top: 10px;
}
input.cajas {
	width: 100%;
	height: 20px;
	min-width: 150px;
	color: #333333;
	font-size: 14px;
	font-weight: 300;
	background-color: #FFF;
	text-indent: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
input.botones {
	width: 150px;
	color: #333333;
	font-size: 15px;
	height: 27px;
	letter-spacing: 1px
}
textarea {
	width: 98.7%;
	height: 75px;
	color: #333333;
	font-size: 14px;
	font-weight: 300;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
.etiquetas_formu {
	float: left;
	color: #DDD;
	width: 100%;
	text-align: left;
	height: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}
.etiquetas_formu_oculto {
	display: none;
}
.etiquetas_formu_te_llamamos {
	float: left;
	font-size: 16px;
	color: #FFF;
	width: 120px;
	height: 22px;
	margin-top: 12px;
	margin-left: 20px;
}
.inputs_formu, .input_textarea_formu {
	float: left;
	width: 100%;
	height: 18px;
	padding: 0px
}
.inputs_formu_te_llamamos {
	float: right;
	width: 310px;
	height: 22px;
	margin-top: 12px;
}
.input_textarea_formu {
	height: auto;
}
.enviar_datos_formu {
	float: right;
	width: 90%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 18px;
	margin-left: 0px;
	text-align: right
}
.botones_formu {
	float: right;
	margin-right: 30px;
}

/*galería jquery*/
#gallery {
	width: 80%;
	text-align: left;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 10%;
	padding-bottom:10px;
	padding-left: 10%;
	background-color: #E2EAE6;
}
#gallery ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: inline-block;
}
#gallery ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#gallery ul img {
	width: 14.4%;
	padding: 0px;
	margin-top: 18px;
	margin-right: 1%;
	margin-bottom: 25px;
	margin-left: 1%;
}
#gallery ul img.izqda {
	margin-left: 0px;
}
#gallery ul a:hover img {
	opacity: 0.8;
}
#gallery ul a:hover {
	color: #fff;
	margin: 0px;
	padding: 0px;
}


@media (min-width: 87.818em) and (max-width: 105em) {
		
	article.txt1 {
		margin-top: -12%;
		padding-bottom: 5px;
	}
	article.txt2 {
		margin-top: 25px;
	}

	article.txt1 h2 {
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 0px;
	}

	article.txt1 ul li {
		width: 30%;
		padding-left: 3%;
	}

	article.txt1 ul li {
		width: 22%;
		padding-left: 25px;
	}
	article.txt1 ul li, article.txt1 ul li a {
		font-size: 15px;
	}
	article.txt2 ul li img {
		width: 400px;
	}

	#gallery ul img {
		width: 14.3%;
	}
	
}


@media (min-width: 72.018em) and (max-width: 87.817em) {
	
	.foto_sup_g {
		display: none;
	}

	.foto_sup_m {
		display: block;
	}

	.contenido_inicio, .formulario, article.txt2 p, article.txt1 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2, #gallery {
		padding-left: 5%;
		padding-right: 5%;
	}

	.logo {
		margin-left: 5%;
	}

	.contacto_sup, .formu_te_llamamos {
		margin-right: 5%;
	}

	article.txt1 {
		width: 88%;
		margin-top: -17%;
		padding-bottom: 5px;
	}
	article.txt2 {
		margin-top: 25px;
	}
	article.txt1 h2 {
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	article.txt2 ul {
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt1 ul li {
		width: 30%;
		padding-left: 3%;
	}
	article.txt1 ul li, article.txt1 ul li a {
		font-size: 16px;
	}

	.datos_cont_inicio {
		width: 35%;
	}
	.datos_cont_inicio.landings div {
		width: 30%;
		margin-left: 5%;
		margin-right: 0px;
		padding: 0px;
	}
	.datos_cont_inicio.landings div.tel_email {
		float: right;
		width: 60%;
		margin-left: 0px;
	}
	.datos_cont_inicio.landings div.tel {
		margin-top: -20px;
	}
	.mapa_loc_inicio {
		width: 40%;
	}
	
	.formu_te_llamamos {
		margin-top: -22%;
	}

	#gallery {
		width: 90%;
	}
	#gallery ul img {
		width: 14.2%;
	}
	
}


@media (min-width: 60.001em) and (max-width: 72em) {
	
	.foto_sup_g {
		display: none;
	}

	.foto_sup_m {
		display: block;
	}

	#banda_sup {
		height: 105px;
	}

	.contenido_inicio, .formulario, article.txt2 p, article.txt1 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2, #gallery {
		padding-left: 5%;
		padding-right: 5%;
	}

	.logo, article.txt1 {
		margin-left: 5%;
	}

	.contacto_sup, .formu_te_llamamos {
		margin-right: 5%;
	}

	.logo {
		width: 225px;
		margin-top: 2px;
	}

	.contacto_sup {
		margin-top: 20px;
		width: 320px;
	}
	.contacto_sup p {
		font-size: 18px;
	}
	.contacto_sup i {
		font-size: 23px;
		margin-right: 10px;
	}
	.contacto_sup a {
		font-size: 22px;
	}
	.email_sup a {
		font-size: 18px;
	}

	.panoramica_sup {
		margin-top: 106px;
	}

	article.txt1 {
		width: 88%;
		margin-top: -18%;
		padding-bottom: 5px;
	}
	article.txt2 {
		margin-top: 25px;
	}
	article.txt1 h2 {
		margin-top: 10px;
		margin-bottom: 0px;
	}
	article.txt1 h2, article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2 {
		font-size: 20px;
	}
	article.txt1 ul {
		margin-top: 10px;
	}
	article.txt1 ul li {
		width: 30%;
		padding-left: 3%;
	}
	article.txt1 ul li, article.txt1 ul li a {
		font-size: 15px;
	}
	article.txt2 ul {
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 ul li img {
		width: 350px;
	}
	
	.datos_cont_inicio {
		width: 40%;
	}
	.datos_cont_inicio.landings div {
		width: 30%;
		margin-left: 5%;
		margin-right: 0px;
		padding: 0px;
	}
	.datos_cont_inicio.landings div.tel_email {
		float: right;
		width: 60%;
		margin-left: 0px;
	}
	.datos_cont_inicio.landings div.tel {
		margin-top: -20px;
	}
	.mapa_loc_inicio {
		width: 35%;
	}
	
	.macrodis {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.compartir_rs {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	.parrafo_resaltado, .parrafo_super_resaltado {
		font-size: 18px;
	}
	
	.formu_te_llamamos {
		margin-top: -24%;
	}

	#gallery {
		width: 90%;
	}
	#gallery ul img {
		width: 29.9%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
	
}


@media (min-width: 47.001em) and (max-width: 60em) {
	
	.oculto_esp, .foto_sup_g, .foto_sup_m.bis {
		display: none;
	}

	.foto_sup_m, .foto_sup_m2 {
		display: block;
	}

	#banda_sup {
		height: 105px;
	}

	.contenido_inicio, .formulario, article.txt2 p, article.txt1 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2, #gallery {
		padding-left: 5%;
		padding-right: 5%;
	}

	.logo, article.txt1 h2, article.txt1 ul {
		margin-left: 5%;
	}

	.contacto_sup, .formu_te_llamamos {
		margin-right: 5%;
	}

	.logo {
		width: 225px;
		margin-top: 2px;
	}

	.contacto_sup {
		width: 320px;
		margin-top: 20px;
	}
	.contacto_sup p {
		font-size: 18px;
	}
	.contacto_sup i {
		font-size: 23px;
		margin-right: 10px;
	}
	.contacto_sup a {
		font-size: 22px;
	}
	.email_sup a {
		font-size: 18px;
	}

	.panoramica_sup {
		margin-top: 106px;
	}

	article.txt1 {
		margin-top: -32%;
		padding-left: 0px;
	}
	article.txt2 {
		margin-top: 25px;
	}
	article.txt1 h2, article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2 {
		font-size: 20px;
	}
	article.txt2 img {
		width: 300px;
		margin-bottom: 10px;
	}
	article.txt1 ul li {
		width: 45%;
		padding-left: 5%;
	}
	article.txt1 ul li, article.txt1 ul li a {
		font-size: 15px;
	}
	article.txt2 ul {
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 ul li img {
		width: 350px;
	}

	.datos_cont_inicio {
		width: 45%;
	}
	.datos_cont_inicio.landings div {
		width: 30%;
		margin-left: 5%;
		margin-right: 0px;
		padding: 0px;
	}
	.datos_cont_inicio.landings div.tel_email {
		float: right;
		width: 60%;
		margin-left: 0px;
	}
	.datos_cont_inicio.landings div.tel {
		margin-top: -20px;
	}
	.datos_cont_inicio p.nombre_empresa_contacto img {
		width: 115px;
	}
	.datos_cont_inicio p.tel_inicio, .datos_cont_inicio p.tel_inicio a, .datos_cont_inicio p.email_inicio, .datos_cont_inicio p.email_inicio a {
		font-size: 16px;
	}
	.datos_cont_inicio p.dire_inicio {
		font-size: 14px;
	}
	.datos_cont_inicio.landings p.nombre_empresa_contacto img {
		width: 100%;
	}
	.mapa_loc_inicio {
		width: 30%;
	}
	
	.macrodis {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.compartir_rs {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	.parrafo_resaltado, .parrafo_super_resaltado {
		font-size: 18px;
	}

	.formu_te_llamamos {
		margin-top: -24%;
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.txt_te_llamamos {
		font-size: 20px;
	}

	#gallery {
		width: 90%;
	}
	#gallery ul img {
		width: 29.8%;
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
	
}


@media (min-width: 32.5em) and (max-width: 47em) {
	
	body {
		font-size: 15px;
	}

	#contenedor, #contenedor_sup {
		width: 450px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.oculto_en_tab, .oculto_en_pc_tab, .oculto_en_tab_mov, .oculto_esp, #boton_contacto, .email_sup, .foto_sup_g, .foto_sup_m, .panoramica_mid {
		display: none;
	}

	.oculto_en_pc, .oculto_en_pc_mov, .foto_sup_p {
		display: block;
	}
	
	#banda_sup {
		height: 85px;
	}

	.logo {
		width: 180px;
		margin-top: 2px;
		margin-left: 0px;
	}

	.contacto_sup {
		width: 250px;
		margin-top: 27px;
		margin-right: 0px;
		text-align: right;
	}
	.contacto_sup i {
		font-size: 21px;
		margin-right: 10px;
	}
	.tfno_sup a {
		font-size: 22px;
	}
	.email_sup a {
		font-size: 16px;
	}
	.tfno_sup {
		margin-top: 10px;
	}

	.panoramica_sup {
		margin-top: 86px;
	}

	article.txt1 {
		width: 100%;
		margin-top: 3px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		opacity: 1;
	}
	article.txt2 {
		margin-top: 25px;
	}
	article.txt1 h2, article.txt2 h1, .trabajos h2, .formu_inicio h2 {
		font-size: 20px;
	}
	article.txt1 h2 {
		margin-left: 10%;
	}
	article.txt2 h2 {
		font-size: 17px;
	}
	article.txt1 ul {
		margin-left: 20px;
	}
	article.txt2 h1, .trabajos h2, .formu_inicio h2, article.txt2 h2 {
		padding-left: 5%;
		padding-right: 5%;
	}
	article.txt2 p {
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 img {
		float: left;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	article.txt1 ul li {
		width: 80%;
		padding-left: 30px;
		margin-bottom: 12px;
		margin-left: 5%;
	}
	article.txt2 ul {
		margin-left: 5%;
		margin-right: 5%;
	}
	article.txt2 ul li img {
		width: 365px;
		margin-bottom: 15px;
	}

	.trabajos_realizados {
		width: 450px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}

	section.panel_contacto_inicio {
		margin-top: 20px;
	}
	.datos_cont_inicio, .datos_cont_inicio.landings {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.datos_cont_inicio.landings div {
		width: 35%;
		margin-left: 5%;
		margin-right: 0px;
		padding: 0px;
	}
	.datos_cont_inicio.landings div.tel_email {
		float: right;
		width: 55%;
		margin-left: 0px;
	}
	.datos_cont_inicio.landings div.tel {
		margin-top: -20px;
	}
	.datos_cont_inicio.bis {
		margin-top: 230px;
	}
	.datos_cont_inicio p.nombre_empresa_contacto, .datos_cont_inicio p.tel_inicio, .datos_cont_inicio p.email_inicio, .datos_cont_inicio p.dire_inicio {
		text-align: center;
		margin-left: 0px;
		padding-left: 0px;
	}
	.datos_cont_inicio.landings p.tel_inicio, .datos_cont_inicio.landings p.email_inicio {
		text-align: left;
	}
	.datos_cont_inicio.landings p.tel_inicio a, .datos_cont_inicio.landings p.email_inicio a {
		font-size: 16px;
	}
	.datos_cont_inicio.landings p.nombre_empresa_contacto img {
		width: 100%;
	}
	.mapa_loc_inicio {
		width: 90%;
		margin-top: 20px;
		margin-left: 5%;
		margin-right: 5%;
	}

	footer {
		padding-bottom: 25px;
	}
	.macrodis {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}

	.parrafo_resaltado, .parrafo_super_resaltado {
		font-size: 16px;
	}
	
	.compartir_rs {
		width: 90%;
		margin-left: 10%;
		margin-right: 0px;
	}

	/*FORMULARIOS*/
	.formulario {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.formu_te_llamamos {
		width: 390px;
		height: 165px;
		margin-left: 30px;
		margin-right: 0px;
		margin-top: -220px;
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}
	.txt_te_llamamos {
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	#etiquetas_derecha {
		margin-left: 0px;
	}
	.etiquetas_formu_te_llamamos {
		width: 100px;
		margin-left: 20px;
	}
	.inputs_formu_te_llamamos {
		width: 240px;
		margin-right: 30px;
	}
	.enviar_datos_formu {
		float: left;
		width: 100%;
		margin-right: 0px;
		margin-top: 20px;
		text-align: center;
	}
	.botones_formu {
		float: left;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#gallery {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#gallery ul img {
		width: 39.5%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
}

@media screen and (max-width: 32.438em) {
	
	body {
		font-size: 14px;
	}

	#banda_sup {
		height: 153px;
	}

	#contenedor {
		width: 275px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#boton_contacto, .email_sup, .panoramica_sup, .panoramica_mid, .oculto_en_mov, .oculto_en_pc_mov, .oculto_en_tab_mov, .oculto_esp, .foto_sup_g, .foto_sup_m, .foto_sup_p {
		display: none;
	}
	
	.oculto_en_pc, .oculto_en_pc_tab {
		display: block;
	}
	
	.logo {
		width: 100%;
		text-align: center;
		margin-left: 0px;
		margin-bottom: 5px;
	}
	.logo img {
		width: 250px;
	}
	.contacto_sup {
		width: 100%;
		text-align: center;
		margin: 0px;
		padding: 0px;
		background-color: #6C185F;
	}
	.tfno_sup {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.contacto_sup p {
		font-size: 18px;
	}
	.contacto_sup i {
		font-size: 21px;
		margin-right: 10px;
	}
	.contacto_sup i.fb, .contacto_sup i.inst {
		font-size: 25px;
	}
	.contacto_sup i.fb {
		margin-left: 20px;
	}
	.contacto_sup i.inst {
		margin-left: 10px;
	}
	.contacto_sup i.fa-whatsapp {
		color: #6BB76B;
	}
	.contacto_sup a {
		font-size: 22px;
		color: #EBECF1;
	}
	
	article.txt1 {
		width: 100%;
		margin-top: 3px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		opacity: 1;
	}
	article.txt1 h2, article.txt2 h1, .trabajos h2, .formu_inicio h2 {
		font-size: 20px;
	}
	article.txt2 h2 {
		font-size: 17px;
	}
	article.txt1 ul {
		margin-left: 15px;
	}
	article.txt1 h2 {
		margin-left: 0px;
		text-align: center;
	}
	article.txt2 h1, article.txt2 h2, .trabajos h2, .formu_inicio h2 {
		text-align: center;
	}
	article.txt2 p {
		margin-left: 15px;
		margin-right: 15px;
	}
	article.txt2 img {
		float: left;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	article.txt1 ul li {
		width: 85%;
		padding-left: 30px;
		margin-bottom: 12px;
		margin-left: 0px;
		background-image: url(../toldos-rivas-vaciamadrid-img/toldos_rivas_vaciamadrid_ok_mini.png);
	}
	article.txt1 ul li, article.txt1 ul li a {
		font-size: 14px;
	}
	article.txt2 ul {
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 30px;
		padding-right: 10px;
	}
	article.txt2 ul li img {
		width: 225px;
		margin-bottom: 15px;
	}

	section.panel_contacto_inicio {
		margin-top: 20px;
	}
	section.panel_contacto_inicio.landings {
		padding-bottom: 20px;
	}
	.datos_cont_inicio, .datos_cont_inicio.landings, .datos_cont_inicio.landings div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.datos_cont_inicio.landings div.tel_email {
		margin-left: 0px;
	}
	.datos_cont_inicio.bis {
		margin-top: 230px;
	}
	.datos_cont_inicio p.nombre_empresa_contacto, .datos_cont_inicio p.tel_inicio, .datos_cont_inicio p.email_inicio, .datos_cont_inicio p.dire_inicio, .datos_cont_inicio.landings p.tel_inicio a, .datos_cont_inicio.landings p.email_inicio a {
		text-align: center;
		margin-left: 0px;
		padding-left: 0px;
	}
	.datos_cont_inicio p.email_inicio, .datos_cont_inicio p.email_inicio a, .datos_cont_inicio.landings p.tel_inicio a, .datos_cont_inicio.landings p.email_inicio a {
		font-size: 15px;
	}
	.datos_cont_inicio p.dire_inicio {
		font-size: 14px;
	}
	.datos_cont_inicio p.nombre_empresa_contacto img {
		width: 150px;
	}
	.datos_cont_inicio p.tel_inicio, .datos_cont_inicio p.tel_inicio a {
		font-size: 20px;
	}
	.mapa_loc_inicio {
		width: 90%;
		margin-top: 20px;
		margin-left: 5%;
		margin-right: 5%;
	}

	.flecha_up.bis {
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
	}

	footer {
		padding-bottom: 25px;
	}
	.macrodis {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.compartir_rs {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	.parrafo_resaltado, .parrafo_super_resaltado {
		font-size: 16px;
	}

	
	/*FORMULARIOS*/
	.formulario {
		width: 84%;
		margin-left: 8%;
		margin-right: 8%;
	}
	.formu_te_llamamos {
		width: 255px;
		height: auto;
		margin-top: 195px;
		margin-left: 0px;
		margin-bottom: 25px;
		text-align: center;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #88577D;
		opacity: 1;
	}
	.txt_te_llamamos {
		font-size: 14px;
		text-align: center;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#etiquetas_derecha {
		margin-left: 0px;
	}
	.etiquetas_formu_te_llamamos {
		font-size: 14px;
		width: 30%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.inputs_formu_te_llamamos {
		width: 68%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.inputs_formu, .enviar_datos_formu {
		width: 100%;
	}
	.input_textarea_formu {
		width: 97%;
	}
	.enviar_datos_formu {
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		text-align: center;
	}
	.botones_formu {
		float: left;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	#gallery {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	#gallery ul img {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
}