/* COMPARA EN CASA COLOR GUIDE */
/* blue: #1E3C60
/* orange hover: #EB6700
/* grey background main search: #EEEEEE
/* grey background for box texts: #FAFAFA
/* green for text on filters: #31B926
/* yellow for favorites: #FFFCDF
/* light blue for some links background: #DFF1FF;
/* pink for taken seats: #FFDFDF;

/* RESET STYLES - EricMeyer */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 15px; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* COMUNES */
.cleaner { clear: both; }
a.blue { color: #1E3C60; }
.last { border: none !important; }
.espacio { margin-left: 25px; }
.borderDown { padding-bottom: 5px; border-bottom: 1px solid white; }
.alter { background: #FAFAFA;  }
.hidden { display: none; }

/* SELECTORS */
body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000; }

/* STRUCTURE */
body#home #container { width: 820px; margin: 0px auto; }
body#search #container { width: 1005px; margin: 0px auto; }

/* HEADER HOME */
body#home #headerHome { padding-top: 20px; }
body#home .logo { width: 40%; float: left; }
body#home .userNav { width: 50%; float: right; text-align: right; font-size: 13px; }
body#home .userNav li { display: inline; border-right: 1px solid #1E3C60; padding: 0px 5px; }
body#home .userNav a { color: #003399; }
body#home .userNav a:hover { color: #EB6700; }

body#home .userNav div.linkage { margin: 10px 0px 0px 257px; width: 150px; }
body#home .userNav div.linkage p { float: left; font-weight: bold; padding: 2px 0px 0px; text-align: right; }
body#home .userNav div.linkage li { border: none !important; vertical-align: middle; padding: 10px 0px;}
body#home .userNav div.linkage li.bloglink { width: 40px; height: 40px; border: 1px solid red; background: url('/img/bloglinkage.png') no-repeat -2px -3px; }
body#home .userNav div.linkage li.bloglink a { width: 40px; height: 40px; text-decoration: none; }

body#home .userNav li.registrate a { background: #EB6700; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 5px; text-decoration: none; color: white; }
body#home .userNav li.registrate a:hover { color: black; }

/* HEADER INTERNALS */
#header { padding: 20px 0px; }
#header .logo { width: 200px; float: left; }
#header .logo img { padding-left: 10px; }
#header .tagline { width: 270px; float: left; }
#header .tagline h2 { color: #EB6700; font-size: 20px; padding: 40px 0px 0px 20px; }
#header .userNav { width: 490px; float: right; margin-right: 10px; }
#header .userNav ul { width: 100%; float: right; text-align: right; font-size: 12px; clear: both; margin-bottom: 15px;}
#header .userNav li { display: inline; border-right: 1px solid #1E3C60; padding: 0px 5px; }
#header .userNav a { color: #003399; }
#header .userNav a:hover { color: #EB6700; }

#header .userNav div.linkage { margin: 10px 3px 0px 335px; }
#header .userNav div.linkage p { float: left; font-weight: bold; padding: 2px 0px 0px; text-align: right; }
#header .userNav div.linkage ul { float: none; clear: none; }
#header .userNav div.linkage li { border: none !important; vertical-align: middle; padding: 10px 0px;}
#header .userNav div.linkage li.bloglink { width: 40px; height: 40px; border: 1px solid red; background: url('/img/bloglinkage.png') no-repeat -2px -3px; }
#header .userNav div.linkage li.bloglink a { width: 40px; height: 40px; text-decoration: none; }

#header .userNav li.registrate a { background: #EB6700; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 5px; text-decoration: none; color: white; }
#header .userNav li.registrate a:hover { color: black; }

#header .moresites { width: 100%; text-align: right; font-size: 16px; color: black; font-weight: bold; }
#header .moresites p { float: left; padding: 5px 0px 0px; text-align: right; width: 400px; /*170px;*/ }
#header .moresites div.orange-bar { float: right; text-align: center; background: #EB6700; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px; width: auto; color: white; font-weight: normal; font-size: 15px; }
#header .moresites div.orange-bar a { color: white; text-decoration: none; padding: 0px 5px; }
#header .moresites div.orange-bar a.disabled { color: #FFC18F; cursor: default; }

/*
#loadingGeneral img {float:left; margin-right: 10px; display: inline;}
*/
#loading_dimmer { background-color: black; filter: alpha(opacity=70); opacity: 0.7; width: 100%; height: 500px; position: absolute; top: 0px; left: 0px; z-index: 0;}
#loading_zoom_content {
background:white none repeat scroll 0 0;
border:2px solid gray;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
/*height:30px;*/
padding:15px;
width:350px;
}
#loading_zoom_content img {}
#loading_zoom_content span {font-size: 18px; font-weight: bold;}



/* HOME SEARCH */
/* home search tabs */
#mainSearch { margin: 40px 0px 0px; }
#mainSearch .tabs p { width: 120px; font-size: 20px; font-weight: bold; float: left; padding-bottom: 8px;}
#mainSearch .tabs ul { float: left; font-size: 18px; }
#mainSearch .tabs li { display: inline; margin-right: 20px; color: #c1c1c1; }
#mainSearch .tabs li.here { background: #EEEEEE; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; padding: 15px 15px 10px 15px; }
#mainSearch .tabs li a { color: #d1d1d1; text-decoration: none; font-size: 20px;}
#mainSearch .tabs li.here a { color: #EB6700; background: url(/img/bus-icon.png) no-repeat 0px 10px; padding: 15px 0px 10px 35px; font-weight: bold; }

