/*
 * Project	:	MONDRAKER 2009
 *
 * File		:	main.css
 * Created	:	21/10/2008
 * Company	:	nitsnets | studios
 *
 */

/*
 * -----------------------------------------------------------------------------
 * 						  		MAIN ESTRUCTURE
 * -----------------------------------------------------------------------------
 * WIDTH : 781px - HEIGHT : 100%
 */

html, body {
	margin:0; padding:0; height:100%;
	background: url(content/bg_body.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;
}

#content {
	/*height:100%; min-height:100%;*/
	/*position:relative;*/
	width:781px; margin:0 auto -18px;
	background: url(content/bg_content.jpg) repeat-y;
}

.content_class {
	height:100%; min-height:100%;
	position:relative;
}

.content_class_600 {
	min-height: 600px; _height: 600px;
}

* html #content {
	/*height:100%;*/
}

body>#content {
	height:auto;
}

#contentinner {
	background:#FFFFF;
	width:781px; margin:0 auto; clear:both; float:left;
	margin-bottom: 15px;
}

* html #contentinner {
	height:1%;
}

html>body #content {
	height:auto;
}

#footer {
	position:relative;
	width:781px;  height:17px; margin:0 auto;
	border-top: 1px solid #a1a0a0;
	clear: both;
}

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


#content_splash {
	/*height:100%; min-height:100%;*/
	/*position:relative;*/
	width:781px; margin:0 auto -18px;
	background: black;
	height: 100%;
}

#content_splash #logo {
	width: 430px;
	height: 183px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -215px;
	margin-top: -130px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

#content_splash #splash_div {
	height: 183px;
}
	#content_splash #splash_div img {
		margin-top: 70px;
	}

#content_splash #logo a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#content_splash #logo a:hover {
	color: #0063BA;
}

#content_splash #logo #enlaces {
	padding-top: 42px;
	text-align: center;
}

/*
 * -----------------------------------------------------------------------------
 * 						  		FOOTER
 * -----------------------------------------------------------------------------
 */
.copyright {
	font-size: 10px;
	padding-left: 25px;
	line-height: 17px;
	float: left;
}

.site_links {
	font-size: 10px;
	padding-right: 25px;
	line-height: 17px;
	float: right;
}

/*
 * -----------------------------------------------------------------------------
 * 						  		HEADER
 * -----------------------------------------------------------------------------
 */
#header {
	width: 100%; height: 95px;
	background: url(header/bg_header.jpg) no-repeat;
	float: left;
}

/* Seleccionar idioma */
#language_selector {
	width: 756px; height: 20px;
	background: #0063ba;
	font-size: 10px; font-weight: bold; color: #ffffff; line-height: 20px; text-align: right; padding-right:25px;
	float: left;
}

#language_selector a {
	color: #ffffff;
	text-decoration: none;
}

#language_selector a:hover {
	color: #000000;
}

#language_selector .selected {
	color: #000000;
}

/* Menu */
#menu {
	width: 756px; height:30px;
	margin-top: 64px;
	font-size: 12px; font-weight: bold; color: #ffffff; line-height: 30px; text-align: right; padding-right:25px;
	float:right;
}

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

#menu a:hover {
	color: #0063ba;
}

#menu .selected {
	color: #0063ba;
}

#menu .desactivated {
	color: #666666;
}

/*
 * -----------------------------------------------------------------------------
 * 						  		CONTENT
 * -----------------------------------------------------------------------------
 */

a {
	color: #000000;
	text-decoration: none;
	border: none;
}

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

a.azul {
	color: #0063BA;
	text-decoration: none;
	border: none;
}

a.azul:hover {
	color: #666666;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

img {
	border: none;
}

address {
	font-style: normal; line-height: 15px;
}

p {
	width: 100%;
	font-size: 11px; text-align: justify;
	margin: 0px; padding: 0px;
	padding-bottom: 16px;
	clear: both;
}

select {
	font-size: 11px; color: #464646;
}

.main_content {
	width: 730px;
	margin-top: 8px; margin-left: 25px; _margin-left:13px;
	float: left;
}

.main_content_without {
	width: 730px;
	margin-left: 25px; _margin-left:13px; margin-bottom: 20px; #margin-bottom: 0px;
	float: left;
}

/* -------- HOME -------- */
#banner_xl {
	width: 730px; height: 260px;
	border-bottom: 2px solid #0063ba;
	padding-bottom: 2px;
	margin-bottom: 6px;
	float: left;
}

#banner_left {
	width: 357px; height: 172px;
	float:left;
}

