/* ESTILOS EQUIPO PAGINA PRINCIPAL INICIO*/

#fondo{
		z-index:-9999;
		opacity:0.2;
		width:100%;
		overflow:hidden;
		position:fixed;
	}
/*ELEMENTOS COMUNES INICIO*/

/*LOGO DE FONDO INICIO*/	
#logociedefondo{
	z-index:-9999;
	opacity:0.2;
	width:100%;		
	overflow:hidden;
	position:fixed;
}
/*LOGO DE FONDO FIN*/



/*ESTILOS CONTENEDOR HEADER INICIO*/
#cabecera{
	width:100%;
	height:8em;
	border-bottom:solid #000 2px;
	display:flex;
	flex-direction : row;	
	font-family: Arial;	
}
/*ESTILOS CONTENEDOR HEADER FIN*/


/* ESTILOS LOGO CIE INICIO*/
#capaCie{
	display:flex;		
	width:10%;
	justify-content:center;
}
/* ESTILOS LOGO CIE FIN*/



/*ESTILOS LOGO AYUNTAMIENTO INICIO*/
#capapuerto{
	display:flex;
	width:10%;		
	justify-content:center;
}	
/*ESTILOS LOGO AYUNTAMIENTO FIN*/

/*ESTILOS MENU INICIO*/
#menuCie{		
	display:flex;
	position:relative;
	width:80%;
	justify-content: center;
	align-self: flex-end;
	font-family:Arial;
}	
.menu{		
	display:flex;	
	justify-content: center;
	width:100%;	
	list-style:none;
	padding-left: 0px;
	font-family:Arial;
}
.menu > li a{		
	text-decoration: none;
	color:#000;
	font-family:Arial;
}
.menu > li {
	display:inline-block;	
	padding:0.5em 2em ;		
	border-right: solid #000 2px;
	font-family:Arial;
}
#contacto {
	border-right-style:none;
}
.menu li a:hover{
	color:blue;
}
/*ESTILOS MENU FIN*/


/*RESPONSIVE HEADER*/

@media(max-width: 400px) {

	#logociedefondo {
		display:none;
	}

	/*ESTILOS CONTENEDOR HEADER INICIO*/
	#cabecera{	
		flex-wrap:wrap;		
		border-bottom: 0;
		height:auto;		
		justify-content:center;
	}
	/*ESTILOS CONTENEDOR HEADER FIN*/

	/*ESTILOS MENU INICIO*/
	#menuCie{
		display:flex;
		flex-direction: column;
		order:3;
		width:80%;
		margin-left:5em;
		
	}
	.menu{
		flex-direction: column;
		width:60%;
		justify-content:center;
	}
	.menu > li {
		display:flex;				
		border-right: 0;
		border-bottom:solid #000 2px;			
		text-align:center;
		padding:1em 0em;
		justify-content:center;
	}
	/*ESTILOS MENU FIN*/

	/* ESTILOS LOGO CIE INICIO*/
	#capaCie{
		display:flex;
		width:50%;
		height:120px;						
		order:1;
		justify-content:center;
	}
	#logocie{
		width:100%;			
	}
	/* ESTILOS LOGO CIE FIN*/

	/*ESTILOS LOGO AYUNTAMIENTO INICIO*/
	#capapuerto{
		display:flex;
		width:50%;
		justify-content:center;
		order:2;
		height:120px;		
	}
	/*ESTILOS LOGO AYUNTAMIENTO FIN*/

}
@media(min-width: 400px) and (max-width:1000px) {

	#logociedefondo{
		display:none;
	}


	/*ESTILOS CONTENEDOR HEADER INICIO*/
	#cabecera{	
		flex-wrap:wrap;
		border-bottom: 0;
		height:auto;		
		justify-content:center;
	}
	/*ESTILOS CONTENEDOR HEADER FIN*/

	/*ESTILOS MENU INICIO*/
	#menuCie{
		display:flex;
		flex-direction: column;
		order:3;
		width:75%;
		left:13%;
		
		justify-content:center;
	}
	.menu{
		flex-direction: column;
		width:60%;
		justify-content:center;
	}
	.menu > li {				
		border-right: 0;
		border-bottom:solid #000 2px;			
		text-align:center;
	}
	/*ESTILOS MENU FIN*/

	/* ESTILOS LOGO CIE INICIO*/
	#capaCie{
		display:flex;
		width:50%;
		height:120px;						
		order:1;
		justify-content:center;
	}				
	#capapuerto{
		display:flex;
		width:50%;			
		order:2;
		height:120px;
		justify-content:center;		
	}
	/* ESTILOS LOGO CIE FIN*/
}

