@charset "utf-8";

/* CSS Document */
v\: * {
	behavior: url(#default#VML);
	display: inline-block;
}

html,body {
	color: #666666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	height: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	
	/* background-attachment: fixed;
	background-image: url(../images/mainB.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	background-color: #00314a; */
	
	background: url("../images/mainB2.jpg") no-repeat fixed center top #464a2f;
}

div#main {
	margin-left: auto;
	margin-right: auto;
	width: 987px;
	min-height: 100%;
	text-align: left;
}

div#header {
	background-image: url("../images/tBack.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
	height: 100px;
}

div#banner {
	background-color: #DBF3B9;
	float: left;
	height: 300px;
}

div#banner2 {
	background-color: #DBF3B9;
	float: left;
	height: 343px;
}

div#shortcut {
	background-image: url("../images/sBack.jpg");
	background-repeat: no-repeat;
	float: left;
	padding: 0px/*16px 0 16px 0px*/;
}

div#container {
	/*background-image: url("../images/cBack.jpg");*/
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	padding: 15px 0 0;
}

div#footer {
	float: left;
	text-align: center;
}

div#footer img {
	border: none;
}

div#fullBorder {
	background-color: : #CCC;
}

div#slidePic {
	float: left;
	width: 100%;
}

div#newsTicker {
	float: left;
	height: 208px;
	padding: 0;
}

#subFooter {
	color: #FFFFFF;
	float: left;
	font-family: tahoma;
	padding: 10px 0;
	text-align: center;
	width: 987px;
}

#floatFooter {
	float: left;
	bottom: 0;
	height: 40px;
	position: fixed;
	right: 0;
	width: 100%;
}

#floatLeftBanner {
	float: left;
	bottom: 0;
	height: 40px;
	position: fixed;
	right: 0;
	width: 100%;
}

/** Generic Styles **/
h1 {
	color: #737462;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 5px;
}

h2 {
	font-weight: bold;
	color: #737462;
	font-size: 1.1em;
	margin: 0 0 5px;
}

h3 {
	font-size: 1em;
	margin: 0 0 5px;
}

.welcomeContent h1 {
	color: #28843e;
}

p {
	line-height: 17px;
	margin: 0 0 10px;
	text-align: justify;
	font-size: 12px;
}

.welcomeContent p {
	text-align: left;
}

a {
	color: #28843e;
	text-decoration: none;
}

.greenLnk a {
	color: #459E00;
}

.whiteLnk a {
	color: #fff;
}

