/*
Azul OOAPAS: #2D3087;
verde análogo: #00765B;
Gris Morelia: #919396;
*/

* {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	outline:none;
}

body {
	background-color:#DDD;
	margin:0px;
}

#envolvente {
	width:966px;
	margin:auto;
	background-color:#FFF;
	border:2px solid #FFF;
}

#envolvente_boletin {
	width:726px;
	margin:auto;
	background-color:#FFF;
	border:2px solid #FFF;
}

#cabecera {
	width:966px;
}

#logos {
	width:966px;
	height:147px;
}

/*///////////////////////////// INICIA MENU ////////////////////////////////*/
#menu_div {
	width:966px;
	height:44px;
	margin:auto;
}

#line_div {
	width:966px;
	height:6px;
	background-color:#00765B;
}

#menu_list {
	margin:0px;
	padding:0px;
	display:inline;
	position:relative;
	top:0px;
	left:0px;
}

#menu_list li {
	display:inline;
	text-align:center;
	height:44px;
	background-color:#00765B;
	list-style-type:none;
}

#menu_list li a {
	display:block;
	height:29px;
	color:#FFF;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#2D3087;
	padding-top:15px;
}

.activo {
	color:#FFF;
	position:relative;
	top:15px;
	font:bold 14px Arial, Helvetica, sans-serif;
	cursor:default;
}

.pdl5 {
	padding-left:5px;
}

#menu_list li a:hover {
	color:#FFF;
	background-color:#919396;
}

#m_inicio {
	position:absolute;
	top:0px;
	left:0px;
	width:77px;
}

#m_organizacion {
	position:absolute;
	top:0px;
	left:79px;
	width:139px;
}

#m_transparencia {
	position:absolute;
	top:0px;
	left:220px;
	width:150px;
}

#m_comunicacion {
	position:absolute;
	top:0px;
	left:372px;
	width:197px;
}

#m_cultura {
	position:absolute;
	top:0px;
	left:571px;
	width:174px;
}

#m_servicios {
	position:absolute;
	top:0px;
	left:747px;
	width:107px;
}

#m_contacto {
	position:absolute;
	top:0px;
	left:856px;
	width:110px;
}

/*----- MENU LINKS -----*/
#m_inicio a {
	width:77px;
}
#m_organizacion a {
	width:139px;
}
#m_transparencia a {
	width:150px;
}
#m_comunicacion a {
	width:197px;
}
#m_cultura a {
	width:174px;
}
#m_servicios a {
	width:107px;
}
#m_contacto a {
	width:110px;
}
/*//////////////////////////////// TERMINA MENU ///////////////////////////////////*/

#imagenes_div {
	width:966px;
	margin-top:2px;
}

#imagenes_div #izquierda {
	width:482px;
	height:196px;
	float:left;
}

#imagenes_div #derecha {
	width:482px;
	height:196px;
	float:right;
}

#contenido {
	width:966px;
	clear:both;
}

#lateral {
	width:240px;
	margin-top:2px;
	float:left;
	overflow:hidden;
}

#lateral #telefono {
	width:240px;
	height:80px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#2D3087;
}

#lateral #menu {
	width:240px;
	margin-bottom:2px;
}

#lateral #menu .cat {
	margin:20px;
	padding:0px;
	list-style-type:none;
}

#lateral #menu .cat h4 {
	margin:0px;
	padding:0px;
}

#lateral #menu .opciones {
	padding:0px;
	text-indent:-20px;
	list-style-type:none;
}

.ml_btn {
	width:240px;
	height:35px;
	margin-top:2px;
}

#lateral #btn1 a {
	display:block;
	width:240px;
	height:35px;
	text-indent:-9999px;
	background-image:url(imagenes/menu_lateral_saldo.png);
	background-position: 0px 0px;
}

#lateral #btn1 a:hover {
	background-position: 0px 35px;
}

#lateral #btn2 a {
	display:block;
	width:240px;
	height:35px;
	text-indent:-9999px;
	background-image:url(imagenes/menu_lateral_estaciones.png);
	background-position: 0px 0px;
}

#lateral #btn2 a:hover {
	background-position: 0px 35px;
}

#lateral #btn3 a {
	display:block;
	width:240px;
	height:35px;
	text-indent:-9999px;
	background-image:url(imagenes/menu_lateral_correo.png);
	background-position: 0px 0px;
}

#lateral #btn3 a:hover {
	background-position: 0px 35px;
}

#principal {
	width:686px;
	margin-top:2px;
	padding:20px;
	float:right;
}

#principal p {
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:justify;
}

#principal_boletin {
	width:686px;
	margin-top:2px;
	padding:20px;
}

#principal_boletin p {
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:justify;
}