@media(min-width: 1001px) and (max-width:1540px) {


	/*ESTILOS CONTENEDOR HEADER INICIO*/
	#cabecera{
		display:flex;			
		border-bottom: 0;
		height:auto;		
		justify-content:center;
	}
	/*ESTILOS CONTENEDOR HEADER FIN*/


	/*ESTILOS MENU INICIO*/
	#menuCie{
		display:flex;
		flex-direction: column;
		order:2;
		width:60%;
		justify-content:center;
		
	}
	.menu{
		display:flex;
		align-self:center;			
		flex-wrap : wrap;
		width:100%;
		padding: 0 3em;			
	}
	.menu > li {				
		border-right: 0;
		border-bottom:solid #000 2px;			
		text-align:center;
	}
	/*ESTILOS MENU FIN*/


	/* ESTILOS LOGO CIE INICIO*/
	#capaCie{
		display:flex;
		width:20%;
		height:120px;						
		order:1;
		justify-content:center;
	}
	/* ESTILOS LOGO CIE FIN*/

	/*ESTILOS LOGO AYUNTAMIENTO INICIO*/
	#capapuerto{
		display:flex;
		width:20%;			
		order:3;
		height:120px;
		justify-content:center;		
	}
/*ESTILOS LOGO AYUNTAMIENTO FIN*/		

}

/*ESTILOS DEL FOOTER INICIO*/

footer	{
	width: 100%;
	height: 70px;
	background:rgb(229, 229, 229);
	border-top:solid #000 2px;
	bottom: 0;
	text-align:center;
	margin-top:150px;
	
}
.textoPiedepagina{
	text-align:center;
	margin-top:-100px;

	}
.redsocial1{
	margin-right: 40px;
}

.redsocial3{
	margin-left: 40px;
}
/*ESTILOS DEL FOOTER FIN*/

/*ELEMENTOS COMUNES FIN*/



/*ESTILOS DE LA PAGINA PRINCIPAL INICIO*/
#body {
  	font-family:Arial | center;
}

#cuerpoprincipal{
	width:100%;
	display:flex;
	flex-direction:row;
}
#noticias{
	width:20%;
	text-align: center;
}
#contenidoCentral{
	width:60%;
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
}
#tituloPrincipal{
	text-align: center;
}
#texto{
	text-align: center;
}
#imagen{
	width:50%;
	left:30%;
	align-self: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	#imagen{
		width:70%;
		display:flex;
		height:50%;
		align-self: center;
	}
}


#recuadro{
	background-color: #00ccff;
	height:20em;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	border: solid 0.2em gray;
}
@media (max-width:1000px){
	#cuerpoprincipal{
		display:flex;
		flex-direction:column;
		justify-content:center;			
	}
	#noticias{
		align-self:center;
		display:flex;
		flex-direction:column;
		order:2;
		width:100%;			
	}
	#noticias > ##descriptitulo{
		font-size: 2em;
	}
	#contenidoCentral{
		display:flex;
		justify-content:center;
		width:100%;
		order:1;
	}
	#recuadro{
		width:80%;
		align-self:center;
	}
}
		

	/*ESTILOS DE LA PAGINA PRINCIPAL FIN*/
/*+---+---+---+---+---+---+---+ PÁGINA COWORKING +---+---+---+---+---+---+---+ */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: Arial;
}