.grayLnk a {
	color: #333;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/** Relative Styles**/
.fullWidth {
	width: 100%;
}

.left {
	background-color: #FFFFFF;
	float: left;
	padding: 0 0 0 20px;
	position: relative;
}

.mid {
	background-color: #FFFFFF;
	float: left;
	padding: 0 20px 0 0;
}

.center {
	background-color: #FFFFFF;
	float: left;
}

.vcrLogo {
	height: 71px;
	position: absolute;
	width: 222px;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	pointer-events: none; 
}

.vcrLogo-e {
	height: 85px;
	position: absolute;
	width: 200px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
 	pointer-events: none; 
}
.ictLogo {
	height: 60px;
	position: absolute;
	width: 134px;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 285px;
}

/**.ictLogo img {
	visibility: hidden;
}**/

.menuLang {
	float: right;
	height: 64px;
	width:100px;
	margin-top: 23px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}

.menuTop {
	float: right;
	height: 64px;
	width: 350px;
	margin-top: 21px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}

.menuTop.es {
	width:360px;
}

.menuTop.fr {
	width:377px;
}

.menuTop.gr {
	width:350px;
}

.menuLeft {
	background-color: #FAFAF4;
	border: 1px solid #A6D371;
	float: left;
	padding: 10px;
	width: 180px;
}

.picSlide {
	float: left;
	height: 200px;
	margin: 10px 0 0 20px;
	width: 280px;
}

.picSlide2 {
	float: left;
	height: 220px;
	margin: 10px 0 0 20px;
	width: 280px;
}


.welcomeContent {
	float: left;
	width: 387px;
	margin-top: 10px;
}

.mainContent {
	float: left;
	margin: 0 20px 0;
	padding: 10px 0 0;
	width: 947px;
}

.mainFull {
	float: left;
	margin-bottom: 15px;
}

.mainLeft {
	float: left;
	margin: 0 0 20px;
	padding: 0 20px 0 0;
}

.mainRight {
	float: right;
}

.rounder {
	padding: 10px;
}

.rounder.green {
	background-color: #eff0de;
	border: 1px solid #a2a391;
}

.rounder.brown {
	background-color: #F5F3E5;
	border: 1px solid #DFD9C3;;
}

.rounder.clean {
	background-color: #eff0de;
	border: 1px solid #a2a391;
	height: 130px;
}

.rounderInner.white {
	background-color: #fff;
	padding: 10px;
}

.outer.green {
	background-color: #a2a391;
}

.searchHome {
	float: right;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

.searchHome a {
	width: 32px;
	height: 34px;
	float: left;
	padding-right: 5px;
}

.searchHome a.search {
	background: no-repeat url(../images/search1.png) top;
}

.searchHome a.search:hover {
	background: no-repeat url(../images/search1.png) bottom;
}

.searchHome a.searchEs {
	background: no-repeat url(../images/search1_es.png) top;
}

.searchHome a.searchEs:hover {
	background: no-repeat url(../images/search1_es.png) bottom;
}

.feedbackHome {
	float: right;
	height: 32px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}

.feedbackHome a {
	width: 32px;
	height: 34px;
	float: left;
	padding-right: 5px;
}

.feedbackHome a.feedback {
	background: no-repeat url(../images/map1.png) top;
}

.feedbackHome a.feedback:hover {
	background: no-repeat url(../images/map1.png) bottom;
}

.feedbackHome a.feedbackEs {
	background: no-repeat url(../images/map1_es.png) top;
}

.feedbackHome a.feedbackEs:hover {
	background: no-repeat url(../images/map1_es.png) bottom;
}

.socialNetworkIcons {
	float: right;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

.socialNetworkIcons a {
	width: 32px;
	height: 34px;
	float: left;
	padding-right: 5px;
}

.socialNetworkIcons a.flicker {
	background: no-repeat url(../images/flickr.png) top;
}

.socialNetworkIcons a.flicker:hover {
	background: no-repeat url(../images/flickr.png) bottom;
}

.socialNetworkIcons a.facebook {
	background: no-repeat url(../images/facebook.png) top;
}

.socialNetworkIcons a.facebook:hover {
	background: no-repeat url(../images/facebook.png) bottom;
}

.socialNetworkIcons a.twitter {
	background: no-repeat url(../images/twitter.png) top;
}

.socialNetworkIcons a.twitter:hover {
	background: no-repeat url(../images/twitter.png) bottom;
}

.socialNetworkIcons a.youtube {
	background: no-repeat url(../images/youtube.png) top;
}

.socialNetworkIcons a.youtube:hover {
	background: no-repeat url(../images/youtube.png) bottom;
}

.socialNetworkIcons a.pinterest {
	background: no-repeat url(../images/pinterest.png) top;
}

.socialNetworkIcons a.pinterest:hover {
	background: no-repeat url(../images/pinterest.png) bottom;
}

.socialNetworkIcons a.instagram {
	background: no-repeat url(../images/instagram.png) top;
}

.socialNetworkIcons a.instagram:hover {
	background: no-repeat url(../images/instagram.png) bottom;
}


.last {
	padding-right: 0px;
	width: 50%;
}

.clearFix {
	clear: both;
}

.ads {
	overflow: hidden;
}

.ads img {
	width: 463px;
}

/** Custom UI **/
.ui-widget {
	font-size: 12px;
}

#shortcut .ui-button-text-only .ui-button-text {
	padding: 10px;
}

/** Slider **/
#slide {
	width: 987px;
	height: 300px;
	overflow: hidden;
}
#slide2 {
	width: 987px;
	height: 353px;
	overflow: hidden;
}

/** Tabs Plan **/
#tabs_plan {
	height: 176px;
}

#tabs_plan img {
	border: medium none;
}

