@charset "utf-8";
/* CSS Document - WOW! Actividades */
/* by Norman Cossio */

/* Globals */
body, html { background: url(../images/interface/bgBody.jpg); margin:0; padding:0; height:100%;	 }
div, p, li, td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
p { line-height: 160%; }
a {
	color: #2A6298;
}


/* Interface */
#Wrapper { background:url(../images/interface/bgWrapper.jpg) center repeat-y; margin:0 auto; width:100%; }

#Header {
	background:no-repeat;
	width:941px;
	height:150px;
	margin:0 auto;
	padding:0
}
#Header h1 { display: none; }

#Content {
	width:941px;
	margin:0 auto;
}




/* Navegation Bar */
#Navegation {
	background-color:#037abc;
	width:942px;
	height:32px;
	margin:0 auto;
}
#nav {
	width:942px;
	height:29px;
	background-color:#2a6298;
	padding:0;
	margin:0 auto;
	}
#nav ul, #nav ul li {
margin:0;
padding:0 0;
}
#nav ul li {
display:block;
float:left;
}
#nav a {
	border-right-width:1px;
	border-right-color:#C2D1E4;
	border-right-style:solid;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	margin-right:0;
	padding:7px;
	text-align:center;
	text-decoration:none;
		}
		
#nav a:hover {

	background-color:#1892d5;

	display:block;
}

#nav .menuActive {
background-color:#FF9900;
display:block;
}

#nav-home a { background-image: url(../images/interface/naven/tabhome.jpg); width: 53px; margin: 0 2px; }
#nav-features a { background-image: url(../images/interface/nav/tabfuncionamiento.jpg); width: 102px; margin: 0 2px; }
#nav-onlinereservations a { background-image: url(../images/interface/nav/tabreservaciones.jpg); width: 138px; margin: 0 2px; }
#nav-we a { background-image: url(../images/interface/nav/tabnosotros.jpg); width: 100px; margin: 0 2px; }
#nav-support a { background-image: url(../images/interface/nav/tabsoporte.jpg); width: 63px; margin: 0 2px; }
#nav-contactus a { background-image: url(../images/interface/nav/tabcontactenos.jpg); width: 95px; margin: 0 2px; }
#nav-empy a { background-image: url(images/nav/navempy.jpg); width: 173px; }

/* Stuffs */ 
#linkDemo {
	background: url(../images/interface/bgLinkDemo.jpg) no-repeat;
	width:150px;
	height:45px;
	text-align:center;
	padding:8px 0 0 0;
	margin:20px 0 0 250px;
}
#linkDemo a { font-weight:bold; color:#FFFF99 } 
.tablealterrow { background-color: #FFF8EE }
#caracteristicas {
	border: 1px solid #027ABB;
}


/* Home Styles*/
#HomeBanner1 {
	background: url(../images/content/exitoseguro.jpg) no-repeat;
	width:942px;
	height:420px;
	margin:0 auto;
	background-position: right top;
}

#HomeBanner2 { background: url(../images/content/banner02.jpg) no-repeat; width:703px; height:206px; margin:0 auto; }
#HomeBanner3 { background: url(../images/content/banner03.jpg) no-repeat; width:703px; height:206px; margin:0 auto; }



#HomeBanner1 p, #HomeBanner2 p, #HomeBanner3 p {
	margin:0;
	padding: 15px 0 0 20px;
	width:585px;
	line-height:200%;
	color: #000000;
}

#InfoIntro { background-color:#FFFFFF}
#InfoIntro h2  { }
#InfoIntro p {
	background-color: #2a6298;
	color:#FFFFFF;
	margin:0;
	padding:15px 35px;
}
#InfoIntro ul  { margin:5px; padding:0px;  }
#InfoIntro ul li { margin-bottom:8px; padding-left:15px;  background: url(../images/content/bullet.gif) no-repeat 0px 2px; list-style:none }

#tituloCaracteristicas { color: #ff6600; height:26px; font-size:18px; margin: 20px 50px 10px 30px; background:url(../images/content/tituloCaractaristicas.gif) no-repeat; width: }
#tituloCaracteristicas span { display:none }

/* Estilos Fomularios */
#frmContactenos { display:none; margin: 0; padding:10px; border:1px solid  #FFE57F; background: #FFFFE5; width:580px; margin:0 auto  }
.botonEnviar { background-color:#ff6600; color: #FFF; margin:10px 0; } 
label { display:block; font-size:11px; font-weight: bold; margin:10px 0 6px 0; } 
input, textarea { border: 1px solid #027ABB; background-color:#F2F2F2; padding:4px; } 
.frmTips { font-size:10px; clear:both; }

#sendMessageDone { display:none; margin: 0; padding:10px; border:1px solid  #FFE57F; background: #FFFFE5; width:580px; margin:0 auto 	}


/* Content Styles */
#ContentInfo {
	padding:15px 25px;
	width:900px;
}
#ContentInfo span { display:none }
#ContentInfo h3 { color:#027ABB; font-size:14px; font-family: Arial, Helvetica, sans-serif; } 
#ContentInfo p { color:#333; }


/* Section Funcionamiento */
#SystemFeatures { float:right; width: 205px; padding-top:80px; padding-right:25px;  } 


#SystemThumbnails { text-align:center; }
#SystemThumbnails img { background-color:#FFFFCC; padding:4px }
#SystemThumbnails p { margin:0 0 20px 0; }




/* ScreenShots Player Styles */
#ScreenShotsViewer { text-align:center; width:100%; }
#ScreenShotsNav { margin-top:10px; }
#ScreenShotsNav div { float: left; padding:6px; margin:4px;  background-color:#FEF7E1;  }


#listitems li { padding:8px; }


/* Footer Styles */
#Footer {
	clear:both;
	background-color: #2A6298;
	width:941px;
	margin:0 auto;
	color: #FFFFFF;
}
#FooterNav {
	text-align:left;
	margin: 20px;
}
#FooterResume, #FooterNav {
	font-size:10px
}
#FooterNav ul { margin:0; padding:0; }
#FooterNav ul li { margin:0; padding:0; padding-right:7px; list-style:none; display:inline; border-right:1px solid #ccc }
#FooterNav ul li a {
	color:#FFFFFF;
	margin:0 1px 0 5px;
	font-size:11px
}
.logoms { float:right; margin:5px 10px; }
.logooz { }
.noborder { border:none; }



/*************************/
.contentslide{
border: 10px solid navy;
border-bottom-width: 6px;
padding: 8px;
width: 400px;
height: 250px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*******************/
#vhmscreenshots td {
	font-size: 11px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#costos li{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