body{
	background-color:white;
	text-align: center;
	font-family: arial;
}

/*------ CONTENIDO COWORKING  ------*/
.contenedorGeneralCoworking{
	display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 2px;
    justify-content: center;
    align-content: center;
}

#titCoworking{
	font-family: Arial;
	text-align:center;
	top: 15px;
	left:580px;
	font-size: 4.0em;
	
}

.descripc{
	padding-top:5px;
	display: inline-block;
	text-align: center;
	justify-content : space-around;
	font-size: 1em;
	left:380px;
	width:95%;
	background-color: whitesmoke;
}

.contenedorContenidoCoworking{
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
#contenedorCoworking{
	display: flex;
	flex-direction:row;
	width:100%;
	flex-wrap: wrap;
	justify-content:center;
	margin-top: 25px;
	margin-bottom: 50px;	
}

/*CARRUSEL DE FOTOS*/

.slider{
	position:relative;
	top:40px;
	width:500px;
	height:400px;	
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	margin-bottom: 15px;
}

.slider ul{
	width:10000%;
	height:265px;
	display:flex;
	list-style:none;
	order:1;
	transition: all 0.9s;
	animation:slider 20s infinite;
	border-bottom-color: black;

}


input[type="radio"]{
	display:none;
}

input[type="radio"] + label{
	display:block;
	width:100px;
	height:60px;
	cursor:pointer;
	order:2;
	border: solid rgba(4, 96, 169, 0.53) 3px;
}

.slider1{
	width:500px;
}

.slider2{
	width:500px;
}

.slider3{
	width:500px;
}

.slider4{
	width:500px;
}

.slider5{
	width:500px;
}

#sbutton1 + label{
	background:url(../images/coworking//1.jpg);
	background-size:100% 100%;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#sbutton2 + label{
	background:url(../images/coworking/2.jpg);
	background-size:100% 100%;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#sbutton3 + label{
	background:url(../images/coworking/3.jpg);
	
	background-size:100% 100%;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#sbutton4 + label{
	background:url(../images/coworking/4.jpg);
	background-size:100% 100%;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#sbutton5 + label{
	background:url(../images/coworking/5.jpg);
	background-size:100% 100%;
	    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#sbutton1:checked ~  ul{
	margin-left:0;
	animation:none;

}

#sbutton2:checked ~  ul{
	margin-left:-100%;
	animation:none;
	
}

#sbutton3:checked ~  ul{
	margin-left:-200%;
	animation:none;
	
}

#sbutton4:checked ~  ul{
	margin-left:-300%;
	animation:none;
	
}

#sbutton5:checked ~  ul{
	margin-left:-400%;
	animation:none;
	
}

@keyframes slider{
	0%, 20%{
		margin-left:0;
	}
	20%, 40%{
		margin-left:-100%;
	}
	40%, 60%{
		margin-left:-200%;
	}
	60%, 80%{
		margin-left:-300%;
	}
	80%, 100%{
		margin-left:-400%;
	}
}

/*¡¡¡FIN DEL CARRUSEL!!!*/


/*---ENLACES DEL COWORKING---*/

.contenedorEnlacesCoworking{
	text-decoration: none;
	font-size: 20px;
	color: #4b3f3f;
	background-color: buttonface;
	border-radius: 6px;
	border: 2px solid;
	height:45px;
	text-align: center;
	width: 379px;
	padding:10px;
	margin-bottom:2%;
}

.contenedorEnlacesCoworking:hover{
	color: #1883ba;
	background-color: #ffffff;
}

.contenedorEnlacesCoworking2 {
	text-decoration: none;
	font-size: 10px;
	color: #4b3f3f;
	background-color: buttonface;
	border-radius: 6px;
	border: 2px solid;
	height:45px;
	text-align: center;
	width: 150px;
}

.contenedorEnlacesCoworking:hover{
	color: #1883ba;
	background-color: #ffffff;
}