.banner_right {
	width: 357px; height: 172px;
	float:right;
}

.banner_title {
	width: 339px; height: 28px;
	background: url(content/bg_banner_title.jpg) no-repeat;
	border-bottom: 4px solid #0063ba;
	font-size: 12px; font-weight: bold; color: #ffffff; line-height: 28px; padding-left: 18px;
	float: left;
}

.banner_title a {
	color: #ffffff;
}

.banner_title a:hover {
	color: #666666; text-decoration: none;
}

.banner_content {
	width: 337px; height: 118px;
	padding-top: 10px; padding-right: 10px; padding-left: 10px;
	background: #cccbcb;
	float: left;
}

.banner_footer {
	width: 357px; height: 13px;
	background: url(content/bg_banner_footer.jpg) no-repeat;
	float: left;
}

.banner_line {
	width: 100%; height: 19px;
	background: url(content/bg_banner_line.jpg) repeat-x center center;
	float:left;
}

.banner_line_2 {
	width: 100%; height: 19px;
	background: url(content/bg_banner_line.jpg) repeat-x center center;
	/*margin-top: -15px;*/
	margin-top: -3px;
	float:left;
}

.news_content_home {
	font-size: 11px; color: #000000;
	display: block;
}

.news_date_home {
	font-size: 11px; color: #000000; font-weight: bold;
	display: block;
}

.news_content {
	/*font-size: 11px; color: #000000;*/
	font-size: 11px; color: #f2f2f2;
}

.news_content a {
	/*font-size: 11px; color: #000000;*/
	color: #f2f2f2;
}

.news_date {
	/*font-size: 11px; color: #000000; font-weight: bold;*/
	font-size: 11px; color: #f2f2f2; font-weight: bold;
	display: block;
}

.news_content_selected {
	/*font-size: 11px; color: #9d9b9b;*/
	font-size: 11px; color: #000000;
	display: block; padding-bottom: 5px;
}

.news_date_selected {
	/*font-size: 11px; color: #9d9b9b; font-weight: bold;*/
	font-size: 11px; color: #000000; font-weight: bold;
	display: block;
}

/* Scroll */
#scroll_content {
	width: 315px; height: 118px;
	float: left; overflow: hidden;
}

#scroll_bar {
	width: 13px; height: 118px;
	background: url(content/scroll_bar.jpg) repeat-y;
	float: right;
}

#scroll_handle {
	width: 13px; height: 21px;
	background: url(content/scroll_handle.jpg);
	cursor: pointer;
}

/* ------- DEALERS ------ */
.dealer {
	width: 210px;
	padding-left: 30px; padding-bottom: 22px;
	float: left;
}

.dealer .country {
	color: #0063ba; font-weight: bold; line-height: 15px;
	display: block;
}

.dealer .name {
	font-weight: bold; line-height: 15px;
	display: block;
}

.dealer_column {
	width: 240px;
	float: left;
}

/* -------- NEWS -------- */
#news {
	width: 500px;
	float: left;
}

#news img {
	margin-bottom: 16px;
	float:left;
}

#news_date, #news_title {
	font-size: 12px; font-weight: bold;
	padding-bottom: 16px;
	display: block;
}

#news_scroll {
	width: 211px;
	float: right;
}

#news_scroll .title {
	width: 211px; height: 28px;
	background: url(content/bg_news_title.jpg) no-repeat;
	border-bottom: 4px solid #0063ba;
	float: left;
}

#news_scroll .content {
	width: 195px;
	background: #cccbcb;
	padding-top: 10px; padding-left: 13px; padding-right: 3px;
	float: left;
}

#news_scroll .footer {
	width: 211px; height: 13px;
	background: url(content/bg_news_footer.jpg) no-repeat;
	float: left;
}

#news_scroll .line {
	width: 100%; height: 24px;
	background: url(content/bg_banner_line.jpg) repeat-x center center;
	/*margin-top: -12px;*/
	/*float:left;*/
}

/* Scroll */
#news_scroll_content {
	width: 178px; /*height: 118px;*/
	float: left; overflow: hidden;
}

#news_scroll_content a:hover {
	color: #f2f2f2;
	text-decoration: underline;
}

#news_scroll_bar {
	width: 13px; height: 118px;
	background: url(content/scroll_bar.jpg) repeat-y;
	float: right;
}

#news_scroll_handle {
	width: 13px; height: 21px;
	background: url(content/scroll_handle.jpg);
	cursor: pointer;
}

