*{
font-family: 'century gothic'
}

.preventa img {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	box-shadow: 0px 2px 4px #000;
		-moz-box-shadow: 0px 2px 4px #000;
		-webkit-box-shadow: 0px 2px 4px #000;
}

.redessociales {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative;
}

.redesboton img {
	width: 25%;
	position: relative;
	display: inline-block;
	float: left;
}

.contenido {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	margin-top: 10px;
	position: relative;
	background-color: #FBDAE5;
	box-shadow: 0px 2px 4px #000;
		-moz-box-shadow: 0px 2px 4px #000;
		-webkit-box-shadow: 0px 2px 4px #000;
	overflow: hidden;
}

/**Seccion Directorio**/

.contenido h1 {
	width: 100%;
	background-color: #FF7DF1;
	text-align: center;
	box-shadow: 0px 2px 4px #000;
		-moz-box-shadow: 0px 2px 4px #000;
		-webkit-box-shadow: 0px 2px 4px #000;
}

.contenido h2 {
	width: 100%;
	background-color: #FF7DF1;
	text-align: center;
	box-shadow: 0px 2px 4px #000;
		-moz-box-shadow: 0px 2px 4px #000;
		-webkit-box-shadow: 0px 2px 4px #000;
}

.categorias {
	width: 23%;	
	min-height: auto;
	margin: 5px;
	margin-top: 12px;
	margin-left: 12px;
	border-radius: 5px;
	float: left;
}

.categorias img {
	display: inline-block;
	width: 100%;
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: easy-out;
	-webkit-transition-duration: hover;
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: easy-out;
	-moz-transition-duration: hover;
}

.categorias img:hover {
	-webkit-transform: scale(1.08,1.08);
	-webkit-transition-timing-function: easy-out;
	-webkit-transition-duration: hover;
	-moz-transform: scale(1.08,1.08);
	-moz-transition-timing-function: easy-out;
	-moz-transition-duration: hover;
	box-shadow: 0px 2px 4px #000;
		-moz-box-shadow: 0px 2px 4px #000;
		-webkit-box-shadow: 0px 2px 4px #000;
}

.anunciate img {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}


.contenido .nombredirectorio {
	width: 80%;
	float: right;
	background-color: #971AAE;
	text-align: center;
	margin: auto;
	box-shadow: 0px 0px 4px #000;
		-moz-box-shadow: 0px 0px 4px #000;
		-webkit-box-shadow: 0px 0px 4px #000;
}

.banners {
	width: 80%;
	margin: auto;
	background-color: #FBDAE5;
	float: right;
}

.banners img {
	width: 90%;
	margin: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 35px;
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: easy-out;
	-webkit-transition-duration: hover;
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: easy-out;
	-moz-transition-duration: hover;
}

.banners img:hover {
	-webkit-transform: scale(1.05,1.05);
	-webkit-transition-timing-function: easy-out;
	-webkit-transition-duration: hover;
	-moz-transform: scale(1.05,1.05);
	-moz-transition-timing-function: easy-out;
	-moz-transition-duration: hover;
}

.banners2 {
	width: 80%;
	margin: auto;
	background-color: #FBDAE5;
	float: right;
}

.banners2 img {
	width: 100%;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}

.volantes {
	width: 80%;
	margin: auto;
	margin-top: 25px;
	background-color: #FBDAE5;
	float: right;
}

.volantes img {
	width: 90%;
	margin: auto;
	display: block;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}

.infoproveedor {
	width: 80%;
	background-color: #fff;
	padding: 15px;
	margin-top: 35px; 
	float: right;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}

.mapa {
	max-width: 1000px;
	width: 80%;
	margin-top: 35px;
	float: right;
}

.mapa iframe {
	width: 100%;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}

.botonregresar {
	width: 80%;
	float: right;
	margin: 10px;
}

