﻿/* CSS Document */
body {
    background: #E6E3D0;
    margin: 0;
    padding: 0;
    color: #000000;
    font: 78% Verdana, Arial, Helvetica, sans-serif;
}

#main {
    width: 780px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background-color: #F6EDD9;
}

#main .border_orange {
    border-left: 2px solid #E9A526;
    border-right: 2px solid #E9A526;
    border-bottom: 2px solid #E9A526;
}

a:link, a:active, a:visited {
    color: #AF0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #AF0000;
    margin-top: 0px;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #AF0000;
    margin-top: 0px;
}


/*########################
 HEADER
 ########################*/
#header {
}

#header .top-link {
    position: absolute;
}

#header .top-link img {
    border: 0;
}

#header .top_part {
    background-image: url(/img/headerbg.gif);
    height: 100px;
}

.part_a {
    background-image: url(/img/header_a.gif);
    width: 380px;
    height: 100px;
    float: left;
}

.part_b {
    background-image: url(/img/header_b.gif);
    width: 396px;
    height: 100px;
    float: left;
}

#top_close {
    background-color: #D1A551;
    height: 30px;
    width: 100%;
}

#top_close .left {
    background-image: url(/img/sec_a.gif);
    width: 175px;
    height: 30px;
    float: left;
}

#top_close .center {
    background-image: url(/img/bgsec.gif);
    width: 438px;
    height: 22px;
    float: left;
    text-align: left;
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    color: #AF0000;
}

#top_close .right {
    background-image: url(/img/sec_b.gif);
    width: 163px;
    height: 30px;
    float: left;
}

#top_close .indextitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    color: #AF0000;
}

/*########################
 BODY
 ########################*/
#body {
}

#body .left {
    background: url(/img/leftnavbg.gif) repeat-y;
    width: 169px;
    text-align: left;
}

#body .center {
    background-color: #FFFFFF;
}

/*############################
 ADDRESS BAR
 ############################*/
.address_block {
    background-color: #F6EDD9;
    height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#address_bar {
    background-color: #E8DBBB;
    height: 15px;
    margin-left: 3px;
    margin-right: 0px;
    color: #AF0000;
    font-size: 10px;
    padding: 0px 0px 0px 2px;
    float: left;
}

.blur {
    background: url(/img/addressbg.gif) no-repeat;
    width: 80px;
    height: 15px;
    float: left;
}

#address_bar a:link, #address_bar a:active, #address_bar a:visited {
    color: #AF0000;
    text-decoration: none;
}

#address_bar a:hover {
    text-decoration: underline;
}

/*############################
 TOP MENU
 ############################*/
#top_menu {
    background: url(/img/topnavbg.gif) repeat-x;
    height: 35px;
    padding-left: 5px;
}

#indextop_menu {
    background: url(/img/indextopnavbg.gif) repeat-x;
    height: 10px;
}

.active_left {
    float: left;
}

.active_center {
    background: url(/img/menuactivebg.gif) repeat-x;
    height: 25px;
    float: left;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #AD7104;
}

.active_center a:link, .active_center a:active, .active_center a:visited {
    color: #AD7104;
    text-decoration: none;
}

.active_right {
    float: left;
}

.tab_left {
    float: left;
}

.tab_center {
    background: url(/img/menutabbg.gif) repeat-x;
    height: 25px;
    float: left;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #AD7104;
}

.tab_center a:link, .tab_center a:active, .tab_center a:visited {
    color: #AD7104;
    text-decoration: none;
}

.tab_center a:hover {
    color: #C80000;
}

.tab_right {
    float: left;
}

/*############################
 MAIN MENU
 ###########################*/
#main_menu {
    margin-right: 3px;
}

#main_menu h2 {
    background: url(/img/mainmenu.gif) repeat-x;
    height: 26px;
    font-weight: bold;
    color: #C80000;
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    color: #C80000;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 10px;
}

#main_menu h2.top {
    background: url(/img/mainmenutop.gif) repeat-x;
    height: 26px;
    font-weight: bold;
    color: #C80000;
    padding-top: 7px;
    text-align: left;
    padding-left: 10px;
    color: #C80000;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 10px;
}

#main_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    padding-bottom: 10px;
}

/* 1st level */
#main_menu ul li {
    font-weight: normal;
    margin: 0;
    padding: 0px 0 0px 20px;
    margin-left: 10px;
    background: url(/img/bullet.gif) no-repeat 0 1px;
}