#pie {
	width:966px;
	clear:both;
}

#pie #pie_logos {
	width:966px;
	height:60px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

#pie #derechos {
	width:966px;
	height:30px;
	text-align:right;
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
}

.linea_punteada {
	height:5px;
	border-bottom:1px dashed #CCC;
	margin-bottom:5px;
	clear:both;
}


a {
	color:#919396;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	color:#00765B;
}

h1 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#00765B;
	margin:0px;
}

h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2D3087;
	margin-bottom:0px;
	margin-top:0px;
}

h2 a {
	font-weight:normal;
	font-size:16px;
}

h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0px;
}

h4 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#00765B;
	margin-bottom:0px;
}

img {
	border:0px;
}

p {
	color:#333;
}

fieldset {
	border:1px solid #CCC;
	padding-left:10px;
	background-color:#F6F6F6;
}

legend {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#2D3087;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.lista {
	background-image:url(imagenes/flecha_azul_derecha.png);
	background-repeat:no-repeat;
	background-position:0px 9px;
	text-indent:15px;
	display:block;
	padding:5px 0px;
}

.imprimir {
	background-color:#FFF;
}

#principal #contratos h2 {
	text-indent:15px;
}

#principal ul {
	list-style-type:none;
	margin:0px;
	padding-left:20px;
}

#principal li a {
	font-size:14px;
}

#contratos .bloque {
	width:33%;
	float:left;
}

#boletin_img1 {
	width:333px;
	margin-top:3px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}

#boletin_img2 {
	width:333px;
	margin-top:3px;
	margin-bottom:20px;
}

#modalWinLogin {
	visibility:hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-image:url(imagenes/modal_bg.png);
}

#modalWinLogin #login {
	width: 320px;
	height:140px;
	border:1px solid #333;
	background-color:#FFF;
	margin:100px auto;
}

#modalWinLogin #login h2 {
	margin-bottom:20px;
	text-align:center;
}

.form_text {
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	width:60px;
	text-align:left;
	float:left;
	margin-left:10px;
	display:block;
	line-height:22px;
}

.form_item {
	width:230;
	float:left;
	text-align:right;
}

.form_item #numcontrato {
	width:230px;
}

#org_menu {
	color:#00765B;
}

#valores li {
	list-style:disc;
}

.dir_fila {
	width:686px;
}

.dir_columna1 {
	width:100%;
	float:left;
	margin:0px;
}

/*.dir_columna2 {
	width:50%;
	float:right;
}*/

.gal_img {
	width:162px;
	margin-right:7px;
	padding-bottom:5px;
	text-align:center;
	float:left;
}

.gal_img:hover {
	background-color:#E6E6E6;
	cursor:default;
}

.gal_vspacer {
	height:20px;
	clear:both;
}

#modalWin {
	visibility: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	background-image:url(imagenes/modal_bg.png);
}

#organigrama {
	width: 1000px;
	margin:100px auto;
}

#frm_contacto table {
	margin:auto;
}

#frm_contacto .form_input {
	width:294px;
}

#frm_sys table {
	/*margin:auto;*/
}

#frm_sys .form_input {
	width:398px;
}

.align_right {
	text-align:right;
}

#overlay{
	visibility:hidden;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1000;
	background-image:url(imagenes/modal_bg.png);
}

#of{
	width:800px;
	background-color:#FFF;
	height:100%;
	margin:auto;
	
}

#ttl {
	width:400px;
	padding:10px 0px 10px 10px;
	float:left;
}

#btn_cerrar {
	width:30px;
	float:right;
	padding-top:10px;
}

#dialogContent {
	clear:both;
	padding:0px 20px;
	height:90%;
	text-align:justify;
	overflow:auto;
}

#ppl {
	width:500px;
	margin:auto;
}

.boton_pequeno {
	font:10px Arial, Helvetica, sans-serif;
	width:80px;
	height:22px;
}

.boton_100 {
	width:100%;
}

.caption {
	font:12px Arial, Helvetica, sans-serif;
}

.caption em {
	font:10px Arial, Helvetica, sans-serif;
	font-style:italic;
}

#alterna {
	width:100%;
	border:1px solid #CCC;
}

#alterna td {
	width:100%;
	padding:10px;
	margin:0px;
}

#alterna tr:nth-child(even) {
	background-color:#E6E6E6;
}

/* Imágenes */
#overlay_image{
	visibility:hidden;
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1000;
	text-align:center;
	background-image:url(imagenes/modal_bg.png);
}

#overlay_image #content{
	margin:10px auto;
	width:660px;

	background-color:#FFF;
}

#overlay_image #imageHolder{
	width:640px;
}

#overlay_image #imageHolder img{
	margin:10px;
}