/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0; font-family:verdana,arial,sans-serif;}
 body {font-size:62.5%; font-family:verdana,arial,sans-serif; background-image:url(fondo.jpg);}
.page-container {width:1100px; position:absolute; margin-top:50px; left:50%; margin-left:-550px; height:auto; font-size:0.80em;}

.main {clear:both; width:1100px; margin-left:auto; margin-right:auto; padding-bottom:30px; background-color:white;}
.main-navigation {display:inline; float:left; width:150px; margin:0 15px 0 10px; background-color:white;}
.main-content {color:rgb(100,100,100); display:table; float:none; width:750px !important /*Firefox*/; width:720px /*IE*/; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background-color:white; text-align:justify;}
.main-subcontent-right {display:inline; float:right; width:150px; margin:0 15px 0 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background-color:white;}
.footer {clear:both; width:1100px; margin-left:auto; margin-right:auto; padding:1.0em 0 1.0em 0; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* HEADER */
.header-top {background-color:rgb(192,2,14); background-image:url(UNFCT.png); background-position:50% 50%; background-repeat:no-repeat; width:1100px; height:140px; margin-left:auto; margin-right:auto; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:1100px; height:30px; margin: auto;}

.products {border-bottom:solid 1px rgb(192,2,14);}
.products dt a, .products dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(192,2,14); text-decoration:none; font-weight:bold; font-size:120%;}
.products dd a, .products dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; font-size:120%;}
.products dt a:hover, .products dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

.contacttext {width:125px; color:rgb(70,122,167); font-weight:bold; font-size:110%; text-align:center; margin:10px 0 5px;}
.contactform {margin:5px 0;}
.contactform fieldset {padding-bottom:10px; margin:10px 0; border:solid 1px rgb(192,2,14);}
.contactform fieldset legend {margin:0 0 0 4px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 0 0 4px;}
.contactform fieldset legend img{display:inline; background-color:transparent background-repeat: no-repeat 0 50%; width:22px; height:22px;}
.contactform label.left {float:left; width:125px; margin:0 0 0 10px; font-size:110%; color:rgb(70,122,167); font-weight:bold;}
.contactform input.field {width:125px; margin-left:10px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:125px; margin-left:10px; margin-top:5px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.contactform input.button {width:75px; margin-left:37px; margin-top:10px; background:rgb(230,230,230); border:solid 1px rgb(192,2,14); text-align:center; font-family:verdana,arial,sans-serif; color:black; font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.loginform {width:150px; margin:0;}
.loginform fieldset {padding-bottom:10px; margin:0; border:solid 1px rgb(192,2,14); width:125px;}
.loginform fieldset legend {margin:0 0 0 4px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 0 0 4px;}
.loginform fieldset legend img {display:inline; background-color:transparent background-repeat: no-repeat 0 50%; width:14px; height:22px;}
.loginform label.top {float:left; width:115px; margin:0 0 2px 0; font-size:110%;}
.loginform label.left {float:left; width:125px; margin:0; font-size:110%; color:rgb(70,122,167); font-weight:bold;}
.loginform input.field {width:125px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.loginform input.checkbox {margin:0;  border:none;}
.loginform input.button {width:75px; margin:10px 12px 0; background:rgb(230,230,230); border:solid 1px rgb(192,2,14); text-align:center; font-family:verdana,arial,sans-serif; color:black; font-size:110%;}
.loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/*************/
/*  2. HEAD  */
/*************/

/* TITLE */
.sitename {width:60%; height:65px; position:absolute; text-align:left; z-index:1; margin:2% 0 0 4% !important /*Firefox*/; margin:4% 0 0 8%; /*IE*/ overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-weight:bold; font-size:380%; color:white;}
.sitename h2 {margin:-1px 0 0 0; color:white; font-weight:normal; font-size:250%; text-align:left;}
.sitename a{text-decoration:none; color:white;}
.sitename a:hover {text-decoration:none; color:rgb(125,125,125);}

/* LANGUAGES */
.idiomas {width:200px; float:right; margin:120px 10px 0 0;}
.idiomas ul {float:right;}
.idiomas li {display:inline; list-style:none;}
.idiomas li a {padding:0 0 0 2px;}
.idiomas a:hover {text-decoration:none;}
.idiomas a img {border:none;}

/* HORIZONTAL MENU */
.horizontal {white-space:nowrap; width:1100px; height:30px; background-color:gray; font-size:100%;margin-left:auto; margin-right:auto;} 
ul.menu, ul.menu ul {margin:0; padding:0; list-style-type:none;}
ul.menu a {display:block; height:30px; padding:0px 6px 0px 6px; text-decoration:none; color:white; text-align:center; width:100px; font-size:110%;}
ul.menu a.menuL1 {display:block; padding:0px 6px 0px 6px; text-decoration:none; font-weight:bold; color:white; text-align:center;}
ul.menu ul a {padding:0px 10px 0px 8px; text-align:left;}
ul.menu li {float:left; z-index:auto; z-index:1000; line-height:25px; color: #6c8fff;}
ul.menu a.menuL2 {display:block; padding-left:8px; text-decoration:none; color:#114987; font-weight:normal; text-align:left;}
ul.menu ul {position:absolute; display:none; min-width:100px;}

_html ul.menu ul {width:100px;}

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul {display:block; color:gray; background:white; z-index:100;}
ul.menu a:hover {color:white; font-weight:normal;}
li.submenu a:hover {color:gray;background-color:rgb(225,225,225);}
ul.menu ul li {float:none; background-color:transparent;}

/* BREADCRUMBS */
.breadcrumbs {clear:both; background-color:white; margin-left:auto; margin-right:auto; padding:10px 0px; width:1100px;}
.breadcrumbs ul {float:left; list-style:none; padding:2px;}
.breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(img/bg_bullet_arrow.gif) no-repeat 0 50%; color:rgb(125,125,125);}
.breadcrumbs ul a {color:gray; text-decoration:none;}
.breadcrumbs ul a:hover {color:gray; text-decoration:underline;}

/* SEARCH FORM */
.breadcrumbs .searchform {float:right; width:200px; margin:2px;}
.breadcrumbs .searchform form fieldset {float:right; border:none;}
.breadcrumbs .searchform input.field {width:10.0em; padding:0px; border:1px solid rgb(192,2,14); font-size:150%;}
.breadcrumbs .searchform input.button {width:3.0em; padding:0px; border:1px solid rgb(192,2,14); background:#dcdcdc; text-align:center; color:black; font-size:150%; font-family:"trebuchet ms", arial, sans-serif;}
.breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-right h1 {font-size:125%; text-align:center; color:rgb(192,2,14);}

/* MAIN CONTENT */
.column1-unit {width:100%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:225px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:225px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:137px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.subcontent-unit-border-orange {width:150px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; margin-top: 1%; text-align:center; color:rgb(192,2,14); font-weight:bold; font-size:110%;}
.footer ul {list-style:none; padding:0 0 0 15px; text-align:center;}
.footer ul li {display:inline; padding:0 0 0 10px; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.footer ul li a {color:rgb(70,122,167); text-decoration:none;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:100%; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.breadcrumbs {width:954px;}
@media print {.horizontal {float:left; width:954px; border:none; color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}
@media print {.main {clear:both; width:954px; padding-bottom:30px; }
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}