/* CSS Document                                                   */
/* by: Ing. Juan C. Mena G.                         */
/* to: onetravelnetwork.com */

/* Start Cleaning Default Styles */

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,
center, u, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: baseline;
	color:#FFF;
}

body {
	line-height: 1;
	background-color:#000;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
a {
	text-decoration:none;

}

/* End */
/* Start Header UI Styles */
#header {
	display:block;
	width:100%;
	height:80px;
	background:url(../images/navbar.jpg) repeat-x bottom;
}

.navbar {
	display:block;
	margin:0 auto;
	width:800px;
	height:80px;	
	background:url(../images/navbar.jpg) repeat-x bottom;
}

#logo {
	display:block;
	float:left;
	width:177px;
	height:109px;
}

#menu {
	width:623px;
	float:left;
}


.menu ul{
	margin:0 auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li {
	margin:0 auto;
	display: inline;
	float: left;
}
#menu a {
	display: block;
	margin-top:50px;
	padding: 6px 12px 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#menu a:hover {
	background: transparent;
	color: #ACD83E;
}
#menu #current,
#menu a:link.currentAncestor,
#menu a:visited.currentAncestor {
	color: #ACD83E;
}

/* End */
/* Start Index Styles */
#main_content {
	display:block;
	clear:both;
	width:800px;
	height:690px;
	margin:0 auto;
}
.box_container1 {
	display:block;
	float:left;
	width:257px;
	height:129px;
	margin-top:9px;
	margin-right:14px;
	background:url(../images/index-box.png) no-repeat;	
}
.box_container2 {
	display:block;
	float:right;
	width:257px;
	height:129px;
	margin-top:9px;
	background:url(../images/index-box.png) no-repeat;	
}
.box_title {
	width:257px;
	height:89px;
	font-size:28px;
	padding-top:40px;
	vertical-align:middle;
	text-align:center;
}
.box_title b {
	font-size:28px;
	font-weight:bold;
}
.box_title i {
	font-size:28px;
	font-style:italic;
}
/* End */
/* Estilos para el Slider */
#slider {
	display:block;
	width:800px;
	height:534px;
	float:left;
	margin: 0 auto;
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0 auto;
	left: 0x;
	top: 0px;
	z-index:1;
}
#sliderContent  {
	width: 800px; /* important to be same as image width or wider */
	position: absolute;
	top: 0px;
	margin: 0 auto;
	left: 0px;
	height: 26px;
}
.sliderImage  {
    float: left;
    position: relative;
	display: none;
	margin: 0 auto;
}
.sliderImage span {
    position: absolute;
	font-size:10px/20px;
    padding: 10px 10px;
    width: 800px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	margin: 0 auto;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 100px;
}
.top {
	top: 0;
	left: 0;
}

.bottom, .bottom b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	bottom: 0;
    left: 0;
}
.left {
	top:58px;
	/*top: 0;*/
    left: 20px;
	width: 740px !important;
	height: 260px;

}
.right {
	right: 0;
	bottom: 0;
	width: 150px !important;
	height: 514px;
	/*z-index:-2;*/
}
ul { 
	list-style-type: none;
	margin: 0 auto;
}
/* End */
/* Start Infinite corousel */
.image_bloc {
	display:block;
	margin-left:22px;
	float:left;
	width:138px;
	height:118px;
}
/* Start Content UI Styles */

#content, #content_reservations {
	display:block;
	clear:both;
	width:800px;
	height:690px;
	margin:0 auto;
}	
#form, #form_reservations {
	display:block;
	float:left;
	width:580px;
	height:610px;
	margin-left:11px;
	margin-right:11px;
	background:url(../images/reservations_background.png) no-repeat;
}
.form_title {
	display:block;
	width:580px;
	height:30px;
	padding-top:6px;
	margin:0 auto;
	background:url(../images/form_title_background.png) no-repeat center;
	text-align:center;
	font-size:19px;
}
.gadget {
	display:block;
	float:left;
	width:184px;
	height:194px;
	margin-bottom:14px;
	background:url(../images/gadget_background.png) no-repeat;
}
#package_container {
	width:500px;
	height:30px;
	padding-top:8px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/package_background.png) no-repeat center;	
}
.error_message {
	float:left;
	width:250px;
	height:10px;
	margin:0 auto;
	font-size:11px;
	font-weight:bold;
	/*color:#F00;*/
}
.separador3{
	width:500px;
	height:3px;
}

.separador4{
	width:500px;
	height:4px;
}
.separador4_gadget{
	width:184px;
	height:4px;
}

#destination_container {
	clear:both;
	width:500px;
	height:166px;
	padding-top:17px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/destination_background.png) no-repeat center 6px ;	
}
.name_container {
	clear:both;
	width:500px;
	height:60px;
	padding-top:8px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/name_background.png) no-repeat center 8px ;	
}

.name_container table{
	margin-top:10px;
}

.vip_container {
	float:left;
	width:250px;
	height:auto;
}

input.reset {
	padding-top:-2px;
	width:82px;
	height:30px;
	background:url(../images/reset_button.png) no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	border:none;
}
input.reset:hover {
	width:82px;
	height:30px;
	background:url(../images/reset_button_over.png) no-repeat;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	text-align: center;
}
input.submit {
	width:82px;
	height:30px;
	background:url(../images/submit_button.png) no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	border:none;
}
input.submit:hover {
	width:82px;
	height:30px;
	background:url(../images/submit_button_over.png) no-repeat;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	text-align: center;
}

