/* CSS Document */
/* CSS Document */
body{
	/*background:url(../img/bg.gif) repeat-x 0 0 #FDF9EE; */
	background:#FFFFFF;
	color: #999999;
	font:normal 13px Arial, Helvetica, sans-serif; 
	margin:0;
	padding:0;}
/*div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0; color: #ffffff;}*/

a{
color: #c6c1b8/*163e6a*/;
text-decoration:none;
}	

a:hover{
color: #c6c1b8/*163e6a*/;
text-decoration:underline;
}	
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
input {
	background-color:#EFEBDE; 
	color:#474545/*0B0B0B*/;
	background-repeat: repeat-x;
	background-attachment: scroll;
	border: solid 1px #454545;
	font-family: Tahoma,sans-serif;
	font-size: 14px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	line-height: 1.2;
	}
	
textarea {
	background-image:none;
	background: #EFEBDE; 
	color:#474545/*0B0B0B*/; 
	border:solid 1px #C3BCA4;
	font:normal 13px Arial, Helvetica, sans-serif;  
	}
check {
	background-color:#EFEBDE; 
	color:#0B0B0B; 
	border:#C3BCA4 1px solid;
	width:15px; 
	height:15px; 
	margin:6px 0 0 9px;
	}
select {
	background-color:#EFEBDE; 
	color:#0B0B0B; 
	border:#C3BCA4 1px solid;
	padding:2px; 
	width:200px;
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif; 
	}
submit {
/*	background:#EFEBDE; 
	color:#0B0B0B; 
	border:#C3BCA4 1px solid;
	padding: 2px;
	font:normal 13px Arial, Helvetica, sans-serif; */
background-color: #df9c27;
background-image: url(../img/button_bg_orange.gif);
background-repeat: repeat-x;
background-position: left top;
border: solid 1px #2f2f2f;
color: #ffffff;
cursor: pointer;
font-family: Tahoma,sans-serif;
font-size: 14px;
padding: 8px 8px 8px 8px;
vertical-align: middle;
white-space: nowrap;
display: inline-block;
line-height: 1.2;
padding: 2px 5px; 
font-weight: bold;
	}
submit:hover {
background-color: #4c4c4c;
background-image: url(../img/button_bg_orange_hover.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
text-decoration: none;
}	
input.cafe
{
height: 13px;
padding: 4px 4px 4px 4px;
font-size: 12px;
background-color: #fff/*454545*/;
opacity: .5;
border:solid 1px #2f2f2f;
color: #141414/*454545*/;
margin-left: 5px;

}

/* ----------------- top navigation start --------------------- */
#wrapper{
	width:100%;
	/*border: solid 1px #00FF00; */
	}
#topLogin{
background:url(../img/bg_head.png) repeat-x;
	height: 211px;
	min-width:950px;
	width:auto; 
	position:relative;
	margin:0 0 0 0; 
	padding:0 0 0 50px;
	color: #333333;
	}
#topLogeado{
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
	height: 155px;
	width:auto;
	min-width:900px;
	position:relative;
	margin:0 auto; 
	padding:0 0 0 0;
	color:#999999;
	font-size:14px;
	font-weight:bold;
	}
#bajoMenu{
	height: 23px;
	width:100%;
	position:relative;
	padding:10px 0 5px 0;
	background:url(../img/bajomenu_bg.png) no-repeat;
	}	
#topNav{
	background-color: #000000;
	height: 30px;
	width:auto; 
	min-width:900px;
	position:relative;
	margin:0 auto; 
	padding:8px 0 0 50px;}
	
#topNav img{
	border:none; float:left; margin:0 34px 0 0;}
#topNav ul{
	width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 217px;}
#topNav ul li{
	/*background-color:#E1DBC7;*/ color:#c6c1b8; float:left;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#topNav ul li a{
	/*background-color:#E1DBC7;*/ color:#c6c1b8;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#topNav ul li a:active{
	/*background:url(../img/top_btn_h.gif) no-repeat 0 0 #E1DBC7;*/ color:#c6c1b8;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:65px; height:23px; display:block;}
#topNav ul li a:hover{
	/*background:url(../img/top_btn_h.gif) no-repeat 0 0 #E1DBC7;*/ color:#c6c1b8;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration: underline;
	width:65px; height:23px; display:block;}	

