@charset "UTF-8";
body {
	margin: 0px;
	background-image: url(../images/back_gral_header_front.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenedor_general {
	margin: auto;
	width: 900px;
	height: 600px;
}
#datos_superiores {
	padding-top: 30px;
	font-size: 10px;
	color: #CCCCCC;
	height: 25px;
}
#menu_principal {
	padding-top: 30px;
	padding-left: 210px;
	height: 50px;
}
#menu_principal ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#fadera {
position: relative;
float: left;
width: 380px; /* remember to set a width */
height:80px;
padding:10px;
}
.textoimg1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;

}
.textoimg1 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;

}
.textoimg2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF6600;
}
.overlay {
position: absolute;
top: 0; /* These positions makes sure that the overlay */
bottom: 0; /* will cover the entire parent */
left: 0;
width: 100%;
background: #000;
opacity: 0.65;
-moz-opacity: 0.65; /* older Gecko-based browsers */
filter:alpha(opacity=65); /* For IE6&7 */
}

.menu_item  {
	display: block;
	width: 84px;
	text-align: center;
	height: 15px;
	padding-right: 7px;
	padding-left: 5px;
	float: left;
	font-size: 11px;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.menu_item_last {
	display: block;
	width: 88px;
	text-align: center;
	height: 15px;
	padding-right: 7px;
	padding-left: 5px;
	float: left;
	font-size: 11px;
	padding-top: 5px;
}
.menu_item_active {
	float: left;
	width: 77px;
	text-align: center;
	padding-top: 5px;
	display: block;
	height: 20px;
	background-image: url(../images/fondo_menu_item.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}
.menu_item  a {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
.menu_item a:hover {
	color: #333333;
}
#banner_laterales {
	float: left;
	width: 160px;
	height: 340px;
	padding-left: 30px;
	padding-top: 60px;
}
.banner_lateral {
	padding-top: 10px;
	padding-left: 10px;
}
.menu_item_last  a {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
.menu_item_last a:hover {
	color: #333333;
}
#version {
	float: left;
	width: 300px;
}
#version a {
	color: #CCCCCC;
}
#busqueda_superior {
	float: right;
	width: 194px;
	padding-right: 60px;
}
#rss_icon {
	text-align: right;
	padding-right: 70px;
	padding-top: 5px;
}
.formulario_busqueda {
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
}
#featured_container {
	float: left;
	width: 610px;
	padding-left: 30px;
	padding-top: 10px;
	height: 410px;
}
#featured_content {
	height: 210px;
	width: 600px;
	float: left;
}
#featured_content02 {
	height: 640px;
	width: 580px;
	float: left;
	text-align: justify;
}
#featured_content a {
/*	display: block;*/
	text-align: center;
	/*float: right;*/
	height: 10px;
	width: 10px;
	margin-left: 5px;
	padding: 3px;
	margin-top: 5px;
	/*background-color: #CCCCCC;*/
	/*border: 1px solid #999999;*/
	color: #333333;
	text-decoration: none;
}
/*#featured_content a:hover {
	display: block;
	text-align: center;
	float: right;
	height: 10px;
	width: 10px;
	margin-left: 5px;
	padding: 3px;
	margin-top: 5px;
	background-color: #FF6600;
	border: 1px solid #FF9900;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}*/
#featured_image {
	float: left;
	height: 180px;
	border: 1px solid #666666;
	width: 400px;
}
#sala_prensa {
	float: left;
	width: 180px;
	padding-left: 15px;
	height: 200px;
}
.nota_sala_prensa {
	font-size: 10px;
	display: block;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	margin: 4px;
}
.leer_mas {
	color: #FF6600;
	text-decoration: none;
}
.leer_mas:hover
 {
	color: #FF9900;
	text-decoration: underline;
}
#multimedia_container {
	height: 200px;
	width: 660px;
	float: left;
	padding-left: 20px;
}
#ttl_multimedia {
	height: 24px;
	width: 600px;
	float: left;
}
#videos_front {
	float: left;
	height: 140px;
	width: 241px;
	background-image: url(../images/back_video.jpg);
	padding-top: 35px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-right: 5px;
	font-size: 11px;
}
#fotogaleria_front {
	float: left;
	height: 140px;
	width: 198px;
	background-image: url(../images/back_fotos.jpg);
	padding-top: 35px;
	background-repeat: no-repeat;
	padding-left: 5px;
	margin-right: 5px;
	font-size: 11px;
}
#fotogaleria_front img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-right: 4px;
	margin-top: 4px;
}
#fotogaleria_front img:hover {
	background-color: #FF6600;
}
#web2_front {
	float: left;
	height: 140px;
	width: 136px;
	background-image: url(../images/back_web2.jpg);
	padding-top: 35px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-right: 5px;
	font-size: 11px;
}
#barra_naranja {
	background-image: url(../images/back_2ndheader_front.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-position: top;
	height: 600px;
}
#container_naranja {
	background-image: url(../images/back_content_naranja.jpg);
	height: 214px;
	width: 750px;
	margin: auto;
}
#banners_naranja {
	height: 55px;
	text-align: right;
}
#calendario {
	height: 115px;
	width: 210px;
	float: right;
	padding-top: 40px;
	padding-right: 10px;
}
#explora_tuxtla {
	float: right;
	height: 115px;
	width: 180px;
	padding-top: 40px;
	padding-right: 20px;
	text-align: left;
}
#explora_tuxtla ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#explora_tuxtla li a {
	display: block;
	padding-bottom: 4px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	text-decoration: none;
	color: #FFFF99;
	padding-top: 2px;
}
#explora_tuxtla li a:hover {
	display: block;
	padding-bottom: 4px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 2px;
	font-weight: bold;
}
#conoce_alcalde {
	height: 115px;
	padding-top: 40px;
	float: right;
	width: 160px;
	padding-right: 30px;
	text-align: left;
}
#conoce_alcalde ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#conoce_alcalde li a {
	color: #003300;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#conoce_alcalde li a:hover {
	font-weight: bold;	
}
#opciones_abajo {
	margin: auto;
	width: 750px;
	height: 320px;
}
#secretarias {
	float: left;
	width: 200px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin-top: 20px;
}
#secretarias ul {
	list-style-type: none;
	margin: 10px;
	padding: 0px;
	font-size: 11px;
}
#secretarias li a {
	color: #333333;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}
#secretarias li a:hover {
	font-weight: bold;
	color: #FF6600;	
}
#llamados {
	float: left;
	width: 270px;
	margin-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	height: 290px;
	padding-left: 10px;
	text-align: left;
}
#llamados_item {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: 10px;
	font-size: 11px;
	color: #333333;
	float: left;
	width: 260px;
}
#ttl-llamados {
	float: left;
	height: 15px;
	width: 260px;
	padding-top: 5px;
}
#banners_abajo {
	float: left;
	width: 255px;
	margin-top: 20px;
	text-align: right;
	padding-right: 10px;
}
#banners_abajo img {
	padding-bottom: 8px;
	padding-left: 5px;
}
#footer {
	width: 750px;
	margin: auto;
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}
.naranja {
	font-weight: bold;
	color: #FF6600;
}
#llamados_item img {
	float: left;
	padding-right: 10px;
}
.boton_busqueda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	border: 1px solid #FF6600;
}
.boton_busqueda:hover {
	background-color: #FF6600;
	border: 1px solid #FF9900;
}