/* ------------------------------- */
/* RESET
/* ------------------------------- */


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

a {
text-decoration: none;
color: #4d7290;}


/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */

body{margin: 0px; line-height: 30px; }


html {font-family:arial, verdana, sans serif; font-size:13px;}
a:link, a:visited{color:#0033CC;}
a:hover{color:#003366;}

h1, h2, h3, h4, h5, h6,
form, input, text-area, p{
border:0; padding:0; margin:0;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;}
h1{font-size:36px; color: #8a969e; font-weight: bold; font-family: Helvetica "Neue"; }
h2{font-size:18px; color:white;}
h3{ color: #8a969e; font-weight: bold; font-size: 18px;}
p{ color: #8a969e;}
.texto{ color: #8a969e;}
strong{ font-weight: bold; color: #426e8e;}
.titulo{ color: white; font-weight: bolder; font-size: 15px;}
.titulo_big{ color: white; font-weight: bolder; font-size: 38px; line-height: 40px; text-align: center;}

.azul, .item{ color: #5085b1;}



/* ------------------------------- */
/* PAGE Elements
/* ------------------------------- */

.container{ width:930px; margin: 0 auto 0 auto;}

.container-info{ width:930px; margin: 0px auto 0 auto; padding: 30px;}

#logo{ float: right;}

#free_trial{ position: fixed; top: 0px; left: 0px; background-image: url(../images/freetrial_tab2.png); height: 127px; width: 122px; z-index: 12;}

#menu{ height: 47px; width: 100%; background-image: url(../images/bgmenu.jpg); float: right; border-top: 1px solid #a7cce0; border-bottom: 1px solid #247fb0; }

#welcome_section{ background-color: #eef8ff; width: 100%; float: right; }

#main_content{ background-color: #7bcaff; width: 100%; float: right; background-image: url(../images/bg_main_content.png); background-position: top; background-repeat: repeat-x; padding-top: 15px; color: #5085aa; text-align: justify;}

#column_left{ width:425px; float: left; text-align: justify; margin-top: 40px; padding: 20px;}
#column_left_resellers{ width:425px; height: 500px; float: left; text-align: justify; margin-top: 40px;}
#column_left_overview{ width:425px; float: left; text-align: justify; margin-top: 40px; padding: 20px; background-color: #95d5ff;}

#column_right{ width:425px;  float: right; text-align: justify; margin-top: 40px; background-color: #95d5ff; padding: 20px;}
#column_right_resellers{ width:360px; height: 500px;  float: right; text-align: justify; margin-top: 40px; background-color: #95d5ff; padding: 20px;}

#column_right_resellers li{ margin-bottom: 20px;}

#quote{  width: 900px; background-image: url(../images/bg_quote.jpg); float: left; padding: 15px; margin-top: 30px; text-align: center;}

div.spacer{clear:both; height:10px; display:block;}

#footer{ width:100%; display:block; height:130px; float: right; background-color: #5abdff; color: white; padding-top: 15px;text-align: center;}
#footer p{ color: white;}
#footer a{color: white; text-decoration:none;}
#footer a:hover{ text-decoration: underline;}

.caja_newslatter{ background-color: #95d5ff;}
.caja_newslatter img{ margin-left: 50px;}





#small_a{ background-image: url(../onlinebusiness/images/q_small.png); width: 28px;}

.faq-question, .booking-container{ color: #5085aa; line-height: 25px;}
.faq-details , .booking-container h1{ color: #97a1a8; line-height: 30pt; padding-top: 40px; font-size: 30px; font-weight: bold;}
.booking-container label{ color: #97a1a8;}
.faq-question a{ color: #939a9e; }
.answer{ margin-top: 10px; text-align: justify;}
#faq_center{ background-color: #dff2ff; width: 600px; padding-left: 60px; padding-top:20px; margin-left: 20px;}


#contact_us{ background-color: #dff2ff; width: 340px; margin-left: 200px; padding: 15px;}


/* INPUTS */


.label_newslatter_form{ vertical-align: middle;}
.cat_textbox{ border: 0px; background-color: #eaf6ff; height: 40px; }
label{ color: white; font-size: 18px; font-weight: bold;}
.container-info label{ color: #5e87a5; font-size: .9em;}
#contact_us input, .container-info input, .caja_newslatter .cat_textbox{ background-color: white; border: 1px solid #a7cce0; font-size: 16px; color: #8a969e; padding: 10px; height: 17px;}
#contact_us label{ color: #95a1aa; }
#contact_us .cat_button , .cat_button, .container-info .cat_button, .cat_button_newslatter { background-image: url(../images/bg_submit.jpg); color: white; height: 35px; border: 0px; padding-left: 15px; padding-right: 15px; font-weight: bold; font-size: 16px;}

#contact_us .cat_button:hover , .cat_button:hover, .container-info .cat_button:hover, .cat_button_newslatter:hover{ background-image: url(../images/bg_submit.jpg); color: black; height: 35px; border: 0px; padding-left: 15px; padding-right: 15px; font-weight: bold; font-size: 16px;}

/* RAMDOM */

.sample_content{ background-color: #dff2ff; width: 340px;}
.small{font-size:11px;}
.underline{text-decoration:underline;}
div.small-section{background:#CCCCCC;}
div.small-section a{color:#333333; font-weight:bold;}

.left{ float: left; width: 40%;}
.right{ float: right; width: 40%;}


/* TESTIMONIALS */

.testimonials_column_right{ width: 340px; background: #dff2ff; float: right; text-align: center; padding-top: 15px;}
.testimonials_titulo{ text-align:left; padding-left: 25px; padding-bottom: 30px;}
.testimonials_quote{ margin-top: 15px; float:left; width: 400px;}


/* BOOKINGS */

.booking-list a{ color:#003366; }
.booking-list a:hover{ color: #0033CC;}


/* ------------------------------- */
/* MENU
/* ------------------------------- */


ul#nav  {
	top: 100px;
	height: 47px;
	width: 900px;
	z-index: 11;
	position: absolute;
	font-weight: bold;
	font-size: 15px;
    }
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
padding-right: 10px;

	}
	
#nav li a {
	display: block;
	height: 47px;
	float: left;
	text-indent: -9999px; 
    	

	}

	/*
---------------- OVERVIEW
-------------------------------------------------------- */	

#nav li#overview {
	background: url(../images/menu.jpg) no-repeat left top;
	width: 98px;
}

#nav li#overview a {
	background: url(../images/menu.jpg) no-repeat left top;
	width: 98px;
}

#nav li#overview a:hover {
	background: url(../images/menu.jpg) no-repeat left -47px;
	width: 98px;
}

#nav li#overviewcurrent {
	background: url(../images/menu.jpg) no-repeat left -47px;
	width: 98px;
}

/*
---------------- TESTIMONIALS
-------------------------------------------------------- */	

#nav li#testimonials {
	background: url(../images/menu.jpg) no-repeat -98px top;
	width: 120px;
}

#nav li#testimonials a {
	background: url(../images/menu.jpg) no-repeat -98px top;
	width: 120px;
}

#nav li#testimonials a:hover {
	background: url(../images/menu.jpg) no-repeat -98px -47px;
	width: 120px;
}

#nav li#testimonialscurrent {
	background: url(../images/menu.jpg) no-repeat -98px -47px;
	width: 120px;
}

/*
---------------- PRICING
-------------------------------------------------------- */	

#nav li#pricing {
	background: url(../images/menu.jpg) no-repeat -218px top;
	width: 136px;
}

#nav li#pricing a {
	background: url(../images/menu.jpg) no-repeat -218px top;
	width: 136px;
}

#nav li#pricing a:hover {
	background: url(../images/menu.jpg) no-repeat -218px -47px;
	width: 136px;
}

#nav li#pricingcurrent {
	background: url(../images/menu.jpg) no-repeat -218px -47px;
	width: 136px;
}

/*
---------------- RESELLERS
-------------------------------------------------------- */	

#nav li#resellers {
	background: url(../images/menu.jpg) no-repeat -354px top;
	width: 94px;
}

#nav li#resellers a {
	background: url(../images/menu.jpg) no-repeat -354px top;
	width: 94px;
}

#nav li#resellers a:hover {
	background: url(../images/menu.jpg) no-repeat -354px -47px;
	width: 94px;
}

#nav li#resellerscurrent {
	background: url(../images/menu.jpg) no-repeat -354px -47px;
	width: 94px;
}

/*
---------------- WIKI
-------------------------------------------------------- */	

#nav li#wiki {
	background: url(../images/menu.jpg) no-repeat -448px top;
	width: 53px;
}

#nav li#wiki a {
	background: url(../images/menu.jpg) no-repeat -448px top;
	width: 53px;
}

#nav li#wiki a:hover {
	background: url(../images/menu.jpg) no-repeat -448px -47px;
	width: 53px;
}

