/*  
##############################################
				Gernerales
##############################################
*/
	*{
		margin:0px;
		padding:0px;
		}
	a img, table{
		border:0px;
		}
	p,table td{
	padding:5px 0px;
	color:#000;
	font:normal 11px arial;		
		}

	.both{
		clear:both;
		}
		
body{
	background-color:#333;
	color:#fff;
	}
/**** title right *****/
#cright h3{
	margin-top:5px;
	padding:7px 10px 6px;
	font:bold 13px/16px arial;
	color:#fff;
	background:#fff url(images/back_title_right.gif) no-repeat 0px 0px;
	}
#cright h4{
	padding:7px 10px 6px;
	font:bold 13px/16px arial;
	color:#820B00;
	text-decoration:underline;
	}

#cright h5{
	padding:7px 3px 6px;
	font:bold 11px/16px arial;
	color:#820B00;
	text-decoration:underline;
	}

#cright ol,#cright ul{
	margin-left:30px;
	list-style-position:outside;
	margin-bottom:5px;
	}
#cright  li{
	font:normal 11px/15px arial;
	}
#cright ol li a{
	font:normal 13px/18px arial;
	}
#cright ol li a:hover{text-decoration:none}


#cright table{
	margin:auto;
	padding:4px;
	}

#cright table thead td,#cright table th{
	background-color:#820B00;
	color:#fff;
	font:bold 13px/16px arial;
	text-align:center;	
	}
	#cright table thead th{
		padding:3px 0px;
		}
		
#cright p{
	padding:3px 5px;
	}

#cright #contenido_edit table td{
	border:1px solid #C0C0C0;
	padding:2px;
	}
/*  
##############################################
				Marquetado
##############################################
*/

#pag{
	width:756px;
	margin:auto;
	padding:10px 0px;
	}
	#cabecera{
		height:65px;
		background:#333 url(images/back_menu.gif) no-repeat 0px 26px;
		}
		#cabecera h1 a{
			display:block;
			float:left;
				text-indent: -5000px;
				overflow:hidden;
			width:180px;
			margin-left:23px;
			height:65px;
			background:#333 url(images/logo.gif) no-repeat 0px 0px;	
			}
			*html #cabecera h1 a{margin-left:10px;}
	#menu{float:left;}
		#menu h2{display:none}
		#menu ul{
			list-style:none;
			padding:32px 0px 0px;
			}
			#menu ul li{
				float:left;
				padding:0px 1px;
				}
			#menu ul li a{
				display:block;
				float:left;
				width:65px;
				height:26px;
				text-align:center;
				font:normal 12px/26px arial;
				color:#2a2a2a;
				text-decoration:none;
				}
				#menu ul li a:hover{text-decoration:underline}
			#menu ul li strong{
				display:block;
				float:left;
				width:65px;
				height:26px;
				text-align:center;
				font:bold 12px/26px arial;
				color:#fff;
				background:#820b00 url(images/back_menu_hover.gif) no-repeat 0px 0px;;
				}
			#menu ul .primero{
				padding-left:5px;
				}
		#contenido{
			padding:3px 0px;
			background:#333 url(images/back_cont.gif) repeat-y 0px 0px;
			}
			#cleft{
				float:left;
				width:195px;
				margin-left:3px;
				color:#000;				
				}
				*html #cleft{margin-left:2px;}
			#cright{
				margin-left:3px;
				float:left;
				width:550px;
				color:#000;
				}
		#foot{
			background:#333 url(images/back_foot_cont.gif) no-repeat 0px 0px;
			height:6px;
			padding:8px 4px;
			color:#fff;
			}
			#foot span{
				font:normal 10px arial;
				color:#808080;
				}
			#foot a, #foot .des{color:#484848;}
				#foot a:hover{text-decoration:none}
			#foot .emp{float:left;}
			#foot .des {float:right;}


/*  
##############################################
				Elementos
##############################################
*/
/**** Cuadro girs left *****/			
.cpricial{
	padding:15px 3px 5px;
	width:189px;
	height:122px;
	background:#7e878c url(images/back_left_important.gif) no-repeat 0px 0px;
	color:#fff;
	}
	#cleft .cpricial h3{
		background:transparent url(images/line_importan_left.gif) no-repeat 0% 100%;
		font:bold 12px arial;
		padding:2px 3px 3px;
		}
		.cpricial a{
			display:block;
			width:189px;
			padding:7px 0px 0px;
			text-align:center;
			font:bold 13px arial;
			text-decoration:none;
			color:#000;
			}
			.cpricial a:hover{text-decoration:underline}

/**** title lefts *****/
.cborder h3{
	margin-top:2px;
	height:23px;
	padding:0px 4px;
	font:bold 13px/23px arial;
	color:#fff;
	background:#820B00 url(images/back_left_title.gif) no-repeat 0px 0px;
	}
	
.cborder p{
	padding:0px;
	}
	



/**** Noticias inicio *****/
#notinicio{
	width:316px;
	height:264px;
	float:left;
	margin-right:1px;
	padding:0px 0px 4px;
	background:#e8e8e8 url(images/back_foot_logn_home.gif) no-repeat 0% 100%;
	}
