/* ==== Scroll down to find where to put your styles :) ==== */


/* 	HTML5 Boilerplate
 
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}                                         
#tablagestor {border:1px solid #000;border-collapse:collapse}

#tablagestor tr, #tablagestor tr td {
  border:1px solid #000;
  border-collapse:collapse;
  color:#FFF;
  font-weight:normal;
  text-decoration:none;
}
#tablagestor tr td p {
  color:#FFF;
  font-weight:normal;
  text-decoration:none;
}

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/*table { border-collapse:collapse; border-spacing:0; }*/
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* End of Reset CSS 

fonts.css from the YUI Library: developer.yahoo.com/yui/ */

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * HTML5 Boilerplate - minimal base styles 
 */

body, select, input, textarea { 
  color: #444; 
  /* font-family: Georgia, serif;  */   
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
a.titular_noticia, a.titular_noticia:hover, a.titular_noticia:active, a.titular_noticia:visited {
  color:#fff;
}
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* By default the selection color is pink */
::-moz-selection{ background: #f16529; color:#fff; text-shadow: none; }
::selection { background:#f16529; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

body{
	font-family:'Molengo', Helvetica, Helvetica Neue, Arial, sans-serif;background:white url(../img/bg.jpg) repeat;
}

.wrapper{
	margin:auto;
	width:960px;
}

#header-container{
	background: url(../img/capcalera.png) no-repeat;
	margin:0 auto;
	width:960px;
	height:185px;
	z-index:2;
	position:relative;
}

#header-container div:nth-child(1) {background-color:#333;} 
#header-container div:nth-child(2) {background-color:#038ee6;} 
#header-container div:nth-child(3) {background-color:#02d0e8;} 
#header-container div:nth-child(4) {background-color:#deeb03;} 
#header-container div:nth-child(5) {background-color:#7e70d1;} 
#header-container div:nth-child(6) {background-color:#2066f5;width:767px;height:117px;margin:33px 0 0 0;float:right;}
#header-container div:nth-child(7) {background-color:#deeb03;}
#header-container div:nth-child(8) {background-color:#ea3c02;}
#header-container div:nth-child(9) {background-color:#038ee6;}
#header-container div:nth-child(10) {background-color:#deeb03;}
#header-container div{
	width:192px;
	height:3px;
	float:left;
}

h2, h3{
	margin:10px 0;
}

#title, h2, h3{
	font-weight:normal;	
}

#title{
	font-size: 80px;
	color:white;
	padding-top:35px;
	float:left;
}

h2{
	font-size: 17pt;
	color:white;
}

h3{
	font-size: 40px;
}

nav{
	float:right;
	margin-top:100px;
}

nav ul, nav ul li{
	display:inline;
}

nav a{
	float:left;
	width:90px;
	height:32px;
	float:left;
	color:white;
	text-decoration:none;
	padding:46px 0px 0px 0px;
}

aside.menu{
	color:white;
	float:left;
	height:auto;
	width:90px;
	
}

aside.menu nav {padding:0;margin:0;}

aside.menu ul li {width:90px;height:71px;float:left;margin:0 0 7px 0;text-align:center;opacity:0.8;}

aside.menu ul li:first-child:hover a{color:white;}
aside.menu ul li:hover a{color:black}

