@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */

body{
	background-color:#17214f;
	background-image:url(../images/xbg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	font-family:Century Gothic, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#1e264e;
}
a,a:link,a:visited,a:active{
	color:#00075d;
}
#centerpage{
	position:relative;
	margin:0 auto;
	padding:0;
	width:880px;
	top:40px;
}
/*************************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;position:relative;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;font-size:12pt;text-decoration:none; color:#1e264e; height:30px; padding:0 10px; line-height:30px;border-right:1px solid #869DC6;white-space:nowrap;}
#menu ul li.last a{ border:0px !important;}

/* style the second level background */
#menu ul ul a, #menu ul ul a:visited {background:#1e264e no-repeat 200px center; font-size:10pt; color:#fff;border:none;white-space:normal;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#1e264e;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#fff;}

/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:147px;w\idth:147px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0px; width:200px;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#menu ul ul ul{left:147px; top:0px; width:149px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#1e264e; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{background:#1e264e;color:#fff;}
#menu :hover > a, #menu ul ul :hover > a {background:#1e264e;color:#fff;}
/* style the second level hover */
#menu ul ul a:hover{background:#fff no-repeat 200px center;color:#1e264e}
#menu ul ul :hover > a {background:#fff no-repeat 200px center;color:#1e264e}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}

/* Active */
#menu li.active a,#menu li.active ul li.active a,#menu li.active ul li.active ul li.active a{
	font-weight:bold;
}
#menu li.active ul a,#menu li.active ul li.active ul a{
	font-weight:normal;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited,* html #menu a:hover {width:149px; w\idth:138px;}

/*************************************************************/
#menu{
	position:absolute;
	top:25px;
	left:21px;
	height:35px;
	padding:2px 0;
	z-index:16000;
}

#lang{
	position:absolute;
	right:19px;
	top:47px;
	z-index:20000;
}
#lang li,#lang ul,#lang a{
	text-align:center;
	text-decoration:none;
	font-variant:small-caps;
	display:block;
	width:5px;	
}
#main{
	position:relative;
	background:url(../images/bg.png);
	background-repeat:no-repeat;
	width:828px;
	height:470px;
	padding:59px 33px 29px 23px;
	top:-12px;
	font-size:10pt;
}
#clean_main{
	position:relative;
	background:url(../images/fullbg.png);
	background-repeat:repeat-y;
	width:827px;
	height:auto;
	padding:0px 40px 0px 30px;	
	font-size:10pt;
}
#clean_head{
	position:relative;
	top:0;
	left:0;
	width:886px;
	height:31px;
	background-image:url(../images/fullbg_top.png);
	background-repeat:no-repeat;
}
#clean_foot{
	position:relative;
	bottom:0;
	left:0;
	width:886px;
	height:30px;
	background-image:url(../images/fullbg_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#content{
	height:467px;	
	width:827px;
	vertical-align:bottom;
}
#content p,#content li,#content h1,#content h2,#content h3,#content .floatl,#clean_content p,#clean_content h2,#clean_content ul,#clean_content li{
	padding:5px 10px;
	line-height:1.5;
	text-align:justify;
}
#content .floatl h1,#content .floatl h2,#content .floatl h3{
	padding:0;
}
#content h3{
	font-weight:bold;
}
#content li{
	margin-left:15px;
	padding:5px 10px 5px 5px;
	list-style:url(../images/bullet.png);
}
#content .contentheading, h1{
	font-size:12pt;
	font-weight:bold;
}
#logo{
	position:absolute;
	top:-8px;
	right:4px;
	width:179px;
	height:85px;
	background-image:url(../images/logo.png); 
	z-index:15000;
}
#clean_logo{
	position:absolute;
	top:-58px;
	right:4px;
	width:179px;
	height:85px;
	background-image:url(../images/logo.png); 
	z-index:15000;
}
#footer{
	position:relative;
	width:100%;
	text-align:center;
	color:#FFFFFF;	
	top:-10px;
	font-size:10pt;
	padding:5px;
}
#santiagobg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(../images/santiagofly.png);
	background-position:center 120px;
	background-repeat:no-repeat;
}
#modal{
	display:none;
	position:absolute;
	width:880px;
	margin-top:-12px;
	z-index:24000;
}
#modalbg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:22000;
	display:none;
	background-image:url(../images/b50.png);
}
#image table{
	padding-left:5px;
}
#clean_main table,#modal table{
	border-left:1px solid #FFFFFF;
	width:400px;
}
#image td:first-child{
	font-weight:bold;
}
#clean_main thead, #modal thead{
	background-color:#1e264e;
	color:#FFFFFF;
}
#clean_main thead td, #modal thead td{
	border-top:1px solid #FFFFFF;
	font-weight:bold;
	border-collapse:collapse;
}
#clean_main tbody td, #modal tbody td{
	font-weight:normal !important;
	border-collapse:collapse;
	margin:0px;
	border:none;
}
#clean_main tbody tr, #modal tbody tr{
	background-color:#edf0f5;
}
#clean_main tbody tr.odd, #modal tbody tr.odd{
	background-color:#c1cde0;
}
td{
	padding:5px;
	vertical-align:top;
}
#content td{padding:2px 5px; }