/* 2nd level */
#main_menu ul ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

#main_menu ul li ul li {
    font-weight: normal;
    margin-left: 0px;
    padding: 0px 0 0px 20px;
}

#main_menu ul li ul li a:link, #main_menu ul li ul li a:active, #main_menu ul li ul li a:visited {
    color: #006600;
    text-decoration: none;
}

#main_menu ul li ul li a:hover {
    text-decoration: underline;
}

/* 3rd level */
#main_menu ul ul ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

#main_menu ul li ul li ul li {
    font-weight: normal;
    padding: 0px 0 0px 20px;
    margin-left: 0px;
}

#main_menu ul li ul li ul li a:link, #main_menu ul li ul li ul li a:active, #main_menu ul li ul li ul li a:visited {
    color: #0000FF;
    text-decoration: none;
}

#main_menu ul li ul li ul li a:hover {
    text-decoration: underline;
}

#main_menu ul li.emphasize {
    background: url("/img/bulletg2.gif") no-repeat scroll 0 1px transparent;
}

/*SPECIAL CASE*/
#main_menu .boom a:link, .boom a:active, .boom a:visited {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #003300;
}

#main_menu .boom a:hover {
    text-decoration: underline;
}

/*############################
 CONTENT AND PROMO STUFF
 ############################*/
#content_part {
    margin: 10px 10px 10px 10px;
}

.content {
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.content p {
    margin-top: 0px;
}

.content h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #AF0000;
    margin-top: 0px;
}

#promo_section {
    width: 148px;
    padding-left: 10px;
}

/*Promo Block*/
.promo_block {
    width: 148px;
    background: url(/img/promobg.gif);
    margin-bottom: 10px;
}

.promo_title {
    background: url(/img/promotitle.gif) no-repeat;
    width: 148px;
    height: 25px;
    font-weight: bold;
    color: #C80000;
    padding-top: 10px;
    text-align: center;
    padding-right: 0px;
}

.promo_content {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.promo_bottom {
    background: url(/img/promobottom.gif) no-repeat;
    width: 148px;
    height: 14px;
}

.promo_block_enforex {
    font-size: 11px;
    font-weight: bold;
    color: #012E65;
    padding-top: 5px;
}

.promo_block_enforex a:link, .promo_block_enforex a:active, .promo_block_enforex a:visited {
    color: #012E65;
    text-decoration: none;
}

/*Index Block*/
.index_block {
    width: 198px;
    background: url(/img/indexbg.gif);
    margin-bottom: 15px;
}

.index_block a:link, .index_block a:active, .index_block a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
}

.index_block_title {
    background: url(/img/indextitle.gif) no-repeat;
    width: 188px;
    height: 25px;
    font-weight: bold;
    color: #C80000;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;
}

.index_block_content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-align: justify;
    font-size: 0.9em;
}

.index_block_bottom {
    background: url(/img/indexbottom.gif) no-repeat;
    width: 198px;
    height: 18px;
    padding-top: 5px;
}

.index_block_bottom a:link, .index_block_bottom a:active, .index_block_bottom a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 10px;
}

/* image float */
.imgleft {
    float: left;
    padding: 0 5px 5px 0;
}

.imgright {
    float: right;
    padding: 0px 0px 5px 5px;
}

/* ######
 PHOTO GALLERY
 ###### */
#photos {
    margin-top: 10px;
    margin-bottom: 10px;
}

#photos .thumb {
    float: left; /*margin:0px 4px 10px 4px; width:131px;*/
    padding-bottom: 10px;
}

#photos .thumb img {
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin: 0px 4px 0px 4px;
}

#photos .thumb .title {
    font-size: 11px;
    padding: 3px 0px 0px 0px;
    text-align: center;
    width: 130px;
}

#photos .preview {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#photos .preview img {
    border: 1px solid #CCCCCC;
    padding: 3px;
}

#photos .preview .title {
    font-size: 14px;
    padding: 10px 0 0 0;
    text-align: center;
    font-weight: bold;
}

#photos .navigation {
    border-top: 1px solid #D8C7A1;
    border-bottom: 1px solid #D8C7A1;
    clear: both;
    padding: 5px 0 5px 0;
}

#photos .navigation .prev {
    float: left;
    width: 150px;
    text-align: left;
    font-weight: bold;
}

#photos .navigation .next {
    float: right;
    width: 150px;
    text-align: right;
    font-weight: bold;
}

