/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #000e28;
    background-image: url(../img/background-andeanexpeditions.jpg);
    background-position: top center;
    background-repeat: repeat-y;
}

h2 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
}

p {
    text-align: justify;
}

span.title2 {
    margin: 0;
    padding: 0;
    color: #010c1c;
    font-size: 14px;
}

h3, span.title3 {
    color: #9cac0e;
    font-size: 12px;
    font-weight: normal;
}

h3.title {
    margin: 0 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    background-image: url(../img/content_title.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: dotted 1px #314764;
    font-size: 14px;
    text-transform: uppercase;
}

.submit input {
    margin-top: 5px;
    border: 0;
    background-color: #9DAB10;
    color: #010c1c;
    font-size: 12px;
    width: 60px;
}

.submit {
    display: inline;
}

.clear {
    margin: 0;
    padding: 0;
    border: 0;

    clear: both;
    font-size: 0;
    line-height: 0;
}

#container {
    width: 965px;
    margin: auto;
    background-color: #011b32;
    padding: 0;
}

#language {
    width: 965px;
}

#language .bandera {
    margin: 0;
    padding: 0;
    border: 0;
    width: 16px;
}


#links {
    width: 965px;
    text-align: right;
}

#links a {
    color: #ccc;
    text-decoration: none;
}

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

/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
}

#navigation_bar {
    float: left;
    width: 747px;
    height: 27px;
    padding-top: 13px;
    padding-left: 20px;
    color: #556678;
    background-color: #011224;
    font-size: 11px;
    text-transform: uppercase;
}

#navigation_bar a {
    color: #556678;
    text-decoration: none;
}

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

#flash {
}

#actual_content {
    width: 198px;
    height: 40px;
    float: left;
    background-color: #001021;
}

/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
    background:#040B28;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-238px; 	/* Width of right column */
    position:relative;
    right:100%;
    background-color: #00132e;	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left: 436px;         	/* Left column width + right column width */
    background-color: #001532; 	/* Left column background colour */
    background-image: url(../img/submenu_about_bg.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 250px 0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:198px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width: 227px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-top: 5px;
    margin-right: 7px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* Right column styles - Begin */
#finder {
    margin-left: 10px;
    margin-top: 20px;
}

#finder input.text_input {
    width: 150px;
}

#featured_photos {
    background-image: url(../img/Featured_photos.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height: 200px;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

#keep_updated {
    margin-top: 20px;
}

#keep_updated p {
    color: #9cac0e;
    margin-top: 5px;
    margin-left: 25px;
    width: 185px;
}

#keep_updated input {
    margin-left: 25px;
}

#keep_updated input.text_input {
    margin-left: 25px;
    width: 185px;
}

#travel_info p {
    color: #9cac0e;
    margin-top: 5px;
    margin-left: 25px;
    width: 185px;
}
/* Right column styles - End */

/* Inferior Block styles - Begin */
#inferior_block {
    clear: both;
    border-top: 1px solid #BFBFBF;
    background-color: #001224;
    width: 965px;
    height: 228px;
}

#trip_overview {
    background-position: top;
    background-repeat: no-repeat;
    background-color: #112130;
    float: left;
    margin-top: 20px;
    margin-left: 40px;
    width: 488px;
    height: 138px;
}

.box_trip_overview_deu {
    background-image: url(../img/trip_overview_long_deu.jpg);
}

.box_trip_overview_eng {
    background-image: url(../img/trip_overview_long.jpg);
}


#trip_overview img, #trip_overview object{
    float: right;
    margin-top: 3px;
    margin-right: 20px;
}

#trip_overview h3, #trip_overview_long h3 {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0;
}

#trip_overview h3 a {
    color: #9cac0e;
    text-decoration: none;
}

#trip_overview h3 a:hover {
    text-decoration: underline;
}

#trip_overview p, #trip_overview_long p {
    margin-left: 20px;
    width: 270px;
}

#top_ten_trips {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    background-image: url(../img/top_ten_trips.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #112130;
    width: 361px;
    height: 138px;
}

#top_ten_trips p {
    margin-top: 40px;
    margin-left: 190px;
    margin-right: 20px;
}

#create_tour {
    margin-top: 20px;
    margin-left: 40px;
    float: left;
    background-image: url(../img/create_yourtrip.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #112130;
    width: 438px;
    height: 136px;
}

#create_tour #form_create{
    margin-top: 40px;
    margin-left: 10px;
}