/* ----------------- top navigation end --------------------- */
/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(../img/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#636363;
	width:778px; height:34px; margin:9px 0 0; float:left; border: solid 0px #FF2301;}
#bottomShadow{
	background:url(../img/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#636363;
	width:778px; height:24px; float:left;}
/* ----------------- shadow end --------------------------- */
/* ----------------- body start --------------------------- */
#body{
	position: relative;
	width: 950px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	background:#FFFFFF;
	min-height: 500px;
	}
#midle{
	background:url(../img/chucao_logo.jpg) no-repeat 0 0 #FFFFFF; 
	color:#636363;
	padding:270px 0 0 0;}
#midle h2{
	/*background-color:#FFFFFF;*/ color:#0B0B0B;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle h2 span{
	/*background-color:#FFFFFF;*/ color:#d16201;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; /*background-color:#FFFFFF;*/ color:#636363;}
#midle a.more{
	background:url(../img/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#midle a.more:hover{
	background:url(../img/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#colorBg{
	background-color:#FCFAF3; float:right; color:#0B0B0B;
	margin:18px 0 18px 0; padding:18px 15px 18px 15px; width:312px;}
#cuadrito{
	width:312px; float:auto;}
#cuadrito span.ctop{
	background:url(../img/contact_top.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:14px; display:block;}
#cuadrito span.cbottom{
	background:url(../img/contact_bottom.gif) no-repeat 0 0 #FCFAF3; color:#000000;
	line-height:0; font-size:0; height:25px; display:block;}
#cuadrito .contenido{
	background:url(../img/contact_midle.gif) repeat-y 0 0 #FCFAF3; color:#000000;
	width:272px; padding:0 20px; float:right;}
#cuadrito h2.text3{
	background:url(../img/contact_h2_bg.jpg) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
	padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#cuadrito h2.text3 span{
	background-color:#FFFFFF; color:#d16201;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#cuadrito label{
	background-color:#FFFFFF; color:#0B0B0B; margin:0 0 8px 0; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#cuadrito input{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:22px; padding:2px; margin:0 0 8px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#cuadrito textarea{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:168px; height:66px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}
#cuadrito textarea.grande{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:268px; height:256px; padding:2px; margin:0 0 13px 15px; float:right;
	font:normal 14px/20px Arial, Helvetica, sans-serif;}	
#cuadrito .botonnaranjo
{
background-color: #454545/*df9c27*/;
background-image: url(../img/button_bg_orange.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
border: solid 1px #454545/*c0530f*/;
color: #ffffff;
cursor: pointer;
font-family: Tahoma,sans-serif;
font-size: 14px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
vertical-align: middle;
white-space: nowrap;
display: inline-block;
line-height: 1.2;
padding: 2px 5px; 
font-weight: bold;
}

#cuadrito .botonnaranjo:hover
{
background-color: #4c4c4c;
background-image: url(../img/button_bg_orange_hover.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
text-decoration: none;
padding: 2px 5px; 
font-weight: bold;
}


/*#cuadrito form.contact input.submit{
	background:url(../img/submit_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:0 0 0 10px; padding:0 20px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}*/
/*#cuadrito form.contact input.reset{
	background:url(../img/more_bg.gif) no-repeat 45px 0 #FFFFFF; color:#0B0B0B; border:none;
	width:60px; height:13px; float:right; margin:0; padding:0 15px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;}*/
#cuadroblanco{
	width:312px; float:auto;}
#cuadroblanco span.ctop{
	background:url(../img/contact_top.gif) no-repeat 0 0 #FCFAF3; 
	color:#000000;
	line-height:0; 
	font-size:0; 
	height:14px; 
	display:block;}
#cuadroblanco span.cbottom{
	background:url(../img/contact_bottom.gif) no-repeat 0 0 #FCFAF3; 
	color:#000000;
	line-height:0; 
	font-size:0; 
	height:25px; 
	display:block;}
#cuadroblanco .contenido{
	background:url(../img/contact_midle.gif) repeat-y 0 0 #FCFAF3; 
	color:#000000;
	width:272px; 
	padding:0 20px; 
	float:right;}	
