/* CSS Document
* Eduard Pinuaga Linares:: Programaci�n web  www.Did-web.com
* Marzo - 2008
*/
* {
padding : 0px;
margin : 0px;
z-index : 1px;
border: 0px;
}

body {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 0.80em;
	  font-style: normal;
	  font-weight: normal;

	  color:#666666;
	  text-decoration: none;
	}

	h1 {font-size: 1.8em; }
	h2 {font-size: 1.5em; }
	h3 {font-size: 1.05em;}
	h4 {font-size: 1em;}
	h5 {font-size: 0.8em;}
	h6 {font-size: 0.5em;}

.negrita {font-weight:bold;}
.izquierda {text-align:left;}
.derecha {text-align:right;}
.centro {text-align:center;}
.txtalto{text-valign:top;}
.cursiva {font-style: italic;}
.gris1 {color:#cccccc;}
.gris2 {color:#999999;}
.blanco {color:#ffffff;}
.negro {color:#000000;}
.naranja {color:#fc7904;}
.rojo {color:#ff0000;}

.leyenda_detalle {
	font-weight:bold;
	color:#ffffff;}

.leyenda_naranja {
	font-weight:bold;
	color:#fea803;}

/***********************************************************/
.cr {
	border:1px solid #ff0000;
	background-color:#ff0000;}
.cr2 {
	border:1px solid #000000;
	}
.cr3 {
	border:1px solid #000000;
	}
/***********************************************************/

/* IMAGENES FONDO */

.segway {
	background-image: url(deco/segway.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.publicitat-fondo {
	background-image: url(deco/publicitat-fondo.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.salto {
	background-image: url(deco/salto.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.contactar{
	background-image: url(deco/contacto_contacto.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.collserola {
	background-image: url(deco/collserola_pastilla.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.segway_x2 {
	background-image: url(deco/productos01.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
.segway_i2 {
	background-image: url(deco/productos02.jpg);
	bacground-position:  left;
	background-repeat: no-repeat;
	}
/***********************************************************/

/* COLORES FONDO */

.f_blanco{
	background-color:#ffffff;
	padding-top:20px; }
.f_ocre {
	clear:both;
	padding-top:25px;
	}
.fondo_blanco{background-color:#ffffff;}
.fondo_ocre{background-color:#ffdc0d;}
.fondo_gris{background-color:#cccccc;}
/***********************************************************/

/* Capas */

.impresion {
		Padding:20px;
		}

capsula {
	float:left;
}
#cuerpo {

	margin-left:auto;
  	margin-right: auto;
	height:100%;
	width:  749px;

	}

.centrado {
	margin-top:15px;

	}
.centro_cosas{
	padding-left:300px;
	}
.capa_listarrutas_contenedor {
	margin-bottom:20px;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
}
.capa_listarrutas_contenedor2 {
	margin-bottom:20px;
	float:right;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
}
.capa_listarutas_img {
	width:120px;
	float:left;
	margin-right:10px;


	}

.capa_listarutas_txt {
	float:right;
	width:330px;

	}
.capa_listarutas_txt_detalle {
	float:right;
	width:200px;

	}
.capa_noticias_txt_detalle {
	float:right;
	width:470px;

	}
.pastillablanca {
	background-color:#ffffff;
	padding:5px;
	float:right;
	height: 100%;
	width:70%;
	margin-bottom:4px;

	}

.pastillablanca_titulo {
	clear:both;
	width:22%;
	text-align:right;
	padding:2px;
	margin-bottom:4px;
	float:left;

	}
/***********************************************************/

/***** BOTONES y  MENU PRINCIPAL *******/
.menu {
	height:30px;
	width:  749px;
	}

.boton {
	font-size: 1.2em;
	float:left;
	color:#ffffff;
	padding-top:10px;
	text-align: center;
	cursor: pointer;
	display:block;
	height:20px;
	width:  107px;
	text-decoration: none;
	background-image: url(deco/bo_b.jpg);
	background-position:top;
	background-position: center;
	}
.boton:hover {
	color:#999999;
	background-image: url(deco/bo_a.jpg);
	}

.botonoff {
	font-size: 1.2em;
	float:left;
	color:#999999;
	padding-top:10px;
	text-align: center;
	height:20px;
	width:  107px;
	text-decoration: none;
	background-image: url(deco/bo_a.jpg);
	background-position:top;
	background-position: center;
	}
/**********************************************/

/***** BOTONES y  SUBMENUS *******/
.menu_sub2 {
	margin-top:140px;
	float:right;
	height:30px;
	width:  480px;

	}
.menu_sub {
	margin-top:140px;
	float:right;
	height:30px;
	width:  539px;

	}

.boton_sub {
	margin-right:0px;
	font-size: 1em;
	float:left;
	color:#ffffff;
	padding-top:10px;
	text-align: center;
	cursor: pointer;
	display:block;
	height:20px;
	width:  107px;
	text-decoration: none;
	background-image: url(deco/bo_b.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-position: center;
	}
.boton_sub:hover {
	color:#999999;
	background-image: url(deco/bo_a.jpg);
	background-repeat: no-repeat;
	}
.botonoff_sub {
	margin-right:0px;
	float:left;
	color:#999999;
	padding-top:10px;
	text-align: center;
	height:20px;
	width:  107px;
	text-decoration: none;
	background-image: url(deco/bo_a.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-position: center;
	}
.boton_subUno {
	margin-right:5px;
	font-size: 1em;

	color:#999999;
	padding-top:10px;
	text-align: center;
	cursor: pointer;
	display:block;
	height:20px;
	width:  115px;
	text-decoration: none;
	background-image: url(deco/sub_a.jpg);

	background-position:top;
	background-position: center;
	}
.boton_subUno:hover {
	color:#000000;
	background-image: url(deco/sub_b.jpg);
	}

/**********************************************/

/***** BOTONES y  RUTAS *******/
.menu_rutas {
	margin-top:140px;
	float:right;
	height:30px;
	width:  480px;
	}

.boton_rutas {
	margin-right:5px;
	font-size: 1em;
	float:left;
	color:#000000;
	padding-top:10px;
	padding-right: 5px;
	text-align: right;

	cursor: pointer;
	display:block;
	height:30px;
	width:  160px;
	text-decoration: none;
	background-image: url(deco/bo_rutas_a.jpg);
	background-position:top;
	background-position: center;
	}
.boton_rutas:hover {
	color:#000000;
	background-image: url(deco/bo_rutas_b.jpg);
	}
.boton_rutasUno {
	margin-right:5px;
	font-size: 1em;

	color:#999999;
	padding-top:10px;
	text-align: center;
	cursor: pointer;
	display:block;
	height:20px;
	width:  115px;
	text-decoration: none;
	background-image: url(deco/sub_a.jpg);
	background-position:top;
	background-position: center;
	}
.boton_rutasUno:hover {
	color:#000000;
	background-image: url(deco/sub_b.jpg);
	}
.botonoff_rutas {
	margin-right:5px;
	float:left;
	color:#000000;
	padding-top:10px;
	text-align: center;
	height:20px;
	width:  115px;
	text-decoration: none;
	background-image: url(deco/sub_b.jpg);
	background-position:top;
	background-position: center;
	}

.botonoff_rutas_noticias {
		margin-right:5px;
	font-size: 1em;
	float:left;
	color:#999999;
	padding-top:10px;
	padding-right: 5px;
	text-align: right;

	cursor: pointer;
	display:block;
	height:30px;
	width:  160px;
	text-decoration: none;

	}

/**********************************************/
/********** BOTONES COMPRAR y M�S INFO en detalle prducto ******************/
.menu_detalle {
	clear:both;
	float:right;
	height:35px;

	}
.boton_detalleUno {
	margin-right:5px;
	font-size: 1em;
	float:left;
	color:#999999;
	padding-top:0px;
	text-align: center;
	cursor: pointer;
	display:block;
	height:35px;
	width:  121px;
	text-decoration: none;
	background-image: url(deco/comprar_a.jpg);
	background-position:top;
	background-position: center;
	}
.boton_detalleUno:hover {
	color:#000000;
	background-image: url(deco/comprar_b.jpg);
	}
/**********************************************/
/* BANNERS PUBLICIDAD */
.banners {

	text-align: center;
	font-weight:bold;
	font-size: 1.3em;
	color:#cccccc;
	height: 100%;
	width:  749px;
	}


/**********************************************/


/* BOTONES GRANDES */
.menu2 {
	clear:both;
	margin-bottom:15px;
	text-align: center;
	height: 248px;
	width:  745px;
	}

/**********************************************/

/* TEXTOS */

.giroscopik {
	margin-top:25px;
	float:left;
	width:749px;
	}


.txt {
	text-align:justify;
	float:right;
	margin-bottom:40px;
	padding: 15px;
	width: 445px;
	}
.txtenlaces {
	margin-top:140px;
	text-align:justify;
	float:right;
	margin-bottom:40px;
	padding: 15px;
	width: 445px;
	}
.txtlista {

	float:right;
	margin-bottom:40px;
	padding: 15px;
	width: 445px;
	}
.txtiz {
	text-align:justify;
	margin-top:415px;
	clear:both;
	float:left;
	margin-bottom:40px;
	padding: 15px;
	width: 200px;
	}
.txtiz_donde {
	text-align:justify;
	margin-top:415px;

	float:left;
	margin-bottom:40px;
	padding: 15px;
	width: 200px;
	margin-bottom:30px;
	}
.txtiz_contacto {
	text-align:justify;
	margin-top:620px;
	clear:both;
	float:left;
	margin-bottom:40px;
	padding: 15px;
	width: 200px;
	}

.txtizrutas {
	text-align:justify;
	margin-top:125px;
	clear:both;
	float:left;
	margin-bottom:40px;
	padding: 15px;
	width: 200px;
	}
.txtrutas {

	float:right;
	padding: 15px;
	width: 469px;
	height:100%;
	}
.txtrutas_deco1 {
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	float:right;

	margin-top:160px;
	height:28px;
	width:  490px;
	background-image: url(deco/interficie/fitxa-1.gif);


	}

.txtrutas_deco2 {
	padding-top:3px;
	text-align:right;
	float:right;
	height:38px;
	width:  500px;
	background-image: url(deco/interficie/fitxa-3.gif);
	margin-bottom:40px;
	}
.txtlargo {

	text-align:justify;
	float:left;
	padding: 15px;
	width: 720px;
	}
.txtlargoform {
	margin-top:140px;
	text-align:justify;
	float:left;
	padding: 15px;
	width: 720px;
	}
.txtlargoiz {

	text-align:justify;
	float:left;
	padding: 15px;
	width: 340px;
	padding-top:300px;
	}
.txtlargode {

	text-align:justify;
	float:right;
	padding: 15px;
	width: 340px;
	padding-top:300px;
	}
/**********************************************/

/* ENLACES NORMALES */

.enlace1 {
	font-weight:bold;
	color:#fc7904;
	text-decoration: none;
	}
.enlace1:hover {
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	}
.enlace2 {
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	}
.enlace2:hover {
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	}
.enlace3 {
	font-weight:bold;
	color:#999999;
	text-decoration: none;
	}
.enlace3:hover {
	font-weight:bold;
	color:#f87705;
	text-decoration: none;
	}
.enlace4 {
	background-color:#fada03;
	display:block;
	font-weight:bold;
	color:#156e06;
	text-decoration: none;
	}
.enlace4:hover {
	background-color:#26fa03;
	display:block;
	font-weight:bold;
	color:#339900;
	text-decoration: none;
	}
/* PARA listado especial titular rutas titular. */
.enlace5 {
	font-size : 18px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	}
.enlace5:hover {
	font-size : 18px;
	font-weight:bold;
	color:#f87705;
	text-decoration: none;
	}
.enlace6 {
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
	}
.enlace6:hover {
	font-weight:bold;
	color:#ffff00;
	text-decoration: none;
	}
.enlaceidioma {
	font-size : 10px;
	color:#cccccc;
	text-decoration: none;
	}
.enlaceidioma:hover {

	color:#999999;
	text-decoration: none;
	}


.calendario {
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
	}
.calendario:hover {
	font-weight:bold;
	color:#f87705;
	text-decoration: none;
	}
/*--------------------------------------------*/


/**********************************************/
/* TABLAS */

td.der {

	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:150px;
	text-align:right;

}

td.cabeza {

	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
	}
td.cabeza2 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	}
/*--------------------------------------------*/


/**********************************************/
/* CALENDARIO */

.fondo {background-color:#ffffff;}
TD  {
	font-family : verdana,arial,helvetica;
	font-size : 7pt;
}

.tit  {
	font-family : verdana,arial,helvetica;
	font-size : 8pt;
	color: #ffffff;
	background-color: #999999;
	font-weight: bold;
}
.altn  {
	text-align:center;
	font-family : verdana,arial,helvetica;
	font-size : 7pt;
	color: #ffffff;
	background-color: #999999;
}
/*-------------------------------------------*/

/**********************************************/
/* FORMULARIOS */
input, select, textarea {
	padding:3px;
	border:1px solid #cccccc;
	}
/*-------------------------------------------*/
.sentar {clear:both;}
.cuadro_gordo {

	width:247px;
	height:247px;
	float:left;
	margin-left:0px;
	margin-bottom:15px;

}
.menu_cuadros_g_ru {
	display:block;
	height:245px;
	background-image: url(deco/rutas2.jpg);
	}

.menu_cuadros_g_ru:hover {
	background-image: url(deco/rutasbaix2.jpg);
	}

.menu_cuadros_g_ti {
	display:block;
	height:245px;
	background-image: url(deco/Shopping.jpg);
	}

.menu_cuadros_g_ti:hover {
	background-image: url(deco/ShoppingBaix.jpg);
	}

.menu_cuadros_g_pu {
	display:block;
	height:245px;
	background-image: url(deco/publiGiroscopik.jpg);
	}

.menu_cuadros_g_pu:hover {
	background-image: url(deco/publiGiroscopikBaix.jpg);
	}

.menu_cuadros_g_no {
	display:block;
	height:245px;
	background-image: url(deco/news.jpg);
	}

.menu_cuadros_g_no:hover {
	background-image: url(deco/newsBaix.jpg);
	}

/************************
*
* SEGWAY con Registro
************************/
.reg
	 {
	 font-size: 11px;
	 }
/** Boton Idioma **/
.boton_idioma
	{
	float:right;
	clear:both;
	padding-right:10px;
	padding-top:4px;
	}