#create_tour label {
    display: block;
    margin: 7px 5px 7px 10px;
    width: 60px;
    float: left;
}

#create_tour select {
    display: block;
    margin: 7px 5px;
    width: 100px;
    float: left;
}

#inferior_bar {
    clear: both;
    padding-top: 20px;

}

#inferior_bar img {
    margin: 0;
    padding: 0;
    border: 0;
}
/* Inferior Block styles - End */


/* Footer styles */
#inferior_bar {
    clear: both;
    padding-top: 20px;
    margin-left: 40px;
}

#inferior_bar .izquierda {
    float: left;
    background-image: url(../img/barra_verde_inferior_izq.jpg);
    background-repeat: no-repeat;
    width: 19px;
    height: 45px;
}

#inferior_bar .centro {
    float: left;
    background-image: url(../img/barra_verde_inferior_entera.jpg);
    background-repeat: repeat-x;
    width: 830px;
    height: 45px;
    padding-top: 15px;

    text-align: center;
    color: #010c1c;
}

#inferior_bar .derecha {
    float: left;
    background-image: url(../img/barra_verde_inferior_der.jpg);
    background-repeat: no-repeat;
    width: 19px;
    height: 45px;
}

#inferior_bar a {
    color: #010c1c;
    text-decoration: none;
}

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

#footer {
    clear: both;
    width: 965px;
    margin: auto;
    padding: 0;
    background-color: #001224;
}

#footer, #footer p {
    padding: 0;
    text-align: center;
    padding-bottom: 15px;
}

#menu_footer {
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
}

#menu_footer .menu_footer_item {
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #fff;
}

#menu_footer .footer_last_item {
    border-right: none;
}

#menu_footer a {
    color: #fff;
    text-decoration: none;
}

#menu_footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer p.contact_data {
    font-size: 12px;
    margin: 5px 0;
    padding: 0;
    font-weight: bold;
}

/* Menu Gallery styles - Begin */
#menu_gallery {
    margin: 0;
    padding: 0;
    padding-top: 25px;
    list-style-type: none;
    color: #7B96C6;
    text-transform: uppercase;
}

#menu_gallery li {
    position: relative;
}

#menu_gallery li a {
    display: block;
    padding: 10px 0 10px 30px;
    border-bottom: solid 1px #1c3150;
    color: #7B96C6;
    text-decoration: none;
}

#menu_gallery li a:hover {
    color: #fff;
}

#menu_gallery li div.current {
    padding: 10px 0 10px 30px;
    border-bottom: solid 1px #1c3150;
    font-weight: bold;
}

#menu li ul {
    display: none;
}

#menu_gallery li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu_gallery li ul li a, #menu_gallery li ul li div.current {
    padding-left: 40px;
}

.sub_menu_gallery {
    display: block;
    position: absolute;
    top: 0;
    left: 198px;
    margin: 0;
    padding: 0;
    background-color: #001532;
    border: 1px solid #1C3150;
}
/* Menu Gallery styles - End */

/* Feedback Content styles - Begin */
#feedback_content {
    margin: 0;
    margin-top: 50px;
    padding: 0;
    width: 194px;
    height: 200px;
    background-image: url(../img/submenu_feedback_bg.jpg);
}

#feedback_content h3 {
    margin: 0;
    padding-top: 52px;
    padding-bottom: 3px;
    margin-left: 30px;
    border-bottom: solid 1px #314834;
    font-size: 11px;
}

#feedback_content a {
    color: #9cac0e;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

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

#feedback_content p{
    margin: 0;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 15px;
    padding: 0;
}

#feedbacks_detail {
    display: none;
    font-size: 11px;
}

#feedbacks_detail img {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 200px;
    height: 150px;
}

#feedbacks_detail h3 {
    margin: 15px 0;
    font-size: 12px;
}

#feedbacks_detail p {
    margin: 0;
    padding: 0;
    margin-right: 10px;
}
/* Feedback Content styles - End */

/* Navigation state styles - Begin */
ul.navigation_menu {
    margin: 0;
    padding: 0;
    border: 0;
    color: #556678;
    background-color: #011224;
    font-size: 11px;
    text-transform: uppercase;
    list-style-type: none;
}

ul.navigation_menu li {
    display: inline-block;
    float: left;
    margin-left: 5px;
}

ul.navigation_menu a {
    color: #556678;
    text-decoration: none;
}

ul.navigation_menu a:hover{
    text-decoration: underline;
}
/* Navigation state styles - End */

