/********************************************************************
Author: carlos@wezstudio.com from Wezstudio
Author URL: http://www.wezstudio.com/
Description: Master Stylesheet for clubrenault8y10.com
Created: 09 Feb 2009
********************************************************************/


/* @group Common elements */
html {
	font-size:100%; /* http://www.alistapart.com/articles/howtosizetextincss */
}

body {
	font-family: helvetica, arial, verdana, sans-serif;  
	font-size: 1em; /*1em=16px*/
	color:#353535;
	background:	#F8F7ED url("../images/header/background_header.jpg") repeat-x scroll 0 0;
}

.background_large {
	background:	#F8F7ED url("../images/header/background_header_b.jpg") repeat-x scroll 0 0;
}


a {
	color:#425f99;
}

a:visited {
	color:#570513; 
}

/* All SPAN invisible */
span {
	display:none;
}

/* Common text */

p {
	font-size: 16px;
	line-height: 20px;
	color:#353535;
	margin-top:10px;	
}

sup {
	vertical-align:super;	
}

/* quotes */

.quote {
	font-family: "Times New Roman", times, serif;
	display:inline;
	font-size:20px;
	margin-left:2px;
	margin-right:2px;
}

blockquote {
	font-family: georgia, palatino, "Century Schoolbook", arial, helvetica, sans-serif;
}

/* common classes */

.header, .section h2, #contact_intro h2, #contact-thanks h2, #main_content h2 {
	color:#5A5230;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;

	display:inline;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#FECE06;
}

/*
.header a {
	background-color:#FECE06;
	color:#5A5230;
	font-size:18px;
	line-height:30px;
	text-decoration:none;
}
*/

.subheader {
	color:#422D00;
	font-size:16px;
	line-height:24px;
	font-weight:bold;

	display:block;
	padding-top:5px;
	border-bottom: 1px solid #000;
}

.section_text_img div {
	float:left;
	width:710px;
}

.section_text_img img {
	float:right;
}

.float_right {
	float:right;
}


/* Ids for main_content and sidebar */

#main_content {
	width: 630px;
	float:left;
}

#sidebar {
	width: 310px;
	height: 430px;
	margin-left:18px;
	float:right;
	background-color:#ECE8C7;
	border: 1px solid #BCB896;
}

#sidebar img {
	margin-left:9px;
	margin-top:9px;
}

/* Forms */

textarea, input, label {
	font-size:14px;
	line-height:18px;
}

textarea, input {
	border: 1px solid #B7B8B8;
} 

.form {
	margin-top:20px;
}

.form li {
	margin-top:10px;
}

.form label {
	display:block;
	font-weight:bold;
}

.form span {
	color:red;
	float:none;
	font-weight:bold;
	display:inline;
}

.formbutton {
	float:right;
}

.form_element_10 {
	width:90px;
}

.form_element_20 {
	width:180px;
}

.form_element_30 {
	width:270px;
}

.form_element_50 {
	width:430px;
}

.form_element_70 {
	width:590px;
}

.form_button_submit {
	float:right;
	margin-right:40px;
	/*margin-left:450px;*/
}


/* @end */

/* sections */

.section {
	margin-bottom: 20px;
	clear:both;
}

.section_top_pad {
	padding-top:40px;
}

/* Message box */

.message-box {
	float:left;
	clear:both;
	display:block;
	height:40px;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;	
}

.box {
	border: 2px solid #DBDBDB;
}

.message-box p {
	float:left;
	margin-top:0;
	width:90%;
}

.message-box img {
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.img_border {
	border: 1px solid #E6E5E5;
	padding: 5px;
	background-color:#FFF;
}

/* @group Structure & flow */

#wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 0px;
	text-align: left;
}

#content {
	padding-top: 20px;
}


/* @end */


/* Header */


#header span {
	display:none;
}

