@charset "utf-8";
/* CSS Document */
/*========================
 ESQUEMA PRINCIPAL
 =========================*/
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: url(images/bg_gradient.png) repeat-x top left;
    background-color: #b3b3b3;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}

.thrColFixHdr #container {
    width: 763px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: /*url(Sources/1_home_Xmodified%20copy.jpg);*/ #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    padding-left: 30px;
    padding-right: 25px;
    border-width: 0 2px 0 2px;
    border-color: #909090;
    border-style: solid;
    text-align: left; /* this overrides the text-align: center on the body element. */
}

.thrColFixHdr #header {
    height: auto;
    /*background: #DDDDDD; */
    padding: 0; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.thrColFixHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.thrColFixHdr #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 173px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    /*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 17px 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar2 {
    float: right; /* since this element is floated, a width must be given */
    width: 173px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    /*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 17px 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #main #mainContent {
   	float:left;
	margin:0;
	padding:17px 0 27px 25px;
	width:565px;
}

.thrColFixHdr #home #mainContent {
    float:left;
	margin:0;
	padding:27px 25px 27px 0;
	width:565px;
}

.thrColFixHdr #footer {
    padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    /*background:#DDDDDD;*/
}

.thrColFixHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

.contents {
	font-size:14px;
	margin-left: 30px;
	background-color: #fff;
	
}
/*======================
 HEADER
 =======================*/
.topbar {
    background-color: #b3b3b3;
    width: 100%;
}

.topbar #topbar_left {
    float: left;
    background: transparent url(images/topbar_1.jpg) no-repeat top left;
    background-color: #b3b3b3;
    margin: 0;
    padding: 0;
    width: 758px;
    height: 8px;
}

.topbar #topbar_right {
    width: 5px;
    height: 8px;
    float: right;
    background: transparent url(images/topbar_2.jpg) no-repeat top right;
}
.trigensoft{
	clear:left;
	float:left;
	width:40%;
}
.hotlinks {
    /*height: 30px;
     padding-top: 19px;
     text-align: right;*/
	float:left;
    padding-top: 11px;
    text-align: right;
}

#header .hotlinks {
	height: 30px;
    width: 60%;
}
#footer .hotlinks {
	width: 100%;
}
.hotlinks ul {
    padding: 0 2px;
    margin: 0;
    list-style: none;
    float: right;
}

.hotlinks li {
    float: left;
}

A.hotlink_i, A.hotlink_i:VISITED, A.hotlink_i:ACTIVE, A.hotlink_i:FOCUS, A.hotlink_i:LINK {
    color: #797979;
    padding: 0 7px;
    border-right-width: 1px;
    border-right-color: #797979;
    border-right-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

A.hotlink_i:HOVER {
    text-decoration: underline;
}

.hotlinks #hotlink_final {
    padding-right: 0;
    border-right-style: none;
}

.header_menu {
    background-color: #4494c3;
	z-index: 900;
}

.banner {
    clear: both;
    position: relative;
    /*z-index: 1;*/
	height:164px;
}

.banner h1 {
    width: 184px;
    height: 99px;
    display: block;
    position: absolute;
    top: -41px;
    left: 9px;
    background: transparent url(images/logo_trigensoft.png) no-repeat top left;
    /*z-index: 2;*/
}

.banner h3 {
    padding: 0;
    margin: 0;
    float: left;
    width: 579px;
    height: 164px;
    background: transparent url(images/banner_ecoinformat.png) no-repeat top left;
}

.banner span {
    display: none;
}

.banner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    height: 164px;
}

.banner li {
    margin: 0;
    padding: 0;
    height: 82px;
    width: 179px;
}

.banner h4 {
    margin: 0;
    padding: 0;
    float: right;
    width: 173px;
}

.banner #ban_1 {
    height: 75px;
    background: transparent url(images/ban_1.gif) no-repeat top right;
}

.banner #ban_2 {
    height: 70px;
    background: transparent url(images/ban_2.gif) no-repeat top right;
}

.banner #ban_1:HOVER {
    background: url(images/ban_1_hover.gif) no-repeat top right;
}

.banner #ban_2:HOVER {
    background: url(images/ban_2_hover.gif) no-repeat top right;
}

/*=======================
 SIDEBARS
 =======================*/
#main, #home {
	clear:both;
	margin:0;
	padding:0;
}
#sidebar1 .invisible {
    display: none;
}

#sidebar1 #menu_top {
    height: 4px;
    width: 173px;
    background: transparent url(images/menu_top.gif) no-repeat top left;
}

