/* 194 #div_centro, 675 #articulogaleria_fotos_7 */
/* Body */
html{
	margin:0px;
	padding:0px;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-color: #f2f2f2;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzMwMCcgdmlld0JveD0nMCAwIDIwMCAzMDAnPgoJPGZpbHRlciBpZD0nZnV6eicgeD0nMCcgeT0nMCc+CgkJPGZlVHVyYnVsZW5jZSB0eXBlPSd0dXJidWxlbmNlJyBiYXNlRnJlcXVlbmN5PScwLjMnIG51bU9jdGF2ZXM9JzEwJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+Cgk8L2ZpbHRlcj4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNmdXp6KScgb3BhY2l0eT0nMC40Jy8+Cjwvc3ZnPg==);
	*/
	background: fixed #000 url('./images/pilates.jpg') center top no-repeat;
	background-size: contain;
	
	color: #c8c8c8;
}

body {
	text-align: left;
	margin:0px;
	padding:0px;	
	color: #222222;
}

p {
	margin: 7px 0px;
}

div {
	margin:0;
	padding:0;
}

td,tr,p,ul,li{
	font-size: 14px;
	text-align:left;
	color: #000;
	line-height: 26px;
}

ul,li{
	margin:0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}

strong {
	color: #000;
}


/* POSICIONES DE LA PAGINA */
#cabecera_out{
	width:100%;
	height:130px;
	float:left;
	background-color: #000;
}

#cabecera{
	width: 990px;
	height: 130px;
	margin: 0 auto;
}

#logo_contenedor {
	float: left;
	color: #fff;
}

#logo-solo {
	display: none;
	float: left;
	overflow: auto;
	background: url(./images/logo-solo.png) no-repeat top left;
	background-size: contain;
	width: 87px;
	height: 260px;
	z-index: 1001;
	position: relative;
}

#logo-pilates {
	float: left;
	width: 360px;
	height: 120px;
	margin-top: 5px;
	overflow: hidden;
	background-size: contain;
	line-height: 160px;
	color: #fff;
	padding-left: 10px;
	box-sizing: border-box;
	/*background: url(./images/pilates-studio.png) no-repeat center left;*/
	background: url(./images/chuspilates.jpg) no-repeat center left;
}

#logo{
	float: left;
	width: 350px;
	height: 75px;
	margin-left: 0px;
	overflow: auto;
	background: url(./images/logo.png) no-repeat top left;
	color: #fff;
	padding-top: 75px;
	padding-left: 100px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-size: contain;
	z-index: 999;
	position: relative;
}

#contacto_cabecera{
	float:right;
	width:450px;
	height:130px;
	margin-right:5px;
	overflow:auto;
	text-align: right;
	color: #fff;
	line-height: 60px;
	font-size: 22px;
}

#contacto_cabecera i {
	width: 34px;
	height: 34px;
	font-size: 30px;
	padding-left: 5px;
	text-align: center;
	vertical-align: middle;
}

#contacto_cabecera .fa-facebook-square {
	color: #fff;
}

#contacto_cabecera ul{
	float:right;
}

#contacto_cabecera ul li{
	list-style: none;
	color: #fff;
	font-size: 22px;
	text-align: right;
	line-height: 60px;
}

#menu_out{
	float:left;
	height:50px;
	width:100%;
	background-color: #4F4B4C;
	position: relative;
	z-index: 1000;
	border-top: 1px solid #4F4B4C;
	border-bottom: 1px solid #4F4B4C;
}

#menu{
	width:990px;
	margin:0 auto;
}

#fotos_out {
	width: 100%;
	float: left;
	background-color: #000;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

#fotos {
	width: 990px;
	height: 400px;
	margin: 0 auto;
}

#div_centro_out{
	width:100%;
	margin-top: 30px;
	margin-bottom: 40px;
	float:left;
}

#div_centro{
	width:860px;
	margin:0 auto;
	padding: 10px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.65) !important;
	display: table;
	text-align: center;
}