/* Gallery styles - Begin */
.item_gallery {
    float: left;
    width: 95px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 13px;
    border: 1px solid #fff;
    background-color: #0e2642;
    text-align: center;
    overflow: hidden;
}

.item_gallery img {
    border: 0;
}

/* Gallery styles - End */

/* Highslide custom styles - Begin */
.highslide-dimming {
    background-color: #010C1C;
}

/* Highslide custom styles - End */

/* Album Gallery styles - Begin */
#content {
    margin-top: 70px;
}

.album_gallery {
    float: left;
    position: relative;
    width: 235px;
    height: 155px;
    border: 0;
    background-image: url(../img/folder_fotos.png);
    background-repeat: no-repeat;
    margin: 5px;
}

.album_gallery h3 {
    margin-top: 20px;
}

.album_gallery h3 {
}

.album_gallery a.photo_album {
    display: block;
    text-decoration: none;
}

.album_gallery a.link_album {
    display: block;
    padding-left: 18px;
    padding-top: 3px;
    color: #fff;
    text-decoration: none;
}

.album_gallery img {
    width: 163px;
    height: 71px;
    border: 0;
    margin-top: 22px;
    margin-left: 20px;
}

/* Album Gallery styles - End */

/* Estilos header - Begin */
#header_background {
    height: 214px;
    background-image: url(../img/home/loading_image.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#header_foreground {
    position: relative;
    z-index: 1000;
    height: 214px;
    margin-top: -214px;
    background-image: url(../img/home/filete_content.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

#logo_andean {
    margin-top: 30px;
    margin-left: 55px;
    float: left;
}

#menu_section {
    float: right;
    width: 570px;
    height: 29px;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-top: 11px;
    padding-left: 27px;
    background-image: url(../img/home/fondo_barra_menu.png);
    background-repeat: repeat-x;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

#menu_section ul {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside none;
}

#menu_section ul li {
    float: left;
    height: 29px;
    margin-right: 35px;

    font-family: 'Oswald';
    font-style: normal;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

#menu_section ul li.header_last_item {
    margin: 0;
}

#menu_section ul li a {
    color: #fff;
    text-decoration: none;
}

#menu_section ul li a:hover {
}

#language_section {
    float: right;
    width: 237px;
    height: 17px;
    margin-top: 3px;
    padding-top: 5px;
    padding-right: 120px;
    background-image: url(../img/home/fondo_barra_idiomas.png);
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}

#language_section img {
    position: relative;
    width: 16px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

#language_section a {
    margin-left: 3px;
    margin-right: 5px;
    color: #ccc;
    text-decoration: none;
}

#menu_destinations {
    display: none;
    position: absolute;
    top: 29px;
    left: 145px;
    width: 224px;
    font-family: sans-serif;
    font-weight: normal;
}

#menu_destinations_header {
    height: 10px;
    padding-top: 7px;
    background-image: url(../img/home/fondo_submenu.png);
    background-repeat: repeat-y;
}

#menu_destinations_shadow {
    height: 8px;
    margin-left: 1px;
    background-image: url(../img/home/fondo_submenu_inferior.png);
}

#menu_destinations_header h3 {
    margin: 0;
    margin-left: 15px;
    padding: 0;
    float: left;
    width: 95px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

#menu_destinations ul {
    margin: 0;
    padding: 15px;
    padding-bottom: 5px;
    background-image: url(../img/home/fondo_submenu.png);
    background-repeat: repeat-y;
    list-style: none;
}

#menu_destinations ul li {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    border-top: 1px dotted #516784;/* #314764; */
    font-family: sans-serif;
}

#menu_destinations ul li a {
    display: block;
    float: left;
    width: 87px;
    height: 20px;
    padding-top: 7px;
    padding-left: 10px;
    background-image: url("../img/content_title.png");
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}

#menu_destinations ul li a.empty_destination {
    background: none;
}

#menu_destinations ul li a.sector_item {
    width: 70px;
    margin-left: 15px;
}

#menu_destinations ul li a:hover {
    color: #9cac0e;
}

#menu_sectors {
    clear: both;
    float: right;
    margin-top: 310px;
    width: 445px;
}

#menu_sectors ul {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside none;
}

#menu_sectors ul li {
    float: left;
    margin-right: 30px;
}

#menu_sectors ul li a {
    display: block;
    width: 81px;
    height: 20px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
}
/* Estilos header - End */