/* CSS Document */
body{background:#464646; font-family:arial; margin:0px; font-size:11px; color:#000000; text-align:center; line-height:16px;
}

img {border:0px}
a {text-decoration:none; color:#C00000;}
a:hover {text-decoration:none; color:#000; }
.redbold {color:#C00000; font-weight:bold; line-height:24px;}
.redbold_servicios {color:#C00000; font-weight:bold; line-height:30px; font-size:14px; }
.greybold {color:#464646; font-weight:bold; line-height:24px;}
.tituloficha {/*height:60px;*/ color:#C00000; font-weight:bold; font-size:14px;}


a.black {text-decoration:none; color:#000; }
a.black:hover {text-decoration:none; color:#C00000; }

ul.servicios {margin:2px 0 0 16px; padding:2px 0 0 2px; }
ul li.servicios {list-style:none; background: transparent url(/img/punt.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; }

ul.normal {margin-top:0px;}
ul li.normal {list-style:none; background: transparent url(/img/punt.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin-left:-40px; }

ul.mapaweb {margin-top:0px; }
ul li.mapaweb {list-style:none; background: transparent url(/img/punt.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin-left:-20px; }

ul.mapaweb-nivel2 {margin-top:0px; }
ul li.mapaweb-nivel2 {list-style:none; background: transparent url(/img/punt.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin-left:-20px; }


ul.equipamiento {margin-top:0px;} 
ul li.equipamiento {list-style:none; background: transparent url(/img/punt.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin-left:-40px; } 

ul li.flecha {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 0px; padding-left: 1em; text-indent: 0em; }

.punts {display:block; width:460px; height:2px; border-bottom:1px dashed #464646; }


#contenedor {margin-left:auto; margin-right:auto; width:678px; text-align:left;}

/*LOGO QUALITY TRUCKS + LOGO GRUPO VILELLA RAHN*/
#top_logos {height:80px; padding-top:20px;}
	#logo_print {visibility:hidden}
	#logo {float:left; width:150px;}
		#logo img {margin-top:0px;}
	#logogvr_print {visibility:hidden}
	#logogvr {float:right; text-align:right; width:150px;padding-right:7px;}
		#logogvr img {margin-top:12px; }

#cabecera {height:78px; margin-bottom:2px;}
	#menu {width:469px; height:73px; background-color:#000000; vertical-align:top; padding:5px 0 0 9px; float:left;}
		#menu a {text-decoration:none; color:#fff; margin-right:20px; text-transform:uppercase;}
		#menu a:visited {color:#fff;}
		#menu a:hover {color:#C00000;}
		#menu a:active {color:#C00000;}
		#menu a.focus {text-decoration:none; color:#C00000; margin-right:13px; text-transform:uppercase;}


	#herramientas {width:198px; height:50px; float:right; background-color:#000; padding-top:28px;}
		#herramientas a {text-decoration:none; color:#fff; text-transform:uppercase; }
		#herramientas a:active {text-decoration:none; color:#C00000; text-transform:uppercase;}
		#herramientas a:hover {text-decoration:none; color:#C00000; text-transform:uppercase;}
		#herramientas a:visited {text-decoration:none; color:#fff; text-transform:uppercase;}
		#herramientas .mapaweb {float:left; margin-bottom:2px; padding: 2px 0 0 9px; width:89px; height:16px; border:2px solid #464646; border-left:0px; border-right:1px solid #464646;}
		#herramientas .contacto {float:right; margin-bottom:2px; padding: 2px 0 0 9px; width:89px; height:16px; border:2px solid #464646; border-right:0px; border-left:1px solid #464646;}

/*PARTE CENTRAL PÁGINA INTERIOR*/
#content .table_content {background-color:white;}
#content {position:relative; min-height:250px;}
#content span.titulo {display:block; width:469px; height:16px; border-bottom:2px solid #464646; color:#fff; font-weight:bold; background-color:#C00; padding-left:9px; padding-top:2px;}


/*CONTENIDO*/
#contenido {width:460px; padding:9px;}
	#contenido .tituloficha {color:#464646; font-weight:bold; font-size:14px; }
	#contenido span.volver  a {color:#464646; float:right; }
	#contenido span.volver  a:hover {color:#C00000; float:right;}
	#contenido span.anterior a {color:#464646;}
	#contenido span.siguiente a {color:#464646;}

	#postventa #descripcion {margin-bottom:27px;}
	#postventa #descripcion table {width:460px;}
	#postventa #descripcion table td {width:50%; vertical-align:top;}
	#postventa span img {margin-right:8px; }
	#postventa #centros {}
	#postventa #centros table {margin-bottom:18px;}
	#postventa #centros ul {padding:0; margin:0; margin-top:9px; margin-left:18px;}
	#postventa #centros ul li {padding-left:1em; text-indent:0em; list-style:none; background: transparent url(/img/punt_red.gif) no-repeat 0px 7px;}
	#postventa .subtitulo {color:#464646; font-weight:bold; border-bottom:1px dashed #464646; display:block; padding-bottom:9px;}
	
	#imprimir {float:right; height:16px; text-align:right; margin-right:7px; display:inline;}
	#imprimir img {display:inline; margin-left:9px;}
	#ampliar {width:274px; height:16px; text-align:right; }

#funcionalidades {position:relative; float:right; width:156px; height:180px; margin-right:7px; display:inline;}
	#funcionalidades .promocion {width:156px; border-top: dashed 1px #C00000; border-bottom: dashed 1px #C00000; font: 14px arial; color:#464646; font-weight:bold; padding:9px 0px; margin-bottom:9px;}
	#funcionalidades .contextual {width:156px; position:absolute; bottom:0px; display:block; }
	#funcionalidades .contextual img {vertical-align:text-bottom; float:left; margin:0 3px 9px 0;}

#caracteristicas {width:460px}
#caracteristicas img.servicio, #caracteristicas img.subservicio {margin-right:9px;}
#caracteristicas img.subservicio {margin-left:9px;}
#content_ficha {height:260px; }
	#fotoVO {position:relative; float:left; width:274px; height:205px;}
	#contacto {width:460px; margin-bottom:15px; border-bottom: 1px dashed #C00000; padding-bottom:18px;}
	#contacto .telefono {font:normal normal bold 14px Arial; color:#464646;}
	#contacto .nombres {font:normal normal bold 12px Arial; color:#464646;}

	/*GALERÍAS DE FOTOS*/
	#content_ficha_galeria {height:352px;}


/*GOOGLE MAPS*/
div.gogle_maps {
	position:relative;
	clear:both;
	width:460px; height:360px; overflow:yes; overflow:-moz-scrollbars-horizontal; overflow-x:scroll; overflow-y:scroll;
	SCROLLBAR-FACE-COLOR:#DCDCDC;  /* color barra */
	SCROLLBAR-HIGHLIGHT-COLOR: #DCDCDC; /* borde izq barra */
	SCROLLBAR-SHADOW-COLOR: #fff; /* relieve int barra */
	SCROLLBAR-3DLIGHT-COLOR: #fff; /* borde barra */
	SCROLLBAR-ARROW-COLOR: #fff; /* color flechas */
	SCROLLBAR-TRACK-COLOR: #fff; /* color fondo scroll */
	SCROLLBAR-DARKSHADOW-COLOR: #DCDCDC;
}
div.gogle_maps div {width:582px; height:435px;}



/*COLUMNA DERECHA - BANNERS*/
#derecha {width:198px;}
	#derecha span.titulo {width:180px; height:16px; border-bottom:2px solid #464646; color:#fff; font-weight:bold; background-color:#C00; position:absolute; top:0; right:0; padding: 2px 9px 0px 9px}	
	#derecha a.link_logout {color:#fff;}
	#derecha a.link_logout:hover {text-decoration:none; color:#C00000;}

#banners_web {color:#000; text-decoration:none; width:198px;}	
	#banners_web table.banner {width:100%; padding:0px 0px 0px 20px; height:18px; color:#585858; font-size:12px; vertical-align:middle; font-weight:bold; margin:0px; background: #DCDCDC url(/img/punt_gris.gif) no-repeat 9px 7px;}
	#banners_web span.plus {display:none}
	#banners_web ul {list-style:none; padding-left:9px; text-indent: 0em; margin:9px 9px 9px 0px;}
	#banners_web a {color:#000; text-decoration:none;}
	#banners_web a:hover {color:#C00000; text-decoration:none;}	

/*
#banners {width:190px; margin-left:2px;}
	#banners ul {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin: 6px 0 25px 8px;}
	#banners img {margin-left:0px; border:0;}

#banners_empresa {padding:9px;}
	#banners_empresa ul {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin: 6px 0 9px 8px; }

#banners_partner {padding:9px;}
	#banners_partner ul {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 5px; padding-left: 1em; text-indent: 0em; margin: 6px 0 9px 8px; }



#banners_home_vo {width:190px; height: 200px; position:relative; right:-2px;}
	#banners_home_vo ul { padding:0; margin:0;}
	#banners_home_vo li {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 13px; padding-left: 1em; text-indent: 0em; margin:9px; border-top: dashed 1px #C00000; padding-top:8px;}

	#banners_home_vo a {color:#000; text-decoration:none;}
	#banners_home_vo a:hover {color:#C00000; text-decoration:none;}	
*/


/*PIE + COPYRIGHT*/

#pie {width:669px; height:18px; background-color:#000; margin-top:2px; padding-left:9px; color:#FFFFFF;}
	#pie a {text-decoration:none; color:#fff; font-weight:bold; margin-right:12px;}
	#pie a:active {text-decoration:none; color:#7e7e7e; font-weight:bold; margin-right:12px;}
	#pie a:hover {text-decoration:none; color:#7e7e7e; font-weight:bold; margin-right:12px;}
	#pie a:visited {text-decoration:none; color:#fff; font-weight:bold; margin-right:12px;}
	#pie span {margin-left:65px;}

#copy {height:18px; padding:4px 0 40px 0; color:#7e7e7e; letter-spacing:1px;}
	#copy a {text-decoration:none; color:#7e7e7e; }
	#copy a:active {text-decoration:underline;color:#7e7e7e; }
	#copy a:hover {text-decoration:underline;color:#7e7e7e; }
	#copy a:visited {text-decoration:none;color:#7e7e7e; }



	
/*PORTADA*/
#home {margin:-9px;}
/*en caso de promo grande, deshabilitar estas 2 líneas*/
#promoleft, #promoright {width:158px; height:120px; float:left }	
#promocenter {width:158px; height:120px; margin:0 2px 0 2px;}	

#promoleft table.banner, #promocenter table.banner, #promoright table.banner {width:158px; height:40px; color:#fff; font-weight:bold; background-color:#C00000; padding:9px; margin:0px; text-transform:uppercase, vertical-align:middle; text-transform:uppercase;}
#promocenter ul, #promoleft ul, #promoright ul {list-style:none; background: transparent url(/img/libanners.gif) no-repeat 0px 5px; padding-left:9px; margin:9px;}
#promoleft .foto_promo, #promocenter .foto_promo, #promoright .foto_promo {text-align:center; margin-top:9px;}
#promocenter a, #promoleft a, #promoright a {color:#000;}
#promocenter a:hover, #promoleft a:hover, #promoright a:hover {color:#C00000;}

/*PORTADA POSTVENTA */	
td#banner_postventa img {margin:0 20px 20px 0;}
td.lista_servicios {padding-bottom:20px;}

	
/* IFRAME VOLVO TRUCKS FINDER*/
#volvofinder{
position:relative; 
width:678px; 
left:-9px; 
height:500px; 
border-top:20px solid #3d65c1; 
background-color: white; 
padding-top:9px; 
float:left;
}

/*ALERT*/
span.alert {display:block; width:391px; min-height:48px; color:#fff; font-size:11px; font-weight:bold; background:#7e7e7e url(/img/atencion.gif) 0px 18px no-repeat; padding: 18px 9px 9px 60px;}

#thumbs {width:650px; height:60px; }
#thumbs a, #thumbs a:visited {display:block; border:1px solid #7e7e7e; width:88px; height:58px; margin-right:2px; float:left; }

/*NOTICIAS*/
#noticias {width:460px; border-bottom:1px dashed #464646; position:relative; top:0; left:0; padding-top:9px; padding-bottom:18px;}
#noticias .fecha {color:#C00000;}
#noticias .foto {border:1px solid #464646;}
#noticias a {color:#464646;}
#noticias a:hover {color:#C00000;}

/*Estilos genéricos para los display de fotos*/
div.display_fotos {position:relative; float:left; border:0;}
div.display_fotos .pad {margin-bottom:2px; border:1px solid #464646;}
div.display_fotos .thumbs img {border:1px solid #464646; margin:0px 2px 0px 0px; cursor:pointer; cursor:hand;}
div.display_fotos .scrollbox {overflow:auto; overflow:-moz-scrollbars-horizontal; overflow-x:scroll; overflow-y:hidden;
	SCROLLBAR-FACE-COLOR:#fff;  /* color barra */
	SCROLLBAR-HIGHLIGHT-COLOR: #fff; /* borde izq barra */
	SCROLLBAR-SHADOW-COLOR: #464646; /* relieve int barra */
	SCROLLBAR-3DLIGHT-COLOR: #464646; /* borde barra */
	SCROLLBAR-ARROW-COLOR: #464646; /* color flechas */
	SCROLLBAR-TRACK-COLOR: #fff; /* color fondo scroll */
	SCROLLBAR-DARKSHADOW-COLOR: #fff;
}

/*Estilos para el display de fotos de centros*/
div.display_fotos_centros {width:272px; height:260px;}
div.display_fotos_centros .pad {width:278px; height:176px;}
div.display_fotos_centros .scrollbox {width:280px;}

/*Estilos para el display de fotos de noticias*/
div.display_fotos_noticias {width:180px; height:206px;}
div.display_fotos_noticias .pad {width:180px; height:136px;}
div.display_fotos_noticias .scrollbox {width:183px;}