#tabs_plan a {
	padding: 4px;
}

#tabs_plan .icon {
	width: 128px;
	height: 35px;
}

#tabs_plan div.hotel {
	background-image: url(../images/hotel_off.png);
}

#tabs_plan li.ui-tabs-selected div.hotel {
	background-image: url(../images/hotel_on.png);
	background-repeat: no-repeat;
	background-position: center;
}

#tabs_plan div.car {
	background-image: url(../images/car_off.png);
}

#tabs_plan li.ui-tabs-selected div.car {
	background-image: url(../images/car_on.png);
}

#tabs_plan div.travel {
	background-image: url(../images/travel_agency_off.png);
}

#tabs_plan li.ui-tabs-selected div.travel {
	background-image: url(../images/travel_agency_on.png);
}

#tabs_plan p {
	font-size: 0.9em;
}

/** Tabs toDo **/
#tabs_toDo .istack {
	float: left;
}

#tabs_toDo .iwrapper {
	display: block;
	background: url(images/istack/indicator.gif) 50% 50% no-repeat;
	position: relative;
	width: 250px;
	height: 200px;
	margin: 0 .5em 0 0;
	padding: 0px;
}

#tabs_toDo .instantBorder {
	float: left;
	margin: 0 15px 0 0;
}

#tabs_toDo.gr li a {
	padding:0.25em 0.3em;
}

/** Menu Left **/
.menuLeft ul {
	font-size: 1em;
	list-style: none outside none;
	padding: 0;
	line-height: 35px;
	margin: 0;
	width: 100%;
}

.menuLeft ul li {

}

.menuLeft ul li ul.subnav {
	font-size: 0.9em;
}

.menuLeft a {
	color: #459E00;
}

/** News **/
.newsScroll {
	margin-left: 10px;
}

.news {
	border-left: 1px dotted #77CA37;
	float: left;
	height: 206px;
	margin: 10px 0 0 10px;
	overflow: hidden;
	position: relative;
	width: 255px;
}

.news h1 {
	font-size: 0.7em;
	line-height: 14px;
	margin: 0;
	padding: 0 0 5px;
	color: #28843e;
}

.news p {
	font-size: 0.8em;
	line-height: 14px;
	margin: 0 0 15px;
	text-align: left;
}

/** Box Captions **/
.boxgrid {
	width: 200px;
	height: 125px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 10px;
    border:         5px solid #ffffff;
	box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
}

.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 20px;
	border-color: #ffffff;
}

.boxgrid p {
	color:#AFAFAF;
	font:10pt "Lucida Grande",Arial,sans-serif;
	padding:0 10px;
	text-align:left;
}

.boxcaption h1 {
	color: #FFFFFF;
	margin: 0 10px 0 0;
	text-align: right;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	top: 100px;
	opacity: .7;
	/* For IE 5-7 */
	filter: progid : DXImageTransform.Microsoft.Alpha ( Opacity = 70 );
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}

.caption .boxcaption {
	top: 220;
	left: 0;
}

/** YouTube Widget **/
#ytContainer {
	background-image: url("../images/bckg_youtube.png");
	float: left;
	overflow: hidden;
	padding: 10px 5px;
	position: relative;
	width: 450px;
}

#ytContainer .youtube {
	margin-top: 20px;
}

#ytContainer .jcarousel-skin-tango {
	margin: 10px 0 0;
}

#ytContainer .youtube span {
	float: left;
	margin: 12px 0 0;
}

#ytContainer .youtube img {
	float: left;
	margin: 0 10px 0 5px;
}

/** Span **/
.span-300 {
	width: 300px;
}

.span-463 {
	width: 463px;
}

.span-946 {
	width: 946px;
}

.span-977 {
	width: 985px;
}

.span-100p {
	width: 100%;
}

.span-33p {
	width: 33%;
}

.span-50p {
	width: 50%;
}

.span-height-210 {
	height: 210px;
}

.span-height-160 {
	height: 160px;
}

.span-height-280 {
	height: 280px;
}
.span-height-280.es {
	height:250px;
}
.span-height-186 {
	height: 186px;
}

