﻿/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
	outline:none;
}

body {
	font: 12px/1.25 Arial, Helvetica, sans-serif;
	background: #151a1d;
	color: #fff;
	height: auto;
}

/***** Common Formatting *****/

a, img{ outline: none;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding: 0;
	font-weight:normal;
}

h1 {
	padding: 0;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ae0000;
	font-size: 16px;
}
h2{ 
	padding: 0;
	margin: 10px 0;
	font-family: arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #211e1e;
	font-size: 13px;
	line-height:1.4em;
}
h3{ 
	padding: 0;
	margin: 14px 0;
	font-family: arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #675c50;
	font-size: 14px;
}
h4{ 
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #cde70b;
	font-size: 18px;
}

p, ul, ol {
	margin:0;
	padding:0 0 14px 0;
	line-height:1.5em;
}
p{ 	text-align: left;}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}

small { font-size:0.85em; }
img { border:0; }

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
.strong{ font-weight: bold; color:#FFBD1F; }

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
	text-decoration:none;
	outline: none;
}
a:link{ color: #cde70b;}
a:visited{ color: #cde70b;}
a:hover{ color: #cde70b; text-decoration: underline;}
a:active{ color: #cde70b;}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}

/***** Wrapper *****/

#wrap {
	width:960px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width100 		{ width: 100%; }
.width75 		{ width: 75%; }
.width50 		{ width: 50%; }

.border 			{ border:1px solid #a9a791; }
.m-right		{ margin-left:100px;margin-right:20px; }

/***** Structure Classes *****/

#header{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 96px;
	margin: 0;
	padding: 10px 0 0 0;
}
#contenido{
	display:block;
	float:none;
	clear:both;
	width:100%;
	min-height: 500px;
	height:auto;
	margin:0;
	padding:0;
}
.index{ background: url(images/bgFondo.jpg) no-repeat top center #151a1d; }
.interna{ background: url(images/bgFondo-interna.jpg) no-repeat top center #151a1d; }
.index #contenido{ margin: 0; padding: 0;}
.interna #contenido{ margin: 0; padding: 25px 0 0 0; margin: 0 0 20px 0; }

#footer{
	display:block;
	float:none;
	clear:both;
	width:100%;
	height:45px;
}

/***** Header Classes *****/
#header a.logo{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 191px;
	height: 89px;
}

#header ul#idiomas{
	display: block;
	float: right;
	clear: none;
	width: auto;
	height: auto;
	margin: 27px 0 0 0;
	padding: 0;
}
#header ul#idiomas li{
	display: block;
	float: left;
	clear: none;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	border-right: solid 1px #b7b6b6;
	font-size: 0.9em;
}
#header ul#idiomas li.esp{ background: url(images/es.gif) no-repeat center left; padding: 2px 8px 2px 20px;}
#header ul#idiomas li.eng{ background: url(images/en.gif) no-repeat center left; padding: 2px 0 2px 20px; border: none; margin: 0;}

#header ul#idiomas li a:link{ color: #b7b6b6;}
#header ul#idiomas li a:visited{ color: #b7b6b6;}
#header ul#idiomas li a:hover{ color: #fff;}
#header ul#idiomas li a:active{ color: #b7b6b6;}
#header ul#idiomas li a.active{ color: #fff;}

#header ul#menu{
	display: block;
	float: right;
	clear: right;
	margin: 12px 0 0 0;
	padding: 0;
	width: 720px;
	height: 38px;
	background: url(images/bgNavi.jpg) no-repeat top left;
	border-bottom: dotted 1px #dotted 1px #646669;
}
#header ul#menu li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	font-family: Arial, "Arial Narrow", Helvetica, sans-serif ;
}
*:first-child+html #header ul#menu li{font-size: 1.20em;}

#header ul#menu li a{ 
	display: block;
	margin: 0; 
	padding: 8px 22px; 
	background: url(images/splitter.jpg) no-repeat top right;
	letter-spacing: -0.02em;
}
*:first-child+html #header ul#menu li a{padding: 8px 23px 8px 22px; }
#header ul#menu li.last a{ padding-right/*\**/:0px\9}


#header ul#menu li.last a{ background: none; }
#header ul#menu li a:link{ color: #fff;}
#header ul#menu li a:visited{ color: #fff;}
#header ul#menu li a:hover{ color: #f6f903; text-decoration: none;}
#header ul#menu li a:active{ color: #fff;}
#header ul#menu li a.active{ color: #cde70b; text-decoration: none;}

#header p#confianza{
	display: block;
	float: right;
	clear: none;
	margin: 26px 40px 0 0;
	padding: 0;
	width: auto;
	height: auto;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #F4F5F5;
}