aside.menu ul li:nth-child(1){background:#000 url(../img/menu-home.png) 50% 16px no-repeat;border-bottom:7px solid #000;}
aside.menu ul li:nth-child(2){background:#000 url(../img/menu-club.png) 50% 16px no-repeat;border-bottom:7px solid #00e1fc;}
aside.menu ul li:nth-child(3){background:#000 url(../img/menu-calendari.png) 50% 16px no-repeat;border-bottom:7px solid #0099fa;}
aside.menu ul li:nth-child(4){background:#000 url(../img/menu-noticies.png) 50% 16px no-repeat;border-bottom:7px solid #fd4001;}
aside.menu ul li:nth-child(5){background:#000 url(../img/menu-mx.png) 50% 16px no-repeat;border-bottom:7px solid #7e70d1;}
aside.menu ul li:nth-child(6){background:#000 url(../img/menu-swc.png) 50% 16px no-repeat;border-bottom:7px solid #2066f5;}
aside.menu ul li:nth-child(7){background:#000 url(../img/menu-galeria.png) 50% 16px no-repeat;border-bottom:7px solid #fd4001;}
aside.menu ul li:nth-child(8){background:#000 url(../img/menu-eventos.png) 50% 16px no-repeat;border-bottom:7px solid #e2ee06;}
aside.menu ul li:nth-child(9){background:#000 url(../img/menu-pilots.png) 50% 16px no-repeat;border-bottom:7px solid #00e1fc;}
aside.menu ul li:nth-child(10){background:#000 url(../img/menu-btt.png) 50% 16px no-repeat;border-bottom:7px solid #fd4001;}
aside.menu ul li:hover {
	-moz-transition-property:color, background; 
	-moz-transition-duration: 1s, 0.1s; 
	-moz-transition-timing-function: linear, ease-in;
	-webkit-transition-property:color, background; 
	-webkit-transition-duration: 1s, 0.1s; 
	-webkit-transition-timing-function: linear, ease-in;
	-o-transition-property:color, background; 
	-o-transition-duration: 1s, 0.1s; 
	-o-transition-timing-function: linear, ease-in;
}

aside.menu ul li:nth-child(1):hover {background:#000 url(../img/menu-home-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(2):hover {background:#00e1fc url(../img/menu-club-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(3):hover {background:#0099fa url(../img/menu-calendari-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(4):hover {background:#fd4001 url(../img/menu-noticies-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(5):hover {background:#7e70d1 url(../img/menu-mx-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(6):hover {background:#2066f5 url(../img/menu-swc-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(7):hover {background:#fd4001 url(../img/menu-galeria-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(8):hover {background:#e2ee06 url(../img/menu-eventos-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(9):hover {background:#00e1fc url(../img/menu-pilots-over.png) 50% 16px no-repeat;}
aside.menu ul li:nth-child(10):hover {background:#fd4001 url(../img/menu-btt-over.png) 50% 16px no-repeat;}
aside.dreta{
	color:white;
	float:right;
	height:auto;
	width:273px;
	margin-top:-15px;
	padding-top:15px;
	z-index:1;
	background-color:white;
	-webkit-box-shadow:0 0px 40px -10px #AAA;
	   -moz-box-shadow:0 0px 40px -10px #AAA;
	        box-shadow:0 0px 40px -10px #AAA;	
	        
}

aside.dreta #lateral {
	padding:10px 0 15px 15px;
	background-color:#009ca6;
	margin-bottom:15px;
	
	  -moz-box-shadow: 0px 2px 5px #737373; 
 -webkit-box-shadow: 0px 2px 5px #737373; 
         box-shadow: 0px 2px 5px #737373;
	}
aside.dreta #lateral .fons-blanc div{text-align:right;padding:7px 29px 10px 0;clear:both;}
aside.dreta #lateral .gestor div{text-align:center;padding:0px 0;clear:both;}
aside.dreta div .fons-blanc {width:258px;height:auto;background-color:white;margin-top:10px;padding-top:10px;}
aside.dreta #lateral a {color:#009ca6;text-decoration:none;}
aside.dreta #lateral a:hover {color:#0154a0;}

aside.dreta #lateral:nth-child(1) {background-color:#009ca6;}
aside.dreta #lateral:nth-child(2) {background-color:#0154a0;}
aside.dreta #lateral:nth-child(3) {background-color:#0b2c6f;}
aside.dreta #lateral:nth-child(4) {background-color:#595959;}

/* Para ver errores relacionados con la prioridad del estilo main, 
mirar al final de esta página */
#main {position:relative;}

#main #content-dreta {height:auto;float:left;background-color:white;margin-left:15px;}

#main p{
	font:16px/18px 'Molengo', Helvetica, Helvetica Neue, Arial;
	text-shadow:none;
	color:white;
	font-size:11pt;
}
#main .gestor p {
  font-family:Verdana;
}
#main .gestor td {vertical-align:middle}
#main header h2{
	padding-bottom:5px;
}

#main header img {margin-top:10px;}

#content {width:582px;float:left;margin:-15px 0 0 0;padding:15px 0 0 0;background-color:white;z-index:1;position:relative;}

article {
	width:533px;
	margin:0px 0 15px 0px;
	background-color:white;
	
	  -moz-box-shadow: 0px 2px 5px #737373; 
 -webkit-box-shadow: 0px 2px 5px #737373; 
         box-shadow: 0px 2px 5px #737373;
	}

article#actualitat-1 {/*background-color:#068be8;*/background-color:#0b2c6f;padding:10px 15px 15px 15px;}
article#actualitat-2 {background-color:#49417d;padding:10px 15px 15px 15px;float:left;}
article#actualitat-2 div {width:492px;margin:10px 0 0 0;padding:10px;border:18px solid white;float:left;}
article#actualitat-2 div img {float:left;}
article#actualitat-3 {width:244px;height:auto;background-color:#ff4000;padding:10px 30px 15px 0px;float:left;}
article#actualitat-3 .competicions {width:257px;float:left;background-color:white;margin:10px 0 0 0;}
article#actualitat-3 div.licol {padding:0 10px 20px 10px;float:left;}
article#actualitat-3 header p {margin-left:20px;}

article#actualitat-3 li {
    margin:15px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    list-style:none;
}
article#actualitat-3 .licol {
    float: left;
    width: 235px;
}

.licol #titol {color:#dc0000;}

article header{
	width:533px;
}

/* FORM -------------------------------------------------------------------------*/
form {line-height:30px;width:210px;margin-left:25px;}
form label {width:60px;float:left;color:black;text-align:right;padding-right:20px;}
form select {width:125px;}
form input[type="text"] {width:120px;}
form input[type="submit"] {float:right;margin:7px 5px 0 0;}
form p {margin-bottom:5px;}

/* FI DEL FORM -------------------------------------------------------------------------*/



#footer-container{
	width:100%;
	height:122px;
	margin:0 0 50px 0;
	clear:both;
}

#footer-container footer{
	width:960px;
	height:122px;
	color:white;
}

#footer-container footer div.wrapper2 {
	width:857px;
	height:122px;
	float:right;
	background:#0b2c6f url(../img/moto-club-segre.png) 30px 26px no-repeat;
	
  	-moz-box-shadow: 0px 3px 5px #737373; 
 -webkit-box-shadow: 0px 3px 5px #737373; 
         box-shadow: 0px 3px 5px #737373;
}

#footer-container span {
	font-size:8pt;
}

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

#footer-container a:hover {
	color:black;
}


#footer-container .vcard div:nth-child(1) {
	width:135px;float:left;margin:30px 0 0 220px;line-height:12px;
}