#div_centro ul{
	margin:0px;
	padding: 0px;
}


#div_centro ul li{
	margin:0px;
	padding: 0px;
	background:  url(./images/topo.png) no-repeat top left;
	list-style: none;
	margin-bottom: 15px;
	padding-left: 20px;
	margin-left: 20px;
}

#pie_pagina{
	text-align: center;
	width:100%;
	float:left;
	min-height: 45px;
	clear:both;
	font-size: 12px;
	background: #4F4B4C;
	margin-top: 0px;
	color:white;
}

#pie_pagina p {
	line-height: 20px;
}

#pie_pagina p, #pie_pagina strong, #pie_pagina a {
	color:white !important;
}

#negro_fondo{
	width: 100%;
	float:left;
	height: 30px;
	clear:both;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 30px;
	background: #000;	
}

#copy{
	float:left;
	width: 50%;
	text-align: center;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	margin-left: 3%;
}

#aviso_legal{
	float:left;
	width: 20%;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	margin-right: 3%;
}

#aviso_legal a{
	text-decoration: none;
	color: white;
}

#clickwebs{
	float:left;
	width: 20%;
	text-align: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	margin-left: 3%;
}

#clickwebs a{
	text-decoration: none;
	color: white;
}

#titulo{
	font-size: 20px;
	line-height: 30px;
	color: #000;
	width:100%;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: 0px;
}

#map, #map p, #map a ,#map div{
	color:#111111;
}

#blog_titulo{
	float:left;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	width: 100%;
}

#div_centro > #blog_titulo{
	font-size: 20px;
	line-height: 30px;
	color: #000;
	padding: 10px;
	box-sizing: border-box;
	/*background-color: rgba(255, 255, 255, 0.5) !important;*/
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

#blog_intro{
	float:left;
	width: 100%;
	margin-bottom: 20px;
}

#blog_intro img{
	max-height: 800px;
	width: auto;
}

#blog_texto{
	float:left;
	width: 100%;
	margin-bottom: 20px;
}

#div_centro > #blog_texto{
	padding: 10px;
	box-sizing: border-box;
	/*background-color: rgba(255, 255, 255, 0.5) !important;*/
	float: left;
	width: 100%;
}



#blog_leer_mas{
	float:right;
	background: #000;
	border: 1px solid black;
	height: 20px;
	line-height: 20px;
	padding: 5px 20px;
	color:white;
}

#blog_leer_mas a{
	color:white;
	text-decoration:none;
}


.blog_foto_unidad{
	float:left;
	background: white;
	margin: 4px;
	width:230px;
	margin-bottom:20px;
	height: 200px;
}

.blog_foto_foto{
	float:left;
	margin:5px;
	width: 220px;
	height: 190px;
}

.galeria_unidad{
	float:left;
	background: white;
	margin: 10px;
	width:220px;
	margin-bottom:20px;
	height: 180px;
}

.galeria_foto{
	float:left;
	margin:10px;
	width: 200px;
}

.galeria_titulo{
	float:left;
	text-align:center;
	width: 220px;
}

.galeria_titulo a{
	color:black;
	text-decoration:none;
}

.foto_unidad{
	float:left;
	background: white;
	margin: 10px;
	width:220px;
	margin-bottom:20px;
	height: 220px;
}

.foto_foto{
	float:left;
	margin:10px;
	width: 200px;
	height: 200px;
}

.foto_titulo{
	float:left;
	text-align:center;
	width: 220px;
}

.foto_titulo a{
	color:black;
	text-decoration:none;
}


.articulogaleria_foto_unidad{
	width: 22%;
	float:left;
	margin-right: 3%;
	margin-bottom: 3%;
}

.articulogaleria_foto_foto{
	width: 100%;
	height: 200px;
}

#articulofotos_texto{
	width: 50%;
	float:left;
}

#articulofotos_fotos{
	width: 45%;
	float:right;
}

