/* CSS Document */
/*	Estilos principales */
body {
	margin:0;
	padding:0;
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#F5F5F5;
	color:#666;
	background-image:url(../images/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	}
	
* a {
	text-decoration:none;
	}
* a:hover {
	text-decoration:underline;
	}	
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:8px;
	border:none;
	}	
input[type=text] {
	border:1px solid #CCCCCC;
	}
input, select, textarea {
	border:1px solid #CCCCCC;
	margin:3px 0px;
	padding:2px;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	}	
.btn {
	background-color:#009900;
	color:#FFFFFF;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	padding:2px 10px 2px 10px;
	margin:0;
	border-left:1px solid #00CC00;
	border-top:1px solid #00CC00;
	border-right:1px solid #006600;
	border-bottom:1px solid #006600;
}
.marco {
	padding:2px;
	border:1px solid #EAEAEA;
	}
.marco_fondo a {
	padding:2px;
	height:100px;
	width:120px;
	border:1px solid #CCCCCC;
	}	
.marco_fondo a:hover {
	padding:2px;
	height:100px;
	width:120px;
	background-color:#00FF00;
	border:1px solid #000000;
	}
/*	Estilos de instancias para definir el esquema */	
#out-wrapper {
	width:100%;
	margin:0;
	padding:0;
	}
#wrapper {
	width:780px;
	margin-top:6px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background:#FFF url(../images/wrapper_bg.jpg) left top repeat-y;
	}
#head {
	width:100%;
	height:100px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
	background-image:url(../images/head.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	}
	#head #logo {
		width:175px;
		float:left;
		border-right:1px solid #FFFFFF;
	}
	#head #animacion {
		width:auto;
		float:left;
		margin:0;
		padding:0;
		}