#sidebar1 #menu {
    padding: 10px 0 14px 0;
    width: 171px;
    min-height: 100px;
    border-width: 0 1px;
    border-color: #adadad;
    border-style: solid;
}

#sidebar1 #menu_bottom {
    height: 4px;
    width: 173px;
    background: transparent url(images/menu_bottom.gif) no-repeat top left;
}

#sidebar1 ul, #sidebar1 li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu .menu_item {
    display: block;
    width: 127px;
    margin: 0 13px;
    padding: 5px 5px 5px 15px;
    background: transparent url(images/menu_arrow_inactive.gif) no-repeat center left;
    color: #676767;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-position: 3% 50%;
}

#menu .menu_item:hover {
    text-decoration: underline;
}

#menu ul li ul {
    display: none;
}

#menu #menu_active .menu_item {
    background: #F1F4F2 url(images/menu_arrow_active.gif) no-repeat center left;
    background-position: 3% 50%;
}

#menu #menu_active ul {
    display: block;
    padding: 0 0 4px 0;
}

#menu .submenu_item {
    display: block;
    width: 136px;
    margin: 0 5px 0 13px;
    padding: 4px 0px 4px 19px;
    color: #3C3C3C;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

#menu .submenu_item:hover {
    text-decoration: underline;
}

.side_contentbox #title {
    margin: 0;
    padding: 0;
    width: 173px;
    height: 23px;
}

.side_contentbox #title #box_left {
    float: left;
    width: 168px;
    height: 23px;
    background: transparent url(images/box_left.gif) no-repeat top left;
    background-color: #676767;
}

.side_contentbox #title #box_right {
    float: left;
    width: 5px;
    height: 23px;
    background: transparent url(images/box_right.gif) no-repeat top right;
}

.side_contentbox #title h3 {
    margin: 0;
    padding: 5px 5px 4px 11px;
    width: 152px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background: transparent url(images/box_arrow.gif) no-repeat center right;
    background-position: 97% 50%;
}

#newsletter {
    margin: 20px 0 0 0;
}

#newsletter form {
    margin: 5px 0 0 0;
    padding: 5px 16px 18px 16px;
    width: 141px;
    height: 107px;
    background-color: #f5f5f5;
}

#newsletter form p {
    margin: 0;
    padding: 10px 0 2px 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #797979;
}

#newsletter form #bold {
    font-weight: bold;
}

#newsletter #text_field {
    float: left;
    width: 104px;
    height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 0;
}

#newsletter #ok_button {
    float: right;
    width: 29px;
    height: 20px;
}

#newsletter #desinscribir {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 92px;
    height: 15px;
}

#recent_news .recent_new_i {
    margin: 0;
    padding: 12px 5px 0 5px;
    width: 163px;
}

#recent_news .recent_new_i h4 {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #6c6c6c;
}

#recent_news .recent_new_i h4 .year {
    color: #389400;
}

#recent_news .recent_new_i p {
    margin: 0;
    padding: 5px 0 12px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #505050;
    border-width: 0 0 1px 0;
    border-color: #adadad;
    border-style: dotted;
    text-align: justify;
}

#recent_news .recent_new_i p a {
    color: #4494c3;
}

#recent_news #more_button {
    margin: 12px 5px 0 10px;
    padding: 0;
}

/*=======================
 MAIN CONTENT
 =======================*/
.image_title {
    margin: -1px 0;
    padding: 12px 0 20px 0;
    width: 100%;
    border-width: 1px 0 1px 0;
    border-color: #adadad;
    border-style: dotted;
}
#sectiontitle {
    margin: 0;
    padding: 10px 0;
    width: 100%;
  	color:#4494C3; 
	font-family:tahoma;
	font-size:18px;
	font-weight:bold;
	background-color: #F1F4F2;
	border-radius: 6px; /* propiedad CSS3 */
	-ms-border-radius: 6px; /* para IE 8 */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* WebKit y Safari */
	-khtml-border-radius: 6px;
}
#sectioncontent {
	margin: 0;
    padding: 12px 0 20px 0;
    width: 100%;
	border-bottom: 1px #ccc dotted;
}

.formulario td, .formulario tr{
  	color: #666; 
	font-family:tahoma;
	font-size:11px;
	text-align: left;
}

/* version con imagen completa*/
#mainContent #welcome .image {
    display: block;
    width: 100%;
    height: 47px;
    background: transparent url(images/home_welcome.jpg) no-repeat bottom left;
}

#mainContent #about .image {
    display: block;
    width: 100%;
    height: 40px;
    background: transparent url(images/home_solutions.jpg) no-repeat top left;
}
#mainContent #sectiontitle span {
	padding:0 10px;
    display: block;
    width: 100%;
}

