/*-----------------------------------------------------------------------------------------------------------------------------*/
/* JOGA Travel  CSS 2007 																																								  */
/* Hoja de estilos generales principales																																  */
/* Produccion +TicoVirtual de Costa Rica | Comunicación Digital | http://www.ticovirtual.net			*/
/*-----------------------------------------------------------------------------------------------------------------------------*/

/* propiedades generales aplicadas a todas las secciones sin formato definido */
* { padding: 0px !important; margin: 0px !important; border: 0; font-family: arial, verdana, garamond; font-size: 10px; color: #333; font-weight: normal;}

/* definiciones predeterminadas de l sitio*/
h1 { }
h2 {color: #646464; font-size: 11px;}
h3 { font-size: 16px; font-weight: bold; color: #333;}
h4 { font-size: 14px; color: #333;}
br { line-height: 0.7em;}
/*a, a:visited, a:link { text-decoration: none; color: #00008B;} a:hover {color: #0000CD; text-decoration: underline; }*/
td { }
img {	border: 0px;}
strong {font-weight: bold; color:#708090; font-size: 11px;}
div{ background-image: none; background: transparent;}
a:hover{	color: #FF9900; text-decoration: underline;}

/* propiedades generales del cuerpo */
body {background-color: #FF9900; }

/* propiedades generales del div cuerpo */
.main_wrapper {
	width: 953px; height: auto;
	padding: 0px 0px 20px 0px !important; margin: 0px auto 0px auto !important;
	overflow-x: hidden !important; overflow-y: hidden !important;
	background-image: url(../images/mainBackground.gif); background-position: 0px 0px; background-repeat: repeat-y;

}

.main_wrapper .mainFlash {/* Contenedor del flash central */
	width: 933px !important;
	overflow-x: hidden !important; overflow-y: hidden !important;
	margin-left: 10px !important;
}
.tableHead {
	width: 100%; height: auto !important;
}
.tableHead #A{
	width: 705px; 
}
.tableHead #B{
	width: 225px; 
	background-image: url(../images/pBox.jpg); background-position: 0px 4px; background-repeat: no-repeat;
	/*border: 1px solid red;*/
	border-left: 1px solid #CCC;	
	
}
.tablePacks{
		width: 222px !important;
		overflow-x: hidden !important; overflow-y: scroll !important;
		height: 162px !important;
}
.tableHead #Bb{
	margin:6px 0px 0px 4px !important;
	overflow-x: hidden !important; overflow-y: auto !important;
	height: auto !important;

}
.tableHead #Bb td{
	/*width: 83% !important;*/
	color: #333 !important;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
}
.indexPacks td {
	font-weight: bold !important;
	font-size: 11px !important;
	color: #719702 !important;
}
.indexPacks {
	font-weight: bold !important; 	font-size: 11px !important;color: #719702 !important;
}
.indexPacks td a, .indexPacks td a:link, .indexPacks td a:visited{
	font-weight: bold !important;
	font-size: 11px !important;
	color: #719702 !important;
	text-decoration: none;
}
.indexPacks h1 {
	font-weight: bold !important;
	font-size: 11px !important;
	color: #719702 !important;
}
.indexPacks td a:hover{
	color: #FF9933 !important;
}


.main_wrapper .main .selectorOptions {/* Contenedor de los botones de seleccion*/
	padding-top: 2px !important;
	width: 100% !important; height: 24px !important;  text-indent: 6px; margin-bottom: 8px !important;
	background-image: url(../images/selectorOptions.jpg); background-position: 0px bottom; background-repeat: repeat-x;
}.main_wrapper .main .selectorOptions a,  .main_wrapper .main .selectorOptions a:link,  .main_wrapper .main .selectorOptions a:visited {
	font-family: Arial; font-size: 12px; color: #0C3256; font-weight: bold;	background-image: none; background: transparent; text-decoration: none;}
.main_wrapper .main .selectorOptions a:hover{	color:#FF9900 ; text-decoration: underline;}


/*
* Propiedades MAIN
*/

/* propiedades del main */
.main_wrapper .main {
	width: auto !important; height:auto;
	margin: 0px 10px 0px 10px !important;

}


/*
* Tabla de LeftPanel and Central Content
*/
.CentralTable {

}









/*
* Propiedades generalisimas del Panel Izquierdo
*/
.leftPanel{
	border-right: 1px solid #CCC;;
	width: 186px !important;
	height: auto;
}
#txt {
	width: 180px !important;	height: 140px !important;
	overflow-x: hidden !important; overflow-y: auto !important;
	padding: 0px 0px 0px 0px !important; margin: -6px 0px 0px 0px !important;
	border-top: 1px solid #CCC;	
}

.leftPanel #toplet {
	
}
.leftPanel #toplet td {
	padding-top: 6px !important;
}

.leftPanel #toplet #cbToplet {
	/*background-image: url(../images/toplet.jpg); background-position: left bottom; background-repeat: repeat-x;*/
	height: 17px; font-weight: bold; font-size: 11px; color: #333; text-indent: 3px; font-family: Verdana;
	padding: 0px  !important; 
}




/*
* Contenidos Centrales Generales
*/
.CentralContent{
	/*border: 1px solid green;*/
	margin-left: 6px !important;
	background-color: #FFF !important;
}
.CentralContent td{
	padding: 2px !important;
	/*background-color: aqua !important;*/
	
}
.CentralContent #A {
	height: auto !important;
	border-bottom: 1px solid #CCC;
}
.CentralContent #B {
	height: auto !important;
	border-bottom: 1px solid #CCC;

}
.CentralContent #C {
	border: none !important;
}
#dataJack {
	width: 540px !important; height: auto !important;
	/*border: 1px solid #333;*/
	border-right: 1px solid #CCC;
	margin-right: 4px !important;
	display: block; float: left;
	font-size: 10px !important;
	overflow-x: hidden !important; overflow-y: autol !important;
}
.datajackFrame{
	overflow-y: auto !important; overflow-x: hidden !important;
	width: 540px; height: 324px;
}