#cuadroblanco h2.text3{
	background:url(../img/contact_h2_bg.jpg) no-repeat 0 0 #FFFFFF; color:#0B0B0B;
	padding:0 0 10px 55px; float:left; width:228px; height:37px;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}
#cuadroblanco h2.text3 span{
	background-color:#FFFFFF; color:#d16201;
	font:normal 24px/30px Georgia, "Times New Roman", Times, serif;}	
/* ----------------- body end --------------------------- */
/* ----------------- footer start --------------------------- */
#footer{
	position:relative; 
	margin:0 0 0 0; 
	width:auto;
	min-width:900px; 
	padding:8px 0 0 50px;
	background-color: 3d3d3d;
	background:url(../img/footer_bg.png) repeat-x;
	color: #cccccc;
	font-size: 11px;
	height: 70px;
}
#footer a{
color: #c17219;
}

#footer a:hover{
color: #ffffff;
text-decoration:underline;
}

/********************************************************
****************tablas***********************************
********************************************************/
table.cafe {
	border:#ECE8DB 1px solid;
	color: #5b5b5b;
	}
table.cafe th {
	background: url(../img/bg.gif);
	text-align:center;
	}
table.cafe tr.titulo {
	background: url(../img/bg.gif);
	text-align:center;
	}
table.cafe tr.fila-a {
	background: #ebebeb;
	}
table.cafe tr.fila-b {
	background:#FFFFFF;
	}
table.cafe a {
	color:#d16201;
	text-decoration:none;
	}
table.cafe a:hover {
	color:#454545;
	text-decoration:underline;
	}
table.fondochucao {
	background:url(../img/logos/xl2.jpg) no-repeat 0 0 #FFFFFF;
	/*background:url(../img/bet1.jpg) no-repeat 0 0 #FFFFFF;*/
	/*border:#ECE8DB 1px solid;*/
	border-top: solid 1px #454545;
	border-bottom: solid 3px #454545;
	}	
h2.titulo{
	/*background-color:#FFFFFF;*/ color:#0B0B0B;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
h2.titulo span{
	/*background-color:#FFFFFF;*/ color:#d16201;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
p.contenido{
	font:normal 14px/19px Arial, Helvetica, sans-serif; /*background-color:#FFFFFF;*/ color:#636363;}
a.more{
	background:url(../img/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
a.more:hover{
	background:url(../img/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
	
table.menu {
	border:#ECE8DB 1px solid;
	color: #5b5b5b;
	}
table.menu a {
	color:#d16201;
	text-decoration:none;
	}
table.menu a:hover {
	color: #FF6600;
	text-decoration:none;
	}
table.menu td {
	background: url(../img/bg.gif);
	border:#ECE8DB 1px solid;
	}	
table.menu td:hover {
	background: url(../img/bg.gif);
	border:#757575 1px solid;
	}	
/******************
****** deuda ******
*******************/	
#deuda {
	border-bottom: solid 1px #454545;
	}
#deuda a{
	color:454545;
}
#deuda a:hover{
	color:d16201;
	text-decoration:underline;
}		
	
/*************************************
******** alertas *********************
*************************************/
#msg-error {
	border:#D32727 1px solid;
	background: url(../img/msg_error.gif) right #fcfaf3 no-repeat;
	color: #D32727;
	font-size: 14px;
	width:450px;
	padding:12px 2px 12px 10px;
	margin:0 0 0 27px;
	height:30px;
	}
#msg-ok {
	border:#92652c/*27C612*/ 1px solid;
	background: url(../img/msg_ok.gif)right #fcfaf3/*FFF04A*/ no-repeat;
	color:#92652c/*27C612*/;
	font-size: 14px;
	width:450px;
	padding:12px 2px 12px 20px;
	margin:0 0 0 27px;
	height:30px;
	}
#msg-info {
	border:#227EFF 1px solid;
	background: url(../img/65_48.png) #FFF04A no-repeat;
	color:#227EFF;
	font-size: 14px;
	width:90%;
	padding:12px 2px 12px 50px;
	}
/****************************************
*******  boton    ****************
****************************************/
.botonnaranjo
{
background-color: #df9c27;
background-image: url(../img/button_bg_orange.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
border: solid 1px #454545;
color: #ffffff;
cursor: pointer;
font-family: Tahoma,sans-serif;
font-size: 14px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
vertical-align: middle;
white-space: nowrap;
display: inline-block;
line-height: 1.2;
padding: 2px 5px; 
font-weight: bold;
}

.botonnaranjo:hover
{
background-color: #4c4c4c;
background-image: url(../img/button_bg_orange_hover.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
text-decoration: none;
padding: 2px 5px; 
font-weight: bold;
}

/*++++++++++++menu++++++++++++*/
#topLogeado ul {	
					list-style: none;
					padding: 0;
					margin: 0 0 0 0;
				}
#topLogeado  li a{ 	background:url(../img/nav-tab-hover.png) no-repeat;
					color: #fff;
					height:25px;
					width:170px;
					display:block;
					padding: 20px 10px 0px 0px;
					text-decoration: none;
					text-align: center;
					margin:0 0 0 0 ;
					float:left;
				}

#topLogeado li a:hover {background:url(../img/nav-tab-inactive.png) no-repeat;
						height:25px;
						display:block;
						color:#fff;
						float:left;
			}
