/* CSS Document */

a {
	font-weight: normal;
	color:#008bcb;
	text-decoration:none;
	}
a:hover{
	color:#008bcb;
	font-weight: normal;
	text-decoration:underline;
	}
img {
border:0px;
}
img a {border:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#000000 url(../img/bg.jpg) no-repeat top center;
	/*background-position:0em auto 0em auto;*/
	color: #f1f1f1;
	text-align: left;
	font-size: 80%;	
	padding: 0px 0px 0px 0px;
	margin:0em 0em 0em 0em;
	}

	h1 {display:none;}
	h2{ color:#008bcb; font-size:1.5em; padding:0px 0px 0px 0px; margin:1em 0em 0em 0em; border-bottom:0px dotted #222;
  }
	h3{color:#f1f1f1; font-size:1.3em; padding:0px 0px 5px 0px; margin:0em 0em 1em 0em; }
	h4{color:#f1f1f1; font-size:1.2em; padding:5px 0px 5px 0px; margin:0em 0em 0em 0em; }
	h5{color:#008bcb; font-size:1.10em; margin:0em 0em 0em 0em; padding:0.2em 0.2em 0.2em 0.2em; border:1px solid #008bcb; width:80%; background:#000000; filter:alpha(opacity=50); text-align:center; }
	h5 a:hover{
	color:#ffffff;
	font-weight: normal;
	text-decoration:none;
	}
	ul{
	margin:0em 0em 0em 1em;
	padding:0em 0em 0em 0em;
	}
	.lista ul li{
	margin:0em 0em 0.2em 0em;
	padding:0em 0em 0em 0.1em;
	list-style-type:none;
	list-style-image: url(../img/bullet.jpg);
	}



#cabecera{
	width:950px;
	height:80px;
	margin:1em auto 2em auto;
	border-bottom:0px dotted #222222;
}
#logo{
	position:relative;
	width:165px;
	height:63px;
	float:left;
}
	
#menu{
	border:0px solid #333333;
	position:relative;
	text-align:right;
	color:#008bcb;
	margin:0px 0px 0px 200px;
	padding:20px 0px 0px 0px;
	font-size:100%;
	/*width:600px;*/
	}
#menu ul{
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	}
#menu ul li{
	margin:0em 0em 0em 0em;
	padding:0em 1.5em 0em 1.5em;
	border-right:1px solid #333333;
	list-style-type:none;
	display:inline;	
	}
#menu ul li a{
	color:#ffffff;
	text-decoration:none;	
	}
#menu ul li a:hover{
	color:#008bcb;
	text-decoration:none;	
	}
.selecc{
	background: url(../img/mark.jpg) no-repeat center top;
	padding:0.8em 0em 0em 0em;
	
	}
	
#galeria{
	width:960px;
	height:500px;
	margin:0em auto 0em auto;
	border:0px solid #333333;
	}
#slideshow {
    position:relative;
    height:236px;
	width:595pxpx;
	border:0px solid #333;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    /*opacity:0.0;*/
}

#slideshow IMG.active {
    z-index:10;
   /* opacity:1.0;*/
}

#slideshow IMG.last-active {
    z-index:9;
}
.banner_home{
	position:relative;
	margin:0px 0px 0px 610px;
	width:345px;
	}
#cuerpo{
width:950px;
height:100%;
margin: 0em auto 0em auto;
padding:0px;
}

	/*About*/
	
#about{
	background:url(../img/bggrupo01.jpg) no-repeat top right;
	width:950px;
	min-height:300px;
	border:0px solid #333333;
	margin: 0em auto 0em auto;
	padding:5px 5px 0px 5px;
	text-align:justify;
	}
#textoabout{
	width:600px;
	min-height:300px;
	border:0px solid #333333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:justify;
	}
	
	/*News*/
	
	
#news{
	background:#000000;
	width:950px;
	min-height:300px;
	border:0px solid #333333;
	margin: 0em auto 0em auto;
	padding:5px 5px 0px 5px;
	text-align:justify;
	}
#textonews{
	width:600px;
	min-height:300px;
	border:0px solid #333333;
	padding:0px 0px 0px 0px;
	text-align:justify;
	}
	
	
	
	/*Community*/
	
	
	
#community{
	background:#000000;
	width:950px;
	/*min-height:600px;*/
	border:0px solid #333333;
	margin: 0em auto 0em auto;
	padding:0px 5px 0px 5px;
	text-align:justify;
	}

#community_izda{
	width:420px;
	height:150px;
	position:relative;	
	float:left;
	border-right:1px dotted #222222;
	margin:0px 0px 20px 0px;
	padding:0em 3em 1em 0em;
	}