/***** Flash Classes *****/

#flash{
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 25px 0;
	padding: 0;
}

/***** Main content Classes *****/

#contenido #colIzq{
	display: block;
	float: left;
	clear: none;
	width: 440px;
	height: 100%;
	margin: 0;
	padding: 0 40px 0 0;
	background: url(images/splitterDottedVert.gif) repeat-y top right;	}
#contenido #colDer{
	display: block;
	float: left;
	clear: none;
	width: 440px;
	height: 100%;
	margin: 0;
	padding: 0 0 0 40px;
}
#contenido #colIzqRiq{
	display: block;
	float: left;
	clear: none;
	width: 320px;
	height: 100%;
	margin: 0;
	padding: 0 40px 30px 0;
	background: url(images/splitterDottedVert.gif) repeat-y top right;	}
#contenido #colIzqRiq.graficos{
	display: block;
	float: left;
	clear: none;
	width: 215px;
	height: 100%;
	margin: 0;
	padding: 0 40px 30px 0;
	background: url(images/splitterDottedVert.gif) repeat-y top right;	
	}
#contenido #colDerRiq{
	display: block;
	float: left;
	clear: none;
	width: 560px;
	height: 100%;
	margin: 0;
	padding: 0 0 0 40px;
}
#contenido strong { color:#ffbd1f; }
#contenido h1,
#contenido h2{
	color:#cde70b;
	font-size: 1.3em;
	font-weight: bold;
	background: url(images/mini.png) no-repeat center left;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 32px;
	clear: both;
}
#contenido #colIzqRiq h1{
	margin: 0;
	padding: 8px 0 8px 32px;
}
#contenido #colIzqRiq h2{
	background: none;
	font-size: 1em;
	margin: 5px 0 6px 0;
	padding: 8px 0 8px 32px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
#contenido #colIzq strong { color:#ffbd1f; }
#contenido #colDer strong { color:#ffbd1f; }

#contenido  #colIzq  a {border-bottom:1px dotted #cde70b; }
#contenido #colIzq a:hover {border-bottom:1px dotted #fff; text-decoration:none; color:#fff;}
#contenido  #colDer  a {border-bottom:1px dotted #cde70b; }
#contenido #colDer a:hover {border-bottom:1px dotted #fff; text-decoration:none; color:#fff;}

#contenido ul{
	margin: 0;
	padding: 0 0 0 26px;
}
#contenido  ul li{
	list-style: none;
	background: url(images/flechaNaranja.png) no-repeat 0 3px;
	padding: 0 0 0 16px;
	margin: 7px 0;
}

#contenido #colIzqRiq ul.listaRiq{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 8px 50px;
	height: auto;
}
#contenido #colIzqRiq ul.listaRiq li{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0;
	padding: 0 0 0 16px;
	list-style: none;
	background: url(images/flechaNaranja.png) no-repeat 0 2px;
}

#contenido #colIzqRiq ul.listaRiq li span.nr{font-weight:bold;}
#contenido #colIzqRiq ul.listaRiq li span.tit{ color:#fcc142;}

#contenido #colDerRiq h3{
	background: none;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 8px 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
}
#contenido .greenthing { margin:0 0 20px 0; }

/***** Localizaciones Classes *****/

#contenido ul#localizaciones{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	width: 960px;
	height: auto;
	min-height: 350px;
	background-color: #1f272d;
}
#contenido ul#localizaciones li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 320px;
	height: auto;
	background: url(images/splitterDottedVert.gif) repeat-y top right;
}
#contenido ul#localizaciones li.last{ background: none;}
#contenido ul#localizaciones li a.nombreLoc{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 20px 0;
	width: 319px;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	/*background-color: #222c32;*/
	color: #CDE70B;
	text-decoration: none;
}
/*#contenido ul#localizaciones li a.nombreLoc:hover{ background-color:#364249;}*/
#contenido ul#localizaciones li a.imgLoc{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 319px;
	height: 180px;
}
#contenido ul#localizaciones li p{
	display: block;
	float: left;
	clear: both;
	width: 280px;
	margin: 22px 20px;
	padding: 0;
	line-height: 1.5em;
	color: #9a9ea0;
}
#contenido ul#localizaciones li:hover{ background-color:#364249;}
#contenido ul#localizaciones li a.verMas{
	display: block;
	float: left;
	clear: both;
	width: 279px;
	margin: 0;
	padding: 0 20px 15px 20px;
	text-align: right;
	cursor: pointer;
	color: #CDE70B;
	text-decoration: none;
	font-size: 0.9em;	
}