#topLogeado li a.sele {background:url(../img/nav-tab-inactive.png) no-repeat;
						height:25px;
						display:block;
						color:#fff;
						float:left;
			}			
#bajoMenu a{
	color: #CCCCCC;
	font-weight: 500;
	text-decoration: none;
	border-left: dotted 1px #FFFFFF;
	margin:0 0px 0 px;
	padding:0 0 0 15px;
	}
#bajoMenu a:hover{
text-decoration:underline;
color:#FFFFFF;
	}					

#bajoMenu .salir{background: url(../img/salir_.png)left/*FFF04A*/ no-repeat;}


h2 {	border-bottom:1px dotted #8e8e8e;
	color:#3b2309;
	width:50%;}

.deuda { font-size:14px;
	color:#454545;
	font-weight:bold;
	font-style:italic;	
	}

.mail{ font-style:italic;}

.chiquito{	color:#454545;
		
	}

.chiquito:hover{color:#a04b00;
		 text-decoration:none;

		}

.amigo{ 	color:#163e6a;
		 font-weight:bold;}

.fecha{ color:#0b2f57;
	}

.coment{ border-left:1px dotted #454545;
	border-right:1px dotted #454545;
	padding:0 5px 0 5px;
	color:#6d6d6d;
	}
/* no mostrar un div */
.hidden  { 
display : none; 
}	
#izquierda{
margin: 10px 0 10px 0;
width:605px;
float:left;
}
#derecha{
width:315px;
margin: 10px 0 10px 0;
float: right;
background-color:#FCFAF3;
padding:10px 10px 10px 10px;
}

pre {
  border:1px solid #A2A2A2;
  background-color:#F1F1F1;
  padding:2px;
  margin:2px;
  color:#0150c7;
  width:350px;
  overflow:scroll;
}
/* tooltips */
#tooltip {
	position: absolute;
	padding: 4px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: none;
	text-align: left;
	background-color: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.tooltipTitle {
	font-weight: bold;
	color:#FF9900;
}

/********************V3************************************/

#formlog {
	background: url(../img/login.png) no-repeat;
	/*background-image: url (../img/login.png)no-repeat;*/
	/*border: solid 1px #FF0000; */
	width:495px; 
	float:left; 
	min-height:180px;
	color:#fff;
	}	
	.loginf{
		margin:45px 0 0 240px;
		}

	.regis{
		margin:0 0 0 370px;

		}

	.btnlogin{
		margin:0 0 0 180px;
		}
#mancha {
	/*border: solid 1px #00FF00; */
	min-width:330px; 
	float:right; 
	min-height:177px;		
	background: url(../img/mancha.png) no-repeat;
}

#menu_bajo{
	margin:0 auto 0 auto; 
	width:1024px; 
	height:199px; 
	background:url(../img/header_1.png) no-repeat;
		}
.menu2{
	margin:9px 10px 0 0;
	}

#mensaje{
	background: url(../img/globo_msje.png) no-repeat;
	float:left;
	height:60px;
	width:246px;
	padding:30px 0 0 24px;
	margin:8px 0 0 190px;
	font-size:12px;
	}

#clear{
	clear:both;
	}

.uper{
	text-transform:uppercase;