/*
Copyright (c) 2008, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.
version: 0.1b
*/
/*COMMON STYLES*/
/*all*/
html, table {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
/*forms*/
input, select, option, textarea {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;color:black}
/*links*/
#body a.test, a.test:link, a.test:visited {text-decoration:none;color:transparent}
/*clearer div used to align floating div*/
div.clearer {clear:both;line-height:0}
/*hidden*/
.hidden {display:none}
/*lines*/
hr.separation{margin:0px 5px; border: 1px dotted #008DD6}

/*STYLES FOR THE #flight #body*/

/*containers*/
#flight {margin-left:4px;/*width:776px;*/}/*Removing width form the html body style because of the Disney banner*/
#flight #body {margin-top:3px;line-height:120%;width:776px}
#flight #body div.group {margin:15px 8px}
#flight #body h2{padding:4px 10px 4px 10px;font-size:12px;font-weight:bold}
#flight #body p.center {margin:8px 0; text-align:center}

/*pasos*/
.stepOn {font-size:10px;font-weight:bold;text-decoration:underline}
.stepOff {font-size:10px;font-weight:bold;text-decoration:none}


/*price details*/
#flight #body table.price-details tr.hidden {height:20px;display:none}
#flight #body table.price-details th.total, #flight #body table td.total {padding-right:40px;text-align:right}
#flight #body table.price-details td.total {font-weight:bold;font-size:11px}
#flight #body table.price-details tr.total td {height:25px;padding-left:40px}
#flight #body table.price-details tr.total td.total-label {padding:0 10px 0 0;font-weight:bold;text-align:right}
#flight #body table.price-details tr.total td.total {padding-right:40px;font-size:13px}
#flight #body p.price-difference {color:green}

/*flights details*/
#flight #body div.group-flights td {vertical-align:top}
#flight #body div.group-flights-outbound, div.group-flights-inbound{padding:0px 10px 4px 25px}
#flight #body table.flights {line-height:160%}
#flight #body td.leg-title, td.stop-title, td.flight-title {width:55px;font-weight:bold}
#flight #body td.leg-description, td.stop-description {font-weight:bold}
#flight #body td.flight-description {width:500px}
#flight #body td.flight-date-time {width:300px}

/*passengers details*/
#flight #body table.pax-details {margin:8px 0 8px 0;width:100%;border-collapse:collapse;text-align:left}
#flight #body table.pax-details th {font-weight:bold}
#flight #body table.pax-details tr {height:20px}
#flight #body table.pax-details td.first-column {font-weight:bold}

/*prebooking*/
#flight #body div#prebooking img {float:left; margin:5px 0 0 20px}
#flight #body div#prebooking div.group-content {/*padding:8px;*/}
#flight #body div#prebooking div.group-content div.right {width:80%;text-align:left}

/*puente aereo details*/
#flight #body div.group-pteAereo-label {margin:5px 0; float:left; width:15%} 
#flight #body div.group-pteAereo-text {margin:5px 0; float:left; width:85%} 
#flight #body li.title {font-size:11px;font-weight:bold;margin:20px 0 10px 13px;list-style:disc outside}
#flight #body li.title p {color:#000; font-weight:normal}
#flight #body ul.content li{font-size:10px;color:#000; font-weight:normal; margin:5px 0 5px 25px; list-style:disc outside} 

/*form*/
#flight #body div.group-hidden {display:none}
#flight #body div.group-visible {display:block}
#flight #body input.radio {margin-right:5px}
#flight #body label.radio {margin-right:30px}
#flight #body div.form-comment {float:left;width:50%}
#flight #body div.form-line-hidden{margin:10px 8px;display:none}
/*#flight #body div.form-column {float:left}*/
#flight #body div.form-column10 {width:10%;float:left}
#flight #body div.form-column20 {width:20%;float:left}
#flight #body div.form-column25 {width:25%;float:left}
#flight #body div.form-column30 {width:30%;float:left}
#flight #body div.form-column35 {width:35%;float:left}
#flight #body div.form-column40 {width:40%;float:left}
#flight #body div.form-column45 {width:45%;float:left}
#flight #body div.form-column50 {width:50%;float:left}
#flight #body div.form-column60 {width:60%;float:left}
#flight #body div.form-column70 {width:70%;float:left}
#flight #body div.form-column100 {width:100%;float:left}
#flight #body div.form-column-right {width:100%;float:left;text-align:right}
#flight #body div.form-column-right img.button-out{margin-right:16px}
#flight #body div.text-price, div.text-price-insurance, span.record-locator {font-size:15px;font-weight:bold}
#flight #body div.text-price {margin-top:14px}
div.text-price-insurance {float:left}
#flight #body ul {margin:0;padding:0}
#flight #body li.pax-title {font-size:11px;font-weight:bold;margin:20px 0 10px 13px; list-style:disc outside}
#flight #body #baggageFee1{margin:0}

/*general conditions*/
#flight #body div.general-conditions {padding:8px;margin:8px}
#flight #body div.general-conditions h3 {font-weight:bold;font-size:11px}

/*resident*/
#flight #body div.group-resident {padding:8px}

/*superbuscador*/
.superbuscador-Go td{width:90px;height:30px;text-align:center}
.superbuscador-Back td {width:90px;height:30px;text-align:center}
.superbuscador-Go td.head-go {width:640px;height:30px;text-align:center;font-weight:bold}
.superbuscador-Back td.head-back {width:10px;height:210px;text-align:center;font-weight:bold}


/*STYLES FOR THE #popup #body*/

/*containers*/
#popup {padding:5px}
#popup #body {margin-top:3px;line-height:120%}
#popup #body h1 {padding:4px 10px 4px 10px;margin:8px;font-size:13px;font-weight:bold}
#popup #body div.group {margin:15px 8px}
#popup #body h2{padding:4px 10px 4px 10px; margin:0;font-size:12px;font-weight:bold}
#popup #body div.group-content {padding:0;text-align:justify}
#popup #body p {margin:8px}
#popup #body ol {margin:0;padding:8px;list-style:decimal} 
#popup #body ol li {margin:5px 0;padding:0;list-style-type:decimal} 
#popup #body ul {margin:8px; list-style-position:inside;padding:0;list-style:disc} 
#popup #body ul li {margin:5px 0;padding:0;list-style-type:none}


/*STYLES FOR THE #splash*/
#splash {float:left;margin-top:3px}
