/***********************************************/ 
/*           CSS CONSEJO CIUDADANO 2010        */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with Dreamweaver            */
/*           Cecilia Blanco Cortés             */
/*      infoweb@consejociudadano.com.mx        */
/***********************************************/ 
/* 			       HTML tag styles             */
/***********************************************/

/*@charset "UTF-8";*/
/* CSS Document */
html{
height:100%;
/*overflow-y:scroll;*/
overflow: auto;
}
body {
	font:normal 11pt Arial;	
	
	padding:0px;
	margin:0px;
	background:url(../images/fondo.jpg) repeat;

}
#pagecontainer{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 779px;
	background:#FFF;
	text-align: left;
	display:block;
}
img{border: 0px;}

#cabecera{
	width:779px;
	height:120px;
	float:left;
	clear:both;
	padding:0px;
	background:#FFF;
	position:relative;
	}
#logo{
	width:249px;
	height:120px;
	float:left;
	padding:0px;
	position:relative;
	}
#flash_superior{
	width:470px;
	height:120px;
	float:left;
	padding:0px;
	position:relative;
	background:#FFF;
	}
#logo_gob{
	width:60px;
	height:100px;
	float:left;
	text-align:center;
	padding:20px 0px 0px 0px;
	position:relative;
	background:#FFF;
	}
	
#centro{
	width:779px;
	height:auto;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;
	overflow:hidden;
	position:relative;
	background:url(../images/fondo_azul_blanco.jpg) repeat-y left top;
	}
#columna_izquierda{
	width:240px;
	height:auto;
	float:left;
	padding:0px;
	position:relative;
	background:#0A66BA;
	}
#contenedor_menu{
	width:240px;
	height:auto;
	float:left;
	padding:0px;
	position:relative;
	}
#contenedor_menu ul{
	width:240px;
	height:auto;
	float:left;
	text-align:left;
	text-decoration:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
	position:relative;
	}
#contenedor_menu ul li{
	width:237px;
	height:22px;
	float:left;
	text-align:left;
	text-decoration:none;
	list-style-type:none;
	padding:3px 0px 0px 3px;
	margin:0px;
	font:normal 10pt arial;
	position:relative;
	border-bottom:2px solid white;
	}
#contenedor_menu ul li a,
#contenedor_menu ul li a:link,
#contenedor_menu ul li a:visited,
#contenedor_menu ul li a:hover{
	color:#FFF;
	text-decoration:none;
	}
#contenedor_recomendaciones{
	width:240px;
	font:normal 9pt arial;
	height:auto;
	float:left;
	padding:10px 0px 0px 0px;
	position:relative;
	}
#content{
	width:539px;
	height:auto;
	float:left;
	padding:0px 0px 20px 0px;
	position:relative;
	}
#pie_de_pagina{
	width:779px;
	height:auto;
	float:left;
	text-align:center;
	padding:0px;
	clear:both;
	position:relative;
	background:#FFF;
	}
.direccion{
	width:779px;
	height:50px;
	float:left;
	text-align:center;
	padding:0px;
	font:normal 7pt Arial, Helvetica, sans-serif;
	clear:both;
	position:relative;
	}
.direccion a, .direccion a:link, .direccion a:visited, .direccion a:hover{
	color:#FFF;
	}
.contador{
	color:#0A66BA;
	height:25px;
	font-weight:bold;
	background:#FFF;
	}
	
/* ESTILOS DEL FORMULARIO AL PIE */

.titulo_buzon_pie{
	width:759px;
	height:30px;
	text-align:left;
	float:left;
	padding:0px 0px 0px 20px;
	clear:both;
	}
.bloque_formulario{
	width:779px;
	height:90px;
	float:left;
	padding:0px;
	clear:both;
	}
.formulario_izq{
	width:370px;
	height:auto;
	float:left;
	padding:0px;
	}
.linea_form{
	width:370px;
	height:30px;
	float:left;
	padding:0px;
	}
.linea_form_izq{
	width:100px;
	height:30px;
	float:left;
	padding:0px;
	}
.linea_form_der{
	width:170px;
	height:30px;
	float:left;
	text-align:left;
	padding:0px;
	}
.formulario_der{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	padding:0px;
	}
.linea_form2_izq{
	width:100px;
	height:60px;
	float:left;
	text-align:left;
	padding:0px;
	}
.linea_form2_der{
	width:200px;
	height:60px;
	float:left;
	text-align:left;
	padding:0px;
	}
.boton_enviar_pie{
	width:100px;
	height:60px;
	float:left;
	padding:30px 0px 0px 0px;
	}	
	
/* ESTILOS DE RECOMENDACIONES */

.bloque_recomendacion{
	width:245px;
	height:auto;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	}
	
/* ESTILOS HOME */

#bloque_interior{
	width:520px;
	height:auto;
	float:left;
	text-align:justify;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	background:#FFF;
	}
.titulo_paginas_interiores{
	width:500px;
	height:auto;
	float:left;
	font:bold 12pt arial;
	color:blue;
	clear:both;
	padding:0px 20px 0px 0px;
	margin:0px 0px 20px 0px;
	}
.titulo_paginas_interiores a,
.titulo_paginas_interiores a:link,
.titulo_paginas_interiores a:visited{
	text-decoration:none;
	color:blue;
	}
.titulo_paginas_interiores a:hover{
	color:red;
	}
.textos{
	width:500px;
	height:auto;
	float:left;
	font:normal 10pt arial;
	color:black;
	clear:both;
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	}

/* ESTILOS DE SIPS */

.bloque_sips1{
	width:320px;
	height:280px;
	float:left;
	font:normal 10pt arial;
	color:black;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	}
	.bloque_sips{
	width:110px;
	height:110px;
	float:left;
	font:normal 10pt arial;
	color:black;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	}
.titulo_sips{
	width:90px;
	height:20px;
	float:left;
	text-align:left;
	clear:both;
	font:normal 10pt arial;
	color:black;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	}
.linea_sips{
	width:500px;
	height:60px;
	float:left;
	text-align:center;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
.blok_btn_sips{
	width:185px;
	height:60px;
	float:left;
	text-align:center;
	font:normal 10pt arial;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	}


/* ESTILOS DE OBSERVATORIO */
 .interior{
	width:500px;
	height:auto;
	float:left;
	text-align:center;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	}

/* MENSAJE ENVIADO */

#mensaje_enviado{
  width:300px;
	height:150px;
	float:left;
	font:bold 12pt arial;
	text-align:center;
	display:none;
	pósition:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:2px dotted blue;
	backgeound:#FFF;
}
#cerrar{
  width:280px;
	height:20px;
	float:left;
	font:bold 12pt arial;
	text-align:right;
	pósition:relative;
	padding:5px 0px 0px 0px;
}