body { font: 12px/18px Arial, Helvetica, Verdana, sans-serif; background-color: #FFF; color: #333;

  overflow:auto;
  }


a{
	color: #4D4D4D;
}
 
a:hover{
	color: #5972A6;
}

#the_content a:hover{
	color: #2E2E2E;
}

h1, h2, h3 {
	margin:0px; 
}

/* ############################################################################################
                                      HEADER AND MAIN MENU
############################################################################################ */

#doc4{
	margin:0px auto;
	width:975px;
}

#hd-bg{
	margin-top: 0px;
	height:140px;
	position:relative;
	width:975px;
	z-index:2;
	border:none;
}

#bd{
	width:975px;
}


#menu_superior{
	margin-top: 0px;
	padding-left:10px;
}

/*~~~~~~~~~~~~~~~~~~*/
/* ICONOS 2.0  */
/*~~~~~~~~~~~~~~~~~~*/
#botones-20{ 

	/* float:right; */
	float:left;
	margin-right:10px;
	margin-top: -11px;
}

.boton-20{
			display: block;
			height: 25px;
			/*antes width: 25px
			esto pone en medio y separa los cuadritos de redes sociales*/
			width: 35px;
			float:left;
			
}

#boton-20-rss{ 
			background: transparent url(../img/20/rss.jpg) no-repeat;
}
#boton-20-delicious{ 
			background: transparent url(../img/20/delicious.jpg) no-repeat;
}

#boton-20-facebook{
			background: transparent url(../img/20/facebook.jpg) no-repeat;
}

#boton-20-flickr{
			background: transparent url(../img/20/flickr.jpg) no-repeat;
}

#boton-20-technorati{
			background: transparent url(../img/20/technorati.jpg) no-repeat;
}

#boton-20-twitter{
			background: transparent url(../img/20/twitter.jpg) no-repeat;
}

#boton-20-youtube{
			background: transparent url(../img/20/youtube.jpg) no-repeat;
}


.boton-20-grande{
	float:left; 
	height:41px; width: 41px; display: block; 
}

#boton-20-rss-grande{ 
			background: transparent url(../img/20/bt-rss.jpg) no-repeat;
}
#boton-20-delicious-grande{ 
			background: transparent url(../img/20/bt-delicius.jpg) no-repeat;
}

#boton-20-facebook-grande{
			background: transparent url(../img/20/bt-facebook.jpg) no-repeat;
}

#boton-20-flickr-grande{
			background: transparent url(../img/20/bt-flickr.jpg) no-repeat;
}

#boton-20-technorati-grande{
			background: transparent url(../img/20/bt-technorati.jpg) no-repeat;
}

#boton-20-twitter-grande{
			background: transparent url(../img/20/bt-twitter.jpg) no-repeat;
}

#boton-20-youtube-grande{
			background: transparent url(../img/20/bt-youtube.jpg) no-repeat;
}

/*

/*
EL MENU YUI MODIFICADO
*/
.yui-skin-sam .yuimenubar {
		background:none;
		border:1px solid #808080;
		border: none;
		font-size:100%;
		line-height:2;
}

.yui-skin-sam .yuimenubaritemlabel {

	border-color:#808080;
	border-style:solid;
	border-width:1px 0;
	margin-left: 0px;
	border: none;
	color:#4d4d4d;
	cursor:default;
	margin:-1px 0;
	padding:0 10px;
	text-decoration:none;
	*font-size:12px;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritem {
	border-right:none;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
	border:none;
	margin-left:0px;
	*margin-left:1px;
}
.yui-skin-sam .yuimenubaritemlabel-selected {
	border-color:#7D98B8;
}

.yuimenuitem{ font-size:13px;}
.yui-skin-sam .yuimenuitemlabel{ color: #4d4d4d;}


.yui-skin-sam .yuimenubaritem-selected {

    /*background: url(../js/build/assets/skins/sam/sprite.png) repeat-x 0 -1800px;*/
    background: none;
    background-color: #EEEEEE;
    
}

.yui-skin-sam .yuimenuitem-selected {

    background-color: #EEEEEE;

}



.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
	background:transparent url(../js/build/menu/assets/skins/sam/menubaritem_submenuindicator_disabled.png) no-repeat scroll right center;
}

/*
#########################################################
 BOTONES SUPERIORES( gobierno, ciudadano, empresa )
*/

#botones_cambio_template{
		margin:0px;
		margin-right:0px;
		float:right;
		margin-top:50px;
		margin-right: 0px;
		margin-left:945px;
		position: absolute;
}