/* home search bubble */
#mainSearch .searchbubble { background: #EEEEEE url(/img/bgsearchbox.png) no-repeat bottom; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 5px; }

/* home search form */
#mainSearch .searchbubble .searchbox { width: 345px; float: left; padding: 10px 0px 10px 25px; background: url(/img/border.png) no-repeat right 20px; }
#mainSearch .searchbubble span.checkboxhome { margin-right: 20px; }
#mainSearch .searchbubble p { padding: 10px 0px;  font-weight: bold; }
#mainSearch .searchbubble p label { float: left; width: 80px;}
#mainSearch .searchbubble p label.error { float: left; color: white; font-size: 11px; background: red; font-weight: normal; width: 290px; padding: 2px 4px; margin-bottom: 10px; }
#mainSearch .searchbubble p label.nofloat { float: none; cursor: pointer; }
#mainSearch .searchbubble p.calendar { width: 155px; float: left; /*background: url(/img/calendar-icon.png) no-repeat 115px 25px; */margin-bottom: 10px; cursor: pointer; }
#mainSearch .searchbubble p label.calendar { float: left; width: 200px; font-size: 11px; }
#mainSearch .searchbubble p span { font-size: 11px; color: #999; width: 220px; text-align: right; padding-left: 20px; margin-right: 15px; font-weight: normal; }
#mainSearch .searchbubble input.textField { width: 290px; }
#mainSearch .searchbubble input.calendarField { width: 105px; margin-right: 10px; background-color: #FFFFFF;}
#mainSearch .searchbubble span.pasajeros { font-size: 11px; float: none; color: black; font-weight: bold; padding-left: 5px; }
#mainSearch .searchbubble select { margin-top: 5px; }
#mainSearch .searchbubble .button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }

/* home search taglines */
#mainSearch .searchbubble .taglines { width: 410px; float: right; margin: 20px 20px 10px 0px; }
#mainSearch .searchbubble .taglines h1 { font-size: 24px; font-weight: bold; color: #EB6700; padding: 15px 0px 0px 0px;}
#mainSearch .searchbubble .taglines h1 span { padding-right: 20px; }
#mainSearch .searchbubble .taglines h2 { font-size: 14px; color: #666; font-weight: normal;  padding-top: 10px; margin-bottom: 30px; }
#mainSearch .searchbubble .taglines h3 { font-size: 18px; padding-bottom: 10px; }
#mainSearch .searchbubble .taglines ol { margin: 10px 0px 20px; }
#mainSearch .searchbubble .taglines li { padding: 7px 10px; font-size: 14px; color: #666; }
#mainSearch .searchbubble .taglines li span { background: url(/img/yellow-disc.png) no-repeat 1px 9px; padding: 15px 20px 15px 10px; font-weight: bold; color: black; }

/* HOME CONTENT */
#content { margin: 10px 0px 20px; }
.col1 { width: 200px; margin-bottom: 20px; float: right; position: relative; }
.col3 { width: 600px; margin-bottom: 20px; float: left; position: relative; }