#notinicio h3{
	height:23px;
	color:#fff;
	padding:0px 4px;
	font:bold 13px/23px arial;
	background:#61656e url(images/back_titile_logn_home.gif) no-repeat 0px 0px;	
	}
#notinicio h4{
	padding:0px;
	}
	#notinicio ol{
		margin:0px;
		padding:10px 10px 4px;
		list-style:none;
		}
		#notinicio ol li a{
			padding:0px;
			color:#323230;
			font:bold 11px arial;
			}
			#notinicio a:hover{text-decoration:none;}
		#notinicio ol li p{
			padding:0px 0px 3px;
			}
		#notinicio a{
			padding-left:10px;
			color:#841b05;
			font:bold 11px arial;
			}
			
#atusuarios{
	width:233px;
	height:267px;
	float:left;
	background:#e8e8e8 url(images/back_foot_short_home.gif) no-repeat 0% 100%;
	}
#atusuarios h3{
	height:23px;
	color:#fff;
	padding:0px 4px;
	font:bold 13px/23px arial;
	background:#61656e url(images/back_titile_short_home.gif) no-repeat 0px 0px;	
	}
#atusuarios ul{
	list-style:none;
	margin:0px;
	padding:15px 0px 0px;
	}
#atusuarios ul li{
	margin:0px 0px 0px 10px;
	padding:5px 15px;	
	background:transparent url(images/flechit_home.gif) no-repeat 0px 10px;
	}
#atusuarios ul li a{
	font:bold 12px arial;
	color:#2c2c2c;
	}
	#atusuarios ul li a:hover{text-decoration:none}
	
.listnot{
	margin:5px 0px 0px!important;
	list-style:none;
	}

	.listnot li{
		width:544px;
		margin-bottom:5px;
		}
	.listnot li h4{
		padding:0px 4px;
		text-decoration:none  !important;		
		background:#61656e url(images/back_long_top_center.gif) no-repeat 0px 0px;
		}
		.listnot li h4 a{
			font:bold 13px/16px arial !important;
			text-decoration:underline;
			display:block;
			color:#fff;
			height:16px;
			}
			.listnot li h4 a .title{float:left;}
			.listnot li h4 a .fecha{float:right;}
			
	.listnot li p{
		padding:4px 8px;
		background:#e8e8e8 url(images/back_right_bottom.gif) no-repeat 0% 100%;
		min-height:89px;
		}
		* html .listnot li p{height:89px;}
		.listnot li p img{
			float:left;
			padding:0px 7px 0px 0px;
			}
		#cright .listnot li p a{
			color:#000;
			text-decoration:none;
			font:normal 11px arial;	

			}
			#cright .listnot li p  a:hover{text-decoration:underline}
			
			
#bar_admin{
	padding:3px 5px 1px;
	background-color:#FFFFE1;
	height:17px;
	border-bottom:3px ridge #ccc;
	}
	#bar_admin h1{
		display:block;
		float:left;
		width:100px;
		font:normal 11px arial;
		color:#000;
		}
#bar_admin ul{
	list-style:none;
	}
#bar_admin ul li{float:left;}
#bar_admin ul li a{
		display:block;
		font:bold 12px arial;
		color:#000;	
		float:left;
		margin:0px 0px 0px 7px;	
	}
		#bar_admin a:hover{text-decoration:none}
		
	#bar_admin .salir{
		display:block;
		font:bold 11px arial;
		color:#000;	
		float:right;
		margin:0px 10px;	
		}

#navbar{
	padding:5px 0px 0px;
	height:15px;
	}
#navbar ul{
	margin:0px;
	list-style:none
	}
#navbar ul li{
	float:left;
	font:bold 11px arial;
	color:#820B00;
	padding-left:5px;
	}
	#navbar ul li a{
		display:block;
		color:#820B00;
		font:normal 11px arial;
		background:#fff url(images/flechita.gif) no-repeat 100% 50%;
		padding:0px 10px 0px 0px;
		}
		#navbar ul li a:hover{text-decoration:none}
#listareas{
	margin:15px 0px;
	padding:0px;
	list-style:none;
	}
#listareas li{
	margin:5px 7px 0px 0px;
	padding:0px;
	float:left;
	}
#listareas li a:hover{
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	opacity:0.9;
	}
	
#respuestas{
	padding-top:10px;
	}
	#respuestas h4{
		font:bold 11px arial;
		padding-left:1px;
		}
	#respuestas div{
		height:7px;
		background-color:#820B00;
		}
/*  
##############################################
				Formularios
##############################################
*/
/**** Poll home *****/
#poolhome{
	background:#e8e8e8 url(images/back_left_gary.gif) no-repeat 0% 100%;
	padding:3px 5px 7px;
	height:235px;
	}
	#poolhome p{
		font-weight:bold;
		text-align:left;
		padding:10px 0px 5px;
		color:#323230;
		}
	#poolhome label{
		font:normal 11px arial;
		}
		
	#poolhome .submit{	
		border:0px;
		width:82px;
		height:19px;
		background:#687274 url(images/btn1_med.gif) no-repeat 0px 0px;
		color:#e8e8e8;
		font:bold 11px/19px arial;
		cursor:pointer;
		margin:3px 0px 0px 55px;
		}
		
.edit{
	margin:5px 0px 0px;
	}