#contenido #colIzqLocal{
	display: block;
	float: left;
	clear: none;
	width: 238px;
	height: 100%;
	margin: 0;
	padding: 0;
}
#contenido #colIzqLocal ul#locNavi{
	display: block;
	float: left;
	clear: both;
	width: 238px;
	height: auto;
	margin:0;
	padding:0;
}
#contenido #colIzqLocal ul li{
	display: block;
	float: left;
	clear: both;
	width: 238px;
	height: 54px;
	margin: 0 0 1px 0;
	padding: 0;
	list-style: none;
	background: url(images/bgLocNavi.jpg) repeat-y top left #222c32;
}
#contenido #colIzqLocal ul li.active{ background: #1f272d;}
#contenido #colIzqLocal ul li.split{ 
	margin: 36px 0 1px 0; 
	text-align: center;
	height: 30px;
	padding: 10px 0 0 0;
	width: 238px;
	background: url(images/bgSplit.jpg) repeat-y top left #1f272d;
	color: #CDE70B;
	font-weight: bold;
	font-size: 15px;
}

#contenido #colIzqLocal ul li a{
	display: block;
	float: none;
	clear: none;
	width: 100%;
	text-align: center;
	margin: 17px 0 0 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
#contenido #colIzqLocal ul li.active a{
	color: #cde70b;
	font-size: 17px;
	margin: 18px 0 0 0;
}


#contenido #colDerLocal{
	display: block;
	float: left;
	clear: none;
	width: 642px;
	height: 100%;
	margin: 0;
	padding: 16px 40px;
	background: url(images/splitterDottedVert.gif) repeat-y top left #1f272d;	
}

#contenido #colDerLocal ul#lbLocal{
	display: block;
	float: left;
	clear: both;
	margin: 10px 0;
	padding: 0;
}
#contenido #colDerLocal ul#lbLocal li{
	display: block;
	float: left;
	clear: none;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: solid 1px #3e4246;
	background-color: #23292d;
}
#contenido #colDerLocal ul#lbLocal li a{
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
#contenido #colDerLocal p.titulo{
	display:block;
	/*float: left;*/
	clear: both;
	color:#CDE70B;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
#contenido #colDerLocal ul#quickNav{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 18px 0;
	padding: 0;
}
#contenido #colDerLocal ul#quickNav li{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #3E4246;
	background: none;
}
#contenido #colDerLocal ul#quickNav li.last{ border: none;}

#contenido #colDerLocal ul#quickNav li a:link{ color: #989b9d; }
#contenido #colDerLocal ul#quickNav li a:visited{ color: #989b9d; }
#contenido #colDerLocal ul#quickNav li a:hover{ color: #989b9d; }
#contenido #colDerLocal ul#quickNav li a:active{ color: #989b9d; }

#contenido #colDerLocal h2{
	background: none;
	padding: 0;
	margin: 0;
}
#contenido #colDerLocal a.verMapa{
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 17px;
	background:transparent url(images/flechaNaranja.png) no-repeat center left;
}
#contenido #colDerLocal #mapa{
	display: block;
	clear: both;
	width: 645px;
	height: auto;
	min-height: 300px;	
	margin: 0 0 20px 0;
	padding: 4px;
	border: solid 1px #3e4246;
	background-color: #23292d;
}


/***** Modelos Classes *****/

#contenido #colIzqModelos{
	display: block;
	float: left;
	clear: none;
	width: 220px;
	height: 100%;
	margin: 0;
	padding: 0 40px 30px 0;
}
#contenido #colIzqModelos ul{
	display: block;
	float: left;
	clear: both;
	height: auto;
	margin:0;
	padding:0 0 8px 50px;
}
#contenido #colIzqModelos ul li{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(images/flechaNaranja.png) no-repeat 0 1px;
}

#contenido #colDerModelos{
	display: block;
	float: left;
	clear: none;
	width: 660px;
	height: 100%;
	margin: 0;
	padding: 0 0 20px 40px;
	background: url(images/splitterDottedVert.gif) repeat-y top left;	
}
#contenido #colDerModelos p.titulo{
	display:block;
	/*float: left;*/
	clear: both;
	color:#CDE70B;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
#contenido #colDerModelos h2{
	background: none;
	padding: 8px 0;
}

/***** Modelos Slideshow Classes *****/

#contenido #colDerModelos #image_wrap,
#contenido #colDerLocal #image_wrap {
	width:640px;
	margin:0;
	padding:10px 0;
	text-align:center;
	background-color:#23292D;
	border:1px solid #3E4246;
}

/***** Comparativa Classes *****/

