/* globales */
@font-face {
    font-family: 'FuturaBook';
    src: url('fonts/futuran-webfont.eot');
    src: url('fonts/futuran-webfont.eot?#iefix') format('eot'),
         url('fonts/futuran-webfont.woff') format('woff'),
         url('fonts/futuran-webfont.ttf') format('truetype'),
         url('fonts/futuran-webfont.svg#webfont2kJQ1mi0') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('fonts/futubd__-webfont.eot');
    src: url('fonts/futubd__-webfont.eot?#iefix') format('eot'),
         url('fonts/futubd__-webfont.woff') format('woff'),
         url('fonts/futubd__-webfont.ttf') format('truetype'),
         url('fonts/futubd__-webfont.svg#webfontXCozTxxL') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {background:url(img/bgtraces.jpg) no-repeat top right #000;font:13px 'FuturaBook', Arial, Helvetica, sans-serif;color:#fff;}
	p {font-family:'FuturaBook', Arial, Helvetica, sans-serif;line-height:18px;margin-bottom:10px;}
	.destacado {font-size:16px;line-height:21px;}
	a {text-decoration:none;color:white;}
	a:hover {color:#999;}
	::selection {
		background: #c4509d;
		color: #fff;
	}
	
	::-moz-selection {
		background: #c4509d;
		color: #fff;
	}
#contenedor {width:90%;position:relative;padding:24px 0 0 36px;}
	#header {position:absolute;z-index:10;font-size:10px;width:100%;}
		#header td {vertical-align:middle;}
		#logo:hover {filter:alpha(opacity=80);opacity: .80;}
		.slogan {color:white;font-size:14px;text-align:right;padding:4px 127px 0 0;}
		#menu {position:relative;}
			#menu a {padding:5px 8px;background:black;text-transform:uppercase;letter-spacing:0.05em;}
			#menu #current {background:white;color:black;font-family:'FuturaMdBTBold', Arial, Helvetica, sans-serif;cursor:default;}
		#idiomas {position:absolute;top:15px;right:0;color:#666;letter-spacing:0.05em;}
			#idiomas span {margin:0 7px;color:#ccc;}
			#idiomas a {color: #ccc;}
			#idiomas a:hover {color:white;}
#footer {width:93%;padding:14px 0;border-top:1px solid #444;position:relative;top:680px;margin-left:36px;color:#444;}
	#footer a {color:#999;}
	#footer a:hover {color:#444;}
	.aviso {position:absolute;right:0;top:14px;font-size:11px;}
	#myModal {color:black;}
	#myModal h1 {font-size:18px;font-family: 'FuturaMdBTBold';}
	#myModal h2 {font-size:16px;}
#contenido {position:relative;top:52px;}

/* home */
#home, #donde, #contacto {position:absolute;width:1024px;z-index:5;}
	#home p {}
	#home td, #contacto td {vertical-align:middle;}
	.fotoborder {background:url(img/home_bg.jpg) no-repeat;padding:28px 0 0 17px;height:581px;}
	#brand {width:336px;height:335px;cursor:pointer;position:relative;}
	#brandc {width:336px;height:335px;cursor:pointer;position:absolute;z-index:100;}
		#brand.es, #brandc.es {background:url(img/brand_es.png) no-repeat;left:24px;}
		#brand.cat, #brandc.cat {background:url(img/brand_cat.png) no-repeat;left:24px;}
		#brand.en, #brandc.en {background:url(img/brand_en.png) no-repeat;left:24px;}
		
		#brand.es:hover, #brandc.es:hover, #brand.cat:hover, #brandc.cat:hover,	#brand.en:hover, #brandc.en:hover {background-position:0 -335px;}

/* coleccion */
#menucoleccion {position:absolute;margin:18px 0 0 24px;}
#close {background:url(img/close.png) no-repeat right top;width:120px;height:120px;position:absolute;right:14px;z-index:10;cursor:pointer;top:12px;}
	#close:hover {background:url(img/close.png) no-repeat right top;background-position:right -119px;width:100%;}
	
/* donde estamos */
#mapa {background:url(img/bgmapa.png) no-repeat;width:718px;height:302px;padding:29px 0 0 18px;}
#mapaGoogle {width: 670px; height: 280px; overflow: hidden;}
.infomap {color:black;}
.infomap h2 {font-size:16px;}
#donde h1 {font:normal 12px 'FuturaMdBTBold', Arial, Helvetica, sans-serif;text-transform:uppercase;padding-left:28px;color:#666;letter-spacing:0.05em;}
	.coche {background:url(img/icar.png) no-repeat left;}
	.bus {background:url(img/ibus.png) no-repeat left;}
	.metro {background:url(img/imetro.png) no-repeat left;}
	.ffcc {background:url(img/iffcc.png) no-repeat left;}
#donde p {margin-left:8px;}
.titol {font-size:18px;margin-bottom:14px;font-family:'FuturaMdBTBold', Arial, Helvetica, sans-serif;}
#infocontact {line-height:20px;margin-bottom:14px;}
#infocontact b {color:white;font-weight:normal;letter-spacing:0.05em;font-size:17px;;}
#infocontact a {color:#666;}
#infocontact a:hover {color:#999;}
.infotable {margin:14px 0 0 10px;width:100%;}

/* contacto */
#bot {text-align:right;cursor:pointer;font-weight:bold;padding-right:8px;}
#bot:hover {color:#999;}
form p { position: relative; margin: 12px 0; font-size:13px; letter-spacing:0.05em;}
form p label { position: absolute; top: 0; left: 0; cursor: text;}
form p br {display: none;}
form fieldset p input:focus {font-weight:normal;}
	/* verde */
	form fieldset p input,
	form fieldset p textarea {
		display: block;
		padding: 5px 9px 7px 9px;
		margin: 0;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		border:0;
		cursor: text;
		font-family:inherit;
		background:#333;
		color:white;
		font-size:13px;
		width:240px;
		letter-spacing:0.05em;
	}
	form fieldset p input:focus,
	form fieldset p textarea:focus {background:#515151;}
	form fieldset p textarea {height:130px;}
	form fieldset p label {
		width: 240px;
		display: block;
		padding: 0;
		margin:5px 10px 0 10px;
		color:#ccc;
	}