#formularioInfoCie{
	display: none;
	position: fixed;
	flex-direction:column;
	justify-content:center;	
	align-items:center;
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	//background: rgba(45, 89, 114, 0.3);
	background: rgba(27, 40, 47, 1.1);
	color:white;
	z-index:9999;
}

	

.estiloFormulario{
	position:relative;
	width:400px;
	font-size:30px;	
}

.enlacePaginaCoworker{
	font-size:1.25em;
	margin-top: 50px;
	width:200px;
	height: 85px;
	padding: 15px 20px;
	display: inline-block;
	border-style: inset;
	background-color: #91d1ff;
    border-color: mediumblue;
	border-radius: 6px;
	text-decoration: none;
	webkit-text-fill-color: black;
	font-family: Arial;
}

.button{
	border:0;
	padding: 0;
	background-color: transparent;
	font-size: 15px;
}

.textareaCowor {
	width:500px;
	height:800px;
	border: 50px;
}

@media (max-width: 1600px) and (min-width:  1100px){


	.estiloFormulario{
		position:relative;
		font-size: 1.5em;	
	}

}	     


/*----------TABLET--------------*/
@media (max-width: 1100px) and (min-width:  668px){
	.contenedorGeneralCoworking{
		display: flex;
		align-content:center;
		flex-direction:row;
		width: 100px;
		border-radius: 2px;
	}
		
	#titCoworking{
		top: 50px;
		font-family: Arial;
		text-align:center;
		font-size: 3em;
	}

	.descripc{
	padding-top:15px;
	text-align: center;
	font-size: 1em;
	width: 95%;
	background-color: whitesmoke;
	}

	.contenedorContenidoCoworking{
		display: flex;
		flex-direction:row;
		flex-direction: column;
		justify-content: center;
	}			

	/*CARRUSEL DE FOTOS*/

	.slider{
		position:relative;
		top:40px;
		width:500px;
		height:400px;	
		display:flex;
		flex-wrap:wrap;
		overflow:hidden;
	}

	.slider ul{
		width:10000%;
		height:265px;
		display:flex;
		list-style:none;
		order:1;
		transition: all 0.9s;
		animation:slider 20s infinite;
		border-bottom-color: black;
	}

	input[type="radio"]{
		display:none;
	}

	input[type="radio"] + label{
		display:block;
		width:100px;
		height:60px;
		cursor:pointer;
		order:2;
		border: solid rgba(4, 96, 169, 0.53) 3px;
	}

	.slider1{
		width:500px;
	}

	.slider2{
		width:500px;
	}

	.slider3{
		width:500px;
	}

	.slider4{
		width:500px;
	}

	.slider5{
		width:500px;
	}

	#sbutton1 + label{
		background:url(../images/coworking/1.jpg);
		background-size:100% 100%;
		    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	#sbutton2 + label{
		background:url(../images/coworking/2.jpg);
		background-size:100% 100%;
		    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	#sbutton3 + label{
		background:url(../images/coworking/3.jpg);
		
		background-size:100% 100%;
		    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	#sbutton4 + label{
		background:url(../images/coworking/4.jpg);
		background-size:100% 100%;
		    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	#sbutton5 + label{
		background:url(../images/coworking/5.jpg);
		background-size:100% 100%;
		    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	}

	#sbutton1:checked ~  ul{
		margin-left:0;
		animation:none;

	}

	#sbutton2:checked ~  ul{
		margin-left:-100%;
		animation:none;
		
	}

	#sbutton3:checked ~  ul{
		margin-left:-200%;
		animation:none;
		
	}

	#sbutton4:checked ~  ul{
		margin-left:-300%;
		animation:none;
		
	}

	#sbutton5:checked ~  ul{
		margin-left:-400%;
		animation:none;
		
	}

	@keyframes slider{
		0%, 20%{
			margin-left:0;
		}
		20%, 40%{
			margin-left:-100%;
		}
		40%, 60%{
			margin-left:-200%;
		}
		60%, 80%{
			margin-left:-300%;
		}
		80%, 100%{
			margin-left:-400%;
		}
	}
	
	/*FIN DEL CARRUSEL*/

	.contenedorCoworking{
		display: flex;
		flex-direction:row;
		width:100%;
		flex-wrap: wrap;
		justify-content:center;
		margin-bottom: 50px;
		margin-top: 10px;
	}
	.contenedorEnlacesCoworking{
		text-decoration: none;
		font-size: 20px;
		color: #4b3f3f;
		background-color: buttonface;
		border-radius: 6px;
		border: 2px solid;
		height:45px;
		text-align: center;
		width: 379px;
	}
	.contenedorEnlacesCoworking:hover{
		color: #1883ba;
		background-color: #ffffff;
	}

	#enlacePaginaCoworker{
		position:relative;
		top: 100px;
	}

	.estiloFormulario{
		position:relative;
		font-size: 1.5em;	
	}
	.enlacePaginaCoworker{
		font-size: 0.9em;
		margin-top: 80px;
	    width: 150px;
	    height: 70px;
	    padding: 15px 20px;
	    display: inline-block;
	    border-style: inset;
	    background-color: #91d1ff;
	    border-color: mediumblue;
	    border-radius: 6px;
	    text-decoration: none;
	}
	.button{
		border:0;
		padding: 0;
		background-color: transparent;
		font-size: 11px;
	}
}	
@media (max-width:667px) and (min-width:401px){
	
	.contenedorGeneralCoworking{
		display: flex;
		flex-direction:colum;
		align-content:center;
		width: 100px;
		border-radius: 2px;
	}
		
	#titCoworking{
		top: 50px;
		left:-130px;
		font-family: Arial;
		text-align:center;
		font-size: 1.5em;
	}
	
	.descripc{
		padding-top:15px;
		text-align: center;
		font-size: 1em;
		width:300px;
		left:-10px;
		width: 95%;
		background-color: whitesmoke;
	}

	.contenedorContenidoCoworking{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}			

	/*CARRUSEL DE FOTOS*/

	.slider{
		position:relative;
		top:40px;
		width:300px;
		height:290px;
		display:flex;
		flex-wrap:wrap;
		overflow:hidden;
	}


	.slider ul{
		width:10000%;
		height:110px;
		display:flex;
		list-style:none;
		order:1;
		transition: all 0.9s;
		animation:slider 20s infinite;
		border-bottom-color: black;
	}


	input[type="radio"]{
		display:none;
	}

	input[type="radio"] + label{
		display:block;
		width:60px;
		height:30px;
		cursor:pointer;
		order:2;
		border:1px solid black;
	}

	.slider1{
		width:300px;
	}

	.slider2{
		width:300px;
	}

	.slider3{
		width:300px;
	}

	.slider4{
		width:300px;
	}

	.slider5{
		width:300px;
	}

	#sbutton1 + label{
		background:url(../images/coworking/.jpg);
		background-size:100% 100%;
	}

	#sbutton2 + label{
		background:url(../images/coworking/2.jpg);
		background-size:100% 100%;
	}

	#sbutton3 + label{
		background:url(../images/coworking/3.jpg);
		
		background-size:100% 100%;
	}

	#sbutton4 + label{
		background:url(../images/coworking/4.jpg);
		background-size:100% 100%;
	}

	#sbutton5 + label{
		background:url(../images/coworking/5.jpg);
		background-size:100% 100%;
	}

	#sbutton1:checked ~  ul{
		margin-left:0;
		animation:none;

	}

	#sbutton2:checked ~  ul{
		margin-left:-100%;
		animation:none;
		
	}

	#sbutton3:checked ~  ul{
		margin-left:-200%;
		animation:none;
		
	}

	#sbutton4:checked ~  ul{
		margin-left:-300%;
		animation:none;
		
	}

	#sbutton5:checked ~  ul{
		margin-left:-400%;
		animation:none;
		
	}

	@keyframes slider{
		0%, 20%{
			margin-left:0;
		}
		20%, 40%{
			margin-left:-100%;
		}
		40%, 60%{
			margin-left:-200%;
		}
		60%, 80%{
			margin-left:-300%;
		}
		80%, 100%{
			margin-left:-400%;
		}
	}

	/*FIN DEL CARRUSEL*/
	
	.contenedorEnlacesCoworking{
		text-decoration: none;
		font-size: 20px;
		color: #4b3f3f;
		background-color: buttonface;
		border-radius: 6px;
		border: 2px solid;
		height:45px;
		text-align: center;
		width: 379px;
	}
	.contenedorEnlacesCoworking:hover{
		color: #1883ba;
		background-color: #ffffff;
	}

	.enlacePaginaCoworker{
		font-size: 0.5em;
	    margin-top: 80px;
	    width: 100px;
	    height: 50px;
	    padding: 15px 20px;
	    display: inline-block;
	    border-style: inset;
	    background-color: #91d1ff;
	    border-color: mediumblue;
	    border-radius: 6px;
	    text-decoration: none;
	}

	.button{
		border:0;
		padding: 0;
		background-color: transparent;
		font-size: 11px;
	}
	
}

