/*
 * Proyect	:	MONDRAKER
 *
 * File		:	main.css
 * Created	:	25/09/2008
 * Company	:	nitsnets | studios
 *
 */

/* 
 * -----------------------------------------------------------------------------
 * 						  		MAIN ESTRUCTURE
 * -----------------------------------------------------------------------------
 *
 */

html, body {
	margin:0; padding:0; height:100%;
	background-color: #000000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
	behavior:url(js/csshover.htc);
}

a {
	color:#FFFFFF;
	text-decoration:none; border:0px;
}

a:hover {
	color:#FFFFFF;
	text-decoration:none; border:0px;
}


#header {
	height:90px;
}

#clearheader {
	height:90px;
}

#content {
	height:100%; min-height:100%;
	position:relative;
	width:631px; margin:0 auto -20px;
}

* html #content {
	height:100%;
}

body>#content {
	height:auto;
}

#contentinner {
	background:#FFFFF;
	width:604px; margin:0 auto; clear:both
}

#contentinner_2 {
	background:#FFFFF;
	width:631px; margin:0 auto; clear:both
}

* html #contentinner, * html #contentinner_2 {
	height:1%;
}

html>body #content {
	height:auto;
}

div#footer {
	background-color:#666366;
	position:relative;
	height:22px;
	clear: both;
}

#clearfooter {
	clear:both; height:20px;
}

#menu {
	float:left;
	width:100%; height:20px;
	background-image:url(skin/menu.jpg); background-repeat:no-repeat; 
}

#hidebordertop {
	position:absolute;
	bottom:-2px; left:150px;
	width:40px; height:3px;
	background:#fff;
	overflow:hidden;
}

#hideborderbottom {
	position:absolute;
	top:-3px; left:150px;
	width:40px; height:0px;
	background:#fff;
	overflow:hidden;
}

#inserttop {
	position:relative;
	height:0px;
	background:#fff; color:#000;
}

#insertbottom {
	position:relative;
	clear:both;
	height:0px;
	background:#fff; color:#000;
}


/* 
 * -----------------------------------------------------------------------------
 * 						  			HEADER
 * -----------------------------------------------------------------------------
 *
 */
.logo {
	width:160px; height:35px;
	/* background-image:url(skin/logo.jpg); background-repeat:no-repeat; */
	margin-top:34px;
	float:left;
}

.logo_2 {
	width:35px; height:35px;
	background-image:url(skin/logo_2.jpg); background-repeat:no-repeat;
	margin-top:34px;
	float:right;
}

.logo_3 {
	width:35px; height:35px;
	background-image:url(skin/logo_3.jpg); background-repeat:no-repeat;
	margin-top:34px;
	float:right;
}

.logo_3:hover {
	width:35px; height:35px;
	background-image:url(skin/logo_2.jpg); background-repeat:no-repeat;
}

.idioma {
	height:35px;
	margin-top:57px; margin-right:10px;
	float:right;
}

#header a {
	color:#FFFFFF; text-decoration:none;
}

#header a:hover, #header .marcado {
	color:#006EC7; text-decoration:none; 
}

/* 
 * -----------------------------------------------------------------------------
 * 						  			 MENU
 * -----------------------------------------------------------------------------
 *
 */
.section {
	width:115px; height:20px; text-align:center; line-height:18px;
	float:left;
}

.section_on {
	width:115px; height:20px; text-align:center; line-height:18px;
	float:left;
}

#menu a {
	color:#FFFFFF; text-decoration:none;
}

#menu a:hover{
	color:#006EC7; text-decoration:none; /* font-weight:bold; */
}

#menu .marcado {
	color:#006EC7; text-decoration:none; font-weight:bold; cursor:text;
}
/* 
 * -----------------------------------------------------------------------------
 * 						  			FOOTER
 * -----------------------------------------------------------------------------
 *
 */
.footer_content {
	width:631px; height:20px; 
	margin:0 auto;
	color:#FFFFFF; line-height:22px;
}

#footer a {
	color:#FFFFFF; text-decoration:none;
}

#footer a:hover {
	color:#FFFFFF; text-decoration:underline; 
}

/* 
 * -----------------------------------------------------------------------------
 * 						  			CONTENT
 * -----------------------------------------------------------------------------
 *
 */
.clear_space {
	height:20px;
	clear:both;
}
.main_section {
	margin-top:30px;
	font-weight:bold;
	float:left;
}

.main_section_text {
	width:100%;
	margin-top:20px; margin-bottom:24px; float:left; 
	text-align:justify;
}

.title_blue {
	font-size:12px; font-weight:bold; color:#006EC7;
}

.title_blue_2 {
	font-size:10px; font-weight:bold; color:#006EC7;
}

.paragraph_center {
	width:100%;
	float:left; 
	text-align:justify; margin-top:10px; 
	padding-bottom:20px;
}

.paragraph_left {
	width:310px;
	float:left;
	text-align:justify;
}

.paragraph_right {
	width:310px;
	float:right;
	text-align:justify;
}

.imagen_left {
	border:1px solid #FFFFFF;
	width:283px; height:191px;
	float:left; margin-right:10px;
}

.imagen_right {
	border:1px solid #FFFFFF;
	width:283px; height:191px;
	float:right; margin-left:10px;
}

.imagen_content {
	float:left;
	cursor:pointer;
}