#articulofotos_fotos img {
	width: 100%;
}

#articulofotos_destacado{
	width: 100%;
	float:left;
	margin-top: 10px;
	background:  #000;
}

#articulofotos_destacado_titulo{
	height: 30px;
	font-size: 24px;
	line-height: 30px;
	color: #FFFFFF;
	width:96%;
	font-weight:bold;
	margin: 2%;
	margin-bottom: 15px;
}

#articulofotos_destacado_texto{
	color: #FFFFFF;
	width:96%;
	font-weight:bold;
	margin: 2%;
	margin-bottom: 15px;
}

#articulofotos_destacado_texto ul li{
	color:white;
	font-weight: normal;
	background: url(./images/topo_blanco.png) no-repeat top left;
}

#articulofotos_destacado_texto a{
	text-decoration: none;
	color:white;
}



/* CONTACTO LOCALIZACION */
#contactolocalizacion_mapa{
	float:right;
	height: 480px;
	width: 480px;	
}

#map_canvas {
	height: 480px !important;
	width: 480px !important;	
}

/* CONTACTO FORMULARIO */

#contactolocalizacion_formulario{
	float:left;
	width: 340px;
	margin-top: 20px;
}

#contactolocalizacion_formulario_titulo{
	width: 100%;
	background-color:#000;
	color:white;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 8px;	
}

#contactolocalizacion_formulario_nombre{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;
}

#contactolocalizacion_formulario_email{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;	
}

#contactolocalizacion_formulario_asunto{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;	
}

#contactolocalizacion_formulario_mensaje{
	float:left;
	width: 100%;
	height: 130px;
}

#contactolocalizacion_formulario_enviar{
	float:left;
	width: 100%;
	height: 35px;
}

/* INPUTS DE CONTACTO */

#contact_name{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 98%;
	line-height: 32px;

}

#contact_telefono{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 98%;
	line-height: 32px;

}

#contact_email{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 98%;
	line-height: 32px;
}

#contact_subject{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 98%;
	line-height: 32px;
}

#contact_text{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:130px;
	width: 98%;
	font-size:12px;
}

#contact_enviar{
	float:right;
	width: 140px;
	background-color:#000;
	color:white;
	border:0px;
	height: 25px;
	line-height: 25px;
	margin-top:10px;
}



#contactolocalizacion_direccion{
	float:left;
	width: 350px;
	margin-top: 0px;
}

#contactolocalizacion_titulo{
	background-color:#000;
	color:white;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	font-size: 26px;
	text-align: center;
	margin-bottom: 8px;
}

#contactolocalizacion_calle{
	width: 100%;
	color: #000;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_telefono{
	width: 100%;
	color: #000;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_movil{
	width: 100%;
	color: #000;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_fax{
	width: 100%;
	color: #000;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_email{
	width: 100%;
	color: #000;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_email a{
	color: #000;
	font-size: 20px;
	text-decoration: none;
}

/* OTROS */
#map_canvas p {
	color: black !important;
}

.portada_circular {
	width: 32%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
}

.portada_circular_2 {
	width: 32%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
}

.portada_circular_3 {
	width: 32%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
}

#articulogaleria_fotos_7, .blog_elemento {
	padding: 10px;
	box-sizing: border-box;
	/*background-color: rgba(255, 255, 255, 0.5) !important;*/
	float: left;
	width: 100%;
	margin: 10px 0px;
}

/* Media Queries */