/*############################
 FOOTER
 ############################*/
/*Fix for footer get streatchable*/
#footer {
    background: #FEBA42;
    padding: 0px 0px 10px 0px;
}

.cleaner {
    clear: both;
}

/*Fix for footer get streatchable*/
.footer_links {
    background: url(/img/footerlinksbg.gif) repeat-x;
    height: 22px;
    padding-top: 12px;
    font-weight: normal;
    color: #FFFFFF;
}

.footer_links a:link, .footer_links a:active, .footer_links a:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.footer_bottom {
    background: url(/img/footerbg.gif) repeat-x;
    height: 72px;
    color: #ffffff;
    padding: 12px 10px 6px 10px;
}

.sponsored_by {
    float: left;
    padding-right: 5px;
}

.footerbanner_b {
    background: url(/img/footbanner_b.gif) no-repeat;
    width: 184px;
    height: 16px;
    font-size: 0.9em;
    color: #CC0000;
    font-weight: bold;
    padding-top: 3px;
    text-align: center;
}

.footerbanner_b a:link, .footerbanner_b a:active, .footerbanner_b a:visited {
    color: #CC0000;
    text-decoration: none;
    font-weight: bold;
}

#what_sites {
    padding-top: 7px;
}

#what_sites ul {
    margin: 0;
    padding: 0;
}

#what_sites li {
    padding: 0 0 0px 15px;
    list-style: none;
    background: url(/img/bullet2.gif) no-repeat 0 1px;
}

#what_sites .block {
    float: left;
    text-align: left;
    font-size: 0.9em;
    padding-left: 15px;
}

#what_sites .block a:link, #what_sites .block a:active, #what_sites .block a:visited {
    color: #ffffff;
    text-decoration: none;
}

#what_sites .block a:hover {
    text-decoration: underline;
}

#footer .guides_title {
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 5px;
}

/*    #############  ADVERTISEMENT ######################## */
.advert_block {
    margin-bottom: 15px;
}

.advert_top {
    height: 25px;
    no-repeat;

background:
    url(/img/top.gif)

no-repeat;

height:
    25px;

padding-left:
    8px;

padding-top:
    5px;

font-weight:bold;

color:
    #C80000;
}

.advert_content {
    padding-left: 12px;
    padding-top: 10px;
    padding-right: 10px;
    text-align: center;
    text-align: justify;
    font-size: 0.9em;
    background: url(/img/body.gif) repeat-y;
    padding-bottom: 10px;
}

.advert_bottom {
    background: url(/img/bottom.gif) no-repeat;
    height: 10px;
}

.advert_content a:active a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 10px;
}

/*    #############  TITULO TABLA LINKS ######################## */
.titulorojo {
    color: #AF0000;
    font-weight: bold;
    text-align: left;
}

/*    #############  LISTAS LINKS ######################## */
.lista {
    list-style-type: none;
    list-style-position: inside;
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

/*    #############  TABLA LINKS ######################## */
.tabla {
    border: 1px;
    margin-bottom: 10px;
    border-style: solid;
    border-bottom-color: #E9A526;
    border-left-color: #E9A526;
    border-right-color: #E9A526;
    border-top-color: #E9A526;
}

/* ############### PADDING VIDEO TOUR PAGES#########*/
/* for having and space because of the ads in the top*/
.bodyads {
    height: 200px;
}

/* ##################### FORMULARIOS ###################*/
/* ##################### Brochure ###################*/
.tform {
    background: #FBF9F4;
    background-image: url(../img/logo-enforex.gif);
    background-repeat: no-repeat;
    background-position: center;
    border: double 1px #003366;
    color: #AF0000;
}

.tformb {
    background: #FBF9F4;
    background-image: url(../img/logo-camps.gif);
    background-repeat: no-repeat;
    background-position: center;
    border: double 1px #006699 66;
    color: #FF6633;
    border: #003366 solid thin;
}

.tcontact {
    background: #FBF9F4;
    border: double 1px #E9A526;
    color: #AF0000;
}

/*404 Block*/
.page404_block {
    width: 190px;
    background: url(/img/404bg.gif);
    margin-bottom: 10px;
}

.page404_block a:link, .page404_block a:active, .page404_block a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
}

.page404_block_title {
    background: url(/img/404title.gif) no-repeat;
    width: 180px;
    height: 25px;
    font-weight: bold;
    color: #C80000;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;
}

.page404_block_content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-align: justify;
    font-size: 0.9em;
}

