body {
width: 988px;
margin: 10px auto 0 auto;
padding: 0;
font-family: sans-serif;
line-height: 1.4em;
font-size: small;
text-align: center; 
 }
div#ventana {padding: 0px;
margin: 0px 0px 0 -16px;
float: left;
width: 210px;
height: 400px;
text-align: center;
background-color: #DED9D1;
 }
div#ventana2 {padding: 0px;
margin: 0px 0px 0 0px;
width: 18%;
height: 400px;
text-align: center;
background-color: #DED9D1;
 }

div#header {padding: 2px;
margin: 15px 15px 0 0px;
width: 988px;
height: 170px;
text-align: center;
background-color: #ffffff; }

#banner {
margin: 0px 15px 5px 10px;
height: 85px;
background: url(../imgs/tgc.jpg) #ffffff no-repeat;
background-position: left;
text-align: left;
padding-left: 0px;
margin-right: 0px;
color: #003333;
border-width: thin; }

#banner h4 {
float: left;
color: #000000;
margin: 36px 0 0 700px;
background: none;
}
#nav-main {
margin: 15px 15px 0 0px;
min-height: 30px;
 }
.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:40px; background:#fff url(prodrop2/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(prodrop2/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menu2 li.current a.top_link {
color:#fff; 
background: url(prodrop2/fondobot.jpg) no-repeat;
margin: 0px 0 0 0px;
}
.menu2 li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:108px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:103px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:100px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;text-align: left; }
.menu2 :hover ul.sub li a.fly {background:#fff url(prodrop2/arrow.gif) 94px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(prodrop2/arrow_over.gif) 94px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(prodrop2/arrow_over.gif) 94px 7px no-repeat; color:#fff;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:100px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:108px; z-index:200; height:auto;}
#nav-section  {padding: 0px;
margin: 2px 0px 0 0px;
height: 20px;
text-align: center;
background-color: #BDB2A3; }
#nav-section ul {
margin: 0;
padding: 5px 0px 0 0px;
 }
#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(imgs/);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
font-size: 0.9em;
color: #000000;
}
#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}
div#footer {padding: 0px;
text-align: center;
clear: both;
background-color: #ffffff; }
#info-company {
padding:8px 0 0 0px;
font-size: 11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
 height:30px; background:#fff url(prodrop2/button1a.gif); 
 margin:0px; list-style:none;
position:relative; border:1px solid #000; 
border-width:0 1px; border-bottom:1px solid #444;
width:980px;
text-align: center;
color: #000000; }
#info-company a,#info-company a:visited {color: #000000; }
#info-company a:hover,#info-company a:visited:hover {color: #F40B27; }
#info-standards {font-size: 10px;
padding: 0;
text-align: center;
margin: 5px !important; }


div#maincontent {padding: 2%;
text-align: justify;
margin-left: 18%;
margin-right: 18%;
background-color: #ffffff;
color: #000000; }
div#aviso {padding: 2%;
text-align: justify;
margin-left: 18%;
margin-right: 18%;
background-color: #ffffff;
color: #000000;
position: absolute;
top:700px;
left: 150px; }
div#maincontent 2{padding: 2%;
text-align: justify;
margin-left: 0%;
margin-right: 18%;
background-color: #ffffff;
color: #000000; }
div#form1 {padding: 2px;
margin: 15px 15px 0 5px;
width: 200px;
height: 20px;
text-align: center;
background-color: #ffffff;
position: absolute;
top: 620px;
left: 300px; }
div#form2 {padding: 2px;
margin: 15px 15px 0 5px;
width: 200px;
height: 20px;
text-align: center;
background-color: #ffffff;
position: absolute;
top: 620px;
left: 525px; }

div#leftcolumn {padding: 2%;
margin: 15px 15px 0 5px;
height: 625px;
float: left;
text-align: left;
background-color: #DED9D1;
color: #000000;
width: 18%;
border-style: solid;
border-color: #BDB2A3;
border-width: thin; }


div#rightcolumn {padding: 2%;
margin: 15px 15px 0 15px;
height: 625px;
float: right;
background-color: #DED9D1;
color: #000000;
width: 18%;
border-style: solid;
border-color: #BDB2A3;
border-width: thin; }
a {
color: #4D4D4D;
}
h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #0000FF;
margin: 15px 0 15px 0;
padding-left: 10px; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #0000FF;
margin: 0px;
}
h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000000;
margin: 30px;
border-bottom: 1px #F13325 solid; }
p {
margin: 10px 10px 5px 15px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #BDB2A3;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.holder {
float: left;
margin: 0px;
}

.scroll-pane {
width: 700px;
overflow: auto;
background: #ffffff;
margin-left:0px;
height: 380px;
	}
