/*
	Cliente  : Karting Mallorca 
	Fecha    : Marzo - 2008 
	 
	Colores  : #333 	// texto
			 : #cc0000 	// titulos y destacados
			 : #fff 	// background 8a0000
	
	Fuentes  : Trebuchet MS // Texto
			 : Trebuchet MS	// Cabeceras		
			  

*/

/* -------- L4Y0U7 -------- */

body  {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100%;
	background: #700401 url(../img/bg2.gif) repeat-y center;
	text-align: center; 
	color: #333;
}

#contenedor{ 
	width: 777px; 
	margin: 0 auto;
	text-align: left;
}

#top{
	margin-bottom:50px;
}


#banner{
	margin-bottom:1px;
	margin-top:-181px;
}

#logo{
	position:relative;
	top:0;
	left:0;
	width:198px;
	height:81px;
}

#sello{
	position:relative;
	top:-65px;
	left:706px;
	width:100px;
	height:100px;
}

#nav{
	height:29px;
	margin-bottom:10px;
	/*border-bottom:1px #333 solid;*/
}

#lang{
	float:right;
	width:auto;
	
}

#contenido{
	margin-bottom:50px;
	
}

#sideBarIzq{
	float:left;
	width:166px;
	padding-top:1px;
}

#main{
	float:left;
	width:530px;
}


#pie{
	clear:both;
	padding-top:8px;
	padding-bottom:10px;
	border-top:1px #ccc solid;
}
	
#credits{
	float:left;
}

#contacto{
	float:right;
	text-align:right;
}

/* -------- N4V3G4D0R -------- */	
	

#nav ul {
	list-style:none;
}
	
	
/*\*/
/*html*#nav ul{left:21px; }  sólo en safari */


#nav li {
	display:inline;
}
#nav a {
	display:block;
	text-align:center;
	height:100%;
	float:left;
	border-left:1px #333 solid;
}

#nav a span {
	float:left;
	display:block;
	padding:5px 28px;
	height:21px;
	color:#333;
	font-weight:bold;
	font-size:80%;}
	.mac.gecko #nav a span{height:15px; padding:7px 30px;}
	.mac.opera #nav a span{height:15px; padding:7px 30px;}
	.safari #nav a span{height:15px; padding:7px 28px;
}

#nav.eng a span {
	padding:5px 40px;
}
#nav.de a span {
	padding:5px 26px;
}

#nav a span.last{ 
	width:112px; 
	border-right:1px #333 solid;}
	.mac.gecko #nav a span.last{ width:113px;}
	.mac.opera #nav a span.last{width:113px;}
	.safari #nav a span.last{width:111px;
}

#nav.eng a span.last {
	width:32px;
}
#nav.de a span.last {
	width:138px;
}	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */


#nav a:hover span, #nav a span.select {
	background:url(../img/bg_nav.gif) repeat-x top;
	background-position:0 50%;
}	
	

/* -------- 1D10M4 -------- */

#lang li{
	display:inline;
	font-size:70%;
}

#lang a span{
	color:#333;
}

#lang a span.select, #lang a:hover span{
	color:#CC0000;
}
	
/* -------- F0RM470 -------- */