/*------ FINAL DEL CONTENIDO COWORKING Tablet------*/

	


	/*----------MÓVIL---------*/

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

	

	.contenedorGeneralCoworking{
		display: flex;
		flex-direction:colum;
		width: 100px;
		border-radius: 2px;

	}
		
	#titCoworking{
		font-family: Arial;
		justify-content:center;
		text-align:center;
		left:-150px;
		font-size:1.3em;
	}

	.descripc{
		margin-top:25px;
		left:-40px;
		text-align:center;
		width:330px;
		font-size: 0.6em;
		width: 95%;
		background-color: whitesmoke;
	}

	.contenedorContenidoCoworking{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}			

	/*CARRUSEL DE FOTOS*/

	.slider{
		top:40px;
		width:300px;
		height:280px;
		display:flex;
		flex-wrap:wrap;
		overflow:hidden;
	}

	.slider ul{
		width:10000%;
		height:110px;
		display:flex;
		list-style:none;
		order:1;
		transition: all 0.9s;
		animation:slider 20s infinite;
		border-bottom-color: black;
	}


	input[type="radio"]{
		display:none;
	}

	input[type="radio"] + label{
		display:block;
		width:60px;
		height:20px;
		cursor:pointer;
		order:2;
		border:1px solid black;
	}

	.slider1{
		width:300px;
	}

	.slider2{
		width:300px;
	}

	.slider3{
		width:300px;
	}

	.slider4{
		width:300px;
	}

	.slider5{
		width:300px;
	}

	#sbutton1 + label{
		background:url(../images/coworking/1.jpg);
		background-size:100% 100%;
	}

	#sbutton2 + label{
		background:url(../images/coworking/2.jpg);
		background-size:100% 100%;
	}

	#sbutton3 + label{
		background:url(../images/coworking/3.jpg);
		
		background-size:100% 100%;
	}

	#sbutton4 + label{
		background:url(../images/coworking/4.jpg);
		background-size:100% 100%;
	}

	#sbutton5 + label{
		background:url(../images/coworking/5.jpg);
		background-size:100% 100%;
	}

	#sbutton1:checked ~  ul{
		margin-left:0;
		animation:none;

	}

	#sbutton2:checked ~  ul{
		margin-left:-100%;
		animation:none;
		
	}

	#sbutton3:checked ~  ul{
		margin-left:-200%;
		animation:none;
		
	}

	#sbutton4:checked ~  ul{
		margin-left:-300%;
		animation:none;
		
	}

	#sbutton5:checked ~  ul{
		margin-left:-400%;
		animation:none;
		
	}

	@keyframes slider{
		0%, 20%{
			margin-left:0;
		}
		20%, 40%{
			margin-left:-100%;
		}
		40%, 60%{
			margin-left:-200%;
		}
		60%, 80%{
			margin-left:-300%;
		}
		80%, 100%{
			margin-left:-400%;
		}
	}

	/*FIN DEL CARRUSEL*/

	#contenedorCoworking{
		display: flex;
		flex-direction:row;
		width:100%;
		flex-wrap: wrap;
		justify-content:center;
		margin-bottom: 50px;
		margin-top: 10px;
	}
	.contenedorEnlacesCoworking{
		text-decoration: none;
		font-size: 10px;
		color: #4b3f3f;
		background-color: buttonface;
		border-radius: 6px;
		border: 2px solid;
		height:45px;
		text-align: center;
		width: 100px;
	}
	.contenedorEnlacesCoworking:hover{
		color: #1883ba;
		background-color: #ffffff;
	}
	
	.enlacePaginaCoworker{
		font-size: 0.5em;
	    margin-top: 80px;
	    width: 100px;
	    height: 50px;
	    padding: 15px 20px;
	    display: inline-block;
	    border-style: inset;
	    background-color: #91d1ff;
	    border-color: mediumblue;
	    border-radius: 6px;
	    text-decoration: none;
	}
	
	.button{
		border:0;
		padding: 0;
		background-color: transparent;
		font-size: 11px;
	}
}