#footer-container .vcard div:nth-child(2) {
	width:170px;float:left;margin:30px 0 0 0px;line-height:12px;
}

#footer-container .wrapper2 .menu-footer {
	width:auto;float:left;margin:30px 0 0 0;text-align:right;line-height:16px;
}







/*
 *  CSS3 Media queries
 */

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#actualitat-1 .TablasDatos {
background-color:#FD4001;
border-spacing:1px;
border-collapse:none;
}
.TablaDato {
background-color:#FFFFFF;
color:#000;
font-family:Verdana;
font-size:10px;
padding:2px;
}
.TablaCabecera {
color:#fff;
text-align:center;
}
#actualitat-1 a{color:#fff}
.clearfix {
  list-style-type: none;
  display: inline;
}
.clearfix li {margin-bottom:10px;}
.css-1{	font-family:Verdana;font-size: 10px;line-height:17px;}
.css-2{	font-family:Verdana;font-size: 13px;line-height:17px;}
.css-3{	font-family:Verdana;font-size: 16px;line-height:17px;}
.css-4{	font-family:Verdana;font-size: 19px;line-height:17px;}
.css-5{	font-family:Verdana;font-size: 24px;line-height:17px;}
.css-6{	font-family:Verdana;font-size: 30px;line-height:17px;}
.css-7{	font-family:Verdana;font-size: 48px;line-height:17px;}

/* AÑADIDOS */

/* Añado este estilo para que al pegar tablas (u otros elementos) al gestor de 
texto desde un word no siga dándole prioridad al div "main". Para solucionarlo, 
englobamos la tabla en un div con la ID tablaWord y sustituimos las comillas 
simples del HTML por comillas dobles (con eso solucionaremos otros problemas de 
estilos concretos) */
#tablaWord p { color: black;}