#container {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	border-top:1px solid #FFFFFF;
	}
	#container #sidebar {
		float:left;
		width:175px;
		border-right:1px solid #FFFFFF;
		}
	.menu {
		list-style:none;
		padding:0;
		margin:0;
		}
		.menu li {
			padding:4px 5px 3px 10px; 
			font-weight:bold;
		}	
		.menu li ul { 
			margin:0;
			padding:0;
			list-style:none;
			}
		.menu li ul li { font-weight:normal;}	
	#sidebar a { 
		color:#333333; 
		}		
	/*Clases del Sidebar*/	
	.mnuTitulo {
		background-color: #7DA23B;
		width: 144px;
		height: 24px;
		padding-left:10px;
		}
	.mnuTextoTitulo {
		font-family: Tahoma ,Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 10px;
		}
	.mnuLink {
		font-family: Tahoma ,Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		text-decoration: none; 
		}
	.mnuItem {
		font-family: Tahoma ,Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #000;
		padding:5px 5px 5px 5px;		
	}
	.mnuLinea {
		background-image: url(../images/pixel.gif);
		width: 172px;
		height: 4px;
		}

	/**/
	#container #fecha {
		float:left;
		display:block;
		width:604px;
		color:#000;
		background-color:#FFE374;
		margin:0;
		padding:0px;
		}
		#fecha a {
			color:#20A230;
			text-decoration:none;
			}
		#fecha a:hover {
			text-decoration:underline;
			}	
		#fecha .date {
			float:right;
			text-align:right;
			padding-right:10px;
			margin-top:5px;
			margin-bottom:5px;
			}
		#fecha .mini-nav{
			float:left;
			text-align:left;
			padding-left:10px;
			color:#20A230;
			font-weight:bold;
			margin-top:5px;
			margin-bottom:5px;
			}
	#container #content-all {
		float:left;
		width:584px;
		padding:10px;
		}
	h2 {
		color:#006600;
		font:bolder 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-bottom:1px dashed #009900;
		clear:both;
		margin:10px 0px;
		padding:0;
		}
	h3 {
		color:#CE9D0B;
		font:bolder 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		clear:both;
		margin:0px;
		padding:0px;
		}	
	#container .lista-all {
		margin:0 0 0 10px;
		padding:0;
		list-style-type:none;
		}
		.lista-all li{ 
			background:url(../images/ico_lista.jpg) 0px 3px no-repeat;
			padding:2px 2px 2px 18px;
			}
		.lista-all li ul {
			margin-top:5px;
			margin-bottom:15px;
			list-style:none;
			}
			
	#container .jm_lista-all {
		margin:0 0 0 10px;
		padding:0;
		list-style-type:none;
		}
		.jm_lista-all li{ 
			background:url(../images/jm_ico_lista.jpg) 0px 3px no-repeat;
			padding:2px 2px 2px 18px;
			}
		.jm_lista-all li ul {
			margin-top:5px;
			margin-bottom:15px;
			list-style:none;
			}
				
	#content-all a {
		color:#006699;
		}	
	#content-all a:hover {
		color:#8AB6D9;
		}	
	#content-all li {
		padding-top:2px;
		padding-bottom:2px;
		text-align:justify;
		}	
	#content-all .arbol {
		display:block;
		font-size:10px;
		letter-spacing:0.5px;
		color:#999999;
		text-align:right;
		}
	#content-all p {
		text-align:justify;
		/*clear:left;*/
		}	
	#content-all .importante {
		color: #DB9E22;/* #E3A857;*/
	}				
	/******* Cuadros del Inicio *******/	
	#container #banners {
		float:left;
		width:142px;
		display:block;
		text-align:right;
	}
	#banners #consultas {
		margin:0;
		width:130px;
		padding:0;
		text-align:left;
		background-color:#ECECEC;
		background-image:url(../images/consultas_bg.jpg);
		background-position:left top;
		background-repeat:repeat-x;
		border:1px solid #E5E5E5;
		float:right;
		}
	#banners img {
		margin-top:10px;
	}
	#container #content {
		float:left;
		width:442px;
		}
		#content #saludo {
			margin:0;
			padding:0;
			}
		#content .img_borde {
			float:left;
			margin:5px 10px 5px 10px;
			padding:2px;
			border:1px solid #CCCCCC;
			}
		#content h1 {
			clear:both;
			background:#FFFFFF url(../images/h1_bg.jpg) left top no-repeat;
			margin:10px 9px 10px 9px;
			padding:4px 4px 6px 10px;
			color:#A24601;
			font:bold 11px Tahoma;
			letter-spacing:1px;
			}	
		#content ul.agenda {
			margin:5px 0 5px 0px;
			padding:0;
			list-style-type:none;
			}	
			.agenda li { 
				background:url(../images/ico_list_agenda.jpg) left top no-repeat;
				padding-left:20px;
			}
		#content ul.campana {
			margin:5px 0 5px 20px;
			padding:0;
			list-style-type:none;
			}	
			.campana li { 
				background:url(../images/ico_list_campana.jpg) left top no-repeat;
				padding-left:20px;
				}
		#content #noticias {
			margin:0 0 10px 0;
			padding:0;
			}			
			/*#noticias h3 {
			background: url(../images/h2_bg.jpg) left top no-repeat;
			color:#fff;
			font-size:11px;
			font-weight:bold;
			padding-left:20px;
			letter-spacing:1px;
			margin:0 0 0 10px;
			padding:0 0 0 20px; 
			}*/
			#noticias ul {
				list-style:none;
				margin:10px 0;
				padding:0;
				}
			#noticias ul li {
				border-bottom:1px solid #f5f5f5;
				padding:5px 5px 7px 20px;
				margin:0px 0 0 0;
				clear:both;
				display:block;
				height:auto;
				width:auto;
			}
			#noticias ul li .li-mas {
				text-align:right;
				color:#069;
				margin:0;
				padding:0;
				}
			#noticias ul li img	{ 
				float:right; 
				padding:1px;
				margin:0px 0px 0px 5px; 
				border:1px solid #CCCCCC;
				}
			#noticias ul li .clearning {
				clear:left;
				display:block;
				width:100%;
				height:auto;
				}
			#noticias ul li span a:link, #noticias ul li span a:active, #noticias ul li span a:visited {
				color:#069;
				}	
			#noticias ul li span a:hover {
			 	color:#8AB6D9;
			 }	
	#container .left { 
		float:left;
		width:auto;
	}
	
#foot{
	clear:both;
	width:auto;
	height:42px;
	padding:10px;
	background-color:#FEC834;
	}
	#foot p {
		margin:0;
		padding:0;
		}
	#foot p.copyright {
		float:right;
		padding:15px 10px 10px 10px;
		color:#BE8A01;
		}
	#foot a{
		color:#666;
	}	