.scroll-pane2 {
width: 500px;
overflow: auto;
background: #ffffff;
margin-left:0px;
height: 400px;
}


			

.winXP .jScrollPaneTrack {

background: url(windows_track.gif) repeat-y;

			}

.winXP .jScrollPaneDrag {

background: url(windows_drag_middle.gif) no-repeat 0 50%;

			}

.winXP .jScrollPaneDragTop {

background: url(windows_drag_top.gif) no-repeat;

height: 4px;

}

.winXP .jScrollPaneDragBottom {
background: url(windows_drag_bottom.gif) no-repeat;
height: 4px;
}
.winXP a.jScrollArrowUp {

height: 17px;

background: url(windows_arrow_up.gif) no-repeat 0 0;

}

.winXP a.jScrollArrowUp:hover {

background-position: 0 -20px;

}

.winXP a.jScrollArrowDown {

height: 17px;

background: url(windows_arrow_down.gif) no-repeat 0 0;

}

.winXP a.jScrollArrowDown:hover {
background-position: 0 -20px;

}

.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {

background-position: 0 -40px;

}
.osX .jScrollPaneTrack {
background: url(osx_track.gif) repeat-y;

}

.osX .jScrollPaneDrag {

background: url(osx_drag_middle.gif) repeat-y;

}
.osX .jScrollPaneDragTop {

background: url(osx_drag_top.gif) no-repeat;
height: 6px;

}

.osX .jScrollPaneDragBottom {

background: url(osx_drag_bottom.gif) no-repeat;

height: 7px;

}

.osX a.jScrollArrowUp {

height: 24px;

background: url(osx_arrow_up.png) no-repeat 0 -30px;

}

.osX a.jScrollArrowUp:hover {

background-position: 0 0;

}
.osX a.jScrollArrowDown {

height: 24px;

background: url(osx_arrow_down.png) no-repeat 0 -30px;

}

.osX a.jScrollArrowDown:hover {

background-position: 0 0;

}

.left .jScrollPaneTrack {

left: 0;

right: auto;

}

.left a.jScrollArrowUp {

left: 0;

right: auto;

}

.left a.jScrollArrowDown {
left: 0;

right: auto;

}

	/* IE SPECIFIC HACKED STYLES */

* html .osX .jScrollPaneDragBottom {

bottom: -1px;

}
/* main table */
.ewTable {
width: inherit; 
	color: #0000FF; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
 }

/* main table data cells */
.ewTable td {
	padding: 5px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #cccccc;  /* table background color */
font-size: small; }
.ewTable td 2{
	padding: 2px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #cccccc;  /* table background color */
float:left; 
height:35px;
 margin-right:1px;
 line-height:32px; 
text-align:center; 
font-weight:bolder;
font-size:11px;
background:#FFF url(prodrop2/button1a.gif) repeat-x 0 0; color:#000000;
 }
.ewTable3 {
width: 500; 
	color: #0000FF; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
 }
.ewTable td3 {
	padding: 52px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #cccccc;  /* table background color */
font-size: xx-small;
margin: 0px 50px 0px 0;
 }
.ewTable td:hover {
	background-color: #FFCCFF; }

#scrollbox{
width:525px;
 height:390px; 
 overflow:auto; 
margin-left:0px;
}

#scrollbox2 {
width:735px;
 height:390px; 
 overflow:scroll; 
margin-left:0px;
}
#scrollbox3{
width:500px;
 height:390px; 
 overflow:auto; 
margin-left:0px;

}
#titles_results{overflow:hidden;  margin:0; padding:0;}
#titles_results img{vertical-align:middle; margin-left:2px}
#titles_results span{text-decoration:underline}
#titles_results a{text-decoration:underline !important; color:#fff}
#titles_results a:hover{background-color:transparent}
#titles_results .title1, #titles_results .title2, #titles_results .title3, #titles_results .title4,#titles_results .title5, #titles_results .title6, #titles_results .title7, #titles_results .title8,#titles_results .title9, #titles_results .vititle4, #titles_results .actitle3, #titles_results .title_tipo,.tit_version, .tit_cv{float:left; 
height:35px;
 margin-right:1px;
 line-height:32px; 
text-align:center; 
font-weight:bolder;
font-size:11px;
background:#FFF url(prodrop2/button1a.gif) repeat-x 0 0; color:#000000;}


legend {font-style: italic;
font-weight: bold;
letter-spacing: 2px;
font-size: 1.5em;
color: #0000FF; }
fieldset {border-top: 5px #F62408 double;
border-left: none;
border-bottom: none;
border-right: none;
padding-left: 15px;
padding-bottom: 15px;
padding-top: 15px; }
textarea {
width: 85%;
height: 6em;
font-family: Courier, "Courier New", monospace;
}