/*
Copyright: R. Ayuntamiento de Gómez Palacio, Durango, México
Licencia: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by-nc/2.5/
Autor: Coordinación WEB
*/

body { text-align: center; background: none; margin-top: 10px; margin-bottom: 10px; font-family: arial, Helvetica, sans-serif; }

A:link { COLOR: #666666; text-decoration: none }
A:visited { COLOR: #666666; text-decoration: none }
A:active { COLOR: #666666; text-decoration: none }
A:hover { COLOR: #666666; text-decoration: underline }

/* Div que maneja el fondo a los lados tipo hoja  */
#hoja { margin-left: auto; margin-right: auto; width: 800px; text-align: left; 
	background: #FFFFFF url('../imagenes/hoja.jpg') top center repeat-y; clear:both; }

/* Div que maneja el contenedor con las medidas internas  */
#Contenedor { margin-left:30px; margin-right:40px; height:auto; clear:both; background: none; margin-top: 5px; }

/* Div del titulo  */
#titulo { height: 95px; text-align: right; }
#titulo h1 { margin: 0px; padding-top: 25px; font-size:12px; font-weight: bold; color: #000000; }
#titulo h2 { margin: 0px; padding-top: 20px; font-size:11px; font-weight:normal; color: #000000; }

/* Div del menu principal  */
#barra_menu { height: 29px; background: #FFFFFF url('../imagenes/menu_back.jpg') top left repeat-x; padding-left: 0px;
  border-right: 1px solid #CECAC9; border-left: 1px solid #CECAC9; list-style:none; width: 730px; }
#menu ul {padding:0; margin:0; list-style:none; height:29px; background:#FFFFFF;}
#menu {padding-left:20px; width:680px; list-style:none;}
#menu li.first {border-left:1px solid #fff;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; border-right:1px solid #fff;}
#menu li a {white-space:nowrap; background:#FFFFFF url('../imagenes/menu_back.jpg') top left repeat-x; 
	display:block; float:left; height:30px; line-height:30px; font-size:12px; text-decoration:none; color:#000; padding:0 20px 0 10px;}
#menu li a.drop {background:#FFFFFF url('../imagenes/menu_back.jpg') top left repeat-x;}
#menu li a:hover {position:relative; color:#069; background:#FFFFFF url('../imagenes/menu_sobre.jpg') top left repeat-x;}
#menu li:hover {position:relative;}
#menu li:hover > a {color:#080;}
 
#menu :hover ul {left:-1px; top:30px; width:200px; background:url(trans.gif); padding-top:1px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #fff; height:20px; line-height:20px; width:200px; border-bottom:1px solid #fff; font-size:12px;}
#menu :hover ul li a.right {background:#ddd url(images/right.gif) no-repeat 135px center;}
 
#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}
 
#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
#menu :hover ul :hover ul li.fly a:hover {padding-left:161px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
#menu :hover ul :hover ul li.fly:hover > a {padding-left:160px; border-bottom-color:#000; background:#ccc url(images/down.gif) no-repeat right center;}
 
#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff; background:#ccc;}
 


/* Div de la busqueda  */

#busqueda {
	height: 45px;
	width: 730px;
	text-align: center;
	background: none;
	margin-top: 5px;
	clear:both
}
table.tabla_centrada { table-layout: auto; margin-left:auto; margin-right:auto; text-align:center; border:0px; }
.boton { background-image: url(../imagenes/boton_naranja.jpg); font-size: 12px; font-weight: bold; height: 27px; width: 71px; 
	color: #333333; text-align: center; vertical-align: middle; }

/* Div del banner  */
#banner {
	height: 225px;
	width: 730px;
	text-align: center;
	background: none;
	margin-left: 0px;
}

/* Div del Contenido */
#contenido { height: auto; text-align: left; background: none; margin-top: 5px; }
#contenido h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0pt;
	word-spacing: 0pt;
	white-space: normal;
	color: 060;
	text-align:center
}
#contenido p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: none; }
#contenido a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: none; }


/* Div del Pie de página */
#pie_pagina { height: 145px; text-align: right; background: none; margin-top: 5px; }
#pie_pagina h1 { margin: 0px; padding-top: 20px; font-size:11px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
#pie_pagina h2 { margin: 0px; padding-top: 2px; font-size:9px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
#pie_pagina a { margin: 0px; padding-top: 2px; font-size:9px; color: #000000; font-family: Arial, Helvetica, sans-serif; }

/* Div de la ruta  */
#ruta { height: 15px; text-align: left; background: none; margin-top: 0px; }
#ruta a { margin: 3px; font-size:11px; color: #060; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#ruta p { margin: 3px; font-size:11px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }


/* Contenido de pagina principal */
.barra_gris {	background-color: #eeeeee; }
.titulos { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; color: #333333; letter-spacing: 0pt; word-spacing: 0pt; white-space: normal; display: inline; }
.fecha_notas { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #008752; }
.txt_genral { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-transform: none; }
.boton_mas { 	background-image: url(../imagenes/boton_naranja_mas.jpg); height: 29px; width: 71px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 	font-weight: bold; color: #333333; text-align: center; vertical-align: 30%; }
.modulo_naranja { border-top-width: 0px; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #cdcbcb; border-bottom-color: #cdcbcb; 	border-left-color: #cdcbcb; background-color: #FCF2E6; }
.txt_naranja { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #060; }
.agenda_txt { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.btn_mas { 	text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; color: #333333; letter-spacing: 0pt; word-spacing: 0pt;  }
.txt_general_subrayado { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #666666; 	text-decoration: underline; }
.txt_naranja_subrayado { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #060; font-style: normal; text-decoration: underline; }
.btn_verde { 	text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; color: #000000; letter-spacing: 0pt; word-spacing: 0pt;  }
.sin_borde { border:none; }


/* Div de la Calendario */
#calendario { height: 145px; text-align: left; background: none; margin-top: 5px; text-align:center; }
#calendario h1 { margin: 0px; padding-top: 20px; font-size:11px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
#calendario h2 { margin: 0px; padding-top: 2px; font-size:9px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
#calendario a { margin: 0px; padding-top: 2px; font-size:9px; color: #000000; font-family: Arial, Helvetica, sans-serif; }

/*

/*
#barra_menu { height: 29px; background: #FFFFFF url('../imagenes/menu_back.jpg') top left repeat-x; padding-left:70px;
  border-right: 1px solid #CECAC9; border-left: 1px solid #CECAC9; }


#barra_menu ul {
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	color: #333333;
	width: 100%;
	font-size:12px;
	font-weight: bold;
	background-image: url(../imagenes/menu_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

#barra_menu ul li { display: inline; }

#barra_menu ul li a
{
  padding-top:8px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
	color: #333333;
	text-decoration: none;
	float: left;
	background-image: url(../imagenes/menu_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#barra_menu ul li a:hover
{
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../imagenes/menu_sobre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

*/

/*
#content_wrapper {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:15px;
  clear:both;
}

#right_side {
	margin-top:5px;
	float: right;
	width:150px;
	border:0px dashed #cccccc;
	height: auto;
}

#right_side h3 {
	margin-top:0px;
	margin-bottom:10px;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #006600;
	padding:4px;
	border: 1px solid #AAE5A4;
	background-color:#F4FDE5;
}

#right_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #666666;
  line-height: 16px;
  padding-left:4px;
}

#left_side {
	float: left;
	width:560px;
	background-color: #FFFFFF;
	border:0px dashed #cccccc;
}

#left_side h3 {
	margin-top:0px;
	margin-bottom:10px;
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	color: #006600;
	background-color:#FFFFFF;
	padding:4px;
	border-bottom: 1px solid #018843;
	clear:both;
}

#left_side p {
  margin-top:0px;
  margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  padding-left:4px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box {
  float:left;
  width:250px;
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
}

#feature_box h4 {
  padding-left:5px;
  margin-top:0px;
  margin-bottom:5px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #779E28;
}

#feature_box p {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
  margin-bottom:5px;
}

#page_footer {
  height: 60px;
  background-color: #99CC33;
  clear: both;
}

#page_footer p {
  padding-top:18px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  letter-spacing:1px;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(../img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}
*/