.tabla1 {
	border:1px solid #F1F1F1;
	}
	.tabla1 th {
		color:#666;
		background-color:#E5E5E5;
		border-top:1px solid #F1F1F1;
		}
.tabla2 {
	border:1px solid #F8F8F8;
	}
	.tabla2 th {
		color:#666;
		background-color:#F7F7F7;
		border-top:1px solid #F8F8F8;
		}
/*----------------------------------Styles: Gallery------------------------------------*/
.showcase{
	height:196px;
	background-image:url(../images/fondo_gallery.jpg);
	background-repeat:no-repeat;
	height:196px;
	width:166px;
	float:left;
	margin-right:18px !important;
	margin-right:14px;
	margin-top:0px;
	margin-bottom:18px;
	padding-left:10px
	}
.showcase dd{
	margin-right:10px
	}
.showcase img, .showcase img a{
	padding: 1px;
	border: 1px solid #cfcfcd;
	background-color: #f5f5f5;
	} 
.showcase a:hover img{
	background-color: #7DA23B;
	}
.showcase dt.name, .showcase dt.name a{
	padding-top:5px;
	color:#248db9;
	font-size:11px;
	margin-bottom:3px;
	}
.showcase dt.name a:hover{
	color:#333
	}
.showcase .rate{
	font-size:14px;
	font-weight:bold;
	color:#3c3838;
	}
.showcase .nmb{
	font-size:14px;
	font-weight:bold;
	color:#3c3838;
	padding-left:132px;
	margin-top:-18px;
	}
.showcase .nmb span{
	position:absolute;
	margin-left:-9999em;
	}
.showcase .comment{
	margin-top:8px;
	}
.showcase .comment a{
	color:#CCC;
	background-image:url(../images/title_ico01.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:11px;
	font-weight:normal;
	}
.showcase .comment a:hover{
	color:#369EC5;
	text-decoration:none;
	font-size:11px;
	background-image:url(../images/title_ico02.gif);
	}
.showcase a{
	color:#248db9;
	}
.showcase a:hover{
	text-decoration:underline;
	}
.showcase .hide{
	display: none;
	}
.showcase dt.info{
	height:120px;
	}
.showcase dt.hide{
	display: none;
	}
.showcase dd.info span{
	color:#369EC5;
	}
.showcase dd.info{
	color:#bebdbc;
	font-size:11px;
	padding-left:5px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#e2e2e1;
	line-height:29px;
	}
.showcase dd.info a{
	color:#bebdbc;
	font-size:11px;
	}
.showcase dd.info a:hover{
	color:#333;
	text-decoration:none;
	}
.no-show {
	display: none;
	}
#Sites, #Submit, #Last10Submissions, #Ad, #News {
	padding: 0 0px 0 0px;
	width:100%;
	height:26px !important;
	height:0px;
	margin-bottom:10px;
	}
#Sites p {
	margin:0;
	}
#Sites .Screen {
	padding: 10px;
	float:left;
	width: 132px;
	background-color:#666666;
	margin-bottom: 15px;
	}
#Sites .Screen .Score img {
	border: 0;
	}
#Sites .Screen .Score img.Point {
	margin-right: 1px;
	}
#Sites .Screen .Screenshot, #Sites .Screen p {
	float: left;
	width: 132px;
	border: 0;
	}
#Sites .Page {
	border:1px solid #7DA23B;
	background-color: #DBE7AC;
	color:#000;
	width: 20px;
	height:20px;
	display:block;
	float:left;
	margin: 2px;
	text-align: center;
	}
#Sites .Active {
	background-color: #FFDC52;
	border: 1px solid #7DA23B;
	}
#Sites .Page:hover {
	background-color:#F5F5F5;
	}
#Sites #MonthBox {
	text-align: right;
	}
/*----------------------------------Styles: para menu------------------------------------*/
.FlechaCajasUpLateral {
	background-image: url(../images/colita.gif);
	width: 28px;
	cursor:pointer;
	background-repeat: no-repeat;
	height: 24px;
	}
.FlechaCajasDownLateral {
	background-image: url(../images/colita.gif);
	width: 28px;
	background-repeat: no-repeat;
	height: 24px;
	}
.FondoCajasColor {
	padding: 4px;
	background-color: #DBE7AC;
	}
.FondoMenu {
	background-color: #DBE7AC;
	}