.page404_block_content ul {
}

.page404_block_content ul li {
}

.page404_block_bottom {
    background: url(/img/404bottom.gif) no-repeat;
    width: 190px;
    height: 18px;
    padding-top: 5px;
}

.page404_block_bottom a:link,
.404_block_bottom

a:active, .404_block_bottom

a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 10px;
}

.guides-404 {
    width: 582px;
    background: url(/img/404-guides-bg.gif) repeat-y;
    margin-bottom: 15px;
}

.guides-404 a:link, .guides-404_block a:active, .guides-404_block a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
}

.guides-404_title {
    background: url(/img/404-guides-title.gif) no-repeat;
    width: 100%;
    height: 25px;
    font-weight: bold;
    color: #C80000;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;
}

.guides-404_content {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-align: justify;
    font-size: 0.9em;
}

.guides-404_content ul {
}

.guides-404_content ul li {
}

.guides-404_bottom {
    background: url(/img/404-guides-bottom.gif) no-repeat;
    width: 100%;
    height: 18px;
    padding-top: 5px;
}

.guides-404_bottom a:link, .guides-404_bottom a:active, .guides-404_bottom a:visited {
    color: #C80000;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 10px;
}

.lang-404 {
    font-size: 10px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

#we-are-sorry {
    font-size: 18px;
    height: 195px;
    padding: 10px 0 0 0;
    border-bottom: solid 4px #e8dbbb;
    border-top: solid 4px #e8dbbb;
}

#we-are-sorry img {
    float: right;
    padding: 0 0 0 10px;
}

/*######### FORMS #########*/
#switch-tools {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#xform-two {
    background: #efe7d4;
    width: 424px;
}

#xform-two form {
    margin: 0;
    padding: 0;
}

#xform-two .spacer {
    padding: 10px;
}

#xform-two ul {
    padding: 0;
    margin: 0;
}

#xform-two li {
    list-style: none;
    padding: 5px;
    margin: 0px;
    clear: both;
    background: none;
}

#xform-two.label {
    text-align: left;
    color: #333333;
    font-weight: bold;
}

#xform-two .note {
    font-size: 11px;
}

#xform-two strong {
    color: #FF0000;
    font-size: 14px;
}

#xform-two h3 {
    color: #34488F;
}

#xform-two .input {
    border: solid 1px #7696B3;
    width: 165px;
    background: #fff !important;
}

#xform-two select {
    border: solid 1px #7696B3;
    background: #fff !important;
}

#xform-two .paises {
    width: 170px;
}

#xform-two .message-form textarea {
    border: solid 1px #7696B3;
    width: 99%;
}

#xform-two .privacy textarea {
    border: solid 1px #7696B3;
    width: 97%;
    margin-left: 5px;
}

#xform-two .blang {
    background: #fbf9f4;
}

#xform-two .blang div {
    padding: 3px 5px 0 0;
}

#xform-two .lside {
    width: 180px;
}

#xform-two .rside {
    width: 180px;
}

#xform-two .empty-list {
    height: 36px;
}

#xform-two .enforex {
    background: url(/img/logo-enforex.png) no-repeat center 60px;
}

#xform-two .summercamps {
    background: url(/img/logo-camps.png) no-repeat 100px 60px;
}

#xform-two .enforex-pdf {
    background: url(/img/logo-enforex.png) no-repeat center top;
}

#xform-two .summercamps-pdf {
    background: url(/img/logo-camps.png) no-repeat 100px top;
}

.adobe {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
    background: #fff;
}

.adobe .icon {
    float: left;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    margin-right: 5px;
}

.adobe .text {
    font-size: 11px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

/* Validate error style */
div.error {
    margin-top: 5px;
    background: #FFC7C7;
    color: #AF0000;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    border: 1px solid #E16666;
    clear: both;
    text-align: left;
}

.agreefix {
    padding: 0px 0 5px 0;
}

.agreefix .error {
}

/* MISC. */
.ftl {
    float: left;
}

.ftr {
    float: right;
}

.clr {
    clear: both;
}

/*CONTACTO*/
#contactform {
    background: #EFE7D4 none repeat scroll 0 0;
    width: 424px;
}

#contactform .label {
    color: #003366;
    display: inline-block;
    float: left;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 4px;
    text-align: left;
    width: 90px;
}

#contactform ol {
    margin: 2px auto 10px;
}

#contactform li {
    clear: both;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 15px;
    width: 300px;
}