/* ------- PRESS -------- */
.press {
	width: 357px; height: 172px;
	font-size: 11px;
	margin-bottom: 15px;
	float:left;
}

.press .image {
	width: 131px; height: 172px;
	float:left;
}

.press .content {
	width: 224px; height: 172px;
	background: url(content/bg_press.jpg) no-repeat;

	float:right;
}

.press .resume {
	width: 210px; height: 106px;
	margin-top: 7px; margin-left: 7px; _margin-left: 3px;
	text-align: left;
	float: left; clear:both;
}

.press .download {
	margin-top: 17px;
	float:left;
}

.ico_pdf {
	width: 19px; height: 19px;
	background: url(icons/pdf.jpg) no-repeat;
	margin-top: 15px; margin-left: 8px; margin-right: 10px;
	cursor: pointer;
	float:left;
}

.ico_flag {
	float: left;
	margin-top: 2px;
	margin-left: 7px;
}

/* ------- BIKES -------- */
.bikes_bar_1 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_01.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_2 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_02.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_3 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_03.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_4 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_04.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_5 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_05.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_6 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_06.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_7 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_07.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_8 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_08.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_9 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_09.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_10 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_10.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_11 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_11.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_bar_12 {
	width: 719px; height: 25px;
	background: url(content/bikes_bar_12.jpg) no-repeat;
	font-size: 12px; color: #ffffff; line-height: 25px; padding-left: 12px;
	float: left;
}

.bikes_list {
	font-size: 12px;
	margin-top: 10px; margin-bottom: 16px; padding-left: 12px;
	float:left;
}

#table_details {
	width: 710px;
	margin-left: 10px; _margin-left: 5px;
	margin-top: -28px; #margin-top: 0px; _margin-top: -20px;
	float: left; clear: both;
}

#table_details .photo {
	width: 425px;
	vertical-align: top;
}

#table_details .logo {
	padding-top: 20px;
	vertical-align: top;
}

#bikes_submenu {
	width: 751px; height: 20px;
	background: #545454;
	line-height: 20px; font-weight: bold; padding-left: 30px;
	margin-bottom: 20px; margin-top: 10px;
	float: left; clear: both;
}

#downloads_submenu {
	width: 751px; height: 20px;
	background: #545454;
	line-height: 20px; font-weight: bold; padding-left: 30px;
	float: left; clear: both;
}

#downloads_submenu .inactived{
	color: #ffffff;
}

#downloads_submenu a {
	color: #ffffff;
}

#downloads_submenu a:hover {
	color: #000000; text-decoration: none;
}

#bikes_submenu a{
	color: #ffffff; text-decoration: none;
}

#bikes_submenu a:hover{
	color: #000000; text-decoration: none;
}

.bikes_esp {
	width: 100%;
	line-height: 14px;
	border-bottom: 1px solid #a1a0a0; margin-bottom: 3px;
	float: left;clear: both;
}

.bikes_esp .title {
	width: 145px;
	/*color: #a1a0a0; */
	color:#545454;
	font-weight: bold;
	float: left;
}

.ico_zoom {
	width: 13px; height: 16px;
	padding-right: 10px;
	border: none;
	float:left;
}

.geometry {
	width: 100%;
	margin-bottom: 20px;
}

.geometry .image {
	padding-left: 10px;
	float: left;
}

.geometry .frame {
	width: 350px;
	margin-bottom: 20px;
	float: right;
}

.geometry .frame_esp {
	/* width: 100%; */
	line-height: 14px;
	margin-bottom: 3px;
	/* border-bottom: 1px solid #a1a0a0; */
	/* float: left;clear: both; */
}

.geometry .frame_title {
	width: 100px;
		/*color: #a1a0a0; */
	color:#545454; font-weight: bold;
	/* float: left; */
}

.geometry strong {
	padding-right: 3px;
	float: left;
}

/* ------ GALLERY -------- */
.gallery {
	width: 111px; height: 141px;
	background: url(content/bg_gallery.jpg) no-repeat;
	margin-top: 10px; margin-bottom: 10px;
	text-align: left;
	padding-top: 8px; padding-left: 7px; font-size: 12px;
}

.gallery_page {
	padding-left: 14px;
	margin-bottom: 20px;
	font-weight: bold;
}

.gallery_page a{
	color: #9d9b9b;
}

.gallery_page a:hover{
	color: #9d9b9b; text-decoration: underline;
}

.gallery_page .actual{
	color: #0063ba;
}