#optN1{
	width: 190px !important; height: auto !important;
	display: block; float: left;
	/*background-color: #B0C4DE;*/
	background-image: url(../images/background_OPT.jpg); background-position: 0px 0px; background-repeat: no-repeat;
}
#optN1 table {
	margin-top: 20px !important;
}
#optN1 table td {
padding: 0px !important; margin: 0px !important;
/*border: 1px solid #ccc;*/
}




/*
* Nivel 2
*/

.CRCTABLEINF{
	width: 100%; height: 160px;
	background-image: url(../images/infoCR.jpg); background-repeat: no-repeat;
	
}
.CRCTABLEINF #list{
	/*background-color: #ADD8E6 !important;*/
	height: 146px; width: 340px;
	overflow-y: auto !important; overflow-x: hidden !important;
}
.CRCTABLEINF #list td{
	/*border: 1px solid #CCC;*/
}










/*
ul {
	padding-left: 20px !important;
}
li {
	color: #708090;
	font-size: 12px !important;
	font-weight: bold;
}
*/











/* COPYRIGHT */
.copyright {margin-top: 8px !important; border-top: 1px solid #CCC; padding-top: 2px !important;}
 .copyright table td {	font-family: arial !important;	font-size: 10px !important;	color: #666 !important; }
 .copyright #ticovirtual_right { 
	display: none; width: 240px; height: 100px; 	position: absolute; 	margin: -68px 0px 0px 696px !important; z-index: 5 !important; 
/*	position: absolute; margin: -72px 0px 0px 700px !important; left: 875px !important; *left: 866px !important;*/
	background-image: url(../images/ticovirtual_right_background.gif); background-repeat: no-repeat; background-position: 0px 0px;
}

















/*
*
*	ADMIN CONTROLS
*
*/
.adminControls {
	background-color: White !important;
	padding: 14px !important;
}
.adminControls td {
	border: 1px solid #CCC;
	padding: 4px !important;
}
.adminControls th {
	text-align: left;
	padding: 4px !important;
	font-weight: bold; font-size: 12px;
	color: #9C9C9C;
}
.adminControls a, .adminControls a:visited, .adminControls a:link {
	font-weight: bold; text-decoration: none; font-size: 11px; color:#FF9900;
}
.adminControls a:hover {
	color: #573400; text-decoration: underline; font-size: 12px; 
}



/* Apartados y Reservaciones activas*/
.status{
	background-color: #C5D7F7;
	color: #2067E5; font-size: 11px;
	font-weight: bold;	
}
.status1{
	background-color: #99E005;
	color: #FFF; font-size: 11px;
	font-weight: bold;	
}
.status2{
	background-color: #E85E02;
	color: #FFF; font-size: 11px;
	font-weight: bold;
}
/*
* adminlogin
*/
.adminLogin {
	background-color: #FFF;
	padding: 14px !important;
}
.adminLogin td {
	text-align: right;
}
.adminLogin input {border: 1px solid #CCC; width: 120px !important;}
.adminLogin h2 {font-size: 14px; font-weight: bold;}


/*
*
*
* HEADER LINKS
*
*
*/
.adminControls .headerLinks {
	text-indent: 1em;  
	/*background-color: #A46300;*/
	background-image: url(../images/bgHeaderLinks.gif); background-position: 0px 0px; background-repeat: repeat-x;
	padding: 4px !important;
	margin-bottom: 14px !important;
	color: #FFF;
}
.adminControls .headerLinks a, .adminControls .headerLinks a:visited, .adminControls .headerLinks a:link {
color: #FFF;
		text-decoration: none
	
}
.adminControls .headerLinks a:hover {
	font-size:12px; font-weight: bold; color: #FF9900;
}

/*
* FOOTER RIGHTS
*/
.footer_rights {
	margin: 40px 0px 0px 0px !important;
	padding: 1px !important;
	border-top: 1px solid #A46300;
	color: #A46300;
}



/*
* MESS ALERT
*/
.messAlert {
	color: #719702; font-weight: bold; padding: 2px !important; 
	background-color: #ECFDB9; font-size: 12px;
	padding-left: 8px !important;
}
.messAlert2 {
	color: #FFF; font-weight: bold; padding: 2px !important; 
	background-color: #FF1111; font-size: 12px;
	padding-left: 8px !important;
}



/*
*
*
* EDIT WINDOWS
*
*
*/
.ad_center{
	background-color: #FFF;
	padding: 24px !important;
	border-bottom: 1px solid #719702;
	padding: 18px !important;
}
.ad_center textarea {
	border: 1px solid #CCC;	
	padding: 2px !important;
	width: 420px;
}
.ad_center input {
	border: 1px solid #CCC; width: 140px !important; padding: 2px !important;
}
.ad_center p {
	font-size: 10px !important; font-weight: bold; color: #719702; font-size: 11px !important;
}
.ad_center #titleEdit {
	font-size: 13px !important; font-weight: bold; color: #486002; padding-bottom: 10px !important;
}
.ad_center  i{
	font-size: 12px !important; font-weight: bold; color: #719702;
}
.ad_center .submit_btn{
	margin-top: 12px !important;
}
#urldoc,#url_file {
	width: 214px !important; color: #333; font-size: 11px !important;
}