.span-box-inside {
	height: 180px;
}

.span-box-inside2 {
	height: 200px;
}

.span-left {
	float: left;
}

.span-clear {
	clear: both;
}

.span-ta-center {
	text-align: center;
}

.span-ta-right {
	text-align: right;
}

.span-tb-margin-20 {
	margin: 20px 0;
}

.span-b-margin-10 {
	margin-bottom: 10px;
}

.span-margin-auto {
	margin-left: auto;
	margin-right: auto;
}

.span-padding-10 {
	padding: 10px;
}

.mainLeft.span-463.fixed {
	height: 210px;
	overflow: hidden;
}

.mainLeft.span-463.fixed2 {
	height: 250px;
	overflow: hidden;
}

.span-height-tab.en, .span-height-tab.gr {
	height: 250px;
}

/** MainMenu **/
.mainMenu {
	font-size: 12px;
	padding-left: 22px;
}

/** PlanningYourTrip **/
#planningYourTrip span {
	float: left;
	margin: 25px 0 0 70px;
}

#planningYourTrip a {
	float: left;
	height: 63px;
	margin: 10px 2px 0;
	text-decoration: none;
	width: 142px;
}

#planningYourTrip a.maps {
	background: url("../images/maps.png") no-repeat top;
}

#planningYourTrip a:hover.maps {
	background: url("../images/maps.png") no-repeat bottom;
}

#planningYourTrip a.brochures {
	background: url("../images/brochures.png") no-repeat top;
}

#planningYourTrip a:hover.brochures {
	background: url("../images/brochures.png") no-repeat bottom;
}

#planningYourTrip a.pasaporte {
	background: url("../images/passport2.png") no-repeat top;
}

#planningYourTrip a:hover.pasaporte {
	background: url("../images/passport2.png") no-repeat bottom;
}

#planningYourTrip a.cambio {
	background: url("../images/exchange.png") no-repeat top;
}

#planningYourTrip a:hover.cambio {
	background: url("../images/exchange.png") no-repeat bottom;
}

#planningYourTrip a.videos {
	background: url("../images/movies.png") no-repeat top;
}

#planningYourTrip a:hover.videos {
	background: url("../images/movies.png") no-repeat bottom;
}

#planningYourTrip a.weather {
	background: url("../images/weather.png") no-repeat top;
}

#planningYourTrip a:hover.weather {
	background: url("../images/weather.png") no-repeat bottom;
}

#planningYourTrip a.photos {
	background: url("../images/photos.png") no-repeat top;
}

#planningYourTrip a:hover.photos {
	background: url("../images/photos.png") no-repeat bottom;
}

#planningYourTrip a.faqs {
	background: url("../images/faq.png") no-repeat top;
}

#planningYourTrip a:hover.faqs {
	background: url("../images/faq.png") no-repeat bottom;
}

#nav.es a {
	padding: 10px 13px;
}

#nav.fr a {
	padding: 10px 8px;
}

#nav.gr a {
	padding:10px 18px;
}

.ajax-background {
	background: url("../images/ajax25-1.gif") no-repeat center white; 	
	height: 100px;
}

/** Feedback Flotante **/

#bar {
right: 0px;
position: fixed;
top: 45%;
cursor: pointer;
padding: 8px;
z-index: 99999;
background-color: #FF1717;
}

#galleria { 
width: 650px; 
height: 400px; 
background: #000; 
}

.aw-toggle { visibility:hidden; }
.aw-widget-current-inner a { pointer-events: none; cursor: default; }
.aw-current-weather-inner a { pointer-events: none; cursor: default; }

/** acordeon css **/

    #accordion{  
    width: 600px;  
    margin: 0px;  
    padding: 0px;  
    list-style: none;  
    }  
      
    #accordion h2{  
    font-size: 12pt;  
    margin: 0px;  
    padding: 10px;  
    background: #ccc;  
    border-bottom: 1px solid #fff;  
    }  
    #accordion li div.content{  
    display: none;  
    padding: 10px;  
    background: #f9f9f9;  
    border: 1px solid #ddd;  
    }  
      
    #accordion li:hover div.content{  
    display: inherit;  
    }