﻿* {margin:0; padding:0}
#
html, body {
    height: 100%;
}

body {background:url(img/bg.gif) no-repeat top center #1E2658; color:#2A2C31; font:12px Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0;
	SCROLLBAR-FACE-COLOR:#e6e6e6;
	SCROLLBAR-HIGHLIGHT-COLOR:#808080;
	SCROLLBAR-SHADOW-COLOR:#FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR:#ffffff;
	SCROLLBAR-ARROW-COLOR:#1E2658;
	SCROLLBAR-TRACK-COLOR:#f4f4f4;
	SCROLLBAR-DARKSHADOW-COLOR:black;
	margin:0;}

/* Conjunto y parte superior */
#wrap {
	background:url(img/fondo.gif) center;
	background-repeat: no-repeat;
	color:#1E2658;
	margin:0 auto;
	padding:0px 0px;
	width:760px;
	height:100%;
	margin-top:5px;
}
#wrap_intro {
	margin:0 auto;
	padding:0px 0px;
	width:750px;
	height:100%;
	font-size:11px;
	color:#666666;
}

#wrap_intro a{
	font-size:11px;
	color:#999;
}
#wrap_intro a:hover{
	font-size:11px;
	color:#333;
	text-align: center;
}
#header {background:url(img/front.jpg) no-repeat bottom left #fff; color:#232B5C; height:250px; margin:0 0 10px; padding:0;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:15px 0 0;}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}


/* Parte central */
#content {line-height:1.5em; margin:10px 0px 0px 0px; padding-left:0px; text-align:left; height:100%}
#contentwide {line-height:1.5em; margin:10px 0 10px 160px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}

#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}
#content p {padding:25px 25px 0px 25px; text-align:justify}

#content form {
	padding-left: 10px;
	font-size:11px;
	color:#232B5C;
	line-height:25px;
}



#content form .cajas{
	background:#D0D3E2;
	border-bottom:#9EA6CF 1px solid;
	border-left: #232B5C  1px solid ;
	border-right: #9EA6CF 1px solid;
	border-top: #232B5C  1px solid;
	padding-left: 10px;
	font-size:11px;
	color:#232B5C;
	width:130px;
}
#content li {
	list-style-image: url(productos_sportline/img/bullet.gif);
}

/* Pie de página */

#vacio {height:30px}

#footer {background:#ddd; border-top:2px solid #dadada; clear:both;  color:2A2C31; font-size:9px; padding:5px 0; text-align:left; width:760px; height:15px;position:absolute; float:left;}
#footer2 {background:#ddd; border-top:2px solid #dadada; color:2A2C31; clear:both; font-size:9px;  padding:5px 0; text-align:left; width:760px; height:15px;  position: relative; bottom:0; float:left}
#footer p {margin:0; padding:0; }
#footer a {background:inherit; color:#2A2C31; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline; color:#2A2C31;}
#footer_fichas {
	background:#ddd;
	border-top:2px solid #dadada;
	clear:both;
	color:2A2C31;
	font-size:9px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	width:760px;
	height:15px;
	position:relative;
	bottom:0;
	visibility: visible;
}
#footer_fichas p {margin:0; padding:0;}
#footer_fichas a {background:inherit; color:#2A2C31; font-weight:400; text-decoration:none;}
#footer_fichas a:hover {text-decoration:underline; color:#2A2C31;}

/* Links and paragraphs */
a {background:inherit; color:#6272CA; text-decoration:none; font-weight:500;}
a:hover {background:inherit; color:#6272CA; text-decoration:underline;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Puedes editar este campo para cambiar el menú de sitio*/

div#menu {
	background-color: #fff;
	background-image:url(img/fondo_menu.jpg);
	background-position:right;
	background-repeat:no-repeat;
	left: 50%;
	width: 100%;
	visibility:block;
	margin-top:15px;
	margin-bottom:0px;
	overflow:hidden;
	height:100%;
}


ul#navigation-1 {
	margin:0px;
	padding:0px;
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 100%;
	list-style-image: none;
}