.botonregresar img:hover {
	-webkit-transform: scale(1.05,1.05);
	-webkit-transition-timing-function: easy-out;
	-webkit-transition-duration: hover;
	-moz-transform: scale(1.05,1.05);
	-moz-transition-timing-function: easy-out;
	-moz-transition-duration: hover;
}

.infotips {
	width: 80%;
	background-color: #fff;
	padding: 15px;
	margin-bottom: 35px; 
	float: right;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}

.infotips p {
	margin-left: 10px;
	margin-right: 10px;
}

.fototips {
	width: 80%;
	float: right;
	box-shadow: 0px 2px 4px #A0839D;
		-moz-box-shadow: 0px 2px 4px #A0839D;
		-webkit-box-shadow: 0px 2px 4px #A0839D;
}


/**Seccion Footer**/

.bordefooter {
	max-width: 1000px;
	width: 100%;
	margin: auto;
}

footer {
	max-width: 1000px;
	height: auto;
	width: 100%;
	background-color: #000;
	margin: auto;
}

footer ul {
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #652C5F;
}

footer ul li {
	display: inline-block;
	position: relative;
}

footer ul li a {
	color: #7D3175;
	padding: 5px;
	margin-left: 5px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	float: left;
}

footer ul li a:hover {
	color: #FF7DF1;
}

#copyright {
	text-align: center;
	font-size: .9em;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #939393;
}

#GrupoIdentidad {
	text-align: center;
	font-size: .7em;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #fff;
}

#GrupoIdentidad a {
	text-decoration: none;
	color: #fff;
}


/**Pagina Contacto**/

.contacto img {
	display: none;
	width: 100%;
	box-shadow: 0px 2px 4px #777777;
		-moz-box-shadow: 0px 2px 4px #777777;
		-webkit-box-shadow: 0px 2px 4px #777777;
}

figure {
	display: table;
	margin-top: 10px;
}

figure img {
	width: 100%;
	background-color: #fff;
	display: table-cell;
	box-shadow: 0px 2px 4px #777777;
		-moz-box-shadow: 0px 2px 4px #777777;
		-webkit-box-shadow: 0px 2px 4px #777777;
}

figure figcaption {
	width: 50%;
	padding: 15px;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	box-shadow: 0px 2px 4px #777777;
		-moz-box-shadow: 0px 2px 4px #777777;
		-webkit-box-shadow: 0px 2px 4px #777777;
}


/**Cambios de medidas de pantalla**/

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

	.categorias {
		width: 22%;
		margin-left: 15px;
	}
}

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

	.categorias {
		width: 30%;
		margin-left: 12px;
	}

	.redesboton img {
		width: 50%;
	}

	.bordefooter img {
		width: 100%;
	}

	.contenido .nombredirectorio {
		width: 100%;
	}

	.banners {
		width: 100%;
	}

	.banners2 {
		width: 100%;
	}

	.banners img {
		margin-bottom: 10px;
	}

	.volantes {
		width: 100%;
	}

	figure figcaption {
		padding: 10px;
	}

	.infoproveedor {
		width: 100%;
	}

	.mapa {
		width: 100%;
		margin: auto;
		margin-top: 35px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.mapa iframe {
		width: 100%;
		max-height: 400px;
	}

	.botonregresar {
		width: 100%;
	}

	.infotips {
		width: 100%;
	}

	.fototips {
		width: 100%;
	}

}


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

	.categorias {
		width: 29%;
		margin-left: 12px;
	}
}

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

	figure img {
		display: none;
	}

	figure figcaption {
		width: 100%;
		margin-top: 10px;
	}

	.contenido .contacto img {
		display: block;
		margin-top: 10px;
	}
}

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

	.categorias {
		width: 42%;
		margin-left: 16px;
	}
}

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

	.categorias {
		width: 42%;
		margin-left: 12px;
	}
}

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

	.categorias {
		width: 80%;
		margin-left: 15px;
	}
}