a{text-decoration:none; color:#333;}


dl{font-size:80%; margin-bottom:45px;}
dt{ margin:0 0 10px 0; color:#CC0000; font-weight:bold;}
dd{ background:url(../img/bullet.gif) no-repeat right 2px; color:#333;padding-left:18px;line-height:150%;}



	
h1,h2,h3,h4,h5{
	color:#333;
}
h1{	font-size:85%; font-weight:bold;}
h1 span, h6{
	color:#cc0000;
}

.hicon{
	float:left; 
	width:450px;
}

h1.hicon{padding-top:10px;}
h1.unalinea{float:left;padding-top:5px;width:450px;}
h5.hicon{padding-top:4px; border-bottom:1px #CC0000 dotted;}

.hicon + *, .unalinea + * {
	clear:left;
}

h4{
	margin-bottom:6pt; 
	background:url(../img/bg_eventos.gif) #CC0000 right no-repeat;
	color:#FFFFFF; 
	padding:5px; 
	width:479px;
}
h5{
	font-size:80%;
	margin-bottom:12pt;
}

h5 span{color:#CC0000;}

h6{
	font-size:80%;
	margin:20px 0 0 0;
}


p{
	line-height:150%;
	font-size:12px;
	margin-bottom:6pt;
	text-align:justify;
}

p a:link, p a:visited, small a:link, small a:visited { color:#333; border-bottom:1px #333 solid; }
p a:hover, small a:hover{ color:#333; border-bottom:0px #333 solid;}

#reglamento h4{ margin-top:15px;}
#reglamento ul{ margin-bottom:15px;}
#reglamento li{ font-size:80%; margin-bottom:5pt; list-style-type:disc; list-style-position:outside;}

#subnav dt, #subnav dd{
	border-bottom:1px #333 solid;}
	#subnav dd{margin-bottom:5px;}
	#subnav dd a span,#subnav dt a span{display:block; padding: 0 0 10px 15px;}
	#subnav dt a span.short{height:50px;}
	#subnav dt a span{margin-top:15px;}
	#subnav dt.firstdt a:link span, #subnav dt.firstdt a:visited span{margin-top:0px;display:block; height:auto; padding-left:0px;color:#CC0000;}
	#subnav dt.firstdt a:hover span{}
	#subnav dd a:hover span, #subnav dd a span.select{color:#CC0000; }
	#subnav dt a:hover span, #subnav dt a span.select{color:#CC0000; }
	.mac.gecko #subnav dt a:hover span, .mac.gecko #subnav dd a span.select{}
	.mac.opera #subnav dt a:hover span, .mac.opera #subnav dd a span.select{}
	.safari #subnav dt a:hover span, .safari #subnav dd a span.select{
}



#main{
	padding-left:40px;}	
	#main h1{margin-bottom:30px;
}

.video{margin-top:20px;}
	.video ul{ margin-top:10px;}
	.video li a:link{ border-bottom:1px #666 dotted;}
	.video li a span{ color:#666; font-size:80%;}
	.video li a:hover span, .video li a span.select{color:#cc0000;border-bottom:1px #cc0000 dotted;
}

.miniCircuito{
	background:url(../img/bg_circuitos.gif) repeat-x;
	margin-bottom:5pt;}

ul#thumbs{margin-top:3px;}
ul#thumbs li{ display:inline; margin-right:0}
	

div.horario{
	margin:15px 0;
}

#paginacion{
	width:155px;
	margin:0 auto;
	margin-top:15px;}
	div#paginacion span{ display:block; float:left; height:18px; width:15px; 
		margin-right:5px; background:#ccc;
		font-size:80%; text-align:center; padding:2px;}
	div#paginacion a:link span,div#paginacion a:visited span{ color:#666;}
	div#paginacion a:hover span{ color:#fff;background:#cc0000; cursor:pointer;
}

#pie p{
	color:#666;
	font-size:70%;
	line-height:120%;
}


.fltleft{
	float:left;
	margin-right:10px;
}


.listadoVenta{
	height:500px; overflow:scroll; overflow-x:hidden;
}

.articulo{
	height:auto;
	clear:left;
	margin-bottom:15px;
}
.nombreArt{
	float:left;
	width:330px;
}
.nombreArt h5{
	font-weight:bold;
	color:#CC0000;
	font-size:90%;
}
.nombreArt p a{
	border-bottom:1px #CC0000 solid;
}
.nombreArt p a:hover{color:#fff; background-color:#990000; padding:3px;}

/* -------- H0M3 -------- */
body.home #main{
	width:777px;
	padding:0;
	padding-bottom:0;
}

#topMainHome{margin-left:0; padding-left:0; width:777px;}

/**/#topMainHome h1,#topMainHome p{margin-left:25px; padding-right:15px;} 

#bottomMainHome{ margin-top:20px;padding-left:30px;}

div.destacado{
	float:left;
	margin-right:25px;
}

div.destacado .destacadoText{
	margin-top:10px;
	width:203px;
	height:242px;
	background: url(../img/bg_destacado.jpg) repeat;
	padding:10px;
}
div.destacado .destacadoText p{font-size:75%;}
div.destacado .destacadoText span{color:#cc0000;}

/* -------- 74BL42 -------- */

table.tablaClasificacion th{
	font-size:80%;
	font-weight:bold;
}
table.tablaClasificacion td{
	font-size:80%;
	color:#CC0000;
	height:23px;
}

table.tablaClasificacion td a{color:#cc0000; border-bottom:1px #cc0000 dotted;}
table.tablaClasificacion td a:hover{border-bottom:1px #cc0000 solid;}

div.horario{ margin-left:10px;}
div.horario table td{vertical-align:top; font-size:80%; height:30px;}

td.horas span{color:#CC0000;}

/* -------- 7R4N2P4R3NC14 -------- */
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

	
/* -------- N0 30RR4R -------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}