/* CSS del Municipio de Tototlan
Modificado el 18/enero/2019
Por Erik 
*/
* {
		margin: 0;
		padding: 0;}

body {
		margin: 0px auto; 
		padding: 0px;
		font-family: arial, sans-serif;
		background: url(images/fondogris.gif) top center repeat-y; /* fondo del sitio*/ 
		font-family: arial, sans-serif;}	
  
  /* envolvente de toda la pagina */
#wrap {
		width: 940px; 
		height: auto;
		margin: 0 auto;
		padding-top: 0px;
		border: solid 1px #e4e6ea; /*color del contorno de toda la pagina*/
		background: url(images/lineasV.gif) top left repeat-y; }

#header {
		position: relative;
		height: 260px;	
		width: 940px;
		padding-top: 0px;
		background: url(images/header.jpg) no-repeat;
		margin-left:0px; }

#header .ss { /* alto del heder */
    	height:260px; }

.barra_mapasitio {  /* barra larga del menu mapa de sitio */
		  clear: both;
		  background: url(images/barDegradado.gif) top left repeat-x; /* fondo del sitio*/
		  padding: 4px 0px 21px 4px;  }
		  
/* navegador - mapa de sitio*/
#nav1_contenido {
		  width: 940px; 
		  position:relative; 
		  background: transparent;
		  font-size:11; }
.nav1 {
		  margin: 0px; 
		  padding: 0px; 
		  font-family: arial, sans serif;}

.nav1 ul {
		  float:right;  
		  margin: 0px; 
		  padding: 0px 9px 0px 9px; 
		  font-weight: normal;}	

.nav1 li {
		  display: inline; 
		  list-style: none; 
		  margin: 0px; 
		  padding: 0px;}

.nav1 li a {
		  display: block; 
		  float: left; 
		  margin: 0px; 
		  padding: 1px 5px 1px 5px; 
		  color: #000;  /*color del texto del menu inicio mapa y contacto*/
		  text-decoration: none; /*no subraya la liga*/
		  font-weight: normal;
		  font-size: 11px;}

.nav1 a:hover, .nav2 a.selected {
		  color: #000;  /*texto sobre inicio, mapa y contacto*/
		  text-decoration: none;
		  font-weight: bold;}

/* Menu Principal*/
.nav2 {
		  overflow: hidden; 
		  clear: both; 
		  float: left; 
		  width: 160px;
		  height:auto;
		  margin: 0px; 
		  padding: 0px; 
		  color: #000; 
		  font-size: 11px;}

.nav2 ul {
		  width: 160px; 
		  margin: 0px; 
		  padding: 0px; 
		  border-bottom: solid 1 px #fff; 
		  background-color: #a8aeb1; }  /*color del cuadro que contiene el menú principal*/	

.nav2 li {
		  list-style: none; 
		  margin: 2px; 
		  padding: 0px;}

.nav2 li.title {
		  margin: 0px 0px 0px 0px; 
		  padding: 3px 5px 2px 16px; 
		  background-color: #2a3341;   /* color de la barrita del menú principal donde dice MENU*/
		  color: #fff; /*color texto menu*/
		  text-transform: uppercase; 
		  font-weight: bold; 
		  font-size: 14px;}  

	.nav2 li.group a {
		  display: block; 
		  min-height: 1.8em; 
		  height: auto !important; 
		  height: 12px; 
		  line-height: 1.8em; 
		  margin: 0px; 
		  padding: 0px 7px 0px 10px; 
		  border-top: solid 1px #FFF;  /*color de las lineas del menu principal*/
		  /*border-left: solid 7 px #bc3e04;*/  /*color de las lineas Vertical del menu principal al pasar el mouse*/
		  color: #000;   /* color del texto del menu principal */
		  font-weight: normal; 
		  font-size: 11px;}

.nav2 li a {
		  display: block; 
		  min-height: 1.7em; 
		  height: auto !important; 
		  height: 1.7em; 
		  line-height: 1.7em; 
		  margin: 0px; 
		  padding: 0px 7px 0px 5px; 
		  	background-image:url(images/menuoff.gif) ;
		  /*border-left: solid 7px #34506a;*/ /*linea vertical del menu principal*/
		  color: #E79616; 
		  text-decoration: none; 
		  font-size: 11px;}
		  
.nav2 li a:hover, .nav2 li a.selected {
		background-image:url(images/menuOn.gif) ;
		  color: #fff;   /*color sobre del texto del menu principal*/
		  font-size: 11px;
		  outline:none;
		  text-decoration: none;}
		  

#otros {
		  padding-top:2px;
		  padding-left: 0px;
		  padding-right: 0px;
		  padding-bottom: 3px;
		  text-align:left;}