/*------ FINAL DEL CONTENIDO COWORKING ------*/

/*---+---+---+---+---+---+---+ FIN PÁGINA COWORKING---+---+---+---+---+---+---+---*/


/*---+---+----+---+----+----+ PÁGINA COWORKERS----+-------+-----+-----+----+---*/

#descriptitulo{
	text-align: center;
	font-size: 50px;
	margin-top:50px;
	position: relative;
	font-family: Arial;
}

.descripCoworkers{
	text-align: center;
	align-self:center;
	font-size: 20px;
	margin-top:70px;
	position: relative;
	font-family: Arial;
	width: 95%;
	background-color: whitesmoke;
}

.contenedorGeneralCoworkers{
	display : flex;
	flex-direction :column;
	width : 100%;
	align-content: space-between;	
}

.contenedorGeneralfoto{
	width: 80%;
	align-self: center;
	border-style: solid double;
	border-color:rgb(62, 166, 217);
	background-color:rgba(160,167,169,0.27);
	border-width: 10px;
}

	@import url(http://fonts.googleapis.com/css?family=Open+Sans);

	.contenedorFotoCoworkers{
		padding-bottom: 45px;
		margin-top:50px;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content : space-around;
		margin-top: 3em;
	}

	.div-img {
		margin-top: 50px;
		width: 500px;
		display: block;

	}
	.div-img .imgCowor {

		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		height: 250px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		transform: translate(0px);
		-ms-transform: translate(0px);
		-moz-transform: translate(0px);
		-webkit-transform: translate(0px);
		-o-transform: translate(0px);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		border-radius: 40px;
		border-style: inset;
		border-color: Black;
		border-width: 5px;
	}


	.div-img .text {
		font-family: Arial;
		position: relative;
		top: -50%;
		z-index:-3;
		
	}

	.div-img:hover .imgCowor {
/*		
		transform: translate(-230px, 0px);
		-ms-transform: translate(-230px, 0px);
		-moz-transform: translate(-230px, 0px);
		-webkit-transform: translate(-230px, 0px);
		-o-transform: translate(-230px, 0px);
		*/
		transform: translate(0px, 250px);
		-ms-transform: translate(0px, 250px);
		-moz-transform: translate(0px, 250px);
		-webkit-transform: translate(0px, 250px);
		-o-transform: translate(0px, 250px);
	}

/*responsive de Gilberto*/

/*------------TABLET---------------*/

@media (max-width: 1024px) and (min-width:688px){
	#descriptitulo{
		text-align: center;
		font-size: 50px;
		margin-top:50px;
		position: relative;
		font-family: Arial;
	}
	.descripCoworkers{
		text-align: center;
		align-self:center;
		font-size: 20px;
		margin-top:70px;
		position: relative;
		font-family: Arial;
		width: 75%;

	}

	.contenedorGeneralCoworkers{
		display : flex;
		flex-direction :column;
		width : 100%;
		align-content: space-between;	
	}

	.contenedorGeneralfoto{
		border-style: solid double;
		border-color:rgb(62, 166, 217);
		margin-left: 80px;
		margin-right: 80px;
		background-color:rgba(160,167,169,0.27);
		border-width: 10px;
	}

	@import url(http://fonts.googleapis.com/css?family=Open+Sans);

	.contenedorFotoCoworkers{
		margin-top:50px;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content : space-around;
		margin-top: 3em;
	}

	.div-img {
		margin-top: 50px;
		width: 500px;
		display: block;
	

	}
	.div-img .imgCowor {

		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		height: 250px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		transform: translate(0px);
		-ms-transform: translate(0px);
		-moz-transform: translate(0px);
		-webkit-transform: translate(0px);
		-o-transform: translate(0px);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		border-radius: 40px;
		border-style: inset;
		border-color: Black;
		border-width: 5px;
	}


	.div-img .text {
		font-family: Arial;
		position: relative;
		top: -50%;
		z-index:.3;
	}

	.div-img:hover .imgCowor {
		transform: translate(-230px, 0px);
		-ms-transform: translate(-230px, 0px);
		-moz-transform: translate(-230px, 0px);
		-webkit-transform: translate(-230px, 0px);
		-o-transform: translate(-230px, 0px);
		transform: translate(0px, 250px);
		-ms-transform: translate(0px, 250px);
		-moz-transform: translate(0px, 250px);
		-webkit-transform: translate(0px, 250px);
		-o-transform: translate(0px, 250px);
	}
}

/*------------MÓVIL---------------*/

@media (max-width: 688px) and (min-width:0px){

	#descriptitulo{
		text-align: center;
		font-size: 1.6em;
		margin-top:50px;
		position: relative;
		font-family: Arial;
	}
	.descripCoworkers{
		text-align: center;
		align-self:center;
		font-size: 0.9em;
		margin-top:30px;
		position: relative;
		font-family: Arial;
		width: 75%;
	}
	.contenedorGeneralCoworkers{
		display : flex;
		flex-direction :column;
		width : 100%;
		align-content: space-between;	
	}
	.contenedorGeneralfoto{
		width: 80%;
		align-self:center;
		border-style: solid double;
		border-color:rgb(62, 166, 217);
		background-color:rgba(160,167,169,0.27);
		border-width: 10px;
	}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

	.contenedorFotoCoworkers{
		padding-bottom: 45px;
		margin-top:50px;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content : space-around;
		margin-top: 3em;
	}
	.div-img {
		margin-top: 90px;
		width: 500px;
		display: block;
	}

	.div-img .imgCowor {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 150px;
		height: 150px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		-ms-transition: inherit;
		-o-transition: inherit;
		border-radius: 40px;
		border-style: inset;
		border-color: Black;
		border-width: 5px;
	}


	.div-img .text {
		font-family: Arial;
		position: relative;
		top: 20px;
		font-size: 0.6em;
		z-index:-3;
	}

	.div-img:hover .imgCowor {
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
		
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
	}
}

  /*Migas de pan*/

.migasdepan{
	display:flex;
	flex-direction:row;
	color:dimgrey;
	font-family: Arial;

}
.breadcrumb li{
    display:inline;
    text-decoration:none;
 }
.breadcrumb li a{    
	text-decoration:none;
}
.activo{
	color:blue;
}
/*Fin de migas de pan*/

@media screen and (max-width: 400px) and (min-width: 0px) and (-ms-high-contrast: none){
	.contenedorFotoCoworkers{
		padding-bottom: 45px;
		margin-top:50px;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content : space-around;
		margin-top: 3em;
	}
	.div-img {
		margin-top: 90px;
		width: 300px;
		display: block;
	}

	.div-img .imgCowor {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 103px;
		height: 103px;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		transform: inherit;
		-ms-transform: inherit;
		-moz-transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		-ms-transition: inherit;
		-o-transition: inherit;
		border-radius: 40px;
		border-style: inset;
		border-color: Black;
		border-width: 5px;
	}


}