#header {
	height: 320px;	
	margin-top: 0px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	background:	transparent url("../images/header/background_dibus.jpg") no-repeat scroll 0 0;
	position:relative;
}

#header-title {
	float:left;
	margin-left:40px;
	margin-top:0px;
}

#header-title h1 a, #header-title h2 a, #header-title h1 a:visited, #header-title h2 a:visited {
	text-decoration:none;
	color:#422d00;
	font-family: "Times New Roman",helvetica,serif;
}


#header-title h1, #header-title h2 {
	color:#422d00;
	float:left;
	text-transform: uppercase;
	clear:both;
}

#header-title h1 {
	font-size:56px;
	margin-top:0px;
}

#header-title span {
	font-size:50px;
	display:inline;
}

#header-title h2 {
	font-size:32px;
	margin-top:0px;
}

/* Logo */

#logo {
	background: transparent url("../images/header/logo_club_r8_espanya.png") no-repeat scroll 0 0;
	width: 87px;
	height: 132px;
	display:block;
	margin:0;
	margin-top:10px;
	padding:0;
	float:left;
	position:absolute;
	top:100px;
	left:105px;
}

/* Register */

#register {
	background: transparent url("../images/header/splash_apuntate.gif") no-repeat scroll 0 0;
	width: 256px;
	height: 142px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	left:720px;
	/*left:747px;*/
	top:0px;
	text-align:center;
	clear:both;
}

#register h3 {
	color:#981301;
	text-transform: uppercase;
	font-size:16px;
	font-weight:bold;
	margin:0;
	margin-top:10px;
}

#register p {
	font-size:14px;
	line-height: 20px;
	text-transform: none;
	margin:0;
}

#register a, #register a:visited {
	font-size:16px;
	font-weight:bold;
	text-transform: none;
	line-height: 26px;
	color:#425f99;
}

/* Menu */

#menu {
	float:left;
	clear:both;
	position:absolute;
	font-size: 20px;
	top:278px;
	left:260px;
	margin-top:2px;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	/*position:absolute;*/
}


#menu li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	text-align:center;
	padding-left:8px;
	padding-right:8px;

	font-weight:bold;
}


#menu a:hover {
	color:#981301;
	background: transparent url("../images/header/menu_hover.png") repeat-x scroll 50% 0;
	height:56px;
}

#menu a.menu_active:hover {
	background: none;
}


#menu a.menu_active {
	color:#FFF;
}

#menu li.separator {
	padding-left:0;
	padding-right:0;
	color:#b59501;
	height:32px;
	padding-top:10px;
}

#menu a{
	color: #422d00;
	text-decoration: none;
	display:block;
	height:32px;
	padding-top:10px;
}


/* Footer */

#footer-wrap span, #subfooter-wrap span {
	display:none;
}

#footer-wrap {
	clear:both;
	width:100%;
	margin: 0;
	height: 55px;
	background: #425f99 none repeat scroll 0 0;
	padding: 25px 0;
}

#footer-dibu {
	background: transparent url("../images/footer/coches_footer.gif") no-repeat scroll 0 0;
	width:960px;
	margin: 0 auto;
	height:74px;
	margin-top:50px;
}

#footer {
	width: 960px;
	margin: 0 auto;
}

#web_footer {
	background: transparent url("../images/footer/wezstudio_footer.gif") no-repeat scroll 0 0;
	margin-right: 10px;
	display: block;
	float: left;
	width: 44px;
	height:44px;
}

#designed_by {
	padding-top: 3px;
	width: 260px;
	height: 43px;
	float:right;
}

.footer_container {
	padding-top: 3px;
	height: 43px;
	float:left;
}

.footer_container p {
	color: #fefefe;
	font-size: 14px;
	line-height: 20px;
	margin:0;
	text-align:left;
}

.footer_container a, .footer_container a:visited {
	color: #FFF;
}

/* end footer */


/* Contact & Contact Thanks*/

