/* CSS Document */ * {margin: 0; padding: 0;} body {font: 75%/170% Arial, Helvetica, sans-serif; color: #555555; background: #fff url(/img/topbg.png) repeat-x top; margin: 0; padding: 0;} a {color: #0C80CB; text-decoration: none; outline: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline; color:#C02418;} p {padding: 0 0 1.5em; text-align:justify;} /* ### TITLES ### */ h1, h2, h3 {margin-bottom:15px;} img {border: none;} /* ### WRAPERS, CONTAINERS --------------------------- ### */ #wrap {width:960px; margin:0 auto; background: url() repeat-y;} .wspacer {padding:15px 10px 0px 10px;} .spacer {padding:25px;} /* ### HEADER ----------------------- ### */ #header {height:190px; width:960px; margin:0 auto; background: url() no-repeat center top;} .headerbg {background:url(/img/headerbg.png) repeat-y left;} .logo {background:url() no-repeat; position: absolute; width:271px; height:68px; margin-top:0px; margin-left:0px; z-index:0;} #header .topintro {position:absolute; z-index:10px; width:500px; height:100px; margin-left:380px; margin-top:20px; overflow:hidden; font-size:11px; line-height:normal;} #header .topintro h2 {font-size:16px; margin-bottom:5px; color:#fff;} #header .logo-moto {position:absolute; padding-top:55px; padding-left:30px;} #header .moto {font-style:italic;} #header h1 { margin-bottom:5px; font-size:25px;} #header h1 a:hover {color:#1473A9; text-decoration:none;} /* FORM */ #form {width:430px; height:250px; position:absolute; margin-left:195px; margin-top:115px;} #form .unit {float:left; margin-right:10px; margin-bottom:5px;} #form .label {} #form .field {} #form .field input { background:#fff !important;} #form .field select { background:#fff !important;} #form .address {width:410px;} #form .name {width:198px;} #form .pcode {width:72px;} #form .citystate {width:155px;} #form .country {width:180px;} #form .email {width:220px;} #form .comments {width:410px; height:50px; margin-bottom:5px;} * html #form .comments {width:410px; height:50px; margin-bottom:0px;} #form .attention {color:#990000; font-weight:bold; font-size:14px;} #form .get {text-align:center; background:url(/img/button.png) no-repeat; width:198px; height:28px; border:none; cursor:pointer;} /* Top navigation */ #topnav {padding:0; position:absolute; z-index:15; margin-top:140px; margin-left:260px; width:600px; font-size:20px; font-family:"Times New Roman", Times, serif;} #topnav a {text-decoration:none;} #topnav a:hover {text-decoration:none; text-decoration:underline;} #topnav ul {list-style:none; font-weight:bold;} #topnav ul li {display:inline; padding:0px 10px 0px 15px; background:url(/img/topnavbullet.gif) no-repeat 0 3px;} /* ### MIDLE, SIDEBARS ----------------------- ### */ /* Midle */ #midle {/*WIDTH*/ width:650px; line-height:17px; margin-bottom:10px;} #midle .spacer {padding:0;} .promo { font-size:14px; font-weight:bold; padding:10px 10px 15px 20px; color:#E24429;} #midle h1 {margin-bottom:10px; font-size:18px; color:#0251B0;} #midle h2 {color:#0D3B67; font-size:18px;} #midle ul {margin-bottom:15px; padding:0 0 0 0px; list-style:none;} #midle ul li {background:url(/img/bullet2.gif) no-repeat 0 4px; padding:0 0 5px 15px;} /* Photo title */ #photo-title {padding:0 0 40px 0;} * html #photo-title {padding:0 0 30px 0;} #photo-title .photo {width:335px; height:180px; overflow:hidden;} #photo-title .brochure {width:310px; height:180px;} #photo-title h2 {background:#C02418 url(/img/h1menubg.gif) repeat-y left; padding:10px 10px 10px 15px; font-family:"Times New Roman", Times, serif; position:absolute; color:#fff; margin-top:-20px; border-bottom:6px solid #ddd; border-right:2px solid #ddd; z-index:10px; font-size:20px;} * html #photo-title h2 {margin-top:-30px;} /* Extra blocks */ #midle .grey {width:260px; padding:10px; text-align:justify;} #midle .grey ul li { border-bottom:1px solid #ddd; margin-bottom:5px;} #midle .white {width:330px; padding:10px;} #midle .white ul li {font-size:11px;} .randomimage { width:300px; height:180px; overflow:hidden; margin:0 auto; border:4px solid #ddd;} /* Addresssbar */ #addressbar {background:#F6F6F6; border:1px solid #ddd; margin-bottom:5px; padding:0 0 0 10px; font-size:11px;} /* 404 page */ #block-404 { } #block-404 a, #block-404 a:link, #block-404 a:visited, #block-404 a:active { color:#0c80cb; font-weight:bold; } #block-404 a:hover { color:#c02418; } #block-404 ul { padding:0 0 0 100px; } #block-404 ul li { background:none; padding:0 0 0 5px; } #block-404 h1 { font-family:"Times New Roman", Times, serif; background-color:#c02418; padding:5px 5px 5px 5px; border-left: #990000 10px solid; color:#FFFFFF; } #block-404 h2 { font-size:16px; padding:5px 0 10px 100px; text-decoration:underline; margin:0; color:#0c80cb; } #block-404 table { } #block-404 table td { border-bottom:#CCCCCC 1px solid; padding:3px 15px 3px 0; vertical-align:top; } #block-404 table .first { padding:3px 0 3px 0; font-size:14px; width:120px; } #block-404 .img { float:left; padding:5px; margin-top:5px; border:solid 1px #CCCCCC; } #block-404 .img2 { padding:5px; margin-top:5px; border:solid 1px #CCCCCC; clear:both; } #block-404 .banner-table { padding-right:5px; } /*Price Table*/ /*h3.price-title {font-size:14px; margin-bottom:5px; margin-top:10px; padding-left:15px; color:#174370; background:url(/img/price-table-bullet.gif) no-repeat 0 20px; height:24px;}*/ h3.price-title {font-size:14px; margin-bottom:5px; margin-top:10px; padding-left:15px; padding-bottom:5px; color:#174370; background:url(/img/price-table-bullet.gif) no-repeat bottom;} #price-table table {width:100%; border-left:10px solid #0C80CB; margin-bottom:10px;} #price-table td {line-height:11px;} #price-table tr.title td {background:#0C80CB; border:0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; padding-top:3px; padding-bottom:3px;} #price-table tr.title td.first-title {background:#FFFFFF; color:#941C12; width:100px; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; text-align:left; min-width:180px;} #price-table tr.title td.blanco {background:#FFFFFF; border:0px; width:5px;} #price-table .blanco {background:#FFFFFF; border:0px;} #price-table tr.title td.wlspace {border-left:1px solid #fff;} #price-table tr.title td.wrspace {border-right:1px solid #fff;} #price-table tr.data td {background:#ffffff; border:1px solid #C1C1C1; font-size:11px; text-align:center; font-weight:bold; color:#174370; border-top:none; border-bottom:1px solid #C1C1C1; border-left:0px; padding-top:3px; padding-bottom:3px;} #price-table tr.data td.data-title {background:#EDEDED; color:#000000; text-align:left; font-weight:bold; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; padding-left:3px;} #price-table tr.data td.blanco {background:#FFFFFF; border:0px; width:5px;} /*Data notitle fix >:)*/ #price-table tr.data-notitle td {background:#ffffff; border:1px solid #C1C1C1; font-size:11px; text-align:center; font-weight:bold; color:#174370; border-bottom:1px solid #C1C1C1; border-left:0px; padding-top:3px; padding-bottom:3px;} #price-table tr.data-notitle td.blanco {background:#FFFFFF; border:0px; width:5px;} #price-table tr.data-notitle td.data-title {background:#EDEDED; color:#000000; text-align:left; font-weight:bold; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1;} /*END Data notitle fix >:)*/ #price-table tr.extra {} #price-table tr.extra td { border:0px; border-bottom:1px solid #DCDDDE; font-weight:normal; font-size:11px; text-align:justify; background:#FFFFFF; padding-top:3px; padding-bottom:3px; } #price-table tr.extra td.space { } #price-table tr.extra td.extra-title {} #price-table tr.extra td.extra-price {color:#174370; text-align:center; font-weight:bold;} #price-table tr.extra td.blanco {background:#FFFFFF; border:0px; width:5px; } #price-table tr.extra td.bottom { border-bottom:0px;} #price-table tr.extra-top td {border:1px solid #C1C1C1; border-bottom:none; border-left:none; font-size:11px; text-align:center; color:#941C12; font-weight:bold; background:#FFFFFF; height:25px; padding-left:5px;} #price-table tr.extra-top td.blanco {border:0px; border-right:1px solid #C1C1C1; color:#174370;} #price-table .info {margin-bottom:20px; font-size:11px; } #price-table .info .i-title {font-weight:bold; border-bottom:2px solid #CCCCCC;} #price-table .info .i-list {text-align:left; border-bottom:1px solid #CCCCCC;} #price-table .info .i-list ul {padding-bottom:0px; margin-bottom:3px; margin-top:3px;} #price-table .info .i-list ul li {display:inline; margin-right:10px;} #price-table .info .i-float {float:left; width:150px;} #price-table .info .optional {color:#C02418; font-size:12px;} /*GENERAL Table*/ /*h3.general-title {font-size:14px; margin-bottom:5px; margin-top:10px; padding-left:15px; color:#174370; background:url(/img/price-table-bullet.gif) no-repeat 0 20px; height:24px;}*/ h3.general-title {font-size:14px; margin-bottom:5px; margin-top:10px; padding-left:15px; padding-bottom:5px; color:#174370; background:url(/img/price-table-bullet.gif) no-repeat bottom;} #general-table table {width:100%; border-left:10px solid #0C80CB; margin-bottom:10px;} #general-table td {line-height:11px;} #general-table tr.title td {background:#0C80CB; border:0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; padding-top:3px; padding-bottom:3px;} #general-table tr.title td a { color:#cccccc;} #general-table tr.title td a:hover { color:#ff0000;} #general-table tr.title td.first-title {background:#FFFFFF; color:#941C12; width:100px; border-right:1px solid #C1C1C1; border-bottom:1px solid #C1C1C1; text-align:left; min-width:180px;} #general-table tr.title td.blanco {background:#FFFFFF; border:0px; width:5px;} #general-table .blanco {background:#FFFFFF; border:0px;} #general-table tr.title td.wlspace {border-left:1px solid #fff;} #general-table tr.title td.wrspace {border-right:1px solid #fff;} #general-table tr.data td {background:#ffffff; border:1px solid #C1C1C1; font-size:11px; text-align:left; font-weight:bold; color:#174370; border-top:none; border-bottom:1px solid #C1C1C1; border-left:0px; padding: 3px 2px 3px 3px;} #general-table tr.data td.data-title {background:#EDEDED; color:#000000; text-align:left; font-weight:bold; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1; padding-left:3px;} #general-table tr.data td.blanco {background:#FFFFFF; border:0px; width:5px;} /*Data notitle fix >:)*/ #general-table tr.data-notitle td {background:#ffffff; border:1px solid #C1C1C1; font-size:11px; text-align:left; font-weight:bold; color:#174370; border-bottom:1px solid #C1C1C1; border-left:0px; padding: 3px 2px 3px 3px;} #general-table tr.data-notitle td.blanco {background:#FFFFFF; border:0px; width:5px;} #general-table tr.data-notitle td.data-title {background:#EDEDED; color:#000000; text-align:left; font-weight:bold; border-left:1px solid #C1C1C1; border-right:1px solid #C1C1C1;} /*END Data notitle fix >:)*/ #general-table tr.extra {} #general-table tr.extra td { border:0px; border-bottom:1px solid #DCDDDE; font-weight:normal; font-size:11px; text-align:justify; background:#FFFFFF; padding-top:3px; padding-bottom:3px; } #general-table tr.extra td.space { } #general-table tr.extra td.extra-title {} #general-table tr.extra td.extra-price {color:#174370; text-align:center; font-weight:bold;} #general-table tr.extra td.blanco {background:#FFFFFF; border:0px; width:5px; } #general-table tr.extra td.bottom { border-bottom:0px;} #general-table tr.extra-top td {border:1px solid #C1C1C1; border-bottom:none; border-left:none; font-size:11px; text-align:center; color:#941C12; font-weight:bold; background:#FFFFFF; height:25px; padding-left:5px;} #general-table tr.extra-top td.blanco {border:0px; border-right:1px solid #C1C1C1; color:#174370;} #general-table .info {margin-bottom:20px; font-size:11px; } #general-table .info .i-title {font-weight:bold; border-bottom:2px solid #CCCCCC;} #general-table .info .i-list {text-align:left; border-bottom:1px solid #CCCCCC;} #general-table .info .i-list ul {padding-bottom:0px; margin-bottom:3px; margin-top:3px;} #general-table .info .i-list ul li {display:inline; margin-right:10px;} #general-table .info .i-float {float:left; width:150px;} #general-table .info .optional {color:#C02418; font-size:12px;} /*######################## TABBED BOOKING ########################*/ #tabs-spain { width:100%; height:44px; padding: 0px 0px 0px 0px; background:url(../img/bottom-line-red.gif) bottom repeat-x; border-bottom:#CCCCCC solid 2px; font-family:Arial, Helvetica, sans-serif; } #tabs-spain { *height:47px;} #tabs-spain table { width:100%; height:39px; margin:0 auto; background:url(../img/tab-booking-bg.jpg) center no-repeat; } #tabs-spain .left {width:20px; } #tabs-spain .right {width:20px; } #tabs-spain .active { width:140px; height:39px; color:#FFFFFF; text-align:center; background:url(../img/tab-active-red.jpg) no-repeat center left ; overflow:visible; font-size:11px; padding: 3px 0px 0px 0px; } #tabs-spain .active a {color:#FFFFFF; font-size:16px; font-weight:bold; font-style:italic; text-decoration:none; line-height:90%; } #tabs-spain .inactive {width:130px; height:39px; color:#333333; text-align:center; font-size:11px; padding: 8px 0px 0px 0px; } #tabs-spain .inactive a { color:#c02418; font-size:16px; font-weight:bold; font-style:italic; text-decoration:none; line-height:90%; cursor:pointer; } #next-spain { width:88px; height:21px; background:url(../img/tab-next-button.jpg) no-repeat; float:right; padding:3px 0px 10px 0px; font-size:16px; font-weight:bold; font-style:italic; text-decoration:none; line-height:90%; color:#A11D11; cursor:pointer; } #previous-spain { width:88px; height:21px; background:url(../img/tab-next-button.jpg) no-repeat; float:left; padding:3px 0px 10px 0px; font-size:16px; font-weight:bold; font-style:italic; text-decoration:none; line-height:90%; color:#A11D11; cursor:pointer; } .adobe {border:1px solid #CCCCCC; margin-bottom:10px; padding:5px;} .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;} /*###################### LOADING ANIMATION #####################*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; width: expression(document.body.clientWidth + 'px'); height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { width:400px; height:200px; position: fixed; z-index: 102; color:#000000; text-align:center; border: 2px solid #525252; text-align:center; vertical-align:middle; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../img/loading-bg-red.gif) no-repeat; } #TB_window img { padding-top:60px;} * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } /* ##################### Brochure ###################*/ /*######### FORMS #########*/ #switch-tools {font-size:16px; font-weight:bold; margin-bottom:10px; text-align:center;} #xform-two {background:#D3E1FC; width:100%;} #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-image:none !important;} #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 { height:20px; border:solid 1px #7696B3; width:290px; background:#fff !important;} #xform-two select {border:solid 1px #7696B3; background:#fff !important;} #xform-two .paises {width:292px; height:23px; margin-top:1px;} #xform-two .message-form textarea {border:solid 1px #7696B3; width:97%; } #xform-two .privacy textarea {border:solid 1px #7696B3; width:95%; margin-left:15px; } #xform-two .blang {background:#EDF2FC; margin:15px; padding-top:5px;} #xform-two .blang div {padding:3px 5px 0 0;} #xform-two .lside {width:325px;} #xform-two .rside {width:325px;} #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 { width:280px; 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 { margin-left:20px; width:270px;} /* MISC. */ .ftl {float:left;} .ftr {float:right;} .clr { clear:both;} /*--------------------------------fin validation------------------*/ /* Forms ---------------*/ #xform {width:100%; margin:0 auto;} #xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; background:url(/img/forms-bg.gif) repeat-x top; width:100%;} #xform li {list-style: none; padding: 5px; margin: 0px; clear:both;} #xform .label {float:left; width:120px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;} #xform .label-fail {float: left; width:120px; text-align:left; display:inline-block; color:red; font-weight:bold;} #xform .field {/*float:left;*/} #xform .note {font-size:11px;} #xform strong {color:#FF0000; font-size:14px;} #xform h3 {color:#34488F;} #xform .select {width:170px; font-size:11px;} #xform .input {width:166px;} #readonly textarea { width:540px; height:60px; background-color:#F0F0F0; border:1px solid #C8C8C8;} #xform textarea {width:96%; } /*textarea grande dentro de book.html*/ #xform #txtarea-small-book .label { width:290px;} /*textarea pequeño dentro de book.html*/ #xform #txtarea-small-book textarea { width:310px; height:80px;} #txtarea-brochure textarea {width:490px; } /*textarea de brochure.html*/ /*TOOLTIP STYLE*/ #info ol {margin:0 auto; padding:0; width:210px; float:left; margin-right:5px;} #info li {list-style:none; padding:2px 0px 2px 0px; border-bottom:1px solid #999999;} #info li.title {font-size:12px; font-weight:bold;} #info li.label {color:#0071BC;} #info li.label-last {color:#0071BC; border-bottom:none; padding-bottom:0px;} #info li.last {border-bottom:none; padding-bottom:0px;} .toolie {color:#003399; font-weight:bold;} .toolie a:hover {text-decoration:none;} /* Main menu */ /*#main_menu { padding:8px 0 0 0;} #main_menu h1 {border-bottom:1px dashed #CDCDCD; padding:0 0 5px 0; font-size:14px; margin-bottom:5px;} #main_menu h1 a {text-decoration:none;} #main_menu h1 a:hover {text-decoration:underline;}*/ /* Sidebar 01 */ #sidebar {/* WIDTH */ width:200px;} #sidebar .spacer {padding:0;} #sidebar a:hover {} #sidebar h2 {font-size:16px; font-family:"Times New Roman", Times, serif; color:#fff; background:#C02418 url(/img/h1menubg.gif) repeat-y left; padding:10px 10px 10px 15px; margin-bottom:5px;} #sidebar h2 a {color:#fff; font-size:16px;} #sidebar h2 a:hover {text-decoration:none;} #sidebar ul {} #sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px; background:url(/img/bullet.gif) no-repeat right; border-bottom:1px solid #DCE1E5; padding:0 0 5px 15px; font-size:12px; font-weight:bold; text-decoration:underline; color:#0C80CB;} #sidebar ul ul {margin: 5px 0 0 5px; background:#fff;} #sidebar ul ul li {margin:5px 0 0; padding: 0 0 0 15px; background:url(/img/bullet.gif) no-repeat 0 6px; border:none;} #sidebar ul ul ul {margin: 0 0 0 10px;} /* Sidebar 02 */ #sidebar02 {/* WIDTH */ width:250px;} #sidebar02 .spacer {padding:0;} #sidebar02 a:hover {color:#fff;} #sidebar02 h2 {font-size:14px; color:#FFB311; margin-bottom:0px;} #sidebar02 ul {} #sidebar02 ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; background:url(/img/libg.gif) no-repeat bottom; border-bottom:1px dashed #AA4F09; padding:0 0 5px 0;} #sidebar02 ul ul {margin: 5px 0 0 10px;} #sidebar02 ul ul ul {margin: 0 0 0 10px;} #sidebar02 ul ul li {margin:5px 0 0; padding: 0 0 0 13px; background:url(/img/bullet.gif) no-repeat 0 5px; border:none;} /* FLIRSS photos */ .photos {padding:5px 0 0 6px;} .photos img {border:none; width:65px;} .photos a {float:left; border:1px solid #A0923D; padding:4px; background:#045003; margin-right:5px; margin-bottom:5px;} .photos a:hover {float:left; border:1px solid #510000; padding:4px; background:#510000; margin-right:5px; margin-bottom:5px;} /* ### FOOTER ----------------------- ### */ #footer {background:#F6F6F6 url() repeat-x; text-align:center; width:960px; margin:0 auto; border:1px solid #ddd;} #footer .fspacer {padding:10px 0 10px 0;} #footer .copyrighted {font-size:11px;} #footer .logos { padding:0 0 10px 0;} #footer .bot-menu {padding:0px;} #footer .bot-menu a {text-decoration:underline;} #footer .bot-menu a:hover {text-decoration: underline;} #footer .bot-menu ul {list-style:none; font-size:11px; font-weight:bold;} #footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;} /* Floating options */ .fl {float:left;} .fr {float:right;} .mgright {margin-right:55px;} .mgtop {margin-top:10px;} .mgbottom {margin-bottom:10px;} /* * Sitemap */ #sitemap ul li{margin-left:10px; background:url("/img/bullet2.gif") no-repeat scroll 0 6px transparent !important; font-weight:bold;} #sitemap ul ul li{margin-left:30px; background:url("/img/bread.gif") no-repeat scroll 0 6px transparent !important; font-weight:normal;} #sitemap ul ul ul li{margin-left:45px; background:url("/img/bread.gif") no-repeat scroll 0 8px transparent !important;padding-top:3px;} /* Clearing */ .clr {clear:both;} /* Margin */