input,textarea{
	width:180px;
	border:1px solid #00075d;
	background-color:#FFFFFF;
}
input[type="submit"],input[type="reset"]{
	width:80px;
	margin-right:20px;
}
.error input,.error textarea{
	border:1px solid #AA0000;
	background-color:#FFEEEE;
}
p.error{
	color:#AA0000;
}
div.button{
	position:absolute;
	left:55px;
	bottom:2px;
	background:url(../images/buttonbg2.png);
	height:26px;
	margin:10px;
	padding:13px 21px 15px 13px;
	width:185px;
	background-position:top;
	z-index:12000;
	text-align:center;
}
#modal div.button,#clean_main div.button{
	position:relative;
	top:0;
}
div.button a{
	display:block;
	text-decoration:none;
	padding:3px;
	color:#1e264e;
	height:14px;
}
div.button a:hover{
	color:#FFFFFF;
	background:#1e264e;
}
div.buttons{
	position:absolute;	
	top:385px;
	left:347px;
	background:url(../images/buttonbg.png);
	height:23px;
	padding:13px 21px 41px 13px;
	width:187px;
	background-position:top;
	z-index:12000;
}
div.buttons a{
	display:block;
	text-decoration:none;
	padding:3px;
	color:#1e264e;
}
div.buttons a:hover{
	color:#FFFFFF;
	background:#1e264e;
}
a.extern{
	background-image:url(../images/external.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
}
/* The Box */
div.canvas{
	width:504px;
	height:467px;
	overflow:hidden;
}
a#clean_close{
	display:block;
	height:50px;
	width:25px;
	background-image:url(../images/close.png);
	background-position:top right;
	position:absolute;
	top:-43px;
	top:15px;
	left:-11px;
	left:14px;
	z-index:25000;
}
a#clean_close:hover{
	background-position:bottom;
	width:50px;
	left:-11px;
	cursor:pointer;
}
#clean_content{
	float:left;
	width:427px;
}
#clean_image{
	width:400px;
	float:right;
	margin-top:-2px;
}
#clean_main h2.contentheading{
	font-size:32pt;
	font-weight:normal;
	text-align:left;
}
#clean_main div.canvas{
	width:400px;
}
#clean_main .tour_tag{
	display:none;
}
div.canvas_node{
	width:504px;
	height:467px;
}
div.canvas_node img.small{
	height:467px;
	width:250px;
	float:left;
	border-left:1px solid #FFF;
	padding-right:10px;
}
div.canvas_node h2,div.equipo div.canvas_node h1{
	font-weight:bold;
	display:block;
	margin:10px 10px 0px 0 !important;
	padding:0 !important;
}
div.canvas_node p{
	margin:0px 5px 0px 5px !important;
	display:block;
}
div.canvas_node div.person{
	float:right;
	width:240px;
}
div.equipo div.canvas_node{
	background-image:url(../../../media/equipo/equipobg.jpg);
}
div.contactos div.canvas_node{
	background-image:url(../../../media/contactosbg.jpg);
	background-repeat:no-repeat;
}
div.diseno div.canvas_node{
	background-image:url(../../../media/disenobg.jpg);
	background-repeat:no-repeat;
}
div.socios{
	background-image:url(../../../media/partner.jpg);
	background-repeat:no-repeat;
}
div.contactos,div.contactos div.canvas_node,div.diseno,div.diseno div.canvas_node,div.socios{
	width:314px;
}
div#image{
	float:right;
	padding-left:10px;
	top:-20px;
}
img.right + p.intro{
	width:300px;
	position:absolute;
	bottom:35px;
}

.buttonheading{
	display:none;
}
.floatl{
	float:left;
	width:220px;
}
div#tourpics{
	position:absolute;
	left:27px;
	top:450px;
	width:800px;
	z-index:12000;
}
div.tour_tag{
	position:absolute;
	right:34px;
	top:59px;
	z-index:13000;
}
div#tourpics div.tour a{
	position:relative;
	display:block;
	top:5px;
	left:5px;
	height:82px;
	width:82px;
	margin:-5px;
	background-position:top;
}
div#tourpics div.tour a:hover,div#tourpics div.tour a.active{
	background-position:bottom;
}
div#tourpics div.tour a.active{
	cursor:default;
}
div#tourpics div.tour a.all{ background-image:url(../../../media/tours/all.jpg); }
div#tourpics div.tour a.colchagua{ background-image:url(../../../media/tours/colchagua.jpg); }
div#tourpics div.tour a.valparaiso{ background-image:url(../../../media/tours/valparaiso.jpg); }
div#tourpics div.tour a.santiago{ background-image:url(../../../media/tours/santiago.jpg); }
div#tourpics div.tour a.casablanca{ background-image:url(../../../media/tours/casablanca.jpg); }
div#tourpics div.tour a.sanpedro{ background-image:url(../../../media/tours/sanpedro.jpg); }
div#tourpics div.tour a.diseno{ background-image:url(../../../media/tours/diseno.jpg); }

