.icon-header{width: 25%; margin-top: -80px;}
.header-right{background: #952342; width:40% !important}
.header-left{width: 30% !important}
.seccion_titulo{color:#952342 !important; font-weight: bold; transform: scale(1.2)}
.seccion_titulo2{color:#fff !important; font-weight: normal; font-style: italic; letter-spacing: 2px;  }
i img{ width: 15px;}
.contenedor_formulario{width: 100%; background: url("../img/lines.jpg"); padding-top: 15px; padding-bottom: 15px; background-size: 900px}

.contenedor_legales{width: 100%; background:#F4F4F4 url("../img/sombra.svg") top center no-repeat; padding-top: 50px; padding-bottom: 150px; background-size: 900px;
  -webkit-transition: .3s all ease-in-out .1s;
       -moz-transition: .3s all ease-in-out .1s; 
        -ms-transition: .3s all ease-in-out .1s; 
         -o-transition: .3s all ease-in-out .1s; 
            transition: .3s all ease-in-out .1s;
            font-size:12pt;
}

.footer-info-left{height: 50px !important; width: 25%; background:#952342;}
.footer-info-right{height: 50px !important; width: 75%; background: url("../img/lines.jpg");  background-size: 900px}

.footer-pleca-left{height: 300px !important; width: 25%; background:#fff;}
.footer-pleca-right{height: 300px !important; width: 75%; background: url("../img/arte_pleca.jpg") center bottom no-repeat;  background-size:cover}


.caja_legales{ width: 90%; margin: auto; left: 0; right: 0; max-width:900px; padding-right: 60px; padding-top: 100px; padding-bottom: 100px; height: auto; max-height: 400px; border-bottom:1px solid #ccc; color: #6F6F6F !important;
  -webkit-transition: .3s all ease-in-out .1s;
       -moz-transition: .3s all ease-in-out .1s; 
        -ms-transition: .3s all ease-in-out .1s; 
         -o-transition: .3s all ease-in-out .1s; 
            transition: .3s all ease-in-out .1s;}

.caja_legales .flexible{ height: 0px; overflow: hidden;
  -webkit-transition: .3s all ease-in-out .1s;
       -moz-transition: .3s all ease-in-out .1s; 
        -ms-transition: .3s all ease-in-out .1s; 
         -o-transition: .3s all ease-in-out .1s; 
            transition: .3s all ease-in-out .1s;}

.contenido_desplegado{height: auto !important;  }
.caja_desplegada{max-height:none!important}

.auxiliares{width: 90%; margin: auto; left: 0; right: 0; max-width:900px; position: relative}
.mas{ position: absolute; right: 0; display: block; padding-top: 50px; cursor: pointer; display: none}
.menos{ position: absolute; right: 0; display: block; padding-top: 50px; cursor: pointer; display: none}
.visible{display: block}

.tb_esp{padding-top: 50px; padding-bottom: 20px}

.contenedor_formulario .contenido{  position: relative; margin: auto; left: 0; right: 0;}

.captura{position: relative; float: left; padding: 15px; height: 60px; border-radius:16px; border: solid 2px #D0D0D0; font-size: 40px; text-align: center; width: 150px; font-weight: bold; color:#0D0D0 !important;   margin: auto; z-index: 5;
    -webkit-transition: .3s all ease-in-out 0s;
       -moz-transition: .3s all ease-in-out 0s; 
        -ms-transition: .3s all ease-in-out 0s; 
         -o-transition: .3s all ease-in-out 0s; 
            transition: .3s all ease-in-out 0s;  }

.completo{ width: 650px !important}
.e_v{ padding-bottom: 5px !important; padding-top: 50px !important; position: relative; margin: auto; display: block; left: 0; right: 0; text-align: left; padding-left: 100px;}

.espacio_{margin-right: 10px}
.btn{padding: 15px; height: 60px; border-radius:16px; border: solid 2px #952342; font-size: 40px; text-align: center; width: 150px; font-weight: bold; color:#0D0D0 !important;background: #fff  }

#btnModal2Btn1, #btnModal2Btn2{width:auto; height:auto; padding:8px 16px; font-size:16px; border-radius:4px}

.aviso{color:#7A7A7A; padding-bottom:30px; width: 90% }
.consultar{ text-decoration: none; display: block; height: 60px; border-radius:16px; border: solid 2px #D0D0D0; width: 150px; overflow: hidden; background: #fff url("../img/consultar.svg") center no-repeat; margin: auto; left: 0; right: 0; outline: none;
    -webkit-transition: .3s all ease-in-out 0s;
       -moz-transition: .3s all ease-in-out 0s; 
        -ms-transition: .3s all ease-in-out 0s; 
         -o-transition: .3s all ease-in-out 0s; 
            transition: .3s all ease-in-out 0s;    }

.consultar:hover{background: #F4F4F4 url("../img/consultar_hover.svg") center no-repeat !important;  }

.continuar{ text-decoration: none; display: block; height: 60px; border-radius:16px; border: solid 2px #D0D0D0; width: 150px; overflow: hidden; background: #fff url("../img/continuar.svg") center no-repeat; margin: auto; left: 0; right: 0; outline: none;
    -webkit-transition: .3s all ease-in-out 0s;
       -moz-transition: .3s all ease-in-out 0s; 
        -ms-transition: .3s all ease-in-out 0s; 
         -o-transition: .3s all ease-in-out 0s; 
            transition: .3s all ease-in-out 0s;    }

.continuar:hover{background: #F4F4F4 url("../img/continuar_hover.svg") center no-repeat !important;  }



.indicador{width: 45px; height: 25px; background: url("../img/indica.svg") left center no-repeat; position: relative; display: block; position: relative; float: left; margin: auto; margin-top: 20px;}

.pregunta{width: 35px; height: 25px; background: url("../img/info_icon.svg") right center no-repeat; position: relative; display: block; position: relative; float: left; margin: auto; margin-top: 0px;}





.indicativo{ color: #952342; text-align: center !important; margin: auto; left: 0; right: 0; position: relative; width: 100%; display: block; font-weight: bold !important; letter-spacing:1px; padding-bottom: 20px;}

.logo_ayuntamiento{ position:relative; margin: auto; left: 0; right: 0; display: block; }
.line2-right{width:40% !important; height: 100px !important;  }
.line2-left{width: 60% !important; background: #fff; height: 100px !important;   }
.bg-catastral{ background: url("../img/catastral.jpg") center no-repeat; background-size:cover}
.bg-facturacion{ background: url("../img/fractura.jpg") center center no-repeat; background-size:cover}


.line2-left h1{color: #fff; font-size: 70px; font-weight: bold}

.btn-wrap{ padding-top: 100px; position: relative; margin: auto; left: 0; right: 0; width: 100%; text-align: center; align-content: center}

.espacio-td{}
.descriptivo{ text-align: right;  right: 0px; padding: 10px; padding-left: 50px; padding-right:50px; background: #EFEFEF; font-size: 12px; color: #952342;  display:flow-root; width: 100%; position:relative; align-items: baseline; bottom: 0px; height: 60px; margin-top: -60px }

.sombra{ position:relative; margin: auto; left: 0; right: 0; height: 50px; background: url("../img/sombra.svg") center top no-repeat; background-size: cover}


.titulo001{ opacity: 0; display: none}
.titulo002{ opacity: 0; display: none}
.titulo003{ opacity: 0; display: none}

.titulo_visible{ display: block !important}


.gris{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
}

.paso{ font-size:12pt;width: 120px; border-radius: 30px; background:#EFEFEF; height: 40px; padding-top: 10px; display: block; position: relative; color:#A0A0A0; text-align: left; padding-left: 20px; right: 0px !important}
.paso .numero{ height: 40px; width: 40px; position: absolute; background:#952342; color: #fff; border-radius: 50% ; right: 0px; top: 0px; text-align: center; font-size: 25px }
.pasos_facturacion{ width: 90%; max-width: 900px; left: 0; right: 0; margin: auto; display: block; }
#ContenedorPrincipal {
    display: block;
    border-left: 200px;
    border-right: 200px;
    top: 0px;
    left: 0px;
    margin: 0 auto auto auto;
}

#FormularioPrincipal {
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    background:#FFF;
}

.navegacion {
    width: 100%;
    margin: 30px auto;
    background: #691C27;
		max-width: 1100px!important;
}

.navegacion ul {
    list-style: none;

}

.menu > li {
    position: relative;
    display: inline-block;
}

.menu > li > a {
    display: block;
    padding: 15px 20px;
    color: #FFF;
    font-family: Arial;
    text-decoration: none;
}

.menu > li .Links {
    display: block;
    padding: 15px 20px;
    color: #FFF;
    font-family: Arial;
    text-decoration: none;
}

.menu li .Links:hover {
    color: #A22044;
    transition: all 0.3s;
}

.menu li a:hover {
    color: #A22044;
    transition: all 0.3s;
}

.submenu {
    position: absolute;
    background: #4b4b4b;
    width: 120%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s;
}

.submenu li a {
    display: block;
    padding: 15px;
    color: #FFF;
    font-family: Arial;
    text-decoration: none;
}

.submenu li .SubLinks {
    display: block;
    padding: 15px;
    color: #FFF;
    font-family: Arial;
    text-decoration: none;
}

.menu li:hover .submenu {
    visibility: visible;
    opacity: 1;
}


.contenedor{width: 100%; max-width: 1100px; margin: auto; align-content: center;}
.logo_ayuntamiento{ width: 100px}
.head-table{border-top:#fff solid 40px!important;
	-webkit-transition: all 0.5s ease-in-out .1s;
	-moz-transition: all 0.5s ease-in-out .1s; 
	-ms-transition: all 0.5s ease-in-out .1s;
	-o-transition: all 0.5s ease-in-out .1s;
	transition: all 0.5s ease-in-out .1s;}
body{opacity:0;
	-webkit-transition: all 0.9s ease-in-out .0s;
	-moz-transition: all 0.9s ease-in-out .0s; 
	-ms-transition: all 0.9s ease-in-out .0s;
	-o-transition: all 0.9s ease-in-out .0s;
	transition: all 0.9s ease-in-out .0s;}
.contenido_ok{ opacity:1 !important}
.mas20{border-top:#fff solid 60px!important;}
.dxeTextBoxSys{ border: 1px solid #E1E1E1}
 
@media screen and (max-width: 650px){
	
	.e_v{ padding-bottom: 5px !important; padding-top: 50px !important; position: relative; margin: auto; display: block; left: 0; right: 0; text-align: left; padding-left: 50px;}
	
	.completo{ width: 75% }
.footer-pleca-left{height: 200px !important; width: 25%; background:#fff;}
.footer-pleca-right{height: 200px !important; width: 75%; background: url("../img/arte_pleca.jpg") center bottom no-repeat;  background-size:cover}
	
	.pregunta{width: 30px; height: 20px; background: url("../img/info_icon.svg") right center no-repeat; position: relative; display: block; position: relative; float: left; margin: auto; margin-top: 0px;}


	.indicador{width: 25px !important;}
	.caja_legales{ font-size: 12px; }
 
	.aviso{color:#7A7A7A; padding-bottom:30px; width: 90% !important; margin: auto; left: 0; right: 0; font-size: 11px !important}
	.captura{position: relative; float: left; padding:5px 5px; height: 40px; border-radius:16px; border: solid 2px #D0D0D0; font-size: 16px; text-align: center; width: 80px; font-weight:normal; color:#0D0D0D !important;   margin: auto}
	
	.indicador{width: 45px; height: 25px; background: url("../img/indica.svg") left center no-repeat; position: relative; display: block; position: relative; float: left; margin: auto; margin-top: 13px;}
	
 .espacio-td{ display: none !important; }
	.descriptivo{ text-align: center !important; height: 77px }
	
	.line2-right{width:100% !important; height: 100px !important; float: left}
	.line2-left{width: 100% !important; background: #fff; height: 100px !important;  float: left  }
	.bg-catastral{ background: url("../img/catastral.jpg") center no-repeat; background-size:cover}
		.bg-facturacion{ background: url("../img/fractura.jpg") center center no-repeat; background-size:cover; max-height:100px !important}
	.line2-left h1{color: #fff; font-size: 50px; font-weight: bold; padding-top: 60px;}
	.icon-header{width: 25%; padding-top: 60px; margin-top: 0px !important;}
			
	.contenedor{width: 95%; max-width: 1100px; margin: auto; align-content: center;}
	.logo_ayuntamiento{ width: 100px}
	.head-table{border-top:#fff solid 5px!important;}
	.mas20{border-top:#fff solid 25px!important;}
	
	.seccion_titulo,.seccion_titulo2{ font-size: 25px;}
	.seccion_titulo{color:#952342 !important; font-weight: bold; transform: scale(1) !important}
	.seccion_titulo2{color:#fff !important; font-weight: normal; font-style: italic; font-size: 22px;   }
}