/* CSS Document */
#body{
    font-family: Trebuchet MS;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
.zindex{
	z-index:200;
}
/*////////////////////////////////////BACKGROUNDS/////////////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------*/
.bg_bar_mini{
	background-color: #333333;
	background-image: url(../../images/bgs/main/mini_bar.jpg);
	background-repeat: repeat-x;
	height: 10px;
}/**/.bg_header{
	background-color: #000000;
	background-image: url(../../images/bgs/main/header.jpg);
	background-repeat: repeat-x;
	height: 220px;
}/**/.bg_bar_menu{
	background-color: #333333;
	background-image: url(../../images/bgs/main/menu_bar.jpg);
	background-repeat: repeat-x;
	height: 30px;
}/**/.bg_blanco{
	background-color: #FFFFFF;
	padding: 4px;
}/**/.bg_footerdown{
	background-color: #000000;
	background-image: url(../../images/bgs/footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}/**/.1logo{
	background-image: url(../../images/logos/main/suarez.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 194px;
}/**/.logocycling{
	height: 90px;
	width: 150px;
	background-image: url("../../images/logos/logo_suarez.png") !important;
	background-image: none;
	filter: none !important; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logos/logo_suarez.png");
	background-repeat: no-repeat;

}/**/
.bg_separator{
	background-image: url(../../images/bricks/main/menu_separator.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 11px;
	width: 1px;
}
/*------------------------------------------------------------------------------------------------*/
/*////////////////////////////////////BOTONES/////////////////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------*/

.btn_inicio a{
	background-image: url(../../images/btn/main/inicio_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 52px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_inicio a:hover{
	background-image: url(../../images/btn/main/inicio_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}/**/.btn_eventos a{
	background-image: url(../../images/btn/main/eventos_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 60px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_eventos a:hover{
	background-image: url(../../images/btn/main/eventos_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}/**/.btn_nuestra_compania a{
	background-image: url(../../images/btn/main/nuestra_compania_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 109px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_nuestra_compania a:hover{
	background-image: url(../../images/btn/main/nuestra_compania_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}/**/.btn_productos a{
	background-image: url(../../images/btn/main/productos_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 74px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_productos a:hover{
	background-image: url(../../images/btn/main/productos_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
.btn_tecnologia a{
	background-image: url(../../images/btn/main/tecnologia_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 173px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_tecnologia a:hover{
	background-image: url(../../images/btn/main/tecnologia_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}/**/.btn_contactenos a{
	background-image: url(../../images/btn/main/contactenos_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 21px;
	width: 88px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_contactenos a:hover{
	background-image: url(../../images/btn/main/contactenos_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}/**/.btn_distribuidores a{
	background-image: url(../../images/btn/main/distribuidores_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 19px;
	width: 109px;
	padding-top: 7px;
	margin-right: 10px;
	margin-left: 10px;
}.btn_distribuidores a:hover{
	background-image: url(../../images/btn/main/distribuidores_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
/*///////LÍNEAS DE PRODUCTOS///////////*/

.btn_linea1 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_teams.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea2 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_platinum.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea3 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_highperformance.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea4 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_basicshorts.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea5 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_femenina.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea6 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_invierno.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea7 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_chaquetaschalecos.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}
.btn_linea8 a{
	background-color: #F0F0F0;
	background-image: url(../../images/btn/lineas/es/es_accesorios.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 119px;
	width: 258px;
}

.btn_nlineas a{
	background-image: url(../../images/btn/linea.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 86px;
	width: 241px;
}
.btn_badanas a{
	background-image: url(../../images/btn/badanas.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 89px;
	width: 232px;
}
.btn_tcolores a{}
.btn_tallajes a{}
/*------------------------------------------------------------------------------------------------*/
/*////////////////////////////////////FORMATO DE TEXTOS///////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------*/
.tt_main{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	/*background-image: url(../../images/bgs/subtt.gif);*/
	background-image: url(../../images/bgs/bici.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}/**/
.tt_sub{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	/*background-image: url(../../images/bgs/subtt.gif);*/
	background-image: url(../../images/bgs/bici.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
}/**/
.tt_sub2{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-left: 40px;
}/**/
.txt_gral{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.txt_gral2 a{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	color: #F0F0F0;
	text-decoration: none;
	text-align: justify;
}
.txt_gral2 a:hover{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	color:#0099CC;
	text-decoration: none;
	text-align: justify;
}
/**/.txt_gral_mini{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
/*------------------------------------------------------------------------------------------------*/
/*////////////////////////////////////FORMATO DE TABLAS///////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*////////////////////////////////////OTROS///////////////////////////////////////////*/
/*------------------------------------------------------------------------------------------------*/
.separator_vert{
	background-image: url(../../images/bricks/separator_vert.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 2px;
}.separator_horiz{
	background-image: url(../../images/bricks/separator_hor.jpg);
	background-repeat: repeat-x;
	background-position: center;
	height: 2px;
}
/* hacks varios, adivinen para q browser… */
html, body, #contenedor {
     min-height: 100%; /* alto minimo FF y Safari */
     width: 100%;
     height: 100%; /* alto minimo para IE Windows */
}
html>body #contenedor {
     height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */
#contenedor {
    position: absolute;
    top: 0;
    left: 0;
	height: auto;
	/*z-index:900;*/
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index:-200;
	background-color: #F0F0F0;
	background-image: url(../../images/bgs/main/footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.anylinkcss{
	position:absolute;
	visibility: hidden;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #666666;
	width: 180px;
	background-image: url(../../images/bgs/main/menu_emer.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-top:2px;
		z-index:1002;
}

.anylinkcss a{
	width: 174px;
	display: block;
	text-indent: 3px;
	padding-left: 6px;
	text-decoration: none;
	background-image: url(../../images/bgs/main/menu_emer.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #666666;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	padding-top: 2px;
	font-style: italic;
		z-index:1002;
}

.anylinkcss a:hover{ /*hover background color*/
	background-color: #FFFFFF;
	width:172px;
	color: #333333;
	background-image: url(../../images/bgs/main/menu_emer_2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	z-index:1002;
}.finaliza_menu{
	width: 180px;
	display: block;
	background-image: url(../../images/bricks/main/menu_emerdown.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	background-color: #F0F0F0;
		z-index:1002;
}
.txt_footer{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}.txt_footer a{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------*/
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	text-align:center;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(../../slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
	cursor:crosshair;	
}
#imageflow{
	text-align:center;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	margin-top: 15px;
}
#changelog div{
	text-align: justify;
}.img { 
	position:absolute; 
	top:0px;
	border:none;
}
li{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(../../images/bullets/orange_ball.gif);
}li a{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(../../images/bullets/orange_ball.gif);
}li a:hover{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(../../images/bullets/orange_ball.gif);
}
.tool-tip {
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	width: 300px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	font-variant:small-caps;
	color: #9FD4FF;
	padding-left: 8px;
	background-color:#004153;
	cursor:pointer;
}
 
.tool-text {
	font-size: 12px;
	text-align:justify;
	padding: 4px 8px 8px;
	background-color:#004153;
		cursor:pointer;

}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 12px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 14px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-variant: small-caps;
	cursor:pointer;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	text-align:left;
	background-color:#F3F3F3;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}
#a{
  border-color: #FFFFFF;
}
.text_footer{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	color:#FFF;	
	font-weight: bold;
}
.text_footer a{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	color:#FFF;	
	text-decoration: none;
	font-weight: bold;
}
.text_lang{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-decoration: none;
	background: url("../../images/bgs/idiomas.jpg") no-repeat right top;
}

.text_langSelect{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-weight:bold;
	color:#fff;
	text-decoration: none;
	background: url("../../images/bgs/brick.jpg") no-repeat left center;
	padding-left: 7px;
}

.text_langNormal{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-weight:bold;
	color:#fff;
	text-decoration: none;
	background: url("../../images/bgs/brick2.jpg") no-repeat left center;
	padding-left: 7px;
}

.text_lang a{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}
.text_lang a:HOVER{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration: none;
}