input.login {
	width:30px;
	height:12px;
	float:right;
	margin-right:30px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	border:none;
	background:url(../images/btn_login.png) no-repeat;
}
input.login:hover {
	width:30px;
	height:12px;
	font-weight:bold;
	color:#ACD83E;
	cursor:pointer;
	text-align: center;
	background:url(../images/btn_login_over.png) no-repeat;
}
.btn {
	clear:both;
	width:100%;
	height:30px;
	margin:0 auto;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}
.gadget_title {
	margin-top:20px;
	width:184px;
	height:30px;
	background:url(../images/gadget_title_background.png) no-repeat center;	
}
.gadget_title_icon{
	margin-top:4px;
	margin-left:26px;
	margin-bottom:5px;
	width:21px;
	height:21px;
	float:left;
}
.title {
	float:left;
	margin-top:8px;
	margin-left:6px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
}
.title a{
	font-size:12px;
}
.title a:hover{
	color:#ACD83E;
}

.row_title {
	float:left;
	margin-top:2px;
	margin-left:30px;
	font-size:11px;
	font-weight:bold;		
}
.row {
	display:block;
	float:left;
	margin-top:2px;
	/*margin-right:30px;*/
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#000;
}

.row a{
	color:#000;
	font-size:12px;	
}

.row a:hover{
	color:#F00;
}

table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.gadget_single{
	width:184px;
	height:31px;
	background:url(../images/gadget_single_background.png) no-repeat center;
	clear:both;
}
.gadget_single_icon{
	margin-top:4px;
	margin-left:26px;
	margin-bottom:5px;
	width:21px;
	height:21px;
	float:left;
}
.gadget_double {
	width:184px;
	height:40px;
	background:url(../images/gadget_double_background.png) no-repeat center;
	clear:both;
}
#gadget_triple{
	width:184px;
	height:60px;
	background:url(../images/gadget_triple_background.png) no-repeat center;
}
/* END */
/* Star Footer Styling */
#greenbar {
	display:block;
	clear:both;
	width:100%;
	height:6px;
	background-color:#ACD83E;
}
#footerWrapper {
	display:block;
	clear:both;
	width:800px;
	height:30px;
	margin:0 auto;
	text-align:right;
	font-weight:bold;
}
/* Start Drop down CSS Styling */
#county_drop_down, #no_county_drop_down, #loading_county_drop_down{
	display:none;
	color:#000;
}
#no_county_drop_down {
	color:#F00;
	font-weight:bold;
	font-size:11px;
	padding-top:8px;
}
/* End */
/* Start Login Form CSS Styling */

#login_content {
	display:block;
	clear:both;
	width:800px;
	height:600px;
	margin:0 auto;
}
#login_form {
	display:block;
	margin:0 auto;
	margin-top:50px;
	width:320px;
	height:270px;
	background:url(../images/login_background.png) no-repeat;
}

#login_title_background{
	display:block;
	clear:both;
	width:280px;
	height:50px;
	margin:0 auto;
	background:url(../images/login_title.png) no-repeat center 20px ;
}
#login_title_text {
	display:block;
	clear:both;
	width:260px;
	height:18px;
	margin:0 auto;
	padding-top:26px;
	text-align:center;
	font-size:19px;
	font-weight:bold;
}
.login_sigle_row {
	display:block;
	clear:both;
	width:220px;
	height:40px;
	padding-top:10px;
	margin:0 auto;
	background:url(../images/login_single_row.png) no-repeat center 7px;
}
.register {
	color:#ACD83E; 
	font-weight:bold;
	padding-left:40px;
	margin-top:3px;
}
.register a{
	
}
.register a:hover{
	color:#ACD83E; 
}
/* End */
/* Start register css styling */
#register_form {
	display:block;
	margin:auto;
	width:580px;
	height:720px;
	background:url(../images/form_background.png) no-repeat;
}	
#register_form_title {
	display:block;
	width:580px;
	height:30px;
	padding-top:30px;
	margin:0 auto;
	background:url(../images/form_title_background.png) no-repeat center 26px;
	text-align:center;
	font-size:19px;
}
.register_name_container {
	clear:both;
	width:500px;
	height:60px;
	padding-top:8px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/name_background.png) no-repeat center 8px ;	
}
.register_btn {
	float:left;
	width:210px;
	height:30px;
	margin:0 auto;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}
/* End */
/* Start forgotten password */
/* Start register css styling */
#password_form {
	display:block;
	margin:auto;
	width:580px;
	height:280px;
	background:url(../images/password_background.png) no-repeat;
}	
/* End */
/* Start About us */
#pic_container {
	width:800px;
	height:534px;
	margin:0 auto;
	background:url(../images/about/pic.jpg) no-repeat;
}
#left_about_box {
	display:block;
	width:342px;
	height:286px;
	margin:10px;
}
#right_about_box {
	display:block;
	width:342px;
	height:286px;
	margin:10px;
	position:absolute;
	left: 518px;
	top: 190px;
}
#left_about_box p, #right_about_box p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#000;
}
/* END */
/* Start Contact */ 
#contact_form {
	display:block;
	margin:auto;
	width:580px;
	height:510px;
	background:url(../images/contact_background.png) no-repeat;
}
.contact_container1 {
	clear:both;
	width:500px;
	height:60px;
	padding-top:14px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/name_background.png) no-repeat center 8px ;	
}
#contact_container2 {
	clear:both;
	width:500px;
	height:100px;
	padding-top:14px;
	padding-left:40px;
	margin:0 auto;
	background:url(../images/textbox_background.png) no-repeat center 8px ;	
}
/* END */
/* Start Profile */
#profile_form {
	display:block;
	margin:auto;
	width:580px;
	height:570px;
	background:url(../images/profile_background.png) no-repeat;
}