div#tourpics div.tour{
	float:left;
	width:88px;
	height:88px;
	padding:14px;
	margin-right:-10px;
	background-image:url(../../../media/tourbg.png);
}
#loader{
	position:absolute;
	top:387px;
	left:360px;
	height:15px;
	width:183px;
	background-image:url(../images/loader.gif);
	z-index:50000;
	display:none;
	font-size:10pt;
	font-weight:bold;
	padding:2px;
}
#newshide{
	position:absolute;
	width:28px;
	height:200px;
	top:230px;
	left:-23px;
	overflow:hidden;
}
#news{
	position:absolute;
	width:290px;
	height:140px;
	background-image:url(../images/news.png);
	background-position:center center;
	top:0px;
	left:0px;
	padding:30px;
	line-height:1.5;
	color:#FFF;
}
#news li{
	display:block;
	width:270px;
	height:120px;
	padding:10px;
	overflow:hidden;
	background:none !important;
}
#news h4{
	font-weight:bold;
}
#newsoc{
	position:absolute;
	left:14px;
	top:81px;
	width:15px;
	height:38px;
	background-image:url(../images/newsoc.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#newsoc:hover{
	background-position:bottom center;
}
#newsup{
	position:absolute;
	left:156px;
	top:16px;
	width:38px;
	height:15px;
	background-image:url(../images/newsup.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#newsup:hover{
	background-position:bottom center;
}	
#newsdown{
	position:absolute;
	left:156px;
	top:170px;
	width:38px;
	height:15px;
	background-image:url(../images/newsdown.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#newsdown:hover{
	background-position:bottom center;
}	
#newstitle{
	position:absolute;
	left:28px;
	top:10px;
	color:#1e264e;
	font-weight:bold;
}
.newsdate{
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:8pt;
}
/* ----------------------------------------------------- CSS Only Popup */
a.popups{
	z-index:20;
	text-decoration:none;
	cursor:default;
}
a.popups:hover{
	z-index:21;
}
a.popups div{
	display:none;
	position:absolute;
	top:83px;
	left:25px;
	width:280px;
	height:330px;
	padding:30px 20px 10px 20px !important;
	background-image:url(/media/tours/mapbg.png);
}
a.popups div table,a.popup div img{
	position:relative;
}
a.popups:hover div{
	display:block;
}
a.popups p.button{
	position:relative;
	left:40px;
	bottom:2px;
	display:block;
	text-align:center;
	background:url(../images/buttonbg2.png);
	height:26px;
	margin:10px;
	padding:13px 21px 15px 13px !important;
	width:185px;
	background-position:top;
	text-align:center;
}

/* ----------------------------------------------------- JS enabled browsers */

.jshide{
	display:none;
}
.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 #content td,.ie7 #content tr{ line-height:1; }
.ie7 #lang img,.ie7 #lang a,.ie7 #lang ul,.ie7 #lang li{ margin-bottom:-5px; }
.ie7 #lang{ top: 35px }

/* ----------------------------------------------------- IE6 and below */
.ie6 #menu ul a{
	width:105px !important;
}
.ie6 #menu ul ul a,.ie6 #menu ul ul{
	width:148px !important;
}
.ie6 #main{
	background-image:url(../images/ie6/bg.gif);
}
.ie6 #lang{
	top:45px;
	right:7px;
}
.ie6 #content li{
	list-style:none;
}
.ie6 #logo,.ie6 #clean_logo{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/santiagofly/images/logo.png', sizingMethod='fix');
}
.ie6 #santiagobg{
	background-image:url(../images/ie6/santiagofly.gif);
}
.ie6 div.buttons{
	background:url(../images/ie6/buttonbg.gif);
	background-repeat:no-repeat;
	height:23px;
	padding:13px 18px 41px 10px;
	width:215px;
	left:350px;
	background-position:top;
}
.ie6 div.buttons a{
	display:block;
	text-decoration:none;
	padding:4px 6px;
	color:#1e264e;
}
.ie6 div.button{
	background:url(../images/ie6/buttonbg2.gif);
	background-repeat:no-repeat;
	height:26px;
	margin:10px;
	padding:13px 14px 15px 6px;
	width:205px;
	background-position:top;
}
.ie6 div.button a{
	display:block;
	text-decoration:none;
	padding:3px;
	color:#1e264e;
	padding-top:3px;
	height:14px;
}
.ie6 div#tourpics div.tour{
	background:url(../images/ie6/tourbg.gif);
	background-repeat:no-repeat;
}
.ie6 div#tourpics div.tour a{
	margin:-5px 11px 10px -5px;
}
.ie6 #clean_main{
	background:url(../images/ie6/fullbg.gif);
}
.ie6 #clean_head{
	background-image:url(../images/ie6/fullbg_top.gif);
}
.ie6 #clean_foot{
	background-image:url(../images/ie6/fullbg_bottom.gif);
}