/* CSS Document */

/******************************************************************************
 DESCRIPCION: Hoja de estilo para el sitio Zapotlán Turístico, estilo por
              default.
			  
 AUTOR: xBlaze, Arisoft
 FECHA DE CRACION: Viernes, 30 de noviembre de 2007
 ULTIMA MODIFICACION: Viernes, 30 de noviembre de 2007
******************************************************************************/

/* Etiquetas HTML */

body {
	background: #292e34 url(StyleSheet/imgBgPie.gif) repeat-y left;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #292e34;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4068a5;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4068a5;
	padding: 0px 0px 0px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4068a5;
	padding: 0px 0px 0px 0px;
}

/* Estilos Unicos */

#BarraSuperior {
	background: #16171b;
	height: 30px;	
}

#LogoBarraSuperior {
	background: transparent url(StyleSheet/logoBarra.jpg) no-repeat left;
	padding-left: 10px;
	height: 30px; 
	width: 200px;
}

#Encabezado {
	background: #292e34 url(StyleSheet/bgEncabezado.jpg) no-repeat right;
	height: 150px;
	/*padding-left: 10px;*/
}

#LogoEncabezado {
	background: transparent url(StyleSheet/logoEncabezado.gif) no-repeat left;
	height: 150px;
	width: 250px;
}

#MenuPrincipal {
	background: url(StyleSheet/mnuBgOpcion.gif) repeat-x;
	height: 50px;
}

#MenuSecundario {
	background: transparent url(StyleSheet/mnuBgInf.jpg) no-repeat bottom;
	width: 200px;
	padding-top: 20px;
}

#MenuSecundarioTur {
	background: transparent url(StyleSheet/mnuBgInf.jpg) no-repeat bottom;
	width: 200px;
	padding-top: 20px;
}

#MenuSecundarioBg {
	background: url(StyleSheet/mnuBgIzq.gif) repeat-y;
}

#Contenido {
	background: #FFFFFF;
}

#Publicidad {
	background: #EBECED;/*#FFFFFF;*/
	width: 160px;
}

#PieDePagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 50px;
}

#PieContacto {
	padding-left: 30px;
	width: 200px;
	height: 50px;
}

/* Estilos de Clase */

	/* MENU PRINCIPAL */
	
	.mnuOpcionLuz {
		background: transparent url(StyleSheet/mnuBgOpLuz.gif) no-repeat;
		width: 1px;
		height: 50px;
	}
	
	.mnuOpcionSom {
		background: transparent url(StyleSheet/mnuBgOpSom.gif) no-repeat;
		width: 1px;
		height: 50px;
	}
	
	.mnuOpcion {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.mnuOpcionOver {
		background: url(StyleSheet/mnuBgOpSel.gif) repeat-x;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #d7ff00;
		padding-left: 10px;
		padding-right: 10px;
		cursor: hand;
	}
	
	/* MENU SECUNDARIO */
	
	.mnuSecOpcion {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 0px 0px 0px 30px;
		height: 30px;
		border-bottom: solid 1px #c5cbd1;
	}
	
	.mnuSecOpcionOver {
		background: url(StyleSheet/mnuBgIzqOpSel.gif) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		padding: 0px 0px 0px 30px;
		height: 30px;
		cursor: hand;
		border-bottom: solid 1px;
	}
	
	/* MENU SECUNDARIO TURISMO*/
	
	.mnuSecOpcionTur {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 0px 0px 0px 20px;
		height: 20px;
		border-bottom: solid 1px #c5cbd1;
	}
	
	.mnuSecOpcionOverTur {
		background: #939CA3;/* background: url(StyleSheet/mnuBgIzqOpSel.gif) no-repeat; */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		padding: 0px 0px 0px 20px;
		height: 20px;
		cursor: hand;
		border-bottom: solid 1px;
	}
	
	/* OPCIONES BARRA SUPERIOR */
	
	.BarraOpcion {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #CCCCCC;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.BarraOpcion a:hover {
		color: #B3D401;
		text-decoration: none;
	}
	
	.BarraOpcion a:link {
		color: #CCCCCC;
		text-decoration: none;
	}
	
	.BarraOpcion a:visited {
		color: #CCCCCC;
		text-decoration: none;
	}