/* CSS Document */
body {
    background: #87CFF7 url(/img/bg.gif) repeat-x;
    margin: 0;
    padding: 0;
    color: #000000;
    font: 82% Arial, Helvetica, sans-serif;
    min-width: 760px;
    font-size: 12px;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, form, fieldset {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 1.5em 0;
}

a:link, a:active, a:visited {
    color: #BF0505;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    color: #304596;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

#content table {
    margin: 15px 0 !important;
}

#wrap {
    margin: 0 auto;
    width: 736px;
    background: url(/img/mainbg.gif) repeat-y;
    border: 1px solid #233886;
    border-top: 0px;
}

#main {
}

.cleaner {
    clear: both;
}

/*########################
 
 HEADER
 
 ########################*/
#header {
}

#header .topmenu {
    background: url(/img/topmenubg.gif) repeat-x;
    height: 30px;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

#header .topmenu a:link, .topmenu a:active, .topmenu a:visited {
    color: #FFFFFF;
}

#header .tools {
    float: left;
    padding: 10px 5px 0px 5px;
}

#header .languages {
    float: right;
    padding: 10px 5px 0px 0px;
}

#header .languages ul {
    margin: 0;
    padding: 0;
}

#header .languages ul li {
    padding: 5px 10px 5px 20px;
    list-style: none;
    display: inline;
}

#header .languages .sp {
    background: url(/img/spanish.gif) no-repeat 0 6px;
}

#header .languages .en {
    background: url(/img/english.gif) no-repeat 0 6px;
}

#header .languages .fr {
    background: url(/img/fr.gif) no-repeat 0 6px;
}

#header .languages .de {
    background: url(/img/de.gif) no-repeat 0 6px;
}

#header .collage {
}

/*########################
 
 LEFT SIDE BAR
 
 ########################*/
#left-sidebar {
    float: left;
    width: 137px;
    background: url(/img/leftsidebartop.gif) no-repeat top;
    padding-left: 15px;
    padding-top: 25px;
    padding-right: 3px;
    padding-bottom: 10px;
}
* html #left-sidebar {
    height: 1%;
}

#main_menu h2 {
    padding: 0px 5px 5px 18px;
    list-style: none;
    background: url(/img/flag.gif) no-repeat 0 0px;
    font-size: 12px;
    min-height: 14px;
    color: #006399;
    border-bottom: 1px solid #08460C;
    margin-bottom: 5px;
}

#main_menu h2 a:link, #main_menu h2 a:active, #main_menu h2 a:visited {
    color: #006399;
    text-decoration: none;
    font-weight: bold;
}

#main_menu h2 a:hover {
    background: none;
}

#main_menu a:link, #main_menu a:active, #main_menu a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#main_menu a:hover {
    background: #FFDC4C;
    display: block;
}

#main_menu ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-bottom: 15px;
}

#main_menu li {
    padding: 5px 0px 3px 13px;
    list-style: none;
    background: url(/img/menubullet.gif) no-repeat 0 7px;
    font-size: 11px; /*border-bottom:1px solid #08460C;*/
    margin-right: 5px;
}

/*########################
 
 MAIN CONTENT PART
 
 ########################*/
#right-sidebar {
    float: left;
    width: 580px;
}
* html #right-sidebar {
    height: 1%;
}

/* Subscribe form */
#subscribeForm {
    background: #87cff7 url(/img/subscribebg.gif) repeat-x top;
    border: 1px solid #1f84bc;
    text-align: center;
    padding: 5px;
	margin-bottom:10px;
}

#subscribeForm h2 {
    display: block;
	font-size:12px;
	text-transform:uppercase;
    padding: 5px 0;
	margin-bottom:5px;
    background: #ffa200 url(/img/subscribeh2.gif) repeat-x top;
    color: #a61414;
}

#subscribeForm form {
	}
	#subscribeForm a {
		color:#31586e;
		text-decoration:underline;
	}

#subscribeForm form input {
    margin: 0 0 5px 0;
}
#subscribeForm form input.email,#subscribeForm form input.name {
    width: 120px;
    border: none;
    padding: 4px 3px 4px 3px;
    background: url(/img/subscribeinput.gif) repeat-x top;
    margin: 0 0 8px 0;
}
#subscribeForm form input.submit {
    background: url(/img/subscribeh2bg.gif) repeat-x top;
    color: #fff;
    border: 1px solid #0662a2;
    padding: 4px;
    cursor: pointer;
	margin-bottom:5px;
}
#subscribeForm div.note {
    font-size:11px;
	line-height:1em;
	text-align:left;
	padding:0 5px;
	margin:0 0 8px 0;
}