#botones_cambio_template li{
	list-style: none;
	padding-bottom: 10px;
	*padding-bottom: 2px;
}

#boton-mapa-del-sitio {
		margin:0px;
		margin-right:0px;
		float:right;
		margin-top:9px;
		margin-right: 0px;
		margin-left:850px;
		position: absolute;
		display:block;
}

#boton-mapa-del-sitio a{
	display: block;
	height: 25px;
	width: 50px;
	background-color: #FFFFFF;
}

.boton_cambio_template{ 
	display: block;
	width: 15px;
	height: 10px;
	*height: 2px;
}


/*
#########################################################
 BOTONES SUPERIORES( gobierno, ciudadano, empresa )
*/
  

#botones-superiores{
	/*width:974px;*/
	width: 790px;
	margin:0px auto;
	margin-top: 10px;
	float:left;
	
}

.boton_superior{
	float:left;
	background: url("../img/home/2da-botonera.jpg") top left;
	display:block;
}

/* -------------------------------------------------------- */
#boton-gobierno {
	height: 55px;
	width: 275px;
	background-position: 0px 0px;
}
 /*le pongo arriba al boton gobierno, para que yome el mismo color hasta que el dise;ador nos cambie de color */
#boton-gobierno:hover {
	
	/* antes  background-position: 0px 399px;  */
	/*ahora*/
	background-position: 0px 0px;
}

/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
#boton-ciudadano {
	height: 55px;
	width: 240px;
	background-position: 500px 0px;
}

/*le pongo arriba al boton ciudadano, para que yome el mismo color hasta que el dise;ador nos cambie de color */
#boton-ciudadano:hover {
	/* antes  background-position: 500px 285px;  */
	/*ahora*/
	background-position: 500px 0px;
}

/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
#boton-empresa {
	height: 55px;
	width: 255px;
	background-position: 259px 0px;
}

/*le pongo arriba al boton empresa, para que yome el mismo color hasta que el dise;ador nos cambie de color */
#boton-empresa:hover {
	/* antes  background-position: 259px 57px;  */
	/*ahora*/
	background-position: 259px 0px;
}
/* -------------------------------------------------------- */


table td{  border:none; vertical-align: top;}



/* ==========================================  */
/* LEFT SIDEBAR */

.yui-t4 .yui-b {
	width: 195px;
	margin-right: 0px;
}


#header-sidebar{
	background: transparent url(../img/pages/all/top-buscador.jpg) no-repeat;
	height: 86px;
	margin: 0px;
	padding: 0px;
}

#content-sidebar{
	background: transparent url(../img/pages/all/bloques2-y-3-centro1.jpg) repeat-y;
	background-position: right;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
#footer-sidebar{
	background: transparent url(../img/pages/all/cierre-3ra-columna1.jpg) no-repeat;
	height: 21px;
}
/* ==========================================  */


/* ############################################################################################
                                    END OF HEADER AND MAIN MENU
############################################################################################ */

.content{
	margin-top: 0px;
}

.sidebar{
	margin-top: 0px;
}

#content-sidebar, #col_3{
	font-size:11px;
}

#content-sidebar li, #col_3 li{
	line-height: inherit;
}

#content-sidebar h3, #col_3 h3{
	margin: 0px;
	padding: 0px;
	color: #4D4D4D;
	font-size: 11px;
	font-weight: normal;
}


.yui-gc div.first, .yui-gd .yui-u{
	width: 365px;
	margin-left: 4px;
	margin-right: 2px;
}

.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
	margin-left:12px;
	margin-right: 0px;
	*margin-right: 20px;
	width: 365px;
	
}
.yui-gc { padding-top: 0px !important;}

