@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}
body,td,th {
	font-family: Trebuchet MS, Verdana, Arial, Heveltica, sans-serif;
	font-size: 14px;
	color: #000000;
	}
html,body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	} 

//div { border: 1px solid red; }

a:link { color: #663300; }
a:visited { color: #663300; }
a:hover { color: #996600; }
a:active { color: #996600; }
a img { border: none; } 
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
	}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
hr.separador {
	color: #663300;
	height: 5px;
	border: none;
	background-color: #663300;
	margin: 5px 0px;
	padding: 0px;
	clear: both;
	}

.brown { color: #663300; }
.black { color: #000000; }
.lgray { color: #CCCCCC; }
.mgray { color: #888888; }
.dgray { color: #444444; }
.white { color: #FFFFFF; }
	
#body {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	clear: both;
	display: inline-block;
	}

	
/* master styles */
.columnLeft, .coll { float: left; }
.columnRight, .colr { float: right; }
.clearLeft, .clrL { clear: left; }
.clearRight, .clrR { clear: right; }
.clearBoth, .clrB { clear: both; }
.fs8, sup { font-size: 8px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.blockArea {
	display:inline-block;
	clear: both;
	}
.w100 { width: 100%; }



/* Body Sections Styles */
#header {
	width: 98%;
	margin: 5px 0px;
	padding: 0 10px 0 10px;
	clear: both;
	display: inline-block;
	}
#main {
	clear: both;
	width: 100%;
	display: inline-block;
	}
#content {
	width: 100%;
	display: block;
	text-align: justify;
	}
#base { clear: both; }


/*  Base Block Styles */
#nav-base {
	margin: 0px;
	width: 99%;
	height: 32px;
	display: inline-block;
	padding: 5px;
	}


/* Main Block Styles*/
#column-left {
	float: left;
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	overflow: hidden;
	}
#column-right {
	float: right;
	width: 200px;
	}
#nav-bottom {
	clear: both;
	height: 30px;
	}
#nav-top {
	clear: both;
	height: 40px;
	padding-top: 10px;
	}

	
/* topQuery block styles */
#topQuery {
	background-color: #c4ae97;
	padding: 0px 20px 5px 20px;
	margin-bottom: 10px;
	}
#topQuery a, #topQuery a:hover { color: #000000; }




/* CSS de lista de resultado sugeridos del query */
#lista {
	position:absolute;
	left: 0px;
	z-index:100;
	display:none;

	
	background-color:	#FFF0E0;
	color:#000000;
	
	border:1px solid;
	border-color:#663300;
	
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	}
.resaltado {
	background-color:#000000;
	color:#FFF0E0;
	}
	


/* TabMenu Styles */
.tabMenu{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0px;
	height: 0px;
	list-style: none;
	background: url(/imagenes/tab-bg.gif) repeat-x; /*left tab image path*/
	height: 30px;
	}
.tabMenu li{ float:left; }
.tabMenu li a{
	background: url(/imagenes/tab-left.gif) no-repeat; /*left tab image path*/
	background-position: left;
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	margin-left: 0px;
	}
.tabMenu li a b{
	background: url(/imagenes/tab-right.gif) no-repeat right top; /*right tab image path*/
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
	}
.tabMenu li.current a, .tabMenu li.current a:hover {
	background: url(/imagenes/tab-left-current.gif) no-repeat; /*left tab image path*/
	background-position: left top;
	}
.tabMenu li.current a b, .tabMenu li.current a:hover b { background: url(/imagenes/tab-right-current.gif) no-repeat right top; }
.tabMenu li a:hover{
	background: url(/imagenes/tab-left-hover.gif) no-repeat; /*left tab image path*/
	background-position: left top;
	}
.tabMenu li a:hover b{
	background: url(/imagenes/tab-right-hover.gif) no-repeat right top; /*right tab image path*/
	}
.tabMenu li.current a, .tabMenu li.current a b { border-bottom: none; }
.tabMenu li.last { float: right; }
.tabMenu li.last a, .tabMenu li.last a:hover, .tabMenu li.last a b, .tabMenu li.last a:hover b{
	text-decoration: underline;
	background: none;
	padding: 0px 5px;
	font-size: 10px;
	}
	
#querysForm {
	border: 2px solid blue;
	background-color: #E0F0FF;
	padding: 20px;
	}
#querysForm input {
	border: 1px solid blue;
	width: 90%;
	}
	
.topBanner {
	border: 1px solid #663300;
	padding-top: 5px;
	}	

#buscador { display:none; }
.selectCombo {
	width: 100%;
	border: 1px solid #663300;
	}
	