.club-adr {
	margin-left:30px;
	font-size:14px;
	font-family: courier, serif;	
}


#contact_intro, #contact-thanks {
	clear:both;
}

#contact_intro p, #contact-thanks p {
	font-size:16px;
	line-height:18px;
	margin-top:10px;
	color:#353535;
}

#contact_intro p em, #contact-thanks p em {
	font-size:18px;
	font-variant:normal;
}

#contact-thanks img {
	margin-left:225px;
	margin-top:20px;
}


/* vCard */

.vcard {
	width:297px;
	height:144px;
	color:#000;
	margin-top:5px;
	margin-left:14px;
}


.vcard span {
	display:inline;
}

.org {
	color:#570513;
	font-size:22px;
	margin-top:0;
}

.adr {
	font-size:16px;
	line-height:24px;
}

.name_tel {
	margin-top:10px;
	margin-bottom:5px;
	font-size:18px;
	line-height:24px;
}

.fn {
	font-weight:bold;
	line-height:24px;
}


.tel {
	font-size:14px;
	line-height:18px;
}

.email {
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

/* Button */

.button, .button:visited {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	background-color:#516DA4;
	color:#FEFEFE;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	display:inline;
	font-weight:bold;
	border-color: #6C82AF;
	border-style: solid;
	border-width: 2px;
}

.button:hover {
	background-color:#618FD2;
	color:#FFF;	
	border-color: #76A6EB;
}

/* Club */

#club_image_centered {
	margin:0 auto;
	width:814px;
	margin-bottom:20px;
}


/* Call to action */

.call_to_action {
	clear:both;
	margin:0 auto;
	padding-top:20px;
	width:370px;
}

.call_to_action_content {
	background-color:#4C69A1;
	border:4px solid #6C82AF;
	font-family:helvetica,arial,verdana,sans-serif;
	padding:3px;
	text-align:center;

	height:45px;
}

.call_to_action a {
	color:#FDFDFD;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
}


.call_to_action_content div {
	float:left;
	margin-top:3px;
	width:300px;
}

.call_to_action_content strong {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	text-decoration:underline;
	display:block;
}


.call_to_action_content img {
	float:left;
	margin-top:0;
	text-decoration:none;
}

/* Home */

#club_description {
	margin: 0 auto;
	width:900px;
	height:212px;
}

#club_description h2 {
	font-size:40px;
	font-weight:bold;
	color:#422D00;
	margin-bottom:20px;
}

#club_description ul {
	float:left;
}

#club_description li {
	font-family: georgia, times, serif;
	font-size:20px;
	margin-left:15px;
	line-height:30px;
	color:#2C260C;
}

#club_description strong {
	font-weight:bold;
}

/* meetings */

#meetings, #meetings:visited {
	background: transparent url("../images/header/encuentros.png") no-repeat scroll 0 0;
	width: 190px;
	height: 125px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	margin-left:40px;
}

#meetings p {
	padding-top:50px;
	padding-left:0;
	padding-right:20px;
	padding-bottom:0;
	margin-top:5px;
	font-size:14px;
	line-height:18px;
	text-align:right;
	/*color:#425f99;*/
	color:#570513;
	font-weight:bold;
	margin-right:3px;
}

/* blog post */

#blog_posts {
	margin-top:40px;
	width:630px;
	min-height:500px;
	float:left;
}

.blog_post {
	clear:both;
	margin-bottom:30px;
	float:left;
	width:100%;
}

.blog_post div {
	margin-bottom:10px;
	width:100%;
}

.blog_post div a {
	text-decoration:none;
}

.blog_post img {
	margin-right:10px;
	width:138px;
	float:left;
}


.blog_post abbr {
	font-size:14px;
	color: #C0BC97;
	margin-left:5px;
}

/*
.blog_post a {
	float:left;
}
*/

.blog_post p {
	float:left;
	color:#3E3E3E;
	width:470px;
	font-size:16px;
	margin-top:0;
	line-height:20px;
}