ul#navigation-1 li a:link,ul#navigation-1 li a:visited {
	margin:0px;
	background-color: #2A2C31; /*este es el color de fondo (cambialo a tu gusto)*/
	color: #ffffff;
	display: block;
	text-align: center;
	text-decoration: none;
	width:140px;
	height:45px;
	position:relative;
}

ul#navigation-1 li:hover a,ul#navigation-1 li a:hover,ul#navigation-1 li a:active {
	margin:0px;
	background-color: #2A2C31; /*este es el color de fondo (cambialo a tu gusto)*/
	color: #2A2C31;
	display: block;
	text-align: center;
	text-decoration: none;
	width:140px;	
	height:45px;
	position:relative;
}

ul#navigation-1 li {
	margin:0px;
	display: block;
	position: relative;
	width:140px;	
	height:45px;
}

ul#navigation-1 div.navigation-2 {
	margin-top: -49px;
	margin-left: 150px;
	_margin-left: 75px;
	float:left;
	position:relative;
	
	display:none;
	widht:550px;
	overflow-x:hidden;
}

ul#navigation-1 p {   _widht:550px; margin:0px;     padding-left:5px;   display: block;   position: relative;   width: 140px;     height:45px;}ul#navigation-1 p:hover a,ul#navigation-1 p a:hover,ul#navigation-1 p a:active {   _widht:550px; margin:0px;   background-color: #2A2C31; /*este es el color de fondo (cambialo a tu gusto)*/   color: #2A2C31;   display: block;   text-align: center;   text-decoration: none;     height:45px;   position:relative;}ul#navigation-1 p a:link,ul#navigation-1 p a:visited {  _widht:550px; margin:0px;   background-color: #2A2C31; /*este es el color de fondo (cambialo a tu gusto)*/   background-image:url(img/bg_btn.gif); color: #ffffff;   display: block;   text-align: center;   text-decoration: none;   height:45px;   position:relative;}

/*esto esta para cuando tengamos la ficha para que haya scroll*/
div#datos{
	overflow-x:scroll;
	overflow-y:scroll;
}


#fichas_1 {
	position:relative;
	padding-left: 10px;
	width:750px;
	height:230px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ficha_titulo {
	margin:0 0 16px 20px;
	padding-left:0px;
	font-weight: bold;
	padding-bottom:50px;
}

.ficha_caracteristicas{
	overflow-y: scroll;
	padding-right:10px;
	height: 440px;
	width: 350px;
	text-align:justify;
	margin:10px;
}
.ficha_gallery{
	padding-right:10px;
	height: 350px;
	width: 350px;
	text-align:justify;
	margin:10px;
}

.txt_intro{
	margin-bottom:5px;
	font-size:11px;
	color:#666666;
}

#pad {height:100px;}

.title {
	width: 98%;
	height: 40px;
	background-repeat:no-repeat;
	margin: 20px 5px 15px 0;
	padding: 0;
}

.title_form {
	background-color:#232B5C;
	color:#FFFFFF;
}

.catalogo {
	color:#666666;
	font-size:11px;
}

#marcas img {
	border:1px solid #f0f0f0;
	width:75px;
	height:75px;
	 }
	 
#marcas td {
width:75px;
height:75px;
	 }
#formu_trabajo {
	width:90%; 
	padding:5px; 
	margin-bottom:20px; 
	margin-top:10px; 
	margin-left:20px;
	}
.contrato {
font-size:11px;
}
	
td.norepeat {background-repeat: no-repeat; color:#000;padding:10 10 10 10;}

#footer_swf {background:#ddd; border-top:2px solid #dadada; clear:both; color:2A2C31; font-size:9px; margin:0 auto; padding:5px 0; text-align:left; width:760px; height:15px; position:relative; bottom:0}

.style1 {font-size: 12px}

#navigation {
	width: 766px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/navigation-hover.png) repeat-x left top;
} 
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
#navigation ul li {
	display: inline;
	margin: 0px;
} 
#navigation ul li a {
	height:30px;
	display: block;
	float: left;
	padding: 17px 25px 0 26px;
	font: bold 14px Arial;
	color: #134264;
	text-decoration: none;
} 

#navigation ul li a:hover {
	color: #999;
}

#navigation ul li#active a {
	color:#999;
}