#subscribeForm div.terms {
    height: 100px;
    overflow: auto;
	margin:0 0 0 0;
    background: #e0f4ff;    
    right: 99px;
    display: none;
}

#subscribeForm div.err {
	font-size:10px;	
	color:#ff0000;
	font-weight:normal;
	background:#ffdbdb;
	border:1px solid #eb8181;
	padding:5px 0;
	margin-bottom:7px;
	line-height:0.75em;
	-moz-border-radius: 3px;	
    border-radius: 3px;	
}

#subscribeForm div.label {
    font-weight: bold;
	font-size:11px;
    padding: 0 0 5px 0;
}
#subscribeForm, #subscribeForm form input, #subscribeForm h2 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#content-topbar {
    background: #3B51A3 url(/img/addressbarbg.gif) repeat-x top;
    width: 561px;
    padding: 10px;
    border-bottom: 1px solid #233886;
}

#content-topbar h1 {
    color: #E5CD00;
    font-size: 16px;
}

#content-topbar .addressbar {
    color: #FFFFFF;
    font-size: 10px;
    padding-top: 5px
}

#content-topbar .addressbar a {
	background: url(/img/adressbullet.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 0 7px 0 0;
}

#content-topbar .addressbar a:link, .addressbar a:active, .addressbar a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#content-topbar .addressbar a:hover {
    text-decoration: underline;
}

#tabs {
    background: url(/img/tabsbg.gif) no-repeat;
    height: 33px;
    width: 577px;
    padding-left: 4px;
}

#tabs .active-left {
    float: left;
    background: url(/img/activetableft.gif) no-repeat;
    width: 9px;
    height: 33px;
}

#tabs .active-center {
    background: url(/img/activetabbg.gif) repeat-x;
    height: 20px;
    float: left;
    padding-top: 13px;
    font-size: 11px;
    font-weight: bold;
    color: #BF0505;
}

#tabs .active-center a:link, .active-center a:active, .active-center a:visited {
    color: #BF0505;
    text-decoration: none;
}

#tabs .active-right {
    float: left;
    background: url(/img/activetabright.gif) no-repeat;
    width: 9px;
    height: 33px;
    margin-right: 3px;
}

#tabs .left {
    float: left;
    background: url(/img/tableft.gif) no-repeat;
    width: 9px;
    height: 33px;
}

#tabs .center {
    background: url(/img/tabbg.gif) repeat-x;
    height: 20px;
    float: left;
    padding-top: 13px;
    font-size: 11px;
    font-weight: bold;
    color: #BF0505;
}

#tabs .center a:link, .center a:active, .center a:visited {
    color: #233886;
    text-decoration: none;
}

#tabs .right {
    float: left;
    background: url(/img/tabright.gif) no-repeat;
    width: 9px;
    height: 33px;
    margin-right: 3px;
}

/*--Content--*/
#content-container {
    width: 551px;
    margin: 0 auto;
}

#content {
    float: left;
    width: 398px;
    padding: 10px 10px 0px 0px;
    text-align: justify;
}

#content-dinamico {
    float: left;
    width: 398px;
    padding: 10px 10px 0px 0px;
    text-align: justify;
}

#content h2 {
    color: #1F3175;
    font-size: 12px;
    background: url(/img/h2bg.gif) no-repeat left;
    height: 16px;
    margin-bottom: 10px;
}
* html #content {
    height: 1%;
}

#content ul li {
    padding: 0px 0px 0px 13px;
    list-style: none;
    background: url(/img/bullet.gif) no-repeat 0 5px;
}

/* Right sidebar */
.rsidebar {
    float: right;
    width: 143px;
	padding:10px 0 0 0;
	overflow:hidden;
}

/*--ads bar--*/
#ads {
    float: right;	
    width: 143px;
    padding: 10px 0 0 0;	
    font-size: 10px;
    text-align: center;
}
* html #ads {
    height: 1%;
}

#ads .top {
    background: url(/img/adstop.gif) repeat-y;
    width: 143px;
    height: 18px;
}

#ads .midle {
    background: #FFE475 url(/img/adsbg.gif) repeat-y;
    width: 133px;
    padding: 5px;
}