.lupa {
	width:20px; height:20px;
	float:left;
	background-image:url(skin/lupa.gif); background-repeat:no-repeat;
	margin-top:-24px; margin-left:2px;
	#margin-top:-22px; #margin-left:2px;
	_margin-top:-22px; _margin-left:1px;
}

.section_underline {
	width:100%;
	border-bottom:1px solid #006EC7;
	height:21px;
	float:left; margin-top:24px;
}

.section_underline_text {
	background-image:url(skin/section_line_back.jpg); background-repeat:repeat-x;
	height:22px;
	font-size:12px; font-weight:bold; color:#006EC7; line-height:24px; _line-height:21px;
	float:left;
	
}

.section_underline_side {
	background-image:url(skin/section_line.jpg); background-repeat:no-repeat;
	width:10px; height:22px; 
	float:left;
}

.number {
	width:100%; height:14px;
	background-image:url(skin/number_back.jpg); background-repeat:no-repeat; float:left; clear:left; padding-left:3px;
}


/* 
 * -----------------------------------------------------------------------------
 * 						  			BIKES
 * -----------------------------------------------------------------------------
 *
 */
 
.logo_bike {
	float:left; clear:both;
	height:15px; width:100%;
	margin-top:30px;
}

.esp_bikes {
	width:100%; float:left; clear:both;
}

.esp_bikes_text {
	width:198px; float:left;margin-top:125px; 
}

.esp_bikes_photo {
	float:right;
}


.lupa_right {
	width:20px; height:20px;
	float:left;
	background-image:url(skin/lupa_black.gif); background-repeat:no-repeat;
	margin-top:218px;
	cursor:pointer;
}

.esp_left {
	width:290px; float:left;
}

.esp_right {
	width:290px; float:right;
}

.especification {
	float:left;
	border-bottom:1px solid #666366; padding-top:5px; padding-bottom:2px;
}

.especification_name {
	width:110px;
	float:left; 
}

.especification_desc {
	width:180px; 
	float:right; 
}

.bt_dune_xr {
	width:126px; height:21px;
	background-image:url(skin/bt_dune_xr.jpg); background-repeat:no-repeat;
	float:left; margin-right:34px; margin-top:10px;border:0;
	cursor:pointer;
}

.bt_dune_r {
	width:127px; height:21px;
	background-image:url(skin/bt_dune_r.jpg); background-repeat:no-repeat;
	float:left; margin-right:34px; margin-top:10px;border:0;
}

.bt_dune {
	width:127px; height:21px;
	background-image:url(skin/bt_dune.jpg); background-repeat:no-repeat;
	float:left; margin-right:34px; margin-top:10px;border:0;
	cursor:pointer;
}

.bt_dune_ajustar {
	width:127px; height:22px;
	background-image:url(skin/bt_ajustar_mi_dune.jpg); background-repeat:no-repeat;
	float:left; margin-right:34px; margin-top:10px;border:0;
	cursor:pointer;
} 


.image_home {
	width:463px; height:463px;
	background-image:url(images/sistema_retocado.jpg); background-repeat:no-repeat;
	margin:0 auto;
}

.galeria {
	width:142px; height:142px;
	border:1px solid #FFFFFF;
	margin-right:9px; margin-bottom:9px;
	float:left;
}

.galeria_ultimo {
	width:142px; height:142px;
	border:1px solid #FFFFFF;
	margin-bottom:9px;
	float:left;
}


#zero_accion a, #bikes a{
	color:#FFFFFF; text-decoration:none;
}

#zero_accion a:hover, #bikes a:hover{
	color:#222222; text-decoration:none; /* font-weight:bold; */
}


/* MENU DESPLEGABLE */
/* Menu desplegables INICIO */
#navh, #navh ul {
	float: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#navh li {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
				height:27px;
				color:#FFFFFF;
				float:left;
				padding: 0px 10px 0px 10px;
}
#navh li:hover, #navh li.sfhover {
	background: #FFFFFF;
	
				height:27px;
				background:url(skin/bg_sub_menu.jpg) repeat-x top;
				color:#FFFFFF;
				float:left;
				padding: 0px 10px 0px 10px;
}

#navh a { /* enlace */
	display: block;
	text-decoration: none;
}

#navh a:hover {/* enlace:hover */
	display: block;
	text-decoration: none;
}

#navh li ul { 
	position: absolute;
	left: -999em;
	height: auto;
	
	font-weight: normal;
				margin: 9px 0px 0px -10px;
}

#navh li ul li { 
				width: 115px;
				height:20px; line-height:19px;
				background:#B9B9B9;
				color:#FEFEFE;
				float:left;
				padding: 0px 10px 0px 10px;
				text-align:center;


}

#navh li ul li:hover, #navh li ul li.sfhover { 
				width: 115px;
				height:20px; 
				line-height:19px;
				background:#E3E3E3;
				color:#FEFEFE;
				float:left;
				padding:0px 10px 0px 10px;
				text-align:center;
}

#navh li:hover ul, #navh li li:hover ul, #navh li li li:hover ul, #navh li.sfhover ul, #navh li li.sfhover ul, #navh li li li.sfhover ul {
	left: auto;
}

#li_ajustar {
	background:none;
	padding:0;
	margin:0;
	display:inline;
	padding-left:8px;
	padding-top:1px;"
}