#community_izda2{
	width:420px;
	height:150px;
	position:relative;	
	float:left;
	border-right:1px dotted #222222;
	margin:0px 0px 20px 0px;
	padding:0em 3em 1em 0em;
	}	
	
#community_dcha{
	width:420px;
	height:150px;
	position:relative;
	margin:0px 0px 20px 480px;
	border:0px solid #333333;
	padding:0em 1em 1em 2em;
	}
#community_dcha2{
	width:420px;
	height:150px;
	position:relative;
	margin:0px 0px 20px 480px;
	border:0px solid #333333;
	padding:0em 1em 1em 2em;
	}	
	
	
	/*Community and contests*/	
	
#community_contest_izda{
	/*background:#080808;*/
	width:340px;
	/*min-height:600px;*/
	border-right:0px dotted #222222;
	margin: 0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	text-align:left;
	float:left;
	}
.box_community_contest_izda{
	width:340px;
	min-height:140px;
	position:relative;	
	float:left;
	border-top:1px solid #111;
	border-right:1px solid #111;
	border-left:1px solid #111;
	border-bottom:1px solid #222;
	margin:0px 0px 0px 0px;
	padding:2em 1em 1em 1em;
	background:#080808 url(../img/bgbox.jpg) repeat-x;
	}	
.box_community_contest_izda a{
	color:#666666;	
	}
.box_community_contest_izda a:hover{
	color:#008bcb;	
	}	
#community_banner_wwf{
	width:550px;
	height:265px;
	position:relative;	
	border:0px dotted #222222;
	margin:0px 0px 30px 400px;
	padding:0em 0em 0em 0em;
	background:#000000 url(../img/banner_wwf.jpg) no-repeat top;
	}
.text_banner_wwf{
	width:260px;
	min-height:200px;
	position:relative;	
	border:0px dotted #222222;
	margin:0px 0px 20px 20px;
	padding:0em 0em 0em 0em;
	text-align:left;
	}
#logo_wwf{
	background: url(../img/logo_wwf.jpg) no-repeat top left;
	height:50px;
	padding:0px 0px 0px 40px;
	}	
	
	#community_contest_videos{
	background:#080808 url(../img/banner_contest_videos.jpg) no-repeat top;
	width:550px;
	min-height:440px;
	position:relative;	
	border:0px solid #111111;
	margin:0px 0px 20px 400px;
	padding:0em 0em 0em 0em;
	}
.text_contest_videos{
	width:290px;
	min-height:200px;
	position:relative;	
	border:0px dotted #222222;
	margin:0px 0px 20px 20px;
	padding:0em 0em 0em 0em;
	text-align:left;
	
	}
	#community_facebook{
	background:#080808 url(../img/banner_facebook.jpg) no-repeat top;
	width:550px;
	min-height:440px;
	position:relative;	
	border:0px solid #111111;
	margin:0px 0px 20px 400px;
	padding:0em 0em 0em 0em;
	}
.text_facebook{
	width:250px;
	min-height:200px;
	position:relative;	
	border:0px dotted #222222;
	margin:10px 0px 20px 20px;
	padding:0em 0em 0em 0em;
	text-align:left;
	
	}
	.displaynone{
		display:none;
		}
	
/*contact*/

#contact{
	background:url(../img/bgcontacto.jpg) no-repeat top right;
	width:950px;
	min-height:520px;
	border:0px solid #333333;
	margin: 0em auto 0em auto;
	padding:5px 0px 0px 5px;
	text-align:justify;
	}
/*#contact_dcha{
	width:250px;
	height:450px;
	border-left:1px dotted #333333;
	float:right;	
	padding:3em;
	margin:0em 0em 0em 0em;
	}*/
#bgcontact_izda{
	background:url(../img/titucontact.jpg) no-repeat top right;
	width:450px;
	height:550px;
	padding:0em 0em 0em 0em;
	position:absolute;
	margin:0px 0px 0px 0px;
	}
#contact_izda{
	width:375px;
	height:500px;
	padding:3em 2em 1em 3em;
	position:absolute;
	margin:0px 0px 0px 0px;
	text-align:left;
	}
#titu_contact{
		color:#f1f1f1;
		font-size:1.2em;
		padding:7px 0px 15px 0px;
		margin:0em 0em 0em 0em;
		}

.campos {
	font-size: 100%;
	background: #181818;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	width: 115px;
	color: #666666;
	}