.blog_post p a {
	float:none;
}

/* Tag cloud */

#tag_cloud_wrap {
	margin-top:40px;
	float:right;
	margin-left:25px;
	width:270px;
}


#tag_cloud_wrap p {
	text-transform:uppercase;
	color:#5A5230;
	font-family:georgia,times,serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:5px;
}


#tag_cloud_border {
	border:6px solid #FECE07;
}

#tag_cloud {
	border:6px solid #FEEEA9;
	padding:10px;
	min-height:30px;
}

#tag_cloud li {
	display: inline;
}

#tag_cloud a {
	color: #425F99;
	font-weight:bold;
	line-height: 38px;
}

.less_popular {
	font-size:13px;
}

.popular {
	font-size:17px;
}

.very_popular {
	font-size:21px;
}

/* Aviso Legal */

#legal-content, #legal-content p {
	font-size: 16px;
	line-height:26px;
	color:#353535;
	margin-top:10px;
}

#legal-content ol {
	list-style-type: decimal;
	margin-left:0;
	list-style-position:inside;
	margin-top:20px;
}

#legal-content ul {
	list-style-type: disc;
	margin-left:30px;
	list-style-position:inside;
}

/* Numero de socios */

#register span, .num-socios {
	display:inline;
}

/* Loading */

.loading img {
	float:left;
	margin:0;
	padding:0;
}

.loading span {
	margin-top:7px;
	margin-left:7px;
	margin-bottom:0;
	margin-right:0;
	float:left;
	font-family: helvetica, arial, verdana, sans-serif; 
	display:inline; 
}

/* Error 404 */

#page404 {
	color: #422d00;
	height:570px;
}

#page404intro {
	clear:both;
	float:left;
	width:100%;
}

#page404intro h2 {
	font-size:40px;
	font-weight:bold;
	margin-left:20px;
	float:left;
	margin-top:35px;
	line-height:50px;
}


#page404intro div {
	color:#bbb28f;
	font-size:20px;
	display:block;
	text-align:right;
	width:110px;
	float:left;
}

#page404intro span {
	font-size:60px;	
	display: block;
	text-align:left;
}

#page404desc {
	width:100%;
	float:left;
	margin-top:30px;
}

#page404desc span {
	font-size:30px;
	font-weight:bold;
	display:block;
}

#page404desc p {
	font-size:18px;
	font-weight:bold;
	color: #422d00;
}

#signal404 {
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	left:110px;
	top:610px;	
	display:block;
	width: 240px;
	height: 446px;
	display:block;
	background: transparent url("../images/404/barra.png") no-repeat scroll 120px 90px;	
}


#signal404 a, #signal404 a:visited {
	color:#385aa0;
	font-size:16px;	
	z-index:1;
}

#caja_blog {
	background: transparent url("../images/404/caja_blog.png") no-repeat scroll 0 0;	
	width: 139px;
	height: 67px;
	display:block;
	margin-left:50px;
	float:left;
	padding-left:30px;
	padding-top:50px;
	font-size:40px;
	margin-bottom:15px;
}

#caja_club {
	background: transparent url("../images/404/caja_club.png") no-repeat scroll 0 0;	
	width: 196px;
	height: 70px;
	display:block;
	margin-left:25px;
	float:left;
	padding-left:40px;
	padding-top:12px;
	font-size:40px;
	margin-bottom:15px;
}

#caja_inicio {
	background: transparent url("../images/404/caja_inicio.png") no-repeat scroll 0 0;	
	width: 218px;
	height: 70px;
	display:block;
	margin:0;
	float:left;
	padding-left:60px;
	padding-top:12px;
	font-size:40px;
	margin-bottom:15px;
}

#contacta404 {
	float:left;
	clear:both;
	left:400px;
	position:relative;
	margin-top:60px;
}

#contacta404 p {
	width:480px;
}