
body{
	background: url(../img/BGpostales2.jpg) no-repeat top, #fff;
}
.bgHome{
	background: url(../img/BGpostales3.jpg) no-repeat top, #fff;
}

#content{
	width: 910px;
	height: 1248px;
	margin:0 auto;
	}

	header{
		height: 220px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		}
		h1{
			background: url(../img/logoPostalesMexico.png) no-repeat;
			width: 447px;
			height: 234px;
			text-indent: -5000px;
			position: absolute;
			
			left: 265px;
			top: 4px;
		}
		/* Banner BestDay
		.auspicioIZQ{
			width: 223px;
			height: 58px;
			background: url(../img/logoBestDay.png) no-repeat;
			text-indent: -5000px;
			position: absolute;
			left:-270px;
			bottom: 10px;
			}
		.auspicioDER{
			width: 223px;
			height: 58px;
			background: url(../img/logoBestDay.png) no-repeat;
			text-indent: -5000px;
			position: absolute;
			right:-280px;
			bottom: 10px;
			}*/

	/* Navbar */
	nav{
		/*background: url(../img/bg_navbar.png) no-repeat;
		border: solid;*/
		margin-top: 36px;
		
		}
		#navBar{
			height: 33px;
			list-style-type: none;
			margin-top: 10px;
			margin-left: 10px;
			width: 91%;
			padding: 0;
			display: -webkit-flex;
			display: -moz-flex;
			display: flex;
			
			/*justify-content: space-between;*/
			}
			#navBar li{
				min-width: 60px;
				padding-left: 40px;
				padding-right: 20px;
				padding-top: 8px;
				position: relative;						
			}
			#navBar li:hover{
				background: url(../img/bg_BTN.png) no-repeat;
				}
				#navBar li a{
					display: block;
					text-decoration: none;
					color: rgb(255,255,255);
					text-transform: uppercase;
					font-family: 'Open Sans', sans-serif;
					font-weight: 800;
					text-shadow:2px 2px 2px rgba(0,0,0,0.5);
					}
				#navBar li a:hover{
					color: rgba(250,50,0,0.6);
				}
				/* Desplegable 1 */
				#navBar li ul li a{
				   width:250px;
				   display:block;
				}

				#navBar li ul {
				   width: 210px;
				   margin:0;
				   padding-left:0px;
				   display:none;
				   background:rgba(22,49,120,0.8);
				   /*border:1px #ccc solid;*/box-shadow: 0 0 15px rgba(255,255,255,0.8);
				   position: absolute;
				   z-index: 20;
				   left: 30px;
				   top:43px;
				   padding-bottom: 6px;
				}
				#navBar li ul li{
					padding-left: 20px;
				}

				#navBar li ul li a{
					border: none;
					/**/
				}
				#navBar li:hover ul {
				   display: block;
				}
				#navBar li ul li:hover {
				   background: none;
				}


#contenido{
	position: relative;
	/*margin-left:3px;
	margin-right: 23px;*/
	border: 3px solid rgba(255,255,255,0.7);
	width: 98%;
	background: url("../img/bg-contenido.jpg") top no-repeat, #046DC0;
	box-shadow: 0 0 15px rgba(255,255,255,0.7);
	}

	/* Placa INDEX */
		#videoPlayer{

			position: absolute;
			top:35px;
			left: 75px;
			z-index: 10;
			box-shadow: 0 0 20px rgba(0,0,0,0.6);
			border-radius: 10px;
		}

	#contenido a{
		display: block;
		transition:ease 1s;
	}
		#foto0{
			position: absolute;
			top: 740px;
			left: 40px;
			z-index: 5;
			/*border: solid;*/
			width: 184px;
			height: 313px;
			background: url(../img/foto_0.png) no-repeat;		
		}
		#foto1{
			position: absolute;
			top: 740px;
			left: 240px;
			z-index: 5;
			/*border: solid;*/
			width: 184px;
			height: 313px;
			background: url(../img/foto_1.png) no-repeat;		
		}
		#foto2{
			position: absolute;
			top: 740px;
			left: 440px;
			z-index: 5;
			/*order: solid;*/
			width: 184px;
			height: 313px;
			background: url(../img/foto_2.png) no-repeat;		
		}																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																					
		#foto3{
			position: absolute;
			top: 740px;
			left: 660px;
			z-index: 5;
			/*border: solid;*/
			width: 184px;
			height: 313px;
			background: url(../img/foto_3.png) no-repeat;		
		}
		.fotos span{
			position: absolute;
			top: 193px;
		}

	#contenido > a:hover{
		/*-webkit-transform: scale(1.01,1.01);*/
		-webkit-transform: translatey(-10px);
		-moz-transform: translatey(-10px);
		-ms-transform: translatey(-10px);
		-o-transform: translatey(-10px);
		transform: translatey(-10px);
	}
	
	/* FIN - Placa INDEX */

	/* Secciones*/
	#titulo{
		position: relative;
	}
	#titulo #auspicio{
		position: absolute;
		right: 120px;
		top: 10px;
	}

	#contenido .tituloAt{
		background: url(../img/h2_atracciones.png) no-repeat;
		width: 235px;
		height: 34px;
		text-indent: -5000px;
		position: relative;
		left: 123px;
		top: 12px;
	}

	#contenido .tituloCom{
		background: url(../img/h2_compras.png) no-repeat;
		width: 235px;
		height: 34px;
		text-indent: -5000px;
		position: relative;
		left: 123px;
		top: 12px;
	}

	#contenido .tituloGast{
		background: url(../img/h2_gastronomia.png) no-repeat;
		width: 235px;
		height: 34px;
		text-indent: -5000px;
		position: relative;
		left: 123px;
		top: 12px;
	}

	#contenido .separador{
		width: 100%;
		height:15px;

	}

	.cajaTextos{
		width: 610px;
		margin: 15px auto;
		padding: 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		background:rgba(255,255,255,0.6); ;
		/*background: -moz-linear-gradient(top, rgba(0,80,180,0.60) 0%, rgba(0,80,180,0.60) 35%, rgba(0,80,180,0) 100%); /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,80,180,0.60)), color-stop(35%,rgba(0,80,180,0.42)), color-stop(100%,rgba(0,80,180,0))); /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(top, rgba(0,80,180,0.60) 0%,rgba(0,80,180,0.60) 35%,rgba(0,80,180,0) 100%); /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(top, rgba(0,80,180,0.60) 0%,rgba(0,80,180,0.60) 35%,rgba(0,80,180,0) 100%); /* Opera 11.10+ */
		/*background: -ms-linear-gradient(top, rgba(0,80,180,0.60) 0%,rgba(0,80,180,0.60) 35%,rgba(0,80,180,0) 100%); /* IE10+ */
		/*background: linear-gradient(to bottom, rgba(0,80,180,0.60) 0%,rgba(0,80,180,0.60) 35%,rgba(0,80,180,0) 100%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0050b4', endColorstr='#000050b4',GradientType=0 ); /* IE6-9 */	
	}
	.cajaTextos h4{
		text-transform: capitalize;  ;
	}
	.cajaTextos p, .cajaTextos ul{
		color: rgb(0,0,0,0.9);
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 0.85em; 
		/*text-transform: uppercase;*/
		text-shadow:2px 2px 3px rgba(0,0,0,0.5);
		width: auto;
		margin: 0 20px;
	}

	.verMas{

		display: block;
		width: 100%;
		text-align: center;
		background: rgba(50,50,50,0.1);
		color: black;
		text-decoration: none;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;


		}
		.verMas:hover{
			background: rgb(255,255,255);
			