.image_title h3, .image_title h4 {
    display: none;
}

.image_title p, #sectioncontent p, #sectioncontent h1, #sectioncontent h2, #back, .num_item{
    margin: 0;
    padding: 12px 10px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #676767;
    text-align: justify;
}
.num_item {
	padding:0 10px;
}
#sectioncontent ol, #sectioncontent ul{
	margin:0;
	padding: 12px 10px 0 40px;
}

.image_title p span {
    text-transform: uppercase;
    color: #4bc600;
}
#sectioncontent h1 {
	padding: 10px 10px 0 10px;
	color: #4494C3;
	font-size: 14px;
	font-weight: bold;
}
#sectioncontent h2 {
	padding: 20px 10px 0 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

/* version escrita */
/*
 #welcome .image{
 display:block;
 background: transparent url(images/image_welcome.png) no-repeat center left;
 width: 300px;
 height: 40px;
 }
 #about .image{
 display:block;
 background: transparent url(images/image_solutions.png) no-repeat center left;
 width: 300px;
 height: 40px;
 }
 .image_title h3{
 margin:0;
 padding:5px 0 0 52px;
 width:100%;
 color:#666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 text-transform:uppercase;
 font-weight:bolder;
 }
 .image_title .image h3 span{
 color:#4bc600;
 }
 .image_title h4{
 margin:0;
 padding:0 0 5px 52px;
 width:100%;
 color:#666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bolder;
 }
 */
.content_items {
    float: left;
    width: 50%;
    margin: 20px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#home .content_items {
	float: none;
	width: 100%;
	
}

.content_items h4 {
    margin: 0;
    padding: 0 0 10px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #676767;
    text-transform: uppercase;
}

.content_items ul {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}

.content_items li {
    margin: 2px 0;
    padding: 0 0 0 15px;
    background: transparent url("images/content_items_arrow.png") no-repeat center left;
	font-size: 13px;
	color: #676767;
}

/*=======================
 FOOTER
 =======================*/
#footer #footbar {
    background: transparent url(images/footbar.gif) repeat-x center center;
    width: 100%;
    height: 12px;
}

#footer .hotlinks div {
	width:100%;
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
}

#footer .hotlinks A.hotlink_i {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#footer #copyright, #footer #politics {
    clear: both;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #676767;
    text-align: center;
}

#footer #copyright {
    margin: 50px 0 0 0;
}

#footer #politics {
    margin-top: 5px;
    padding-bottom: 10px;
}

#footer #politics a {
    text-decoration: none;
    color: #5dac00;
}

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












.style5 {
	color: #4494C3;
	font-size: 11px;
	font-family: tahoma;
}

.style8 {
	color: #676767;
	font-size: 11px;
	font-family: tahoma;
}






/******* BORRAR DESPUES ***********
.header_menu {
    margin: 0 auto 15px auto;
    width: 100%;
    height: 32px;
    clear: both;
    background: url(image/back-menu.gif) no-repeat left top #389BC0;
    background-color: #676767;
    font: 13px Arial, Helvetica, sans-serif;
    font-weight: bold;
    z-index: 1000;
}

.header_menu ul {
    margin: 0;
    padding: 0 0 0 0px;
    list-style-type: none;
    z-index: 1000;
}

.header_menu ul li {
    position: relative;
    float: left;
    z-index: 1000;
    width: 16.5%;
}

.header_menu ul .parent {
    border-right: #ffffff 1px solid;
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-inline-policy: continuous;
}

.header_menu ul li a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 1000;
    color: #FFF;
    text-align: center;
}

.header_menu ul li a:hover {
    color: #E6ECD1;
}

.header_menu ul li ul {
    left: 0;
    position: absolute;
    top: 1em; 
    display: block;
    visibility: hidden;
    background-color: #99CCCC;
    background-color: #c3c3c3;
}

.header_menu ul li ul {
    padding: 0;
}

.header_menu ul li ul li {
    display: list-item;
    float: none;
    font-size: 11px;
    font-weight: normal;
    z-index: 1000;
    width: 100%;
}

.header_menu ul li ul li a {
    padding: .6em .8em .6em .8em;
    text-decoration: none;
    background: none;
    border-top: 1px solid #FFF;
    text-align: left;
}

.header_menu ul li ul li a:hover {
    color: #145780;
}

.header_menu .mainfoldericon {
}

.header_menu .subfoldericon {
}* html p#iepara {
    padding-top: 1em;
}

* html .header_menu ul li {
    float: left;
    height: 1%;
}* html .header_menu ul li a {
    height: 1%;
}
*/

/* End */