/* contenedor de edicion de clientes*/
.ad_center .clientes {
	border-top: 1px solid #99cc33;
	border-bottom: 1px solid #99cc33;
	background-color: #F7FAFD;
	width: 550px !important;	height: 188px !important;
	overflow-x: hidden !important; overflow-y: auto !important;
}
.ad_center .clientes textarea{
width: 390px !important;
}
.ad_center .clientes table input {
	width: 320px !important;
}

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








/*
*CASCADE MENU
*/
.cascadeMenu{
	color: #333 !important;
	margin: -4px 0px 0px 0px !important; *margin: 10px 0px 0px 0px !important;
	background-color:#623B00;
	width: auto !important; height: auto !important;
	position: absolute;
	border: 1px solid #FF9D09;
	padding: 4px !important;
	text-indent: 0px !important;
}
.cascadeMenuNot{
	color: #333 !important;
	margin: 0px 0px 0px 0px !important;
	background-color:#865100;
	left: 128px !important;
	width: auto !important; height: auto !important;
	position: absolute;
	border: 1px solid #FF9D09;
	padding: 4px !important;
	text-indent: 0px !important;
}

.noMatch {
	text-decoration: line-through !important;;
	color: #E18800 !important;
}




/*
*	SpaceFree Main Menu
*/
.mainSpaceFree{
	margin: 6px 0px 0px 0px !important;
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #719702; 
}
.space {
	margin: 6px 0px 0px 0px !important;


}
.spaceFree{
	text-align: center !important;
	background-color: #E7F3CF;
	border: 1px solid #C8E490;
}
.spaceFree p{
	color: #6A6A6A; font-weight: bold;
}
.spaceFree td {
	border: 1px solid #C8E490;
	background-color: #F3F9E7;
	font-weight: bold;
	font-size: 12px;
	color: #719702;
}




/*
* DIV Contenedor la publicidad
*/
.publiDiv {
	width: 175px !important;
	overflow-x: hidden !important;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 10px 0px 0px 0px !important; margin: -6px 0px 0px 0px !important;
}



#mog {
	font-weight: bold;
	font-size: 14px; 
	text-align: right; 
	padding-top: 2px !important;
	padding-right: 18px !important; margin-bottom: 0px !important;	
	color: #006BD2;

}


.aTerms {
	font-weight: bold; font-size: 11px; color: #999;
}




/*Propiedades del administrador del Bienes y Raices*/
.gal_img_Div {
	border: 1px solid #99cc33;
	padding: 6px !important;
	width: 524px; height: 310px !important;
	overflow-y: scroll !important; overflow-x: hidden !important;
	background-color: #F7FBEE;
	
}
.gal_img_Div img{
	border: 2px solid #99cc33;
	background-color: #D7F8B3;
	
}