#otros h2 {
		  font-size: 13px;
		  margin: 3px 0px 3px 0px; 
		  padding: 3px 1px 1px 10px; 
		  color: #FFF;
		  background-color: #2a3341; /*color barra de otros menus*/
		  text-transform: uppercase;  }

#otros h3, #otros p {
		  font-size: 11px;
		  margin: 1em 8px 1em 0; }
  
#otros a {
		  color: #341101;  /*color del texto de los vinculos de otros menus*/
		  font-weight: bold;
		  text-decoration: underline;}
  
#otros a:hover {
  		color: #38301A;}
  
#otros .more {
		  font-size: 9px;
		  text-align:right;}
  
#otros .hr-dots {
		  background: center url(images/dots.gif) repeat-x;
		  height: 30px;}

/* (With navigation, with sidebar )*/

.content1  {
		  float: left; 
		  width: 600px; 
		  margin: 0px; 
		  padding: 2px 0px 10px 12px;
		  color: #000000; /* color del texto del centro de la pagina de inicio*/ }
 
.content1-container {
		  clear: both;
		  float: left; 
		  width: 600px; /*tamaño de la linea entre nota principal*/
		  margin: 0px 0px 30px 0px;
		  padding: 0px; }
 
.contenidocentro {
		  overflow: hidden;
		  width: 600px; /*ancho texto bienvenida */
		  margin: 0px; 
		  padding: 0px; }
 
.content1-container-2col-left {
		  overflow: hidden; 
		  float: left; 
		  width: 600px; /*ancho nota informatica*/
		  margin: 0px; 
		  padding: 0px;}

.content1-pagetitle {
		  overflow: auto; 
		  width: 600px; 
		  margin: 7px 0px 10px 0px; 
		  padding: 0px 0px 2px 0px; 
		  border-bottom: solid 1px #20455B; /*linea bienvenida*/
		  color: #323133;  /*color del texto de bienvenida*/
		  font-weight: bold; 
		  font-size: 18px;}

/* Titulos y texto de cajitas*/
.content-title-noshade-size3 { /*texto de titulos centro pagina principal tema1 y tema 2*/
		  margin: 0px; 
		  padding: 0px; 
		  color: #000000; 
		  font-weight: bold; 
		  font-size: 14px;}

.content1-container-3col-left {  /* doble cajita inferior*/
		  overflow: hidden; 
		  float: left; 
		  width: 280px; 
		  margin: 0px 25px 0px 0px; 
		  padding: 0px;
		  font-size: 14px;}

.content1-container-3col-middle {
		  overflow: hidden; 
		  float: left; 
		  width: 280px;
		  margin: 0px; 
		  padding: 0px;}

.content1-container-3col-right {
		  overflow: hidden;
		  float: right; 
		  width: 280px; 
		  margin: 0px; 
		  padding: 0px; }

.content-subtitle-noshade-size1 {
		  margin: 0px; 
		  padding: 0px; 
		  color: #000; /*color del texto de los subtemas 1 y 2*/
		  font-weight: bold; 
		  font-size: 11px;}

.content-txtbox-noshade {
		  margin: 0px; 
		  padding: 10px 0px 0px 0px; 
		  background-color: #FFFFFF;}
		  
		  
		  /* Especificaciones de video*/
.videoprincipal {
		  width: 160px; 
		  height: 100px;
		  margin: 0px; 
		  padding: 0px; }

/* Titulos */
		h1 {margin: 1.0em 0px 0.5em 0px;  font-weight: bold; font-size: 16px;}
		h2 {margin: 1 px 2 px 1px 5 px;  font-weight: bold; font-size: 14px; color:#3c4145;}
		h3 {margin: 6px 2px 2px 12px; font-weight: bold; font-size: 14px; color:#213a52;}

/* Parrafos */
p {
	margin: 0px 10px 10px 10px;
	padding: 0px 3px 0px 6px;
	line-height: 1.3em;
	font-family: arial, sans serif;
	color: #000000;
	font-size: 11px;
}

.ul {
		   margin: 16px; 
		   padding: 12px; 
		   font-family: arial, sans serif;
		   color:#323133; 
		   font-size: 11px;}	

.li {
		   margin: 2px; 
		   padding: 0px;}

.li a {
		   display: block; 
		   float: left; 
		   margin: 0px; 
		   padding: 1px 5px 1px 5px; 
		   font-weight: normal;}

.ol {
		   margin: 2px 0px 2px 18px; 
		   padding: 2px 0px 2px 18px; 
		   color:#454444;}
		   
	  
		   
	
/* Barra lateral Derecha */
.sidebar {
		   overflow: hidden;
		   float: right; 
		   width: 160px; /*ancho del la barra lateral derecha donde va el escudo*/
		   min-height: 500px; /*altura del del bloque*/
		   margin: 0px; 
		   padding: 0px; 
		   text-align: center; 
		   color: #000; /* color del texto de la opcion lateral derecha*/}

.sidebar-maintitle {
		   width: 160px; /*ancho del la barra de titulo de otros menus*/
		   margin: 0px 0px 0px 0px; 
		   padding: 3px 1px 1px 5px; 
		   background-color: #2a3341; /*color barra de otros menus*/
		   color: #FFF; /*color texto de otros menus*/
		   text-transform: uppercase; 
		   font-weight: bold; 
		   font-size: 11px;}

.sidebar-title-noshade {
		   margin: 0px; 
		   padding: 2px 10px 3px 7px; 
		   border-top: solid 1px #8999A3; 
		   color: #000; 
		   font-weight: bold; 
		   font-size: 11px; }

.sidebar-txtbox-noshade { 
		   margin: 0px 0px 0px 0px; 
		   padding: 2px 0px 3px 0px;}

.sidebar-txtbox-noshade p {
			margin: 0px 0px 0px 0px; 
			padding: 0px; 
			line-height: 1.25em; 
			font-size: 11px;}
	
.sidebar-txtbox-shade p { 
		   margin: 0px 0px 5px 0px; 
		   padding: 0px; 
		   line-height: 1.25em; 
		   font-size: 11px; }

/*  areas del pie de página  */
.footer {
		   overflow: hidden; 
		   clear: both; 
		   width: 940px; 
		   height: 7.0em; 
		   margin: 0px; 
		   padding: 0.5em 0px 0.5em 0px; 
		   border-top: solid 1px rgb(125,125,125); 
		   background: url(images/barraFooter.gif) top left repeat-x; /* fondo del sitio*/
		   font-size: 1.0em;}

.footer p {
		   margin: 0px; 
		   padding: 0px; 
		   text-align: center; 
		   line-height: 1.3em; 
		   font-size: 11px;
		   color: #000;  /*color del texto del pie de pagina*/}

/* Hiperbinculoso enlaces  */
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {
			color: #010101;
			 text-decoration: underline;}
 
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {
			color: #000000;
			text-decoration: none;}
 
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {
			color: #000000;}

.footer a {
			color: #000000; 
			text-decoration: underline;}

.footer a:hover {
			color: #000000; 
			text-decoration: none;}

/* Titulos decorados box */
.box-on  {
			 float: left; 
			 min-width: 0.3em; 
			 margin-right: 0.2em; 
			 padding: 0px 0.2em 0px 0.3em; }
 
.box-off {
			display: none;}

/*  Bottom border colors */
.line-box {
			border-bottom: solid 1px #20455B; /* lineas donde va la nota informativa*/
			padding-bottom: 10px; 
			margin: 0px 0px 10px 0px;}

/*  Miselaneos */
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}