.messageError {
	border: 2px solid #990000;
	background-color: #FFFF99;
	padding: 5px;
	padding-left: 30px;
	color: #000000;
	background-image: url(/imagenes/icons/error.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	}
.messageTitle {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	}
.messageText {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	}
	

	
	
#mainMenu ul {
	height: 34px;
	display: block;

	position: relative;
	padding: 0 0 0 20px;
	margin: 0;
	background: transparent url(/imagenes/top-menu-tab-bg.gif) repeat-x top left; /*tab background image path*/
	list-style: none;
	text-align: center;
	}
#mainMenu ul li {
	position: relative;
	display: inline-block;
	float: left;
	}
#mainMenu ul li.last {
	position: relative;
	display: inline-block;
	float: right;
	}
#mainMenu ul li a{
	display: inline-block;
	color:#FC0;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 15px; /*Padding to accomodate left tab image. Do not change*/
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;	
	}
#mainMenu ul li a b{
	float: left;
	padding: 0 15px 0 0px; /*Padding of menu items*/
	}
#mainMenu ul li a:hover{
	color: #000;
	background: url(/imagenes/top-menu-tab-left.gif) no-repeat 1px 0px; /*left tab image path*/
	}
#mainMenu ul li a:hover b{
	color: #000;
	background: url(/imagenes/top-menu-tab-right.gif) no-repeat right top; /*right tab image path*/
	}
#mainMenu ul li.current a{
	color: #000;
	background: url(/imagenes/top-menu-tab-left-sel.gif) no-repeat 1px 0px; /*left tab image path*/
	}
#mainMenu ul li.current a b{
	color: #000;
	background: url(/imagenes/top-menu-tab-right-sel.gif) no-repeat right top; /*right tab image path*/
	}
#mainMenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	background: none;
	padding: 0;
	margin: 0;
	height: 70px;
	}
#mainMenu ul li ul li {
	display: list-item;
	float: none;
	padding: 0px;
	margin: 0;
	height: 30px;
	background-color: #3c1e00;
	}
#mainMenu ul li ul li ul{ top: 0; }
#mainMenu ul li ul li a,#mainMenu ul li.current ul li a {
	padding: 0px 8px 4px 8px;
	margin: 0;
	width: 160px; /*width of sub menus*/
	height: 30px;
	background: none;
	background-color: #3c1e00;
	text-align: left;
	color: #FFCC00;
	}
#mainMenu ul li ul li a:hover, #mainMenu ul li.current ul li a:hover {
	background: none;
	background-color: #2c0e00;
	padding: 0px 8px 8px 8px;
	margin: 0;
	color: #FFCC00;
	}
#mainMenu ul li ul li a b, #mainMenu ul li ul li a:hover b,#mainMenu ul li.current ul li a b, #mainMenu ul li.current ul li a:hover b  {
	background: none;
	color: #FFCC00;
	}
	


.userArea {
	}
.userArea .user-title {
	background: transparent url(/imagenes/user-title-bg.png) repeat-x top left;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	}
.userArea .user-data {
	background: transparent url(/imagenes/user-data-bg.png) repeat-x top left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	}
.userArea .user-data h2 {
	color: #663300;
	padding: 2px 0 6px 0;
	font-size: 12px;
	}
.userArea .user-data div {
	margin-bottom: 10px;
	}
#loginForm  {
	margin-bottom: 5px;
	clear: both;
	display: inline-block;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	}
#loginForm  div {
	margin-bottom: 3px;
	}
#loginForm .colL {
	float: left;
	clear: left;
	width: 60px;
	height: 25px;
	text-align: right;
	color: #663300;
	font-weight: bold;
	font-size: 10px;
	}
#loginForm .colR {
	width: 90px;
	height: 25px;
	float: right;
	clear: right;
	text-align: left;
	}
#loginForm .colR input {
	width: 100%;
	height: 20px;
	border: 1px solid #888888;
	}
#loginForm .colR .checkbox {
	text-align: left;
	width: auto;
	border: none;
	}
#userLinks {
	margin-top: 10px;
	text-align: center;
	clear: both;
	}

#logout {
	font-size: 10px;
	font-weight: bold;
	color: #888888;
	text-align: right;
	text-decoration: none;
	}
#logout a { text-decoration: none; }
#logout span { color: #CC0000; }

#message_box {
	background:#ffc;
	padding:10px;
	margin-bottom: 10px;
	border:1px solid #CCCCCC;
	text-align:center;
	font-weight:bold;
	width:940px;
	visibility: none;
	}
#message_box #close_message {
	 float:right;
	 cursor:pointer;
	 }
.preloadImg { float: left; display: none;  }

#goback {
	background: transparent url(/imagenes/user-title-bg.png) repeat-x top left;
	padding: 3px 20px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #000000;
	border: 1px solid #663300;
	text-decoration: none;
	}