/*Estilos de letra  */
@font-face{font-family:Roboto-Bold; src:url(Roboto-Bold.ttf);font-display: swap; }
@font-face{font-family:Roboto-Regular; src:url(Roboto-Regular.ttf);font-display: swap; }
@font-face{font-family:CharlevoixPro-Bold; src:url(CharlevoixPro-Bold.otf);font-display: swap; }
@font-face{font-family:CharlevoixPro-Regular; src:url(CharlevoixPro-Regular.otf);font-display: swap; }
/*Estilos de letra  */

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

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

a:link   {   text-decoration:none;   } 

h1 {    margin-top: 3px;    margin-bottom: 3px;}
h2 {    margin-top: 2px;    margin-bottom: 2px;}
h3 {    margin-top: 5px;    margin-bottom: 5px;}
h4 {    margin-top: 4px;    margin-bottom: 4px;}
h5 {    margin-top: 3px;    margin-bottom: 3px;}
h6 {    margin-top: 3px;    margin-bottom: 3px;}

.Estilo6 {color: #1f1e1e;  }
.Estilo-CharlevoixPro-Regular {font-family:CharlevoixPro-Regular;}
.Estilo-CharlevoixPro-Bold {font-family:CharlevoixPro-Bold;}

.Estiloblanco {color: #FFFFFF;}
.Estilonegro {color: #1f1e1e;}
.Estilogris {color: #373639;}
.Estiloazul {color:#517385;}
.Estilolink {color: #5E1515; font-size:16px; font-weight:bold; }
.Estiloblanco2 {color: #FFFFFF;}
.Estilo9{font-size:30px; }
.Estiloverde {color: #04B404; }
.Estilobase {color: #212121; } 
.imgresponsive{max-width: 100%;  height: auto;}
.imgautorizado {max-width: 100%;  height: auto;}
.Estilonegrita{ font-weight:bold; }
.Estilo-color-pie{color: #FFF;} 
.Estilo-tituloseccion{font-size:23px; font-family:Roboto-Regular; font-weight:bold;}
.Estilo-preguntas { font-size:18px; }
.Estilo-seccion-subpagina {color: #1f1e1e; font-size:17px; font-family:Roboto-Regular;}
.Estilo-verde-claro{color:#00c492;}
.Color-web{color:#517385;}
.letra-titulo{ font-size:53px; opacity: 1;}
.letra-grande{font-size:33px; }
.letra-mediana{font-size:23px; }
.letra-intermedia{font-size:19px; }
.letra-roboto{font-family:Roboto-Regular}
.letra-Bold{font-family:Roboto-Bold}
.letra-Black{font-family:Roboto-Black}
.letra-arial{font-family:Arial, Calibri, Helvetica;}
.justifyText {text-align : justify;}
.alineacionDer{text-align:right;}
.alineacionIzq{text-align:left;}
.listacolor li { color:#fab731; line-height: 160%;}
.listacolor ul { padding: 0;}
.subrayado  {     border-bottom: thick solid; border-color:#c18a48;   }
.imgconborde {border: black 2px solid;}

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

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


/* Cabecera*/
.cabecera {color:#FFFFFF;   background-color:#696969; position:relative;width:100%;margin-top:-30px; background-image: url(../imagenes/portada-proyectos-malaga.png); background-position:center; height:660px; background-repeat: no-repeat; }
.titulo {position:relative; top:10px; width:100%;  font-size: 22px; font-family:Roboto-Regular; font-style: normal; padding-left:0px; padding-top:100px; }
.cuadroinfotitulo{	padding-top:130px;	padding-bottom:1px; text-align:center; line-height: 220%;}
.cuadrofototitulo{	padding-top:15px; padding-left:18%; 	 }
.cuadrofototitulo img {height:60px !important}
.tlf {    position:relative;  font-style: normal; padding-left:50%;  margin-bottom:20px; }
.pos-tlf {display:inline-block; float:left;}
.pos-tlf img {height:80px !important}
.cuadro2infotitulo{	padding-top:40px;	width:100% !important;	padding-bottom:1px;	float:left; line-height: 220%;}
.pos-menu{ padding-top:0px; position:relative; }
.icono-portada{ padding-right:20px;}
.seccion-oferta { background-color:#e8e8e8; width:25%; margin-top:15px;}
.alineacion-vertical {display: table;}
.hijo-alineacion-vertical{display: table-cell;   vertical-align: middle;}

/* Cabecera*/

.comun  {padding-top: 10px;}
.sangria { padding-left:20px ; }
.cuadro {text-align: left; padding-top:20px; }
.cuerpo img {max-width:100%; height:auto}


.lineaArribaAbajo{ border-top: solid 1px #000; border-bottom: solid 1px #000;}

.bordes-preguntas{ border:#5E1515; border-width: 1px;border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:8px; padding-right:8px; width:800px; }
.bordes-preguntas-relleno{ border:#5E1515; border-width: 1px; background-color:#5E1515;  /*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;}

.separacion{height:5px;}
.margenes-preguntas{padding-left:10%; padding-right:10%;}
.separacion-seccion{height:15px;}
.separacion-seccion-H3{height:30px;}
.separacion-soloPC {height:60px;}
.margenINFblog li {padding-bottom:7px}


.pie-100 {	top: 40px; position: relative; width:100%; padding-top:55px;  padding-bottom:45px;  }
.pie-100-peq {	top: 40px; position: relative; width:100%; padding-top:15px;  padding-bottom:15px;  }
.cabecera-100 {	top: 0px; position: relative; width:100%; padding-top:20px;  padding-bottom:20px;  }
.colorgris { color:#000; background:#F5F5F5;	 }
.colornegro { color:#FFFFFF; background:#393d42;	 }
.colorblanco { color:#000; background:#FFF;	 }
.colorrojo { color:#FFF; background:#5E1515;	 }
.color-caracterisco-web { color:#FFF; background:#5E1515;	 }
.color-gris-oscuro { color:#FFF; background:#404d56;	 }
.colorazul { color:#FFF; background:#00172e;	 }
.colorgrisclaro { color:#000; background:#F2F2F2;	 }
.colornaranja { color:#000; background:#BA7D4A;	 }
.colorimagen { color:#FFF; background-color:#5e5e5e; background-image: url(../imagenes/fondo-imagen.jpg); background-repeat: no-repeat; 	 }
.colorimagen-claro { color:#FFF; background-color:#5e5e5e; background-image: url(../imagenes/fondo-imagen-claro.jpg); background-repeat: no-repeat; 	 }
.margenes  {  padding-left:30%; padding-right:30% }
.margenes100movil {  padding-left:30%; padding-right:30% }
.margenes-portada  {   }
.margenes-subrayado { padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px;}
.marcoconbordes {border:#e8be3d; border-width: 2px;border-style: solid; padding-top:0px;  padding-bottom:2px; padding-left:20px; padding-right:20px; width:800px; margin-left: auto;  margin-right: auto;  }
.margen-caja{ padding-top:80px !important; }

.box-comun {	 position:relative;   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:48%; vertical-align: middle;}

/* Footer */
.subpie1 { position:relative; top:30px;  padding-top:22px; padding-bottom:15px;}   
.imgfooter{ width:17%; height:auto; margin-right:2%; max-width:70px; padding-bottom:25px; vertical-align:middle;}
.margenes-T-footer{ padding-left:3%; padding-right:3%; text-align:left;}
.estilopiepeq{ font-size:12px;}
.estilopiemed{font-size:14px;}
.alineacionDerPie{text-align:right; margin-right:5%;}
/* Footer */

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;}

.espaciado-solo-pc {padding-top:15px; }
.margen-izq-movil{ padding-left:5%;}

.cuadroizquierda-centrado{	padding-top:10px;	width:47% !important;	float:left; }
.cuadroderecha-centrado{	padding-top:10px;	width:47% !important;		float:right; }
.cuadroSiempre100I {padding-top:10px;	width:47% !important;	float:left; }
.cuadroSiempre100D { padding-top:10px;	width:47% !important;		float:right;  }
.cuadroderecha{	padding-top:10px;	width:64% !important;	padding-bottom:1px;	float:right;}
.cuadroizquierda{	padding-top:10px;	padding-left:3%; padding-right:3%;	width:29% !important;	float:left;}

  .boton_personalizado{    text-decoration: none;    padding: 10px;    font-weight: 600;    font-size: 15px;    color: #FFF;    background-color:  #fab731;    border: 0px solid  #373639;  }
  .boton_personalizado:hover{    color: #FFF;    background-color: #353230;  }
  

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

  
  /*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:18%; padding-right:18% }

}

@media (max-width:1800px){	
		.cabecera {  background-image:url(../imagenes/portada-proyectos-malaga.webp); }
		.margenes, .margenes100movil   {  padding-left:16%; padding-right:16% }
}

@media (max-width:1700px){	
	
}

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

@media (max-width:1500px){	
		.cabecera {  background-image:url(../imagenes/portada-proyectos-malaga-1500.webp); height:600px; }
		.pos-menu{ padding-top:0px; }
		.margenes, .margenes100movil   {  padding-left:8%; padding-right:8% }
		.cuadroinfotitulo{	padding-top:100px;	padding-bottom:1px;}
		.seccion-oferta { width:32%;}
}

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

@media screen and (max-width:1200px){
	.cuadro-centrado-portada{width:670px;	}
	.cabecera {  background-image:url(../imagenes/portada-proyectos-malaga-1200.webp); height:550px; }
	.pos-menu{ padding-top:0px; }
	.titulo {padding-top:70px; }
	.cuadroinfotitulo{	padding-top:110px;	padding-bottom:1px;}
	.cuadro2infotitulo{	padding-top:35px;}
	.contenedor {width:100%}
	.cabecera {width:inherit}
	.infoDcaja{}
	.infoDcajagrande{	display:inline-block; width:340px;margin-left:8px;margin-right:8px;	margin-bottom:45px;	vertical-align:top;}
	.tlf {    padding-left:30%;  }
	.seccion-oferta { width:40%;}
}	
@media screen and (max-width:1100px){

	.cuadrofototitulo img {height:50px !important}
	.box-comun {	width:90%; padding-bottom:30px; padding-right:0px; padding-top:20px; padding-left:0px; }
	.margenes, .margenes100movil   {  padding-left:5%; padding-right:5% }
	.seccion-oferta { width:50%;}
	.bordes-preguntas-relleno, .bordes-preguntas {width:80%; }	
	

}

@media screen and (max-width:1000px){
	.cabecera {   height:520px; }
	.cuadroinfotitulo{	padding-top:80px;	padding-bottom:1px;}
	.cuadro2infotitulo {    padding-top: 40px;}
	.pos-menu{ padding-top:0px; }
	.pie, .pie-100, .articulo-general {width:100%}		
	.infoDseccion{	float:none; 	border:1px solid #0033FF;	width:250px;}
	.infoDcaja{}
	.tabl div {width:48%}
	.margenes-preguntas{padding-left:0%; padding-right:0%;}
	.colorimagen { color:#FFF; background-color:#5e5e5e; background-image: url(../imagenes/fondo-imagen-1000.jpg); background-repeat: no-repeat; 	 }
	.seccion-oferta { width:58%;}
}

@media screen and (max-width:900px){
	
	.cuerpo-index article {float:none}
	.tabl div {width:48%}
	.cuadroinfotitulo{	padding-top:69px;	padding-bottom:1px;}
	.letra-titulo{ font-size:39px;}
	.letra-grande{font-size:30px; }
	.letra-mediana{font-size:21px; }
	.letra-intermedia{font-size:18px;}
	.marcoconbordes { width:90%; }
	.fondoopaco {  margin-top: 7px;  }
	.margen-izq-movil{ padding-left:1%;}

}
@media screen and (max-width:800px){
	.cabecera {  height:490px; }
	.titulo {padding-top:55px; }
	.pos-menu{ padding-top:00px; }
	.pos-tlf img {height:70px !important}
	.cuadroinfotitulo{	padding-top:80px;	padding-bottom:1px;}
	.cuadro2infotitulo {  line-height: 180%; padding-top: 30px;}
	.subpie1 table {width:inherit}		
	 nav {margin-bottom:0px;}
	.margenes, .margenes100movil  {  padding-left:5%; padding-right:5% }
	.bordes-preguntas-relleno, .bordes-preguntas {width:80%; }		
	.infoDcaja{margin-top:20px;	}
	.infoDcajagrande {	margin-top:25px;}
	.cuadroizquierda-centrado-portada{ }
	.infoDcaja  {	 width:80%;}
	.infoDcaja2tercio, .infoDcaja1tercio  {	 width:80%;}
	.separacion-seccion{height:25px;}
}

@media screen and (max-width:700px){
	.cabecera {  background-image:url(../imagenes/portada-proyectos-malaga-700.webp);  height:500px; }
	.pos-menu{ padding-top:0px; }
	.cuadroinfotitulo{	padding-top:15%; line-height: 180%;}
	.cuadro2infotitulo {    padding-top: 4%;}
	.seccion-oferta { width:63%;}
	.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 }
	.cuadroderecha {width:100% !important}
	.cuadroizquierda {float:none; margin:auto; width:270px !important; margin-top:15px;}
	.margen-caja{ padding-top:65px !important; }
	.infoDcaja2tercio, .infoDcaja1tercio  {	margin-left:0px;margin-right:0px;}
	.infoDcajagrande, .infoDcaja{ width:80%; margin-left:0px;margin-right:0px;}
	.colorimagen { color:#FFF; background-color:#5e5e5e; background-image: url(../imagenes/fondo-imagen-700.jpg); background-repeat: no-repeat; 	 }
	.letra-titulo{ font-size:30px;}
	.cuadroizquierda-centrado-portada{ padding-top:100px;	width:100% !important; padding-right:0px; float:none;  }	
	.cabecera-portada {	 max-height:235px; }
	.margenes100movil  {  padding-left:0%; padding-right:0% }
	.figuras{margin-top:10px;}
	.imgfooter{ height:auto;  max-width:60px;}
	.espaciado-solo-pc {	padding-top:1px; }
	.margen-izq-movil{ padding-left:15%;}
	.espaciado-solo-movil {padding-top:15px; }
	.espaciado-solo-movil-grande {padding-top:55px; }
	.centrado-solo-movil {text-align: center;}
	.separacion-soloPC {height:0px;}
	.letra-mediana{font-size:19px;}
	
}	

@media screen and (max-width:600px){
	.cabecera {  height:500px; }
	.centrar {clear:both}	
	.titulo {padding-top:45px;  }
	.cuadroSiempre100I {width:47% !important;	 }
	.cuadroSiempre100D { width:47% !important; 		 }
	.cuadrofototitulo img {height:45px !important}
	.cuadroinfotitulo{	padding-top:120px; padding-bottom:1px; }
	.cabecera {margin-top:-10px; }
	.seccion-oferta { width:70%;}
	.cuadrofototitulo{	 padding-left:10%; 	 }
	.cuadro2infotitulo{	padding-top: 5%;}
	.pos-tlf img {height:60px !important}
	.icono-portada{ padding-right:15px;}
	.contenedor {margin-top:00px}
	.tlf {top:10px; padding-left:15%;}		
	.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:10px ; }
	 .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:90%;}
	.infoDcaja2tercio, .infoDcaja1tercio  {	 width:90%;}
	.infoDcajapeq {	 width:87%;  margin-bottom:20px;}
	.infoDcajagrande {	 width:100%;}
	.Estilo9 { font-size:26px; }
	.letra-grande{font-size:28px;}
	.letra-mediana{font-size:18vpx;}
	.letra-intermedia{font-size:18px;}
	.estilopiepeq{ font-size:12px;}
	.box-comun {	width:95%; }

}

@media screen and (max-width:500px){
	.cabecera { background-image:url(../imagenes/portada-proyectos-malaga-500.webp);  height:500px; }
	.pos-menu{ padding-top:0px; }
	.cuadroSiempre100I {width:40% !important;	 }
	.cuadroSiempre100D { width:52% !important;		 }
	.titulo {padding-top:35px;  }
	.cuadrofototitulo{	 padding-left:10%; padding-top:17px;	 }
	.cuadrofototitulo img{	 display: none;	 }
	.cuadroinfotitulo{	padding-top:120px;	padding-bottom:1px;}
	.cuadro2infotitulo{	padding-top:11%; line-height:150%;}
	.cabecera {margin-top:-5px; }	
	.seccion-oferta { width:80%;}	
	.infoDcaja{	 width:946;}
	.infoDcaja2tercio, .infoDcaja1tercio  {	 width:96%;}
	.margenes  {  padding-left:3%; padding-right:3% }
	.letra-titulo{ font-size:25px;}
	.letra-grande{font-size:23px;}
	.letra-mediana{font-size:17px;}
	.letra-intermedia{font-size:17px;}
	H1 {margin: 3px 0px 3px 0px;}
	H3 {margin: 12px 0px 16px 0px;}
		.margen-izq-movil{ padding-left:7%;}
}

@media screen and (max-width:400px){

	.pos-menu{ padding-top:0px; }
	.cuadroSiempre100I {width:37% !important;	 }
	.cuadroSiempre100D { width:55% !important;		 }
	.pos-tlf img {height:55px !important}
	.icono-portada{ padding-right:12px;}
	.tlf { padding-left:15%;}	
	.cuadroinfotitulo{	padding-top:70px;	padding-bottom:1px;}
	.cuadro2infotitulo{	padding-top:4%; line-height:165%;}
	.letra-grande{font-size:23px;}
	.letra-mediana{font-size:17px;}
	.margen-izq-movil{ padding-left:2%;}


}

@media screen and (max-width:300px){

}



/*  ////  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-color:#393d42;     position: relative; border-top: solid 1px #393d42;}
nav ul {    padding: 0;    margin: 0 auto;    width: 1000px;    height: 40px;}
nav li {   display: inline;    float: left;}
nav a {    color: #FFF ;  /*  cambio color letra */     display: inline-block;    width: 120px;    text-align: center;    line-height: 40px;}
nav li a {    border-right: 0px solid #000;}
nav li:last-child a {    border-right: 0;}
nav a:hover, nav a:active {     background-color:#393d42; /*  cambio color Pulsado */	}

@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: 33%;        float: left;        position: relative;    }
    nav a {        text-align: center;        width: 100%;        text-indent: 0px;    }
    nav a#pull {        display: block;        background-color:#393d42;   /*  cambio color */      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 : 700px) {
    nav li {        width: 50%;           }

}

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

}

/*VIDEO RESONSIVE  */
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
/*VIDEO RESONSIVE  */

/*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  */