#contenido .comparativa {
 /*min-height:265px;*/
 background:transparent url(images/splitterDottedHor.gif) repeat-x  left top;
 padding:30px 0 12px 0;
 margin:0 0 12px 0; 
}
#contenido .comparativa .last {
 /*min-height:265px;*/
 background:none;
 padding:0 0 22px 0;
 margin:0 0 22px 0; 
}
#contenido .comparativa h1 {
 margin:10px 0 2px 0;
}
#contenido .comparativaIzq{
 float:left;
 margin:4px 18px 0 0;
}
#contenido .comparativaDer{
 float:left;
 width:600px;
 margin:-17px 10px 0 0;
}
#contenido .comparativaDer table { 
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;

}

#contenido .comparativaDer  th {background:#B8DB7C;
 padding:.4em;
 
}#contenido .comparativaDer td, th { color:#363636;
 padding:.4em;
}
#contenido .comparativaDer tr { border:1px dotted gray;background:#fff;
}
#contenido .comparativaDer thead th, tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}

#contenido .comparativaDer tbody th, tbody td { text-align:left;
 vertical-align:top;
}
#contenido .comparativaDer tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
#contenido .comparativaDer th,td { padding-right:70px; }
#contenido .comparativaDer .odd { background:#fff;
}
#contenido .comparativaDer tbody tr:hover { background:#eee; 
 border:1px solid #03476F;
 color:#000000;
}
/***** Contacto Classes *****/

#contenido #colIzqContacto{
	display: block;
	float: left;
	clear: none;
	width: 440px;
	height: 100%;
	margin: 0;
	padding: 0 40px 30px 0;
	background: url(images/splitterDottedVert.gif) repeat-y top right;	}
#contenido #colDerContacto{
	display: block;
	float: left;
	clear: none;
	width: 440px;
	height: 100%;
	margin: 0;
	padding: 0 0 20px 40px;
	background: url(images/mapamini.png) no-repeat right 90px;
	
}
#contenido #colIzqContacto form#cForm{
	display: block;
	float: left;
	clear: both;
	width: 400px;
	margin: 0 0 10px 34px;
	padding: 0;
}
#contenido #colIzqContacto form#cForm fieldset{
	width: 340px;
	height: 100%;
	margin: 0;
	padding: 15px 30px;
	background-color:#1F272D ;
	border:1px solid #3E4246;
}
#contenido #colIzqContacto form#cForm label{
	display: block;
	float: left;
	clear: both;
	width: 98%;
	margin: 4px 0;
	padding: 0;
}
#contenido #colIzqContacto form#cForm input{
	display: block;
	float: left;
	clear: both;
	width: 98%;
}
#contenido #colIzqContacto form#cForm textarea{
	display: block;
	float: left;
	clear: both;
	width: 98%;
}
span.obli{ color:#CC0000;}

#mapa {
 width:430px;
 height:200px;
 border:1px solid #abbd27;
}

#legal_info {
 padding:20px 0 0 0;
 font-size:.8em;
 color:#666;
 display:block;
 clear:both;
}
/***** Footer Classes *****/

#footer{ 
	padding: 10px 0 5px 0;
	margin: 20px 0 0 0;
	border-bottom: solid 6px #bac600;
	background: url(images/splitterDottedHor.gif) repeat-x top left;	
}
#footer a.logoMarjal{
	display: block;
	float: left;
	clear: none;
	width: 150px;
	height: 41px;
	margin: 0;
	padding: 0;
}
#footer a.logoBrunel{
	display: block;
	float: right;
	clear: none;
	width: 55px;
	height: 15px;
	margin: 14px 0 0 0;
	padding: 0;
}
#footer ul{
	display: block;
	float: left;
	margin:11px 0 0 40px;
	padding: 0;
}
#footer ul li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0 4px;
	border-right: solid 1px #646669;
	font-size: 0.9em;
	color: #818285;
}
#footer ul li.last{ border: none;}
#footer ul li.first{ border: none;}
#footer ul li a{
	color: #fff;

}
/***** ADMIN *****/

.es {
 background:transparent url(images/flags/es.gif) no-repeat scroll right top;
 color:#fff;
}
.en {
 background:transparent url(images/flags/en.gif) no-repeat scroll right top;
 color:#fff;
}
.nl {
 background:transparent url(images/flags/nl.gif) no-repeat scroll right top;
 color:#fff;
}


.siteby{ border: none;float:right;width:55px;height:15px;}
.siteby a { display:block; }
.siteby a:link { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:visited { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:hover { background:url(images/brunel.gif) 0 -15px no-repeat; }