@media all and (max-width: 500px) {
	#cabecera_out{
		height: 200px !important;
	}
	
	#logo_contenedor {
		width: 100% !important;
	}
	
	#logo-solo {
		width: 40px;
		height: 100px;
	}
	
	#logo-pilates {
		font-size: 12px;
		width: 100%;
		height: 90px;
		background: url(./images/chuspilates.jpg) no-repeat center center;
		background-size: contain;
		line-height: 120px;
		text-align: center;
	}
	
	#logo {
		height: 100px !important;
		width: 100% !important;
		text-align: center !important;
		padding-top: 55px !important;
		box-sizing: border-box !important;
		margin: 0px auto !important;
		padding-left: 20px !important;
	}
	
	#contacto_cabecera {
		width: 100% !important;
		margin: 0px auto !important;
	}
	
	#contacto_cabecera ul {
		width: 100% !important;
	}
	
	#contacto_cabecera li {
		text-align: center !important;
		margin: 0px auto !important;
	}
	
	.theme-default .nivo-controlNav {
		margin-left: 92% !important;
	}
	
	#div_centro img {
		max-width: 100% !important;
		height: auto !important;
		box-sizing: border-box !important;
		margin: 0 auto !important;
		padding: 5px !important;
		float: none !important;
	}
	
	#blog_intro img, #blog_texto img {
		max-width: 100% !important;
	}
	
	.articulogaleria_foto_unidad {
		width: 100% !important;
	}
	
	#clickwebs, #copy, #aviso_legal {
		width: 100% !important;
		text-align: center !important;
		margin: 0px auto !important;
	}
	
	#negro_fondo {
		height: auto !important;
	}
	
	#contactolocalizacion_mapa {
		width: 100% !important;
		height: 310px !important;
	}
	
	#map_canvas {
		width: 100% !important;
		height: 300px !important;
		margin: 0 auto !important;
	}
	
	#map_canvas img {
		max-width: unset !important;
		height: unset !important;
		box-sizing: unset !important;
		margin: unset !important;
		padding: unset !important;
		float: unset !important;
	}
	
	#map_canvas .leaflet-marker-icon {
		margin-left: -12px !important;
		margin-top: -41px !important;
		margin-right: unset !important;
		margin-bottom: unset !important;
	}
	
	#map_canvas .leaflet-marker-shadow {
		display: none;
	}

	#articulofotos_fotos img {
		max-width: 100% !important;
	}
	
	#contactolocalizacion_calle, #contactolocalizacion_telefono, #contactolocalizacion_movil, #contactolocalizacion_fax, #contactolocalizacion_email, #contactolocalizacion_email a {
		font-size: 15px !important;
	}
	
	.portada_circular, .portada_circular_2, .portada_circular_3 {
		width: 100% !important;
	}
	
	#div_centro .portada_circular img, #div_centro .portada_circular_2 img, #div_centro .portada_circular_3 img {
		max-width: 240px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
}

@media screen and (min-width:501px) and (max-width:649px) {
	#logo_contenedor {
		width: 54% !important;
	}
	
	#logo-solo {
		width: 40px;
		height: 100px;
	}
	
	#logo-pilates {
		font-size: 10px;
		max-width: 280px;
		height: 90px;
		background: url(./images/chuspilates.jpg) no-repeat center center;
		background-size: contain;
		line-height: 120px;
		text-align: center;
	}
	
	#logo {
		width: 220px !important;
		text-align: center !important;
		background-size: contain !important;
		padding-top: 45px !important;
		padding-left: 20px !important;
	}
	
	#contacto_cabecera {
		width: 220px !important;
	}
	
	.articulogaleria_foto_unidad {
		width: 47% !important;
	}
	
	.portada_circular, .portada_circular_2, .portada_circular_3 {
		width: 49% !important;
	}
	
	#div_centro img {
		max-width: 100% !important;
		height: auto !important;
		box-sizing: border-box !important;
		margin: 0 auto !important;
		padding: 5px !important;
		float: none !important;
	}
}

@media screen and (min-width:650px) and (max-width:990px) {	
	#logo_contenedor {
		width: 54% !important;
	}
	
	#logo-solo {
		width: 40px;
		height: 100px;
	}
	
	#logo-pilates {
		font-size: 13px;
		height: 90px;
		background: url(./images/chuspilates.jpg) no-repeat center center;
		background-size: contain;
		line-height: 120px;
		text-align: center;
	}
	
	#logo {
		width: 220px !important;
		text-align: center !important;
		background-size: contain !important;
		padding-top: 45px !important;
		padding-left: 20px !important;
	}
	
	#contacto_cabecera {
		width: 220px !important;
	}
	
	#blog_intro p {
		text-align: center;
	}
	
	.portada_circular, .portada_circular_2, .portada_circular_3 {
		width: 49% !important;
	}
}

