@charset "utf-8";
	/*
	 *
	 * 2003 - 2016 @ Yal Publicidad - Weby+
	 * www.yalpublicidad.com
	 * online@yalpublicidad.com
	 *
	 * Estilos globales de sitio Weby+
	 * styles.css
	 *
	 */

	.map_wide {
			width: 100%;
			position: relative;
			overflow: hidden;
			height: 334px;
		}
		
	
	.acordeon{
			display:inline-block;
			color: #444;
			cursor: pointer;
			padding: 5px;
			width: 100%;
			border: none; border-radius:0px 5px 5px 0px;
			text-align:left; text-decoration:none;
			outline: none;
			font-size: 15px; font-weight:400;
			transition: 0.4s;
		}
		.acordeon strong{
				color:#00bacd;
			}
		
		.acordeon:after {
				content: '+'; /* signo (+) content:'\02795' */
				font-size: 13px; font-weight:600;
				color: #777;
				float: right;
				margin-left: 5px; margin-right: 15px;
				
			}
			
		.acordeon.active:after {
				content: "_"; /* signo (-) content:"\2796" */
			}
			
		.acordeon.active, .acordeon:hover {
			background: #ddd;
			color:#000;
		}
		
		.acordeon-contenido{
				padding: 0 18px;
				background-color: white;
				max-height: 0;
				overflow: hidden;
				transition: 0.6s ease-in-out;
				opacity: 0;
				
				/*display: none;*/
				
			}
			.acordeon-contenido.show{
					opacity: 1;
					max-height: 500px;
				}




.circle {
    text-transform: uppercase;
    float: left;
	background: #f18800;
	position: relative;
	width: 96px;
	height: 96px;
    color: #fff;
    margin: -1px 20px 0 0;
    text-align: center;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
	
/* ------------------------ *\
	Display none >576px
\* ------------------------- */
	@media (max-width: 576px){
		.m-ocultar{ display:none; }
	}
	@media (min-width: 576px){
		.m-mostrar{ display:none; }
	}
/* ----------------------------------- *\
	estilos obsoletos
\* ----------------------------------- */

	#MsjBox{
		display:none;
		position:fixed;
		margin-top:35%;
		width:100%;
		text-align:center;
		z-index:2000;
	}
	#MsjBox span{
			display:inline-block;
			margin:10px 35px 10px 35px;
			border-radius:5px; border:#454545 1px solid;
			background:rgba(0,0,0,0.7);
			color:#fff;
			padding:10px;
			box-shadow: 0 0 15px 0 #222;
		}
	
/* Styles Modal */

	#wy_modal {
		position: relative;
		background: rgba(0, 0, 0, 0.7);
		overflow:auto;
		color: #fff;
		position: fixed;
		top: -100vh;
		left: 0;
		height: 100vh;
		width: 100vw;
		transition: all .5s;
		z-index:1990;
	}
	
	#wy_modal_btn_cerrar {
			display: none;
		}
		#wy_modal_btn_cerrar + label {
		  position: absolute;
		  top: 1em;
		  right: 3em;
		  color: #fff;
		  font-weight: bold;
		  cursor: pointer;
		  background: tomato;
		  width: 25px;
		  height: 25px;
		  line-height: 25px;
		  text-align: center;
		  border-radius: 50%;
		  transition: all .5s;
		}
		
		
	#wy_modal_contenedor{
			margin: 0 auto;
			padding: 10px;
			background: #fff; color:#343434;
			margin-top: 5%;
			display:table;
			border-radius: 3px;
			width: auto; max-width: 90%; max-height: 90%;
			transition: all .5s;
			z-index:1993;
		}