@import "reset.css";
body {margin:0; font:.84em/1em "Lucida Sans Regular", Arial, sans-serif; color:#111; background-color:#fbfbf9}
	h1, h2, h3, #mainMenu a {font-weight:normal; line-height:1em}
	p {line-height:1.6em; margin:10px 0 20px 0}
	li {line-height:1.6em}
	a {color:#222; text-decoration:underline}
	a:hover {color:#607229; text-decoration:none}
	textarea {font:normal 100% "Lucida Sans", Arial, sans-serif; border:1px solid #ddd; overflow:auto; color:#000; padding:3px 4px}
	input, select, .btn {font:normal 100% "Lucida Sans", Arial, sans-serif; border:1px solid #ddd; color:#000; padding:3px 4px}
	#main option {padding:0 6px}
	#main .btn {padding:5px 6px}
	.c {text-align:center}
	.l {text-align:left}
	.r {text-align:right}
	.clear {clear:both}

	.fotoC {margin:4px 0 4px 0; padding:1px; border:1px solid #ddd}
	.fotoR {margin:4px 0 4px 18px; float:right; padding:2px; border:1px solid #ddd}
	.fotoL {margin:4px 18px 4px 0; float:left; padding:2px; border:1px solid #ddd}
	
	.data {color:#a0a08d; font-size:0.9em; letter-spacing:0.015em}
	
	div.hr {clear:both; margin:0 auto 10px auto; width:420px; height:25px; background:url(../../images/hr_right.gif) repeat-x 0 10px}
	div.hr hr {display:none}

	.revista {float:left; margin:25px 25px 5px 0}
	.revista.last {margin-right:0}
	.revista img {border:none}
	.revista p {text-align:center; line-height:1.45em}
	.revista em {font-style:normal; font-size:87.5%; color:#777}
	.revista a.pdf {padding:5px 0 5px 20px; background:url(../images/ico_pdf.gif) no-repeat 0 center}

	.news-info {font-size:.85em; color:#777; margin-top:-3px}

	#album-list ul {margin:10px 0 30px 0}
	.album-thumb {margin:10px 20px 10px 0; border:1px solid #ccc}
	div.album-loading {height:250px; width:250px; margin:50px auto; background:url(../images/lightbox-ico-loading.gif) no-repeat center center}

	.editUser {background:url(../images/forum/editUser.gif) no-repeat 0 0; padding:0 0 0 20px; line-height:20px; height:20px}
	.logout {background:url(../images/forum/logout.gif) no-repeat 0 0; padding:0 0 0 20px; line-height:20px; height:20px}

	.ofertes {overflow-y: auto; height:270px}
	.ofertes h3 {margin:15px 0 5px 0}
	.ofertes p {margin:0 0 5px 10px}
	
#headerNav {line-height:36px; width:100%; background-color:#4a3c31; border-bottom:1px solid #607229}
	#header {margin:0 auto; width:1000px; height:100px; color:#fff; text-align:right; font-size:0.85em; background:url(../../images/bg_header.png) no-repeat -25px top; letter-spacing:0.1em}
	#header a.logo {float:left; margin:15px 0 0 5px; display:block; width:320px; height:80px; background:url(../../images/header-logo-sota-par.png) no-repeat 0 0; cursor:pointer}
	#header a.banner {float:right; margin:20px 10px 0 0; display:block; width:468px; height:60px}
	#header a.banner img { border:none}


#mainMenuNav {height:34px; line-height:34px; background-color:#4d5b21; border-bottom:1px solid #999}
	#mainMenu {margin:0 auto; width:1000px; color:#65772b}
	#mainMenu a {text-decoration:none; color:#99a76d; padding:0 10px; letter-spacing:0.1em; font-size:1em}
	#mainMenu a:hover {color:#fff; text-decoration:none}


#warp {margin:0 auto; width:1000px}

/*total width: 645px*/
#main {float:left; width:635px; padding:10px 30px 75px 0} 
	#main h1 {margin:20px 0 15px 0; font-size:2.15em; color:#4a3c31}
	#main h2 {margin:15px 0 5px 0; font-size:1.5em; line-height:1.25em; color:#4d5b21}
	#main a {color:#607229; text-decoration:underline}
	#main a:hover {color:#111; text-decoration:none}

	#main .banner {margin:0 auto; padding:1px; border:1px solid #ddd; margin:10px 0 10px 5px}

	#main .thumb-news {float:left; padding:1px; border:1px solid #ddd; margin:10px 15px 10px 5px}
	#main a.thumb-news {display:block; height:140px; width:200px; float:left; padding:1px; border:1px solid #ddd; margin:10px 15px 10px 5px}

	#main .calendari {margin:5px 0 5px 0}
	#main .calendari td {padding:10px 15px 5px 5px}
	#main .calendari marquee {width:300px; margin:5px 0 0 0; padding:2px 0 4px 0; background-color:#f3f2ea; color:#777}

	#main .banner-circuit {margin:15px 0}

	.tForm {margin:0 auto}
	.tForm td {padding:5px 3px}
	.tdLabel {text-align:right}
	.note {color:#777}
	.tdInput {vertical-align:middle}

	.message {margin:0 auto; margin-bottom:10px}
	.message td {padding:15px 40px; text-align:center; line-height:1.5em; color:#000; background-color:#ffff99; border:1px solid #ccc}
	.message td.error {background-color:#990000; color:#fff}
	.message td.error a {color:#fff; text-decoration:underline}
	.message td.error a:hover {color:#fff; text-decoration:none}

	.frm-results {margin:25px 0; text-align:center}
	.frm-results input, .frm-results select {padding:4px 2px; margin:0 5px}

	/* Estils per tabla de resultats*/
	#res {margin:0 auto; margin-bottom:30px}
	#res th {color:#FFF; text-align:center; padding:2px 4px 2px 4px; border:0; letter-spacing:0.1em; background-color:#99bf52}
	#res th.l {text-align:left}
	#res td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; padding:3px 6px; color:#333; font-size:0.9em; line-height:1.5em}
	#res tr.alt {background-color:#f1f1f1}
	#res .pos {text-align:center; border-left:1px solid #ddd}
	#res .txt {text-align:left; text-transform:uppercase; color:#000; letter-spacing:0.01em}
	#res .hcp {text-align:center; text-transform:uppercase; color:#555; font-style:italic}
	#res .t {text-align:right; font-weight:bold; color:#111} /* total */ 


/*total width: 332px*/
#right {float:right; width:290px; margin-bottom:75px; padding:15px 20px 20px 20px; font-size:0.9em; color:#535349; background-color:#eeede2; border:1px solid #c0c0a8; border-top:none}
	#right .banner {margin:10px 0; text-align:center}
	#right .banner img {margin:5px 0 15px 0; border:none}
	#right div.hr {margin:0 auto; width:80%; height:10px; background:url(../../images/hr_right.gif) repeat-x 0 8px}
	#right div.hr hr {display:none}
	#right h1 {margin:20px 0 10px 0; font-size:1.75em; color:#607229; padding:6px 0 5px 0; letter-spacing:0.045em}
	#right h2 {clear:both; margin:0 0 -5px 0; font-size:1.25em; color:#777; letter-spacing:-0.025em}
	#right a {color:#607229; text-decoration:underline}
	#right a:hover {color:#000; text-decoration:none}
	#right p { margin:10px 0 15px 0; line-height:1.45em}
	#right p.link {text-align:right}


	#right div.banner-circuit {margin-bottom:10px; text-align:center}

	#right .colaboradors {padding:10px 0; text-align:center; background-color:#fff; border:1px solid #d5d4c3}
	#right .colaboradors img {padding:15px 10px 15px 0; border:none}
	#right .colaboradors img.last {padding:15px 0 15px 10px}
	#right .colaboradors a {padding:0}
	#right .colaboradors img:hover {background-color:#fff}
	
	#right div.photo {float:left; margin:0 9px 15px 5px; border:1px solid #fbfbf9; width:80px; height:70px; background-position:center center; background-repeat:no-repeat}

	#right ul.menu-circuit {margin:0 0 15px 0; padding:0}
	#right ul.menu-circuit li {list-style-type:none}
	#right ul.menu-circuit a {text-decoration:none; line-height:25px; height:25px; padding:5px 75px 5px 0; font-size:1.15em}
	#right ul.menu-circuit a:hover {background-color:#fff; color:#000; font-weight:bold; padding-left:10px}

	#col1 {float:left; width:140px; padding:0 10px 0 0}
	#col2 {float:right; width:140px; padding:0 0 0 10px}
		#col2 img {padding:10px 0 10px 0; margin:0 auto}

	#pagination {color:#777; text-align:center; margin:40px 25px 0 25px; padding:25px 0}
	#pagination strong {padding:8px 15px; font-weight:normal; color:#333}
	#pagination a {color:#777; text-decoration:none; padding:18px 0}
	#pagination a:hover {text-decoration:underline; color:#333}
	#pagination a.next {}
	#pagination a.prev {}

	#pagination a.nPag {padding:8px 10px}
	#pagination a.nPag:hover {text-decoration:none; color:#fff; background-color:#000}



#footerNav {clear:both; background-color:#ebe9dc; border-top:1px solid #c0c0a8; border-bottom:none}
	#footer {margin:0 auto; width:1000px; padding:25px 0 10px 0; color:#555; font-size:0.9em; min-height:375px}
		#footer h1 {font-size:1.5em; margin:0 0 15px 0; text-align:left}
		#footer p {margin-top:0}
		#footer div {float:left}

	#footer .news {width:275px; padding-right:50px; margin-right:10px}

	#footer .revista {width:250px; margin-top:-25px; padding:25px 0; text-align:center}
	#footer .revista img {margin-bottom:10px}
	
	#footer .contactar {width:325px; padding-right:25px}
		#footer form {float:left; margin-left:25px; width:325px}
		#footer form label {height:30px; line-height:30px; clear:both; padding-right:10px; text-align:right; display:block; width:120px; float:left}
		#footer form p {text-align:left; line-height:1.75em; color:#333; margin:15px 0; clear:both}
		#footer form input {padding:3px 4px; width:180px; margin:4px 0}
		#footer form textarea {padding:2px 4px; width:180px; margin:5px 0 3px 0; height:80px}
		#footer form .btn {width:80px; margin:10px 5px 0 0; float:right; padding:5px 6px}

	#bottom {background-color:#4a3c31; color:#7e6a58; border-top:1px solid #fbfbf9}
	#bottom table {width:1000px; margin:0 auto; margin-bottom:5px}
	#bottom td {vertical-align:middle; height:20px}
	#bottom td.info {text-align:right}
	#bottom a {text-decoration:none; color:#7e6a58}
	#bottom a:hover {text-decoration:underline; color:#fff}