#ads .bottom {
    background: url(/img/adsbottom.gif) repeat-y;
    width: 143px;
    height: 18px;
}

/*########################
 
 FOOTER
 
 ########################*/
#footer {
    clear: both;
    height: 47px;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 0px 12px 0px;
    background: #3A50A1;
    border-top: 2px solid #233886;
}

#footer a:link, #footer a:active, #footer a:visited {
    color: #FFCC00;
}

.ads {
    margin-botton: 10px;
}

/* Text chamber of commerce - footer */
#sponsored {
    text-align: center;
    font-size: 9px;
    color: #333333;
    letter-spacing: 1px;
}

/*########################
 
 TABLAS
 
 ########################*/
.tabla {
    background-color: #FFFFCC;
    border-right-width: thin;
    border-bottom-width: 1px;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #233886;
    border-right-color: #233886;
    border-bottom-color: #233886;
    border-left-color: #233886;
    border-top-width: thin;
}

#tabla .menu {
    border-top-width: 2px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #FFCE07;
    border-right-color: #233886;
    border-bottom-color: #FFCE07;
    border-left-color: #FFCE07;
    border-right-width: 2px;
}

#tabla .font {
    color: #FFFFFF;
    font-weight: bold;
}

.raya {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #233886;
    border-right-color: #233886;
    border-bottom-color: #233886;
    border-left-color: #233886;
}

/* Text chamber of commerce - footer */
#sponsored {
    text-align: center;
    font-size: 9px
}

/*--Photo tour style--*/
#photos {
    width: 398px;
    margin: 0 auto;
    text-align: left;
}

#photos img {
    padding: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
}

#showcase {
    width: 358px;
    margin: 0;
    padding: 0 20px;
}

#showcase img {
    padding: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    margin-top: 10px;
}

#showcase div {
    text-align: center;
    width: 160px;
}

#showcase a {
    font-size: 1.1em;
    font-weight: bold;
}

#showcase a:hover {
    text-decoration: none;
}

/*######### FORMS #########*/
#switch-tools {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#xform {
    width: 100%;
}

#xform ol {
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
    width: 100%;
}

#xform li {
    list-style: none;
    padding: 5px;
    margin: 0px;
    clear: both;
    background: none !important;
}

#xform ul {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background: #D3E1FC;
}

#xform ul li {
    list-style: none;
    padding: 5px;
    margin: 0px;
    clear: both;
    background: none !important;
}

#xform .label {
    float: left;
    width: 150px;
    text-align: left;
    display: inline-block;
    color: #333333;
    font-weight: bold;
    padding-right: 5px;
}

#xform .label-fail {
    float: left;
    width: 150px;
    text-align: left;
    display: inline-block;
    color: red;
    font-weight: bold;
}

#xform .field { /*float:left;*/
}

#xform .note {
    font-size: 11px;
}

#xform strong {
    color: #FF0000;
    font-size: 14px;
}

#xform h3 {
    color: #34488F;
}

#xform .input {
    width: 185px;
    border: solid 1px #7696B3;
}

#xform .paises {
    width: 190px;
    font-size: 12px;
}

#xform select {
    border: solid 1px #7696B3;
}

#xform ol {
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
    background: url(/img/forms-bg.gif) repeat-x top;
}

#xform .readonly {
    margin-left: 5px;
    font-size: 12px;
    width: 355px;
}

#xform .textarea-form textarea {
    width: 185px;
    height: 80px;
    border: solid 1px #7696B3;
}

.disabled {
    color: #999999;
    border: 1px solid #c9c7ba !important;
    background-color: #edede6 !important;
}

#xform .notice {
    background: #D3E1FC;
}

#xform .notice div {
    padding: 5px;
    margin: 0 5px;
    border: 1px solid #6699FF;
    background: #EDF2FC;
}

.cleaner {
    clear: both;
}

.cleaner-left {
    clear: left;
}

/* Para API Google Maps */
.map-wrapper {
    width: 386px;
    height: 300px;
    padding: 7px 4px 1px 4px;
    background: #FFF;
    border: 1px solid #CCC;
}

.adobe {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
    background: #FFF;
}

.adobe .icon {
    float: left;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    margin-right: 5px;
}