/* ------- OTROS -------- */
/* ComboBox on top of the page */
.combobox {
	width: 100%; height: 28px;
	border-bottom: 1px solid #a1a0a0;
	text-align: right;
	margin-bottom: 20px;
	float: left;
}

.catalogue_table {
	width: 95%; margin-top: 15px; margin-bottom: 20px;
}

.catalogue_table td {
	vertical-align: bottom;
	padding-bottom: 10px;
}

.catalogue_table img {
	margin-bottom: -10px;
}

/* SOFTGOODS */
.subsubmenu {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 5px;
	float: left;
}

.subsubmenu .selected {
	color: #0063ba;
}

.subsubmenu a {
	color: #9d9b9b;
	text-decoration: none;
	cursor: pointer;
}

.subsubmenu a:hover {
	text-decoration: underline;
}

.main_content .table_color {
	float: left;
}

.main_content .table_color td{
	text-align: center;
}

.camiseta {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.softgoods_content {
	width: 100%;
	margin-top: 15px;
	float: left;
}

.softgoods_content .leyenda {
	position: absolute;
	margin-top: 10px;
	margin-left: -55px;
	text-align: left;
}

.softgoods_content .leyenda_right {
	position: absolute;
	margin-top: 18px;
	margin-left: -160px;
	text-align: left;
}

.softgoods_content .leyenda_xc {
	position: absolute;
	left: 40px;
	margin-top: 265px;
	text-align: left;
}

.softgoods_content p {
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}

.softgoods_content .p_left {
	width: 320px;
}

.main_content .table_car {
	float: left;
}

.main_content .table_car td {
	vertical-align: top;
}

.footwear_section {
	width: 100%;
	font-size: 12px;
	color: #0063ba;
	padding: 0px;
	padding-top: 4px;
	border-bottom: 1px solid #0063ba;
	margin-bottom: 7px;
	display: block;
}

.elegir_color {
	margin-top: 35px;
	text-transform: uppercase;
}

.elegir_color .selected {
	color: #0063ba;
	cursor: none;
}

.elegir_color .selected:hover {
	color: #0063ba;
	text-decoration: none;
}

.elegir_color .link {
	color: #9d9b9b;
	text-decoration: none;
	cursor: pointer;
}

.elegir_color .link:hover {
	text-decoration: underline;
}

.footwear_img {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

.p_azul {
	color: #0063ba;
	padding-top: 5px;
	display: block;
}

.proyecto_img {
	margin-bottom: 16px;
	margin-top: 10px;
	margin-right: 20px;
}

.proyecto_logo {
	margin-bottom: 16px;
	margin-right: 20px;
}

.proyecto_p {
	font-size: 10px;
	color: #373737;
	padding-bottom: 20px;
}

/* Manuals */
.manuals_column {
	float: left;
	padding-top: 15px;
	width: 365px;
}

.manuals_title {
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 25px;
}

.manuals_cell {
	clear: both;
	float: left;
	margin-bottom: 30px;
}
	.manuals_cell .image {
		width: 90px;
		float: left;
	}
	.manuals_cell .download {
		width: 270px;
		float: left;
	}
	.manuals_cell .ico_pdf {
		margin-top: 2px;
		margin-left: 0px;
	}
	
/* Team */
.team_title {
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding-bottom: 8px;
}

.champions_photo {
	margin-top: 12px;
	margin-bottom: 15px;
}

.profile {
	float: left;
	width: 255px;
	margin-bottom: 15px;
}
	.profile .name {
		font-size: 12px;
		display: block;
		font-weight: bold;
		color: #545454;
		padding-bottom: 5px;
	}
	.profile .content {
		width: 220px;
	}
	.profile .list {
		display: block;
		line-height: 15px;
	}
	
.team_subtitle {
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #545454;
	padding-bottom: 5px;
}

.normal {
	font-size:10px;
	color: #000000;
	font-weight: normal;
}

.team_content {
	width: 100%;
	margin-top: 25px;
	float: left;
}

.patrocinadores {
	margin-bottom: 50px;
}

.calendar_title {
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
}

.calendar_subtitle {
	font-size: 10px;
	display: block;
	font-weight: bold;
	color: #545454;
	padding-bottom: 5px;
}

/* ------ POPUP ------- */
#home_popup {
    left:       50%;
    margin-left:-400px;
    margin-top: 50px;
    position:   absolute;
    top:		0%;
}

#popup_cerrar {
    cursor:         pointer;
    height:         23px;
    margin-left:    716px;
    .left:			716px;
    position:       relative;
    top:            -520px;
    width:          76px;
}