/* home content travel guides */
.col3 h2 { font-size: 22px; padding: 30px 0px 5px 60px; border-bottom: 1px solid #ccc; }
.col3 h2 a { padding-left: 20px; color: #EB6700; font-size: 11px; }
.col3 .colcontent { width: 199px; float: left; margin-top: 30px; border-right: 1px solid #ccc; }
.col3 .colcontent dl { padding: 0px 10px 0px 10px; }
.col3 .colcontent dt { margin-bottom: 10px; }
.col3 .colcontent dt a { font-weight: bold; text-decoration: none; color: #1E3C60; font-size: 14px; }
.col3 .colcontent dd { padding-bottom: 10px; font-size: 11px; color: #999; }
.col3 .colcontent dd.image { float: left; margin: 0px 10px 0px 0px; padding: 0px; }
.col3 .colcontent dd.image img { border: 1px solid #ccc; padding: 2px; background: white; }
.col3 .colcontent dd a { font-size: 11px; color: #EB6700; }
.col3 div.section-image { position: absolute; top: 0px; left: 10px; }
.col3 p a { font-size: 11px; text-decoration: none; color: #1E3C60; }

/* home content blog */
.col1 h2 { font-size: 22px; padding: 30px 0px 5px 60px; border-bottom: 1px solid #ccc; }
.col1 h2 a { padding-left: 20px; color: #EB6700; font-size: 11px; }
.col1 .colcontent { width: 200px; float: left; margin-top: 30px; }
.col1 .colcontent dl { padding: 0px 10px 0px 10px; margin-bottom: 10px; }
.col1 .colcontent dt { margin-bottom: 0px; }
.col1 .colcontent dt a { font-weight: bold; text-decoration: none; color: #1E3C60; font-size: 14px; }
.col1 .colcontent dd { padding-bottom: 10px; font-size: 11px; color: #999;}
.col1 .colcontent dd a { font-size: 11px; color: #EB6700; }
.col1 div.section-image { position: absolute; top: 0px; left: -10px; }

/* home content links */
.col3 h3 { font-size: 18px; padding: 10px 0px 10px 10px; border-bottom: 1px solid #ccc; }
.col3 p { padding: 10px; line-height: 20px; }
.col3 p a { padding: 0px 2px; }

/* home content about */
.col1 h3 { font-size: 18px; padding: 10px 0px 10px 10px; border-bottom: 1px solid #ccc; }
.col1 div.imgAbout { width: 45px; float: left; margin: 10px 10px 10px 0px; }
.col1 div.imgAbout img { padding: 2px; background: white; border: 1px solid #ccc; }
.col1 dl.about { width: 140px; float: right; margin-top: 10px; }
.col1 dl dt { margin-bottom: 5px; }
.col1 dl dt a { font-size: 14px; color: #1E3C60; text-decoration: none; font-weight: bold; }
.col1 dl dd { font-size: 11px; }
.col1 dl dd a { padding-top: 5px; color: #EB6700; }

/* PAGE STRUCTURE */
.filterCol, .naviCol { width: 200px; margin: 0px 10px; float: left; }
.resultsCol { /*width: 600px;*/ width: 760px; margin: 0px 10px 0px 0px; float: left; }
.resultsCol .button {cursor: pointer;}
.adsCol { width: 170px; margin: 20px auto; }
.compraCol, .contentCol { width: 760px; margin: 0px 10px 0px 0px; float: left; }

/* --- FILTER + NAVIGATION COLUMN --- */

/* SEARCH RESULTS FORM */
/* search results search bubble */
#content .searchbubble { background: #EEEEEE url(/img/bgsearchbox.png) no-repeat bottom; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-top: 5px; }

/* search results search form */
#content .searchbubble .searchbox { padding: 10px 0px 10px 25px;}
#content .searchbubble span.checkboxhome { margin-right: 20px; }
#content .searchbubble p { width: 320px; padding: 10px 0px;  font-weight: bold; }
#content .searchbubble p label { float: left; width: 80px;}
#content .searchbubble p label.error { float: left; color: white; font-size: 11px; background: red; font-weight: normal; width: 290px; padding: 2px 4px; margin-bottom: 10px; }
#content .searchbubble p label.nofloat { float: none; cursor: pointer; }
#content .searchbubble p.calendar { width: 155px; float: left; /*background: url(/img/calendar-icon.png) no-repeat 115px 25px; */margin-bottom: 10px; cursor: pointer; }
#content .searchbubble p label.calendar { float: left; width: 200px; font-size: 11px; }
#content .searchbubble p span { font-size: 11px; color: #999; width: 220px; text-align: right; padding-left: 20px; margin-right: 15px; font-weight: normal; }
#content .searchbubble input.textField { width: 290px; }
#content .searchbubble input.calendarField { width: 105px; margin-right: 10px; background-color: #FFFFFF;}
#content .searchbubble span.pasajeros { font-size: 11px; float: none; color: black; font-weight: bold; padding-left: 5px; }
#content .searchbubble select { margin-top: 5px; }
#content .searchbubble .button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }

/* SEARCH RESULTS FILTER COLUMN */
.filterCol h2 { font-size: 18px; padding-bottom: 10px; }

/* search tools */
.filterCol .toolBox { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;}
.filterCol .toolBox ul { padding: 10px 0px; }
.filterCol .toolBox li { padding: 5px 0px 5px 30px; }
.filterCol .toolBox li a { color: #666; font-size: 11px; text-decoration: none;}
.filterCol .toolBox li a:hover { text-decoration: underline; color: #EB6700; }
.filterCol .toolBox li.research { background: url(/img/research-icon.png) no-repeat 10px 50%; }
.filterCol .toolBox li.savesearch { background: url(/img/savedsearch-icon.png) no-repeat 10px 50%; }
.filterCol .toolBox li.alerts { background: url(/img/alerts-icon.png) no-repeat 10px 50%; }

/* search filters */
.filterCol .filterBox { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #EEEEEE; margin-bottom: 10px; font-size: 11px; }
.filterCol .filterBox .filterTTL { padding: 10px 10px 5px; cursor: pointer;}
.filterCol .filterBox .filterTTL h3 { font-size: 14px; float: left; width: 170px; }
.filterCol .filterBox div.slider { padding: 10px; }

/* search price filter */
.filterCol .filterBox .priceFilter { font-size: 11px; color: #31B926; }
.filterCol .filterBox .priceFilter p { padding: 0px 10px; }
.filterCol .filterBox span.filtervalue { background: green; padding: 3px 4px 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; font-weight: bold; margin: 0px 10px; }

/* search time filter */
.filterCol .filterBox .timeFilter { font-size: 11px; color: #31B926; }
.filterCol .filterBox .timeFilter p { padding: 0px 5px 5px; }
.filterCol .filterBox .timeFilter p strong { color: black; }
.filterCol .filterBox .timeFilter span.filtervalue { background: green; padding: 3px 4px 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: white; font-weight: bold; margin: 0px 0px; }

#priceFilter, #timeFilter { width: 88%; margin: 0px 0px 10px 10px; padding: 5px 0px; z-index: 1; }
#priceFilter .filterTTL, #timeFilter .filterTTL { padding: 10px 0px 5px 10px; }

/* search service filter */
.filterCol .filterBox .serviceFilter p { padding: 0px 5px 5px; font-size: 12px; }
.filterCol .filterBox .serviceFilter p input { margin-right: 30px; }
.filterCol .filterBox .serviceFilter p.ejecutivoFilter { background: url(/img/ejecutivo-icon.png) no-repeat 28px 0px; }
.filterCol .filterBox .serviceFilter p.camaFilter { background: url(/img/cama-icon.png) no-repeat 28px 0px; }
.filterCol .filterBox .serviceFilter p.semicamaFilter { background: url(/img/semicama-icon.png) no-repeat 28px 0px; }
.filterCol .filterBox .serviceFilter p.comunFilter { background: url(/img/comun-icon.png) no-repeat 28px 0px; padding-bottom: 10px;}

/* search company filter */
.filterCol .filterBox .companyFilter p { padding: 0px 0px 5px 10px; }
.filterCol .filterBox .companyFilter p.company-tag { font-weight: bold; }
.filterCol .filterBox .companyFilter p a { color: black; font-weight: normal; }
.filterCol .filterBox .companyFilter p a:hover { color: #EB6700; }

/* search pagination */
#pagination {float: right;}
#pagination p {float: left; margin: 5px 5px;}
#pagination .pagination-page, .pagination-prev, .pagination-next {cursor: pointer;}
#pagination .pagination-page  {}
#pagination .pagination-page:hover, .pagination-prev:hover, .pagination-next:hover {color: #EB6700;}
#pagination .pagination-current {font-weight: bold;}
#pagination  .pagination-disabled {color: gray;}

#pagination-description {float: left;}
#pagination-description p {margin: 5px 0;}

/* NAVIGATION COL */
.naviCol h2 { font-size: 18px; padding-bottom: 10px; }

/* search tools */
.naviCol .toolBox { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px;}
.naviCol .toolBox ul { padding: 10px 0px; }
.naviCol .toolBox li { padding: 5px 0px 5px 30px; background: url(/img/nav-icon.png) no-repeat 10px 50%; }
.naviCol .toolBox li.here { padding: 5px 0px 5px 30px; background: url(/img/here-nav-icon.png) no-repeat 10px 50%; }
.naviCol .toolBox li.here a { color: #EB6700; font-size: 12px; text-decoration: none; font-weight: bold;}
.naviCol .toolBox li a { color: #666; font-size: 11px; text-decoration: none;}
.naviCol .toolBox li a:hover { text-decoration: underline; color: #EB6700; }

/* -- MAIN CONTENT COLUMN -- */

/* SEARCH RESULTS MAIN COLUMN */
.resultsCol .search-info { margin-bottom: 20px; }
.resultsCol .search-info h1 { font-size: 20px; }
.resultsCol .search-info h1 span { font-size: 16px; }
.resultsCol .search-info p { font-size: 11px; }
.resultsCol .search-info p a { font-weight: bold; }
.resultsCol .search-info p a:hover { color: #EB6700; }

/* search results table */
.resultsCol table { font-size: 12px; width: 100%; margin-top: 10px; }

.resultsCol table tr.trtools { background: #EEEEEE; border-bottom: 1px solid #515151;}
.resultsCol table tr.trdata { height: 70px; background: white; }

.resultsCol table th { padding: 5px 0px; background: #EEEEEE; }
.resultsCol table th a { color: black; }
.resultsCol table th.precio { width: 15%; background: #EEE url(/img/top-corner-resultL.png) no-repeat top left; }
.resultsCol table th.empresa { width: 15%; }
.resultsCol table th.salida { width: 40%; }
.resultsCol table th.duracion { width: 10%; }
.resultsCol table th.tipo { width: 10%; }
.resultsCol table th.lugares { width: 10%; background: #EEE url(/img/top-corner-resultR.png) no-repeat top right; }

.resultsCol table td { padding: 5px 10px; border-right: 1px solid #ccc; }
.resultsCol table td.precio { color: green; font-size: 25px; text-align: center; vertical-align: middle; font-weight: bold; }
.resultsCol table td.precio small { font-size: 11px; color: #999; font-weight: normal; }
.resultsCol table td.empresa { vertical-align: middle; font-size: 11px; text-align: center; }
.resultsCol table td.empresa img { border: 1px solid #ccc; }
.resultsCol table td.salida { font-size: 11px; vertical-align: middle; line-height: 11px; }
.resultsCol table td.salida div.salidas { background: url(/img/salida.png) no-repeat 45% 30%; padding-bottom: 5px; }
.resultsCol table td.salida div.llegadas { background: url(/img/salida.png) no-repeat 45% 30%; padding-bottom: 5px; }
.resultsCol table td.salida div.salidas span, .resultsCol table td.salida div.llegadas span { font-size: 10px; color: #999; }
.resultsCol table td.salida div.salida-a { width: 50%; float: left; }
.resultsCol table td.salida div.llegada-a { width: 50%; float: left; }
.resultsCol table td.salida div.salida-b { width: 50%; float: left; }
.resultsCol table td.salida div.llegada-b { width: 50%; float: left; }
.resultsCol table td.duracion { text-align: center; vertical-align: middle; }
.resultsCol table td.tipo { text-align: center; vertical-align: middle; }
.resultsCol table td.lugares { text-align: center; vertical-align: middle; }

.resultsCol table td.tools, .resultsCol table td.seat { font-size: 11px; color: #999; }
.resultsCol table td.tools a, .resultsCol table td.seat a { color: #999; text-decoration: none; }
.resultsCol table td.tools a:hover, .resultsCol table td.seat a:hover { color: #EB6700; text-decoration: none; }

#choose { border: 3px solid #ccc; border-top: none; padding: 20px; position: relative; }
#choose .pickSeatClose { position: absolute; top: 20px; right: 20px; }
#choose .pickSeatConfirm { position: absolute; top: 20px; right: 90px; }
#choose .seatselectiontext { position: absolute; top: 60px; right: 20px; width: 200px; background: #fafafa; border: 1px solid #ccc; }
#choose .seatselectiontext p { padding: 10px 5px; }
#choose .seatselectiontext p span.redseat { width: 10px; height: 10px; background: #FFDFDF; display: block; float: left;  margin-right: 10px; }
#choose .seatselectiontext p span.greenseat { width: 10px; height: 10px; background: #008000;  display: block; float: left;  margin-right: 10px; }
#choose .seatselectiontext p span.whiteseat { width: 10px; height: 10px; border: 1px solid #ccc;  display: block; float: left; margin-right: 10px; background: white; }

.resultsCol .comprar, .resultsCol .comprar:hover {background:transparent url(/img/btn-choose2.png) no-repeat scroll 0 0;
border:medium none;
color:white;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:4px 0px;
width:126px;
display:block;
text-decoration:none;
text-align:center;}
a.cerrar, a.cerrar:hover {background:transparent url(/img/btn-cerrar.png) no-repeat scroll 0 0;
border:medium none;
color:white;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:4px 0px;
width:60px;
display:block;
text-align:center;
text-decoration:none;}
a.chooseSeat, a.chooseSeat:hover {background:transparent url(/img/btn-choose3.png) no-repeat scroll 0 0;
border:medium none;
color:white;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:4px 0px;
width:60px;
text-decoration:none;
display:block;
margin-top:3px;
text-align:center;}


/* search results favorites */
.resultsCol .favorites h2 { color: #EB6700; font-size: 18px; }
/*.resultsCol .favorites table td { background: #FFFCDF; }*/

/* MORE INFO */
p.printMore, p.moreInfo, p.addToFavs, p.delFromFavs, p.closePrint { cursor: pointer; }
p.printMore, p.moreInfo { float: left; margin-right:5px;}
p.addToFavs, p.delFromFavs { float: right; text-align: right; padding: 0px 10px 0px 0px; }
tr.moreinfo { position: relative; }
.moreInfoClose { position: absolute; top: 20px; right: 20px; }

/* search results filters */
.resultsCol .filtersApplied { margin: 20px 0px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.resultsCol .filtersApplied h2 { font-size: 18px; padding: 10px; }
.resultsCol .filtersApplied p { padding: 0px 10px 10px;}
.resultsCol .filtersApplied p span { margin-right: 2px; padding: 2px 4px; background: #FFFCDF; border: 1px solid orange; font-size: 11px; }
.resultsCol .filtersApplied p span a { color: black; text-decoration: none; }

/* search results ads */
.resultsCol .ads-a { margin: 10px 0px; text-align: center; }

/* PAGINATION SEARCH */
#pagination { width: 100%; text-align: center; }
#pagination .pagination-more { font-size: 18px; padding: 5px 20px; margin: 20px auto; width: auto; }
#pagination .pagination-loading { font-size: 18px; padding: 5px 20px; margin: 20px auto; width: auto; }

/* compra col */
.compraCol .compraTTL h1 { font-size: 26px; width: 300px; float: left; }
.compraCol .compraTTL .steps { width: 400px; float: right; text-align: right; font-size: 26px; font-weight: bold; color: #999; }
.compraCol .compraTTL .steps li { display: inline; margin: 0px 0px 0px 0px; padding: 8px 15px; }
.compraCol .compraTTL .steps li.here { background: url(/img/yellowdisc.png) no-repeat 0px 0px; color: black; }

.compraCol .compraTTLError { background: #FBE3E4; border: 2px solid #FBC2C4; color:#8A1F11; }
.compraCol .compraTTLError h1 { font-size: 18px; padding: 10px 10px 0px; }
.compraCol .compraTTLError p { padding: 10px; }

.compraCol .compraData { margin: 20px 0px; position: relative; }
.compraCol .compraData h2 { font-size: 18px; border-bottom: 1px solid #ccc; margin-bottom: 1px; padding-bottom: 5px; }
.compraCol .compraDataBox { background: #FAFAFA; border-bottom: 1px solid #ccc; }
.compraCol .compraDataBox h3 { font-size: 16px; color: #1E3C60; padding: 10px 10px 0px; }
.compraCol .compraDataBox p { padding: 5px 10px; font-size: 11px; color: #666; }
.compraCol .compraDataBox p strong { color: black; }
.compraCol .compraDataBox p.date { padding: 3px 0px 10px 15px; color: black; font-weight: bold; font-size: 13px; }
.compraCol .compraDataBox .pasajeroInfoLeft { width: 49%; float: left; position: relative; }
.compraCol .compraDataBox .pasajeroInfoRight { width: 49%; float: right; position: relative; }
.compraCol .compraDataBox .compraEdit { position: absolute; top: 0px; right: 10px; }
.compraCol .compraData .compraPrice { position: absolute; top: 40px; right: 10px; font-weight: bold; color: green; font-size: 28px; }

.compraCol .stepBox h1 { background: url(/img/yellowdisc.png) no-repeat 0px 0px; font-size: 26px; padding: 15px 15px; }
.compraCol .stepBox h1 span { padding-right: 30px; }
.compraCol .stepBox p.step-desc { padding: 0px 0px 20px 60px; }

.compraCol .step1 .new-user { width: 45%; float: left; border-right: 1px dashed #ccc;  padding-right: 30px; }
.compraCol .step1 .new-user h2 { font-size: 16px; padding: 20px 0px 0px; }
.compraCol .step1 .new-user p { padding: 5px 0px 30px; }
.compraCol .step1 .new-user p input.button { border: none; color: white; padding: 5px 20px 10px 8px; font-weight: normal; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; }
.compraCol .step1 .user { width: 45%; float: right; }
.compraCol .step1 .user h2 { font-size: 16px; padding: 20px 0px 0px; }
.compraCol .step1 .user p { padding: 5px 0px 30px; }
.compraCol .step1 .user form p { padding: 5px 0px; }
.compraCol .step1 .user form p label { width: 100px; float: left; }
.compraCol .step1 .user form p label.error { float: none; color: red; font-weight: normal; }
.compraCol .step1 .user form input.button { border: none; color: white; padding: 5px 20px 10px 8px; font-weight: normal; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; margin-left: 100px; }

.compraCol .step2 .pasajero h2 { font-size: 16px; color: #EB6700; padding: 20px 0px 20px; }
.compraCol .step2 .pasajero h2.terms { font-size: 16px; color: #EB6700; padding: 20px 0px 0px; }
.compraCol .step2 .pasajero form { padding-bottom: 20px; font-size: 11px; }
.compraCol .step2 .pasajero form .pasajero-left { width: 49%; float: left; }
.compraCol .step2 .pasajero form .pasajero-right { width: 49%; float: right; }
.compraCol .step2 .pasajero form p { padding: 5px 0px; }
.compraCol .step2 .pasajero form p.checkbox input { width: auto; }
.compraCol .step2 .pasajero form label { float: left; width: 100px; text-align: right; margin-right: 10px; }
.compraCol .step2 .pasajero form label.error { float: right; width: 100%; background: red; color: white; font-size: 11px; font-weight: normal; text-align: left; margin: 10px 0px; padding: 2px 4px;}
.compraCol .step2 .pasajero form input.textField { width: 250px; }
.compraCol .step2 .pasajero form select { width: 250px; }
.compraCol .step2 .pasajero form input.limit { width: 190px; margin-left: 10px; }
.compraCol .step2 .pasajero form select.limit { width: 50px; }
.compraCol .step2 .pasajero form input.button { border: none; color: white; padding: 5px 20px 10px 8px; font-weight: normal; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; margin-top: 20px; }

.compraCol .step3 .payment h2 { font-size: 16px; color: #EB6700; padding: 20px 0px 20px; }
.compraCol .step3 .payment p { padding: 5px 0px; }
.compraCol .step3 .payment label { width: 220px; float: left; }
.compraCol .step3 .payment label.error { width: 100%; background: red; color: white; font-size: 11px; font-weight: normal; text-align: left; margin: 10px 0px; padding: 2px 4px;}
.compraCol .step3 .payment select { width: 120px;  }
.compraCol .step3 .payment table { margin-bottom: 30px; }
.compraCol .step3 .payment table tr { border-bottom: 1px dotted #ccc; }
.compraCol .step3 .payment table td.detalle { width: 300px; padding:10px 5px; }
.compraCol .step3 .payment table td.importe { width: 300px; padding: 10px 5px; color: #EB6700; text-align: right; }
.compraCol .step3 .payment table tr.total { background: #FFFCDF; }
.compraCol .step3 .payment table td.detalle-total { width: 300px; padding: 10px; font-weight: bold; font-size: 16px; }
.compraCol .step3 .payment table td.detalle-total span { font-weight: normal; font-size: 11px; }
.compraCol .step3 .payment table td.importe-total { width: 300px; padding: 10px; color: #31B926; text-align: right;  font-weight: bold; font-size: 22px; vertical-align: middle;}
.compraCol .step3 .payment input.button { width: 107px; border: none; color: white; padding: 5px 0 8px 0; font-weight: normal; font-size: 18px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; }
.compraCol .step4 input.button { border: none; color: white; padding: 5px 20px 10px 8px; font-weight: normal; font-size: 18px; background: url(/img/btn-imprimir.png) no-repeat; cursor: pointer; }

/*
#content .error { color: #ff0000;}
#content .compraCol .error { background-color: #ff0000;; color: #ffffff;}
*/
.message { margin: 10px auto; width: 500px; padding:15px; background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; padding: .8em; margin-bottom: 1em; border: 2px solid #FBC2C4;}


/* content column */
.contentCol .sectionContent h1 { font-size: 26px; color: #1E3C60; padding: 0px 0px 20px 0px; }
.contentCol .sectionContent .mainSectionContent img { padding: 0px 5px 5px 0px; background: #f3f3f3 5px 5px; margin: 10px; }
.contentCol .sectionContent .mainSectionContent h2 { color: #EB6700; font-size: 18px; padding: 10px 0px;}
.contentCol .sectionContent .mainSectionContent p { padding: 5px 0px; }

/* guide list */
.travelGuideItem { margin: 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #ccc; }
.travelGuideItem dt { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.travelGuideItem dt a { color: #1E3C60; text-decoration: none; }
.travelGuideItem dt a:hover { color: #EB6700; }

/* PAGINADO */

.paging { float: right; padding: 6px 0px 6px 0px; }
.paging a:link, .paging a:active, .paging a:visited { color: #999; padding: 5px 10px; border: 1px solid #d1d1d1; background-color: #f3f3f3; text-decoration: none; font-weight: bold;}
.paging a:hover { color: #fff; font-weight: bold;  background-color: #515151; padding: 5px 10px; border: 1px solid #515151; color: #E53C44;}
.paging em { color: #fff; font-weight: bold;  background-color: #515151; padding: 5px 10px; border: 1px solid #515151; color: #E53C44; font-style: normal;}

/* guide author */
.contentCol .autorContent { margin: 20px 0px; background: #FAFAFA; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; }
.contentCol .autorContent .autorIMG { float: left; width: 60px;  }
.contentCol .autorContent .autorName { width: 160px; float: left; padding-right: 10px; margin: 10px 10px 0px 0px; border-right: 1px solid #ccc; }
.contentCol .autorContent .autorName dl dt { font-size: 20px; font-weight: bold; color: #1E3C60; padding-bottom: 5px;}
.contentCol .autorContent .autorName dl dd.autorTTL { font-size: 12px; color: #515151; padding-bottom: 5px; font-weight: bold;}
.contentCol .autorContent .autorName dl dd.autoremail { font-size: 11px; color: #999; }
.contentCol .autorContent .autorCV { width: 280px; float: left; font-size: 11px; color: #515151; padding: 0px 10px 0px; margin: 10px 10px 0px 0px; border-right: 1px solid #ccc; }
.contentCol .autorContent .autor-pdf { width: 190px; float: right; }
.contentCol .autorContent .autor-pdf img { float: right; margin: 10px 0px 0px 10px; width: 50px; }
.contentCol .autorContent .autor-pdf p { float: left; margin: 10px 0px; font-size: 16px; color: #1E3C60; font-weight: bold; }
.contentCol .autorContent .autor-pdf p span { font-size: 12px; color: #999;  }

/* FOOTER */
#footer { margin-top: 30px; border-top: 1px solid #ccc; color: #ccc; padding: 10px 0px 20px;}
#footer p { padding-bottom: 10px; }
#footer a { font-size: 11px; color: #1E3C60; }

/* REGISTER PAGE */
#content .singleContent .leftCol { width: 58%; float: left; margin: 20px 0px 20px 10px; }
#content .singleContent .leftCol h1 { font-size: 22px; color: #1E3C60; padding-bottom: 10px;}
#content .singleContent .leftCol form { padding-top: 20px; }
#content .singleContent .leftCol form p { padding: 5px 0px; }
#content .singleContent .leftCol form p label { width: 120px; float: left; font-size: 14px;}
#content .singleContent .leftCol form input.textField { width: 300px; padding: 2px; }
#content .singleContent .leftCol form input.button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 16px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }
#content .singleContent .leftCol form input#newsletter { margin-right: 10px; }
#content .singleContent .leftCol form span.reallysmall { display: block; font-size: 11px; color: #666; margin-left: 120px;}
#content .singleContent .leftCol form span.disclaimer { display: block; font-size: 11px; color: #666; margin: 10px 0px 0px 120px; }
#content .singleContent .leftCol form span.forgot { font-size: 11px; color: #666; padding-left: 10px; }
#content .singleContent .rightCol { width: 35%; float: right; margin: 20px 0px 20px 10px; border-left: 1px solid #ccc;  padding-left: 20px; }
#content .singleContent .rightCol h2 { font-size: 18px; color: #1E3C60; padding-bottom: 10px; }
#content .singleContent .rightCol p { padding: 0px 0px 5px; }
#content .singleContent .rightCol .alredyregistered { padding: 5px; background: #fafafa; border: 2px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin: 1px auto; text-align: center; }
#content .singleContent .rightCol .alredyregistered h3 { padding-top: 5px; }
#content .singleContent .rightCol .alredyregistered h2 { padding-top: 5px; }
#content .singleContent .rightCol .alredyregistered p label { text-align: right; }
#content .singleContent .rightCol .alredyregistered p.submit input { margin-left: 75px; }

#content .singleContent .rightCol h3 { font-size: 18px; padding: 3px 6px; color: #EB6700; }
#content .singleContent form { padding-top: 20px; }
#content .singleContent .rightCol .alredyregistered form#UserAddForm { padding-top: 0px !important; }
#content .singleContent .rightCol form p { padding: 5px 0px; }
#content .singleContent .rightCol form p label { width: 120px; float: left; font-size: 14px;}
#content .singleContent .rightCol form input.textField { width: 200px; padding: 2px; }
#content .singleContent .rightCol form input.button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 16px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }
.sectionContent p.bajada { font-size: 14px; }
.sectionContent h2 { font-size: 20px; color: #EB6700; margin-top: 30px; }
.sectionContent .compraData { position: relative; padding-top: 10px; }
.sectionContent .compraData h2 { font-size: 18px; border-bottom: 1px solid #ccc; margin-bottom: 1px; padding-bottom: 5px; }
.sectionContent .compraDataBox { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.sectionContent .compraDataBox h3 { font-size: 16px; color: #1E3C60; padding: 10px 10px 0px; }
.sectionContent .compraDataBox h3 span { font-size: 16px; color: #31B926; }
.sectionContent .compraDataBox p { padding: 5px 10px; font-size: 11px; color: #666; }
.sectionContent .compraDataBox p strong { color: black; }
.sectionContent .compraDataBox p.date { padding: 3px 0px 10px 15px; color: black; font-weight: bold; font-size: 13px; }
.sectionContent .compraDataBox .pasajeroInfoLeft { width: 49%; float: left; position: relative; }
.sectionContent .compraDataBox .pasajeroInfoRight { width: 49%; float: right; position: relative; }
.sectionContent .compraDataBox .compraEdit { position: absolute; top: 0px; right: 10px; }
.sectionContent .compraData .compraButtons { position: absolute; top: 40px; right: 10px; font-weight: bold; color: green; font-size: 28px; }
.sectionContent .compraData .compraButtons p { padding-bottom: 20px; background: url(/img/btn-dashboard.png) no-repeat; width: 130px; text-align: center; }
.sectionContent .compraData .compraButtons p a { padding: 3px 6px; font-size: 12px; text-transform: uppercase; color: white; text-decoration: none; font-weight: bold;}
#UserAddForm .error-message {color: red;}

/* USER ACCOUNT */
.sectionContent .userProfile h2 { padding-bottom: 10px; }
.sectionContent .userProfile p { padding: 5px 0px; }
.sectionContent .userProfile strong { padding: 0px 10px; }
.sectionContent .userProfile a { color: #1E3C60; text-decoration: none; font-size: 11px; padding: 2px 4px; background: #DFF1FF; }
.sectionContent .userProfile a:hover { color: #EB6700; }
.sectionContent .userProfile ul li { padding: 5px 0px; }

/* MODAL */
#dimmer { background-color: black; filter: alpha(opacity=70); opacity: 0.7; width: 100%; height: 500px; position: absolute; top: 0px; left: 0px; z-index: 3;}
#zoom_indicator { width: 24px; height: 24px; background: url(../img/indicator.gif) no-repeat; margin: 0 auto;}

#opinaModal { display: none; z-index: 5; }
#zoom_content h2 { color: #EB6700; font-size: 16px; padding: 0px 0px 0px 0px; }
#zoom_content form { margin-top: 20px; }
#zoom_content form p { padding: 5px 0px 5px; }
#zoom_content form p label { width: 80px; float: left; }
#zoom_content form p input.textField { width: 240px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 2px;}
#zoom_content form p textarea { width: 240px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 2px;}
#zoom_content form p input.button { border: none; color: white; padding: 5px 20px 10px 20px; font-weight: bold; font-size: 16px; background: url(/img/button-search-home.png) no-repeat; cursor: pointer; width: 110px; }

/* TOOLTIP */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }

/* SEATS SELECTION */
.seats { margin: 10px 0px; }
.seats h4 { color: #1E3C60; font-size: 14px; font-weight: bold; padding-bottom: 10px;  }
.seats p { color: #EB6700; font-weight: bold; }
.seats-selection { width: 200px; float: left; margin-right: 20px;  }
.seats-selection table td { padding: 0px !important; margin: 0px !important; text-align: center; border: 1px solid #ccc; font-size: 11px; color: #515151; vertical-align: middle; cursor: pointer; width: 40px !important; height: 20px !important; }
.seats-selection table td:hover { background: #FFFCDF; }
.seats-selection table td.unavailable { background: #FFDFDF; cursor: default;}
.seats-selection table td.notseat { background: #f4f4f4; cursor: default;}
.seats-selection table td.tv { background: #f4f4f4; font-size: 11px; color: #999; }
.seats-selection table td.wc { background: #f4f4f4; font-size: 11px; color: #999; }
.seats-selection table td.pickedSeat { background: green; }

/* SAVED SEARCHS */
#savedsearch { width: 760px; }
#savedsearch th.salida { width: 250px; }
#savedsearch th.llegada { width: 250px; }
#savedsearch th.duracion { width: 50px; }
#savedsearch th.tools { width: 80px; }
#savedsearch th { background: #f4f4f4; font-weight: bold; text-align: left; font-size: 14px; padding: 5px; }
#savedsearch th a { color: black; text-decoration: none; }
#savedsearch td { padding: 5px; border-bottom: 1px solid #ccc; }

.logosTar  {padding-top:20px; float: right;}
.logosTar p {float:left; margin:0px 10px 0px 0px;}