@media all and (max-width: 990px) {
	#contenedor{
		width:98%;
	}
	
	#cabecera_out{
		width:100%;
		height:100px;	
	}
	
	#cabecera{
		width:100%;
		height:100px;
		float:left;
	}
	
	#logo{
		float: left;
		width: 300px;
		height: 50px;
		margin-left: 1%;
		overflow: auto;
		background: url(./images/logo.png) no-repeat top left;
		padding-left: 40px;
		padding-top: 55px;
		background-size: contain;
	}
	
	#logo-solo {
		background: url(./images/logo-mini.png) no-repeat top left;
		background-size: contain;
	}
	
	#contacto_cabecera{
		float:right;
		width: 240px;
		height:100px;
		margin-left:1%;
		text-align: right;
		color: #9b231c;
		line-height: 45px;
		font-size: 18px;
	}
	
	#contacto_cabecera ul{
		float:right;
	}
	
	#contacto_cabecera ul li{
		float:right;
		font-size: 14px;
		margin-right: 5px;
		width: 100%;
		line-height: 45px;
	}
	
	
	#menu_out{
		float:left;
		height: auto !important;
		width:100%;
	}
	
	#menu{
		width:100%;
		height: auto !important;
		background: #004197;
	}
	
	
	#div_centro_out{
		width:100%;
		float:left;
	}
	
	#div_centro{
		width:100%;
		float:left;
		box-sizing: border-box;
		padding: 10px;
		text-align: center;
	}
	
	#div_contenido{
		width:98%;
		float:left;
		margin-left: 1%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	
	.div_portada{
		width: 100%;	
	}
	
	#fotos, .nivoSlider{
		width: 100% !important;
		height: auto !important;
	}
	
	.theme-default .nivo-controlNav {
		margin-top: -90px !important;
		margin-left: 95% !important;
	}
	
	.nivo-caption {
		font-size: 15px !important;
		left: 5px !important;
		top: 0px !important;
		width: 250px !important;
	}
	
	.flexnav {
		z-index: 9999 !important;
		margin-top: -3px !important;
	}
	
	#pie_pagina{
		width: 100%;
		height: auto;
	}
	
	#negro_fondo{
		width: 100%;
	}
	
	#articulofotos_texto{
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	
	#articulofotos_fotos{
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	
	#articulofotos_destacado{
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	
	#contactolocalizacion_mapa{
		float:left;
		width: 100%;
	}
	
	#contactolocalizacion_mapa{
		width: 100%;	
	}
	
	/* CONTACTO FORMULARIO */
	
	#contactolocalizacion_formulario{
		width: 100%;
	}
	
	#contactolocalizacion_direccion{
		width: 100%;
	}
	
	#li_2,#li_5,#li_6 {
		width: 100%;
	}
	
	.flexnav li a {
		text-indent: 10px !important;
	}
	
	#blog_titulo, #blog_intro, #blog_texto {
		width: 100% !important;
	}
	
	#blog_intro img, #blog_texto img {
		max-width: 100% !important;
	}
	
	#map_canvas {
		margin: 0 auto !important;
		width: 95% !important;
	}
	
	.flexnav.flexnav-show {
		width: 100% !important;
	}
}

/* OBLIGARTORIOS PARA LA PARTE DE EDICIîN */

.div_editar{
	width: 100%;
	text-align:center;
	float:left;
	margin-bottom:20px;
}

.div_editar div{
	display:inline;
}

.div_editar form{
	display:inline;
	margin: 5px;
}

.boton_editar{
	background: white;
	border: 1px solid black;
	padding: 5px 20px;
}