#columna_superior{
	padding-left: 5px;
	padding-right: 22px;
	*padding-right: 24px;
}
	
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
	float:left;
}

h1{
	margin-top: 0px;
}


#footer-table td, tr{
	border:none;
}

/********** IMAGENES WORDPRESS ***************/
.size-full{
	/*max-width: 100%;*/
}
/*###########################################################*/
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/**
BANNERS
**/


#sidebar-banners{
	margin-top:20px;
	padding-left:15px;
}

/* BOTONES */
.submit, .agregar, .submit input, .button,b input[type="submit"] {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	background:#F2F2F2 url(../img/admin/white-grad.png) repeat-x scroll left top;
	-moz-border-radius: 14px;
	-khtml-border-radius: 14px;
	-webkit-border-radius: 13px;
	border-radius: 14px;
	border: 1px solid #CCCCCC;
	padding: 4px 12px !important;
	font-weight: normal;
	color: #464646;
	margin-left: 4px; 
	margin-right:  4px;
	text-decoration: none;
}
.submit:hover, .agregar:hover, .submit input:hover, .button:hover,  input[type="submit"] :hover{
	color: #000;
	border-color: #666;
}
.mensaje {
	 background-color: #FFFF88;
	 border: 1px solid #555555;
	 padding: 2px;
	 margin: 4px;
}

#barra-inferiror {
  	width: 90%;
	height: 30px;
	position: fixed;
	bottom: 0px;
	margin-left: 5%;
	background: #111111;
	text-align: left;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	z-index: 999;
} 

#barra-inferiror a{ text-decoration: none; color: #FFFFFF}
#barra-inferiror a:hover{ text-decoration: none; color: #AAAAAA}

#barra-inferior-content{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin:0px;
	padding: 4px;
	height: 29px;
	}
	
.barra-item{ 
	float:left; 
	padding-left: 4px; 
	padding-right: 4px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 110.1%;
}

.barra-item-delimitador{ border-left:1px solid #555555; width: 1px; display: block;height: 22px; float:left;}

.opaque {
	background-color: #FFFFFF;
	opacity: .1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=1);	
	flot:left;
}

.opaque2 {
	background-color: #FFFFFF;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=1);	
	flot:left;
}
.negrita{
	font-weight: bold;
}

.bluebox {
	background-color:#E8EEFA;
	border:1px solid #C3D9FF;
	margin:10px;
	padding:5px;
}
.redbox {
	background-color:#ffeeee;
	border:1px solid #ffcccc;
	margin:10px;
	padding:5px;
}

.contenedor-de-paginas{
	border:1px solid #cccccc;
	width:700px;
	margin: 0px auto;
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFFF;
	margin-right: 38px;
}

/*~~~~~~~~~~~~~~~~~~~*/
.tabla_listado {
	border:none;
	padding: 4px;
	width: 100%;
	text-align: left;
	border: 1px solid #cccccc;
}

.tabla_listado th{
	background-image: url(../img/admin/table_th.png);
	background-repeat:repeat-x;
	*background-image:none;
	border:none;
	color:#555555;
	text-align: left;
	font-family: Arial,Helvetica,Verdana,sans-serif;
}

.tabla_listado tr td{
		/*background-image:url(../img/admin/grad_white_30.png);*/
		background-position:0 -1.3em;
		background-repeat:repeat-x;
		border-color: #cccccc;
		border-style:solid none solid solid;
		border-width:1px;
		padding: 0.8em;
		font-family: Arial,Helvetica,Verdana,sans-serif;
		
}

.tabla_listado tr:hover {
	background-color: #FDFFD8;
}
.tabla_listado td{
	border: none;
	padding:12px;
}

.con_sombra_y_redondeado {
	margin:0;padding:0;list-style-type:none;
	-moz-box-shadow:0 4px 18px #C8C8C8;
	-webkit-box-shadow:0 4px 18px #C8C8C8;
	background:#FFFFFF none repeat scroll 0 0;
	padding: 20px;
	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;

	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;

	width: 95%;
	*border: 1px solid #cccccc;
}