.campo_comments {
	font-size: 100%;
	background: #181818;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	width: 350px;
	color: #ffffff;
	}
.botondentro {
	border: 1px solid #a1a1a1;
 	font-size: 90%;
	font-weight:normal;
	background:#333333;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 1px 1px 1px 1px;
	}
.caja2 {
	font-size: 100%;
	background: #484848;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #A3A3A2;
	color: #f1f1f1;
	margin: 1px 1px 1px 1px;
	}
.message_ok{
		color:#008bcb;
		}

/*galeria skateboards*/
#cabeceraskateboards{
	width:950px;
	height:220px;
	margin:0em auto 0em auto;
	border:0px solid #333333;
	background:url(../img/cabeceraskateboards.jpg) no-repeat;
	}
#banner_izda{
	width:450px;
	height:250px;
	position:relative;	
	float:left;
	border:0px solid #333333;
	margin:0px 0px 20px 0px;
	}	
#banner_dcha{
	width:450px;
	height:250px;
	position:relative;
	margin:0px 0px 20px 490px;
	border:0px solid #333333;
	}	
	
	
/*galeria modelos*/
#minigallery{ 
	width:950px;
	/*height:500px;*/
	margin:0px auto 0px auto;
	text-align:left;
}
#minigallery ul{ 
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.minidecks{
	margin:0em 0em 6em 0em;
	padding:0em 0em 0em 0em;
	list-style-type:none;
	border:0px solid #333333;
	width:230px;
	/*height:450px;*/
	display:inline;
	text-align:center;
	float:left;
	
	}
.minidecks2{
	margin:0em 2em 5em 0em;
	padding:0em 0em 0em 0em;
	list-style-type:none;
	border:0px solid #333333;
	width:210px;
	/*height:450px;*/
	display:inline;
	text-align:center;
	float:left;
	
	}
#minigallery ul li a{
	color:#008bcb;
	text-decoration:none;	
	}
#minigallery ul li a:hover{
	color:#008bcb;
	text-decoration:underline;	
	}	
	
/*galeria ropa*/
#cabeceraclothing{
	width:950px;
	height:220px;
	margin:0em auto 0em auto;
	background:url(../img/cabeceraclothing.jpg) no-repeat;
	}
#minigalleryropa{ 
	width:950px;
	/*height:500px;*/
	margin:50px 0px 0px 0px;
	text-align:left;
}
#minigalleryropa ul{ 
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.miniropa{
	margin:0em 1.3em 3em 0em;
	padding:0em 0em 0em 0em;
	list-style-type:none;
	border:0px solid #333333;
	width:300px;
	height:300px;
	display:inline;
	text-align:center;
	float:left;
	
	}
#miniropa ul li a{
	color:#008bcb;
	text-decoration:none;	
	}
#miniropa ul li a:hover{
	color:#008bcb;
	text-decoration:underline;	
	}	

	
#txtfooter_home{
	width:950px;
	height:50px;
	text-align:center;
	font-size:90%;
	line-height:16px;
	color:#333;
	padding: 20px 0px 10px 0px;
	margin:2em auto 0em auto;
	border-top:0px dotted #222222;
}
#txtfooter_home a{
	color:#666;
	text-decoration:none;
}
#txtfooter_home a:hover{
	color:#008bcb;
	text-decoration:underline;
}
#txtfooter{
	width:950px;
	height:50px;
	text-align:center;
	font-size:90%;
	line-height:16px;
	color:#333;
	padding: 20px 0px 10px 0px;
	margin:2em auto 0em auto;
	border-top:1px dotted #222222;
}
#txtfooter a{
	color:#666;
	text-decoration:none;
}
#txtfooter a:hover{
	color:#008bcb;
	text-decoration:underline;
}
.clear {clear:both;}
/*links*/
#links_izda{
	width:450px;
	min-height:250px;
	position:relative;	
	float:left;
	border:0px solid #333333;
	margin:0px 0px 20px 0px;
	}	
#links_dcha{
	width:450px;
	min-height:250px;
	position:relative;
	margin:0px 0px 10px 490px;
	border:0px solid #333333;
	
	}	
.link{
	margin:0px 0px 15px 0px;
	color:#555555;
	border-bottom:1px dotted #333333;
	padding:0px 0px 15px 0px;
	list-style-type:none;
	line-height:18px;
	}



.titulink{
	font-size:120%;
	color:#777777;
	line-height:25px;
}
	
.grey{color:#999}

.darkgrey{color:#444}
	
.blue{color:#008bcb}
.minus{font-size:80%;}
.New{color:#FF3; font-style:italic; font-size:80%;}