/*--------------------------------------------------------------
# The News - January 2008
# Copyright (C) 2009 southamericaoverland.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/

/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { background: white; line-height: 1; color: black; }
ul { list-style: none; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ||| the end |||*/	

	
html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; font-size:100%; }
#bg { background: #93c8e8 url('../images/background.jpg') no-repeat fixed 50% top; font: normal 12px Arial, Helvetica, sans-serif; color: #333; line-height:18px; }
a { outline: none; cursor: pointer; }
img { border: none; text-decoration: none; }
element.style { cursor:pointer; }
a:link, a:visited, a:active { text-decoration: none; color: #3c6f9e; }
a:hover { text-decoration: underline; }
ul { padding: 0 0 0 2px; margin: 0; margin-left: 1px; list-style: none; }
ul li { background: transparent url('../images/arrow.gif') no-repeat 0 5px; padding-left: 12px; line-height: 160%; }
ol li { line-height: 170%; }
fieldset { border: 0; padding: 5px 0; }
h1 { font-size: 200%; }
h2 { font-size: 155%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }
th { padding: 4px; text-align: left; }
fieldset { border: none; }
fieldset a { font-weight: bold; }
input, select { font: normal 12px Arial, Helvetica, sans-serif; }
hr { border-top: 1px solid #f9f9f9; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }
.clearfix { clear: both; }
.us { margin:0 14px; }
input, textarea, select { border:1px solid #D9D8D8; }
/* Major Blocks-------------------------------------------------------------------------------*/

div#wrap-bg { width: 960px; height: 100%; margin: 0 auto; position: relative; }
div#topwrap { height: 250px; line-height: 134px; width: 100%; }
/* Here you can change width or height of your logo*/
#logo { background: transparent url('../images/logo.png') no-repeat 0 50%; width: 960x; height:130px; display: block; margin: 0 auto; }
/*end*/

div#bannerwrap { }
#contentbg { clear: both; height: 58px; }
.shadow-top, .shadow-bottom { clear: both; width: 100%; height: 10px; position: relative; background: transparent url('../images/shadow-top.png') repeat-x 0 0; }
.shadow-bottom { background: transparent url('../images/shadow-bottom.png') repeat-x 0 0; }
div#menu { clear: both; margin: 0; width: 100%; height: 48px; background: transparent url('../images/bg_menu.png') repeat-x 0 0; }
div#search { position: absolute; right: 106px; top: 159px; width: 60px; z-index: 52; }
div#search input.inputbox { background: #fff url('../images/icon_search.png') no-repeat 99% 50%; border: 1px solid #d9d8d8; padding: 0 18px 0 3px; height: 18px; line-height: 18px; color: #666; }
div#contentwrap { width: 100%; height: 100%; background: #fff; }
div#marginwrap-1 { margin: 0 15px 0 0; padding-top: 15px; }
div#marginwrap-2 { margin: 0; padding-top: 15px; }
div#conwrap { clear: both; background: #fff; padding: 20px 15px 0 15px; height: 100%; margin-top: -15px; }
/* Footer
-------------------------------------------------------------------------------*/
div#footer_wrap { width: 960px; height: 100%; margin: 0 auto; padding: 10px 0 100px; border-top: 5px solid #333; }
div#footer { clear: both; font-size: 10px; }
div#footer a { font-size: 10px; }
div#links { float: left; padding-bottom: 10px; color: #3c6f9e; }
div#links ul { list-style:none; }
div#links ul li { display:inline; background:none; }
div#copyright { float: right; color: #999; text-align:right; }
/* Setup of major blocks
----------------------------------------------------------------------------------*/
div#l_w-1 { float: left; width: 639px; margin-right: 15px; }
div#l_w-2 { width: 100%; }
div#r_w { float: right; width: 290px; }
div#l_w1 { float: right; width: 162px; }
div#r_w1-3 { float: left; width: 752px; border-right: 1px dotted #ddd; padding-right: 15px; }
div#r_w1-2 { width: 100%; }
div#r_w1-1 { float: left; width: 431px; border-right: 1px dotted #ddd; padding-right: 15px; }
div#mainbody { clear: both; }
div#mainbody ol { list-style-position:inside; }
div#mainbody strong { text-decoration:underline; }
/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1, div#user_position-2, div#user_position-3, div#user_position-4, .us-stand { clear: both; overflow: hidden; }
div.us_1-left, div.us_1-right, div.us_1-center, div.us_2-left, div.us_2-right, div.us_2-center, div.us_3-left, div.us_3-right, div.us_3-center, div.us_4-left, div.us_4-right, div.us_4-center { float: left; width: 33.3%; width: 50%; width: 100%; }
/* Modules
-------------------------------------------------------------------------------- */
div.moduletable, div.moduletable-black, div.moduletable-color1, div.moduletable-color2, div.moduletable-color3 { font: normal 100% Arial, Helvetica, sans-serif; line-height:18px; padding: 10px; margin:0 0 15px 0; background: #fff; }
div.moduletable h3, div.moduletable-black h3, div.moduletable-color1 h3, div.moduletable-color2 h3, div.moduletable-color3 h3 { font: bold 10px Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0; margin: 0 0 5px 0; line-height: 12px; color: #333; }
/* black */
div.moduletable-black ul li { background: transparent url('../images/arrow1.gif') no-repeat 0 5px; }
div.moduletable-black { background: #000; color: #999; }
div.moduletable-black h3 { color: #fff; }
div.moduletable-black a.readon, div.moduletable-black .button { background: #222222; }
div.moduletable-black a.readon:hover, div.moduletable-black .button:hover { background: #3c6f9e; }
/* color1 */
#conwrap div.moduletable-color1, #conwrap div.moduletable-color2, #conwrap div.moduletable-color3 { padding: 0; }
div.moduletable-color1 a { color: #3c6f9e; }
div.moduletable-color1 h3 { color: #3c6f9e; border-bottom: 2px solid #3c6f9e; font:normal 28px Geneva, Arial, Helvetica, sans-serif; text-transform: none; padding-bottom: 5px; margin-bottom: 10px; }
div.moduletable-color1 a.readon, div.moduletable-color1 .button { background: #3c6f9e; color: #fff; }
div.moduletable-color1 a.readon:hover, div.moduletable-color1 .button:hover { background: #05386b; }
/* color2 */
div.moduletable-color2 a { color: #cc0000; }
div.moduletable-color2 h3 { color: #cc0000; border-bottom: 2px solid #cc0000; font:normal 28px Geneva, Arial, Helvetica, sans-serif; text-transform: none; padding-bottom: 5px; margin-bottom: 10px; }
div.moduletable-color2 a.readon, div.moduletable-color2 .button { background: #cc0000; color: #fff; }
div.moduletable-color2 a.readon:hover, div.moduletable-color2 .button:hover { background: #990505; }
/* color3 */
div.moduletable-color3 a { color: #e98b05; }
div.moduletable-color3 h3 { color: #e98b05; border-bottom: 2px solid #e98b05; font:normal 28px Geneva, Arial, Helvetica, sans-serif; text-transform: none; padding-bottom: 5px; margin-bottom: 10px; }
div.moduletable-color3 a.readon, div.moduletable-color3 .button { background: #e98b05; color: #fff; }
div.moduletable-color3 a.readon:hover, div.moduletable-color3 .button:hover { background: #b46a00; }
/* Restricions
-------------------------------------------------------------------------------- */
#user_position-1 { margin: -15px 0 15px 0; background: #000; border-right: 1px solid #0c0c0c; }
#user_position-4 { background: #000; }
.br { border-right: 1px solid #0c0c0c; border-left: 1px solid #0c0c0c; border-top: 5px solid #333; }
#user_position-1 div.moduletable, #user_position-1 div.moduletable-black, #user_position-1 div.moduletable-color1, #user_position-1 div.moduletable-color2, #user_position-1 div.moduletable-color3 { font: normal 100% Arial, Helvetica, sans-serif; padding: 15px; margin: 0; background: #000; border: none; color: #666; }
#user_position-1 div.moduletable ul li, #user_position-1 div.moduletable-black ul li, #user_position-1 div.moduletable-color1 ul li, #user_position-1 div.moduletable-color2 ul li, #user_position-1 div.moduletable-color3 ul li { background: transparent url('../images/arrow1.gif') no-repeat 0 5px; }
#user_position-1 div.moduletable h3 { color: #fff; }
#user_position-1 div.moduletable-black h3, #user_position-1 div.moduletable-color1 h3, #user_position-1 div.moduletable-color2 h3, #user_position-1 div.moduletable-color3 h3 { font: bold 10px Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0; margin: 0 0 5px 0; line-height: 12px; border: none; }
#user_position-4 div.moduletable, #user_position-4 div.moduletable-black, #user_position-4 div.moduletable-color1, #user_position-4 div.moduletable-color2, #user_position-4 div.moduletable-color3 { font: normal 100% Arial, Helvetica, sans-serif; padding: 15px; margin: 0; background: #000; border: none; color: #666; }
#user_position-4 div.moduletable ul li, #user_position-4 div.moduletable-black ul li, #user_position-4 div.moduletable-color1 ul li, #user_position-4 div.moduletable-color2 ul li, #user_position-4 div.moduletable-color3 ul li { background: transparent url('../images/arrow1.gif') no-repeat 0 5px; }
#user_position-4 div.moduletable h3 { color: #fff; }
#user_position-4 div.moduletable-black h3, #user_position-4 div.moduletable-color1 h3, #user_position-4 div.moduletable-color2 h3, #user_position-4 div.moduletable-color3 h3 { font: bold 10px Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 0; margin: 0 0 5px 0; line-height: 12px; border: none; }
div#l_w1 div.moduletable { border: none; margin-top: -10px; }
#l_w1 div.moduletable h3 { background: #f9f9f9; line-height: 20px; padding: 0 0 0 5px; color: #333; }
/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre, .code { background-color:#f9f9f9; border-left:5px solid #3C6F9E; margin:10px 0pt 15px; padding:10px 15px; font-size: 11px; }
.info { background:transparent url('../images/icons/info.gif') no-repeat left top; color:#3c6f9e; padding-left:30px; }
.warning { background:transparent url('../images/icons/warning.gif') no-repeat left top; color:#cc0000; padding-left:30px; }
.tips { background:transparent url('../images/icons/tips.gif') no-repeat left top; color:#E98B05; padding-left:30px; }
.date { background:transparent url('../images/icons/date.gif') no-repeat left top; color:#35cc00; padding-left:30px; }
.audio, .credit, .email, .feed, .help, .webcam { background:transparent url('../images/icons/audio.gif') no-repeat left top; padding-left:30px; }
.credit { background:transparent url('../images/icons/credit.gif') no-repeat left top; }
.email { background:transparent url('../images/icons/email.gif') no-repeat left top; }
.feed { background:transparent url('../images/icons/feed.gif') no-repeat left top; }
.help { background:transparent url('../images/icons/help.gif') no-repeat left top; }
.webcam { background:transparent url('../images/icons/webcam.gif') no-repeat left top; }
span.clear, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6 { display: block; padding: 10px; margin-bottom: 10px; }
span.color { border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000; background: #FFEFEF; }
span.color-1 { border-top: 2px solid #3C6F9E; border-bottom: 2px solid #3C6F9E; background: #f3f9fe; }
span.color-2 { border-top: 2px solid #E98B05; border-bottom: 2px solid #E98B05; background: #FFF2DF; }
span.color-3 { border-top: 2px solid #cc0000; border-bottom: 2px solid #cc0000; background: #b40f17; color: #fff; }
span.color-4 { border-top: 2px solid #000; border-bottom: 2px solid #000; background: #000; color: #fff; }
span.color-5 { border-top: 2px solid #000; border-bottom: 2px solid #000; background: #333; color: #fff; }
span.color-6 { border-top: 2px solid #EF6B00; border-bottom: 2px solid #EF6B00; background: #E98B05; color: #fff; }
span.clear { background: #F9F9F9; }
#gall { width:290px; float:left; }
#gall img { margin:0 0 5px 0; }
#gall form { }
#gall label { float:none; display:block; }
#gall input, #gall textarea { width:250px; float:none; }
#gall input#Submit { margin:5px 0; padding:3px; }
#gallery { width:100%; padding:20px 0; }
#gallery img { float:left; margin:0 15px 10px 5px; border:1px solid #3c6f9e; }
#mainbody h1 { margin:0 0 10px 0; }
#form-us label { width:150px; display:block; float:none; }
#form-us input, #form-us textarea { width:200px; margin:5px 0; }

#gall div {text-align: center; font-weight: bold; color: #3C6F9E; margin-bottom: 8px;}

#useful_links_content p {display: block; margin: 0px 0px 10px 0px; font-weight: bold; font-size: 14px;}
#useful_links_content p a {display: block; clear: both; font-weight: normal; font-size: 12px; text-decoration: none;}
#useful_links_content p a:hover {display: block; clear: both; font-weight: normal; font-size: 12px; text-decoration: underline;}

#facebook { float: left; margin-left: 13px; display: inline; }

#accordion { width: 620px; margin: 0 0 20px 0; padding: 0; }
#accordion li { width: 100%; background: none; padding: 0; margin-bottom: 1px; }
#accordion li h4 { }
#accordion li div strong { text-decoration: none; }
#accordion li a { display: block; width: 610px; padding: 5px; color: #fff; background: #3C6F9E; }
#accordion li a:hover { text-decoration: none; color: #fff; background: #999; }
#accordion li a.ui-state-active { background: #999; }
#accordion li div { width: 600px; padding: 8px; display: none; background: #eee; border: 1px solid #ddd; }

a.call { margin-bottom: 10px; display: block; color: #fff; font-weight: bold; padding: 10px; font-size: 16px; background: #3C6F9E; float: right; margin-right: 4px; }
a:hover.call { background: #999; text-decoration: none; }

ul#trips { margin: 0; padding: 0; list-style: none; float: left; clear: both; }
ul#trips li { width: 300px; height: 100px; float: left; background: none; margin: 0 5px 5px 0; padding: 0; }
ul#trips li.odd { margin-right: 0; }
ul#trips li a { display: block; }

.stages li {margin-bottom: 10px;}