#nav li#wikicurrent {
	background: url(../images/menu.jpg) no-repeat -348px -47px;
	width: 53px;
}


/*
---------------- FAQ
-------------------------------------------------------- */	

#nav li#faq {
	background: url(../images/menu.jpg) no-repeat -501px top;
	width: 53px;
}

#nav li#faq a {
	background: url(../images/menu.jpg) no-repeat -501px top;
	width: 53px;
}

#nav li#faq a:hover {
	background: url(../images/menu.jpg) no-repeat -501px -47px;
	width: 53px;
}

#nav li#faqcurrent {
	background: url(../images/menu.jpg) no-repeat -501px -47px;
	width: 53px;
}

/*
---------------- SUPPORT
-------------------------------------------------------- */	

#nav li#support {
	background: url(../images/menu.jpg) no-repeat -554px top;
	width: 82px;
}

#nav li#support a {
	background: url(../images/menu.jpg) no-repeat -554px top;
	width: 82px;
}

#nav li#support a:hover {
	background: url(../images/menu.jpg) no-repeat -554px -47px;
	width: 82px;
}

#nav li#supportcurrent {
	background: url(../images/menu.jpg) no-repeat -554px -47px;
	width: 82px;
}

/*
---------------- CONTACT
-------------------------------------------------------- */	

#nav li#contact {
	background: url(../images/menu.jpg) no-repeat -630px top;
	width: 90px;
}

#nav li#contact a {
	background: url(../images/menu.jpg) no-repeat -630px top;
	width: 90px;
}

#nav li#contact a:hover {
	background: url(../images/menu.jpg) no-repeat -630px -47px;
	width: 90px;
}

 #nav li#contactcurrent {
	background: url(../images/menu.jpg) no-repeat -630px -47px;
	width: 90px;
}