@font-face{font-family:Nexa-bold; src:url(Nexa-Bold.ttf); src:url(Nexa-Bold.eot); src:url(Nexa-Bold.woff); src:url(Nexa-Bold.otf); font-display: swap;}
@font-face{font-family:Nexa; src:url(Nexa.ttf); src:url(Nexa.eot); src:url(Nexa.woff); src:url(Nexa.otf); font-display: swap; }


body { 	background-position: top center; 	background-repeat:repeat-x; 	font-family:  Arial, Calibri, Helvetica;	font-size: 16px; 	font-style: normal; 	margin: 0; 	margin:col; }

.Estiloweb {font-style: normal; text-align: center; }

a:link   {   text-decoration:none;   } 

h2 {    margin-top: 2px;    margin-bottom: 2px;}

.Estilo6 {color: #333;  }
.Estilo-Nexa-bold {font-family:Nexa-bold;}
.Estilo-Nexa {font-family:Nexa;}
.Estiloblanco {color: #FFFFFF;}
.Estilonegro {color: #000000;}
.Estilolink {color:#d31f1e;  font-weight:bold; }
.Estiloblanco2 {color: #FFFFFF;}
.imgresponsive{max-width: 100%;  height: auto;}
.AnchoImagenVarible { width:40%}
.Estilorojo{color: #5E1515;} 
.Estilonegrita{ font-weight:bold; }
.Estilo-color-pie{color: #FFF;} 
.Estilo-tituloseccion{font-size:23px; font-family:Nexa-bold;}
.Estilo-preguntas { font-size:18px; font-family:Nexa;}
.Estilo-seccion-subpagina {color: #5E1515; font-size:17px; font-family:Nexa-bold;}
.Estilo-verde-claro{color:#00c492;}
.Color-web{color:#d31f1e;}
.letra-grande{font-size:33px; font-family:Nexa-bold;}
.letra-mediana{font-size:23px; font-family:Nexa-bold;}
.letra-intermedia{font-size:19px; font-family:Nexa-bold;}
.letra-arial{font-family:Arial, Calibri, Helvetica;}
.Estilo9 {color: #000; font-size:29px; font-family:Nexa-bold;}
.Estilo15 {	font-size: 15px;}
.justifyText {text-align : justify;}
H5 {margin: 3px 0px 3px 0px;}

.centrar {margin-right: auto;margin-left: auto;}

.contenedor {margin-top:15px;z-index: 1;width:100%;}

.cabecera {color:#FFFFFF;position:relative;width:100%;margin-top:-30px;   }
.cabecerahijo{margin-top:0px; }
.margencabecera{padding-bottom:05px;}

.comun  {padding-top: 10px;}

.titulo {position:relative; top:10px; width:850px;  font-size: 22px; font-family:Nexa-bold; font-style: normal;text-align: center; }
.cuadroinfotitulo{	padding-top:1px;	width:76% !important;	padding-bottom:1px;	float:right;}
.cuadrofototitulo{	padding-top:15px;	width:23% !important;	float:left;  }
.cuadrofototitulo img {height:80px !important}
.textocentradotitulo {display: table-cell;	vertical-align: middle; }
.posicion-cabecera{position:relative; top:-80px; }
.cuadroizquierda-centrado-portada{	padding-top:0px;	width:68% !important;	float:left; padding-right:8px; }
.sangria { padding-left:20px ; }


.cuadro {text-align: left; padding-top:40px; }

.tlf {    position:relative; top:25px; width: 800px; font-style: normal; color:#FFFFFF; font-family:Nexa; margin-bottom:20px; }
.pos-tlf {display:inline-block; float:right;}


.bordes-preguntas{ border:#393d42; border-width: 1px;border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; }
.bordes-preguntas-relleno{ border:#393d42; border-width: 1px; background-color:#393d42;  /*background-color:#F5F5F5;*/ border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; color:#000000; }
.separacion-preguntas{ height:3px;}

.pie-100 {	top: 40px; position: relative; width:100%; padding-top:15px;  padding-bottom:20px;  }
.cabecera-100 {	top: 0px; position: relative; width:100%; padding-top:20px;  padding-bottom:20px;  }
.cabecera-portada {	top: 0px; position: relative; width:100%; text-align: left; max-height:270px; }
.colorgris { color:#000; background:#F5F5F5;	 }
.colornegro { color:#FFFFFF; background:#393d42;	 }
.colorblanco { color:#000; background:#FFF;	 }
.color-caracterisco-web { color:#FFF; background:#d31f1e;	 }
.colorportada { color:#FFFFFF; background-color:#141007;  background-image:url(../imagenes/logo-gruas-carvajal.jpg); background-repeat: no-repeat; }
.fondoopaco { 	 opacity: 1; padding-left:16%; height:270px; z-index: 0;}
.fondonoopaco {opacity: 0.85; z-index: 5; margin-top: 37px;    margin-bottom: 27px; background-color:#d31f1e; padding-bottom:20px; padding-top:30px; padding-left:10px; width:400px;}
.espaciadotitulo{margin-top:4px; margin-bottom:1px;}
.colorrojo { color:#FFF; background:#5E1515;	 }
.colorgrisclaro { color:#000; background:#F2F2F2;	 }
.margenes  {  padding-left:15%; padding-right:10% }
.margenes100movil {  padding-left:30%; padding-right:30% }
.margenes-portada  {   padding-right:8% }
.espaciado-solo-pc {padding-top:20px;}
.ancho-max {width:80%}

.box-comun {	 position:relative; top:20px;  color:#212121; background:#FFFFFF; padding-bottom:50px; padding-right:20px; padding-top:20px; padding-left:20px; width:1050px; }
.cuerpo-contacto {	 position:relative; margin-bottom:80px;}

.tabl {}
.tabl div {display:inline-block; text-align:center; width:19%}

.subpie1 { position:relative; top:60px;  padding-top:22px; padding-bottom:30px;}   
.subpie2 { position:relative; top:-1px; font-size:75%; padding-bottom:20px;}
.imgfooter{ width:17%; height:auto; margin-right:2%; max-width:70px; padding-bottom:25px; vertical-align:middle;}
.margenes-T-footer{ padding:3%; text-align:left;}
.estilopiepeq{ font-size:12px;}
.estilopiemed{font-size:14px;}

div.centrado{text-align: center;}
div.centrado table {margin: 0 auto;text-align: left;}
.tablacentrada{margin:auto;}


.formatabla{	text-align: center;	vertical-align:middle; 	border: 2px solid #000;	border-collapse: collapse;}
.formatabla th, .formatabla td {	border: 2px solid #000;}

.caja {	width: 240px;	display:inline-block;	border:1px solid #0033FF; }

.caja img {height:180px !important}

.cuadroinfo-foto{	width:100%; 	display: inline-block; /* hace que sea un bloque*/}

.cuadroinfo1{	padding-top:1px;	width:64% !important;	padding-bottom:1px;	float:right;}
.cuadrofoto1{	padding-top:15px;	width:33% !important;	float:left;}


.cuadroizquierda-centrado{	padding-top:10px;	width:47% !important;	float:left; }
.cuadroderecha-centrado{	padding-top:10px;	width:47% !important;		float:right; }


  .boton_personalizado{    text-decoration: none;    padding: 10px;    font-weight: 600;    font-size: 15px;    color: #ffffff;    background-color:  #121212;    }
  .boton_personalizado:hover{    color: #FFF;    background-color: #d31f1e;  }
  .boton-w { background-color:#d31f1e; }

.centrar-texto{padding-top:1px;text-align: center;}
 
.figuras{padding-top:0px;text-align: center;}
.figuras img{	max-width:100%;} 
.infoDcaja{	display:inline-block; width:300px;margin-left:15px;margin-right:15px;	margin-bottom:15px;	vertical-align:top;}
.infoDcajagrande{	display:inline-block; width:390px;margin-left:15px;margin-right:15px;	margin-bottom:15px;	vertical-align:top;}
.infoDcajapeq{display:inline-block; width:222px; margin-left:10px; margin-right:10px; margin-bottom:15px; margin-top:15px; vertical-align:top;}

  
  /*LISTA  */
#lista2 ul { list-style: none; padding: 0px; margin-left: 25px; }
#lista2 ul li::before { content: "\2022";  color: #000; display: inline-block; padding-right: 10px; font-size: 50px;
line-height: 25px; vertical-align: -11px; width: 15px; }
/*LISTA */

/*label */
.labelformato {   margin: .4em 2; }
.labelformato label {  width: 25%;  float: left; margin: .5em 0 0 0;}
.labelformato input {  width: 100%;}
.labelformato input2 {  width: 25%;}
.btn {   display: block;   margin: 1em 0;}
/*label */


@media (max-width:2500px){	
		.margenes, .margenes100movil  {  padding-left:30%; padding-right:30% }
		
}


@media (max-width:2000px){	
		.margenes, .margenes100movil   {  padding-left:23%; padding-right:23% }
}

@media (max-width:1800px){	
		.margenes, .margenes100movil   {  padding-left:21%; padding-right:21% }
		
}

@media (max-width:1700px){	
		.margenes, .margenes100movil   {  padding-left:19%; padding-right:19% }
}

@media (max-width:1600px){	
		.margenes, .margenes100movil   {  padding-left:17%; padding-right:17% }
}

@media (max-width:1500px){	
		.colorportada {   }
		.margenes, .margenes100movil   {  padding-left:12%; padding-right:12% }
		
}

@media (max-width:1300px){	
		
		.margenes, .margenes100movil   {  padding-left:8%; padding-right:8% }
	
		
}


@media screen and (max-width:1200px){
	.colorportada {  }
	.contenedor {width:100%}
	.cabecera {width:inherit}
	.menu {width:100%}
	.infoDcaja{width:280px;}
	.infoDcajagrande{	display:inline-block; width:340px;margin-left:8px;margin-right:8px;	margin-bottom:15px;	vertical-align:top;}
}	
@media screen and (max-width:1100px){
		.colorportada {  }
	.bordes-preguntas-relleno, .bordes-preguntas {width:80%; }	
	.titulo {width:630px;  font-size: 21px; }
	.cuadrofototitulo img {height:80px !important}
	.box-comun {	width:90%; padding-bottom:30px; padding-right:0px; padding-top:20px; padding-left:0px; }
	.margenes, .margenes100movil  {  padding-left:7%; padding-right:7% }
	.margenes-portada  {   padding-right:4%; }	
	.cuerpo img {max-width:100%; height:auto}

}

@media screen and (max-width:1000px){
	.tlf {width:80%; }
	.pie, .pie-100, .articulo-general {width:100%}		
	.infoDseccion{	float:none; 	border:1px solid #0033FF;	width:250px;}
	.infoDcaja{width:260px;}
}

@media screen and (max-width:900px){
	.colorportada {  }
	.cuerpo-index article {float:none}
	.tabl div {width:48%}
	.letra-grande{font-size:30px; }
	.letra-mediana{font-size:20px; }
	.letra-intermedia{font-size:18px;}

}
@media screen and (max-width:800px){
	.colorportada { }
	.titulo {width:550px;  font-size: 19px; }
	.cuadrofototitulo img {height:70px !important}
	.subpie1 table {width:inherit}		
	nav {margin-bottom:0px;}
	.margenes, .margenes100movil  {  padding-left:5%; padding-right:5% }
	.bordes-preguntas-relleno, .bordes-preguntas {width:96%; }	
	.infoDcaja{	margin-top:30px;}
	.infoDcajagrande {	margin-top:25px;}
	.cuadroizquierda-centrado-portada{ }
}

@media screen and (max-width:700px){
	.colorportada {  }
	.cuadroinfo1 {width:95% !important}
	.cuadrofoto1 { margin:auto; width:95% !important; margin-top:25px; margin-left:5%;}
	.cuadroderecha-centrado {padding-bottom:0px; padding-top:0px; float:none; width:100% !important}
	.cuadroizquierda-centrado {padding-top:0px; padding-bottom:0px; float:none; width:100% !important }
	.infoDcaja  {	 width:80%;}
	.infoDcajagrande{ width:80%; margin-left:0px;margin-right:0px;}
	.tlf {width:91%; }
	.cuadroizquierda-centrado-portada{ padding-top:20px;	width:100% !important; padding-right:0px; float:none;  }	
	.cabecera-portada {	 max-height:235px; }
	.margencabecera{padding-bottom:5px;}
	.margenes100movil  {  padding-left:0%; padding-right:0% }
	.margen-movil{ padding-top:30px; padding-bottom:10px;}
	.fondoopaco {   padding-left:2%; padding-right:2%; }
	.fondonoopaco {padding-right:1%; margin-bottom: 0px; width:99% !important; padding-top:5px; padding-bottom:3px;  }
	.margenes-portada  {   padding-right:0px; }
		.figuras{margin-top:-30px;}
	.imgfooter{ height:auto;  max-width:60px;}
	.espaciado-solo-pc {padding-top:1px;}
	.ancho-max {width:70%}
	.AnchoImagenVarible { width:70%}
}	

@media screen and (max-width:600px){
	.colorportada { }
	.centrar {clear:both}	
	.titulo {width:492px;  font-size: 17px; }
	.cuadrofototitulo img {height:65px !important}
	.cabecera {margin-top:-10px; }
	.contenedor {margin-top:00px}
	.cabecerahijo img{display:none;}
	.cuadroizquierda-centrado-portada{ }
	.tlf {top:15px;}
	nav {	top: -10px; }		
	.Estilo-tituloseccion{font-size:19px; }
	.Estilo-preguntas { font-size:16px;}
	.subpie1 table td {width:inherit   display: block;  text-align: center;}
  	.formatabla {border:none; width:100%}
  	.formatabla td {display:block; text-align:center; width:100%}
	.margenes  {  padding-left:4%; padding-right:4% }
	.sangria { padding-left:2px ; }
	 .boton_personalizado{    font-size: 14px;   }
	 .Estilo-tituloseccion{font-size:21px;}
	 .Estilo-preguntas { font-size:17px; }
	 .Estilo-seccion-subpagina { font-size:16px;}
	 .Estilolink { font-size:15px;  }
	 .cuadroinfo1 { margin-left:0px; float:left;}
	.cuadrofoto1 { margin-top:14px; margin-left:1px;}
	.infoDcaja {	 width:87%;}
	.infoDcajapeq {	 width:87%;  margin-bottom:20px;}
	.infoDcajagrande {	 width:100%;}
	.Estilo9 { font-size:26px; }
	.letra-grande{font-size:26x;}
	.letra-mediana{font-size:20px;}
	.letra-intermedia{font-size:18px;}

	.box-comun {	width:95%; }
}

@media screen and (max-width:500px){
	.colorportada {  background-image:url(../imagenes/portada-web-cerrajero-benalmadena-500.webp); }
	.titulo {width:95%;  font-size: 16px; top:1px;  }
	.cuadrofototitulo img {height:84px !important}
	.cuadroinfotitulo {	width:95% !important;	padding-top:1px;  float:left; }
	.cabecera {margin-top:-5px; }
	.cuadrofototitulo img {display:none; width:1% !important;}		
	.tlf {width:96%;}
	.infoDcaja{	 width:94%;}
	.margencabecera{padding-bottom:15px;}
	.margenes  {  padding-left:3%; padding-right:3% }
	.letra-grande{font-size:25px;}
	.letra-mediana{font-size:17px;}
	.letra-intermedia{font-size:17px;}
	H1 {margin: 3px 0px 3px 0px;}
	H3 {margin: 12px 0px 16px 0px;}
	.ancho-max {width:65%}
	.AnchoImagenVarible { width:100%}

}

@media screen and (max-width:400px){
	.colorportada {  background-image:url(../imagenes/portada-web-cerrajero-benalmadena-400.webp); }
	.titulo {font-size: 16px; }
		.letra-grande{font-size:23px;}
	.letra-mediana{font-size:16px;}

}



/*  ////  MENU//////*/
.clear:before, .clear:after {    content: " ";    display: table;}
.clear:after {  clear: both;}
.clear {  *zoom: 1;}
a#pull {   display: none;}
nav { height: 40px;    width: 100%;    background: #393d42;    position: relative;    border-bottom: solid 1px #DDD;}
nav ul {    padding: 0;    margin: 0 auto;    width: 1000px;    height: 40px;}
nav li {   display: inline;    float: left;}
nav a {    color: #FFF;    display: inline-block;    width: 120px;    text-align: center;    line-height: 40px;}
nav li a {    border-right: 1px solid #393d42;}
nav li:last-child a {    border-right: 0;}
nav a:hover, nav a:active {    background-color: #000;	 color: #FFF;}

@media only screen and (max-width : 3000px) {
    nav {        border-bottom: 0;        height: auto;		z-index: 1;   }
    nav ul {        display: none;        height: auto;        width: 100%;    }
    nav li {        width: 50%;        float: left;        position: relative;    }
    nav a {        text-align: center;        width: 100%;        text-indent: 25px;    }
    nav a#pull {        display: block;        background-color: #393d42;        width: 100%;        position: relative;    }
    nav a#pull:after {        content:"";        background: url('nav-icon.png') no-repeat;        width: 30px;
        height: 30px;        display: inline-block;        position: absolute;        right: 15px;        top: 10px;    }
}

@media only screen and (max-width : 500px) {
    nav li {        width: 100%;           }

}


/*MENU  */


/*carrusel  */


* {    box-sizing: border-box;}


input[name="slider-select-element"] {    display: none;}

#slider-arrows {    margin: -10% auto 0 auto;    width: 90%;}

#slider-box {    -moz-animation: autoSlider 15s infinite linear;
    -o-animation: autoSlider 15s infinite linear;
    -webkit-animation: autoSlider 15s infinite linear;
    animation: autoSlider 15s infinite linear;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    height: 100%;
    width: 400%;
}

#slider-container {    height: 20%;    margin: 0 auto;    overflow: hidden;    text-align: left;    width: 100%;}

.element-blue, .element-green,.element-red, .element-black {    min-height: 400px;    max-height: 100%;    width: 100%;}
.element-blue {}
.element-green {}
.element-red{}
.slider-element {    float: left;    width: 25%;}

@media only screen and (max-width : 700px) {
   .element-blue, .element-green,.element-red, .element-black {    min-height: 100px;    }

}

@-moz-keyframes autoSlider {
    0% {        margin-left: 0;    }
    30% {        margin-left: 0;    }
    35% {        margin-left: -100%;    }
    65% {        margin-left: -100%;    }
    70% {        margin-left: -200%;    }
    95% {        margin-left: -200%;    }
    100% {        margin-left: 0;    }
}

@-webkit-keyframes autoSlider {
    0% {        margin-left: 0;    }
    30% {        margin-left: 0;    }
    35% {        margin-left: -100%;    }
    65% {        margin-left: -100%;    }
    70% {        margin-left: -200%;    }
    95% {        margin-left: -200%;    }
    100% {        margin-left: 0;    }
}

@keyframes autoSlider {
    0% {        margin-left: 0;    }
    30% {        margin-left: 0;    }
    35% {        margin-left: -100%;    }
    65% {        margin-left: -100%;    }
    70% {        margin-left: -200%;    }
    95% {        margin-left: -200%;    }
    100% {        margin-left: 0;    }
}

/*carrusel  */