.adobe .text {
    font-size: 11px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

/* Validate error style */
div.error {
    margin-top: 5px;
    margin-left: 155px;
    width: 175px;
    background: #FFC7C7;
    color: #AF0000;
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    border: 1px solid #E16666;
    clear: both;
    text-align: left;	
}

.agreefix {
    padding: 0px 0 5px 0;
}

.agreefix .error {
    margin-left: 5px;
    margin-right: 100px;
    width: 260px;
}

/*--404 ERROR--*/
.lang-404 {
    font-size: 10px;
    font-weight: bold;
    padding: 0 0 15px 0;
    border-bottom: solid 1px #080651;
    margin-bottom: 10px;
}

#block-404 {
    width: 548px; /*background:url(/img/404-block-bg.png) repeat-y ;*/
    padding: 0 0 0 0;
}

#block-404 table {
    padding-top: 5px;
}

.block-404-title {
    height: 15px;
    color: #FFFFFF;
    font: bold 14px Arial, Helvetica, sans-serif;
    padding: 2px 15px 2px 20px; /*background: url(/img/404-block-header.png) no-repeat top; */
    background: #293F8D;
}

.block-404-content { /*background:url(/img/404-block-enfocamp.png) no-repeat bottom; */
    padding: 0 10px 0 5px;
    width: 551px;
}

.block-404-content ul {
    padding: 0px 0px 0px 10px;
    margin: 0;
}

.block-404-content ul li {
    padding: 0px 0px 3px 13px;
    list-style: none;
    background: url(/img/bullet.gif) no-repeat 0 5px;
}

/*.block-404-content img  { float:left; padding:0 0 0 0 ; border:solid 3px #FFFFFF;  }*/
.block-404-links {
    height: 10px;
}

/*#block-404-links {height:10px; background:url(/img/404-block-bottom.png) no-repeat top #FFFFFF ;  width: 551px;}*/
#block-404-links a {
    font-weight: bold;
    padding: 0 10px 0 10px;
}

.middle {
    height: 27px;
    background: url(/img/404-block-link.png) repeat-x top;
    padding: 0px 0px 0px 0px;
}

.first {
    width: 10px;
    background: url(/img/404-block-link-first.png) no-repeat left top;
    padding: 0px 5px 0px 5px;
}

.last {
    width: 10px;
    background: url(/img/404-block-link-last.png) no-repeat right top;
    padding: 0px 5px 0px 5px;
}

/* Enchaned banners */
/* Brochure */
#brochurebanner {
    margin-bottom: 10px;
}

#brochurebanner a:hover {
    text-decoration: none;
}

#brochurebanner .top {
    height: 31px;
    background: url(/img/btop.gif) no-repeat;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

#brochurebanner .top div.en {
    font-size: 1.5em;
    padding: 5px 0 0 0;
}

#brochurebanner .top div.fr {
    font-size: 1.5em;
    padding: 5px 0 0 0;
}

#brochurebanner .top div.es {
    font-size: 1.5em;
    padding: 5px 0 0 0;
}

#brochurebanner .collage {
    width: 143px;
    height: 96px;
}

#brochurebanner .text {
    background: url(/img/btext.jpg) no-repeat top;
    padding: 5px;
    font-family: "Trebuchet MS";
    line-height: normal;
    font-size: 12px;
    line-height: 14px;
}

#brochurebanner .bold {
    font-size: 16px;
    font-weight: bold;
    color: #2960C3;
    line-height: 16px;
}

#brochurebanner .bold a {
    color: #2960C3;
}

#brochurebanner .bold a:hover {
    color: #BC0000;
}

#brochurebanner .bold.fr {
    font-size: 14px;
}

#brochurebanner .more {
    height: 48px;
    background: url(/img/bmore.jpg) no-repeat top;
    font-size: 1.2em;
    font-weight: bold;
    color: #BC0000;
}

#brochurebanner .btn {
    padding: 25px 0 0 45px;
}

/*  enfocamp club banner */
#banner-club {
    color: #33499A;
    padding: 0;
    margin: 10px 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

#banner-club p {
    padding: 0;
    margin: 0;
}

#banner-club p.big {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

#banner-club img {
    border: none;
    padding: 0;
    margin: 0;
}

/* Booking */
#bookingbanner {
    margin-bottom: 10px;
}

#bookingbanner a {
    color: #fff;
}

#bookingbanner a:hover {
    text-decoration: none;
}

#bookingbanner .top {
    height: 37px;
    background: url(/img/bookingtop.gif) no-repeat;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
}

#bookingbanner .collage {
    width: 143px;
    height: 69px;
}

#bookingbanner .bot {
    height: 34px;
    background: url(/img/bookingsend.gif) no-repeat;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}

#bookingbanner .bot.promo {
    background: url(/img/promosend.gif) no-repeat;
}

#bookingbanner .top div.en {
    font-size: 1.7em;
    padding: 8px 0 0 0;
}

#bookingbanner .top div.fr {
    font-size: 1.7em;
    padding: 8px 0 0 0;
}

#bookingbanner .top div.es {
    font-size: 1.7em;
    padding: 9px 0 0 0;
}

#bookingbanner .bot div.en {
    font-size: 1.7em;
    padding: 5px 0 0 0;
}

#bookingbanner .bot div.fr {
    font-size: 1.7em;
    padding: 5px 0 0 0;
}

#bookingbanner .bot div.es {
    font-size: 1.7em;
    padding: 5px 0 0 0;
}

/* Videos gallery */
#videos {
    width: 398px;
    overflow: hidden;
}

#videos .vthumb {
    float: left;
    width: 120px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: #000 url(/img/vthumbtop.jpg) no-repeat top;
}

#videos .spacer {
    padding: 15px 0 15px 0;
    background: url(/img/vthumbbot.jpg) no-repeat bottom;
}

#videos .vhide {
    display: none;
}

#videos .title {
    color: #000;
    font-size: 11px;
    text-align: center;
    background: #ddd url(/img/vthumbtitlebg.jpg) repeat-x bottom;
    padding: 3px;
    border-top: 2px solid #fff;
}

#videos .title a {
    color: #000;
}

#videos div.play {
    position: absolute;
    font-size: 2.5em;
    display: none;
    margin-left: 30px;
    margin-top: 25px;
}

img {
    border: none;
}

.clr {
    clear: both;
}

#header .film {
    position: absolute;
    width: 266px;
    height: 208px;
    z-index: 2;
    margin-left: 465px;
    margin-top: 35px;
}

.dnone {
    display: none;
}

.videoup {
    display: none;
}

/* misc */
.fltl {
    float: left;
}

.fltr {
    float: right;
}

/*SITEMAP*/
#sitemap {
}

#sitemap ul {
    font-size: 13px;
    font-weight: bold;
}

#sitemap ul ul li {
    font-size: 12px;
    font-weight: normal;
    background: transparent url(/img/bullet2.gif) no-repeat scroll 0 5px;
}

#sitemap ul ul ul li {
    font-size: 11px;
    font-weight: normal;
}

/* IMG */
img.imgleft {
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding-top: 10px;
}

img.imgright {
    float: right;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
}


/* hamster form */
#hamster-form {height:60px; padding:0; margin:0 auto;}
#hamster-form img {float:left;  position:relative; top:10px; padding:0; margin:0;}
#hamster-form .text {height:40px; padding:20px 0 0 0 ; margin:0 auto; font-weight:bold;}
.ham-clr {height:10px; background:#d3e1fc; padding:0; margin:0 auto;}



/* Contact page  */
#contact-top { padding:0 0 0 0; font-size:13px; font-weight:bold; color:#333333; }
#contact-top .brochure { background:url(/img/contact-top-brochure.jpg) no-repeat right; height:22px; padding:4px 0 0 8px; }
#contact-top .book {background:url(/img/contact-top-book.jpg) no-repeat right; height:22px; padding:4px 0 0 8px;}

.contact-block{}
.contact-block h2{ margin:10px 0 5px 0; padding:1px 1px 1px 5px;}
div.contact-block { padding:0; margin:0; }

.map-wrapper {width:386px;height:300px; padding:7px 4px 1px 4px; background:#FFF; border:1px solid #CCC;}

.usef-links { margin-top:5px;}
.usef-links td { background:#ffec9f; border:1px solid #ffce07; color:#1f3175;}
.logo-metro { background:url(/img/logo-metro.gif) no-repeat; padding:0 0 3px 30px;  }
.logo-emt { background:url(/img/logo-emt.gif) no-repeat; padding: 0 0 3px 70px;   }
.logo-renfe {background:url(/img/logo-renfe.gif) no-repeat; padding:0 0 3px 40px;  }
.logo-airport { background:url(/img/logo-airport.gif) no-repeat ; padding: 0 0 3px 25px;  }