@import "reset.css";
body {margin:0; padding:0; font:normal 82%/105% "Lucida Sans Unicode", Helvetica, sans-serif; line-height:1.5em; background:#fff url(../_img/bg_body.gif) repeat-x 0 top}
	#main .r, .r {text-align:right}
	main .c, .c {text-align:center}

#headerNav {background:url(../_img/bg_headerNav.jpg) repeat-x 0 top}
	#headerNav .warp {width:900px; height:130px; position:relative; left:50%; margin-left:-450px; color:#333; background:url(../_img/mainLogo.jpg) no-repeat 0 0}
	#headerNav .topMenu {float:right; padding:5px 5px 0; margin:0; text-align:right; color:#aaa}
	#headerNav .topMenu a {text-decoration:none; color:#999; padding:0 3px}
	#headerNav .topMenu a:hover{text-decoration:underline; color:#000}

	#headerNav .mainMenu {clear:both; float:right; padding:0; margin:60px 5px 0 0}
	#headerNav .mainMenu a {text-decoration:none; color:#97c000; padding:0 0 0 30px; font-size:200%; line-height:1em}
	#headerNav .mainMenu a.last {background-image:none}
	#headerNav .mainMenu a:hover {text-decoration:none; color:#000}

#topImgNav {background:url(../_img/bg_topImgNav.jpg) repeat-x 0 bottom}
	#portada #topImgNav .topImg {width:900px; height:140px; position:relative; left:50%; margin-left:-450px; background:url(../_img/topImg_portada.jpg) no-repeat 0 bottom}
	#portada #topImgNav .topImg h1 {padding:10px 120px 10px 0}
	#topImgNav .topImg {width:900px; height:120px; position:relative; left:50%; margin-left:-450px; background:url(../_img/topImg.jpg) no-repeat 0 bottom}
	#topImgNav .topImg h1 {padding:50px 200px 10px 0; font:normal 250% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#fff; line-height:1em}

#mainNav {clear:both; background-color:#fff; padding-bottom:25px}
	#main {width:900px; position:relative; left:50%; margin-left:-450px; padding:20px 0 25px 0; overflow:visible}
	#main h1 {margin:0 0 15px 0; padding:0; font:normal 200% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#97c000; line-height:1em}
	#main h2 {margin:25px 0 15px 10px; padding:0; font:normal 150% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#668008; line-height:1em}
	#main .imgR  {margin:15px 0 15px 30px; float:right}
	#main p  {margin:10px 10px 15px 0; padding:0; text-align:left; line-height:1.75em}
	#main ul {margin:15px 0 20px 0; list-style-image:none}
	#main li {padding:0 0 0 50px; line-height:2em; background:url(../_img/list_arrow.gif) no-repeat 35px 9px}
	#main ul ul {margin:5px 0 20px 0; list-style-image:none}

	#portada-box {display:inline; float:left; border:0; margin:0 25px 25px 0; padding:0; width:214px; w\idth:250px; background:#ebebeb url(../_img/bg_portada-box.gif) no-repeat right bottom; line-height:1em}
	#portada-box h1 {background-color:#97c000; margin:0; padding:7px; font:normal 125% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#fff; line-height:1em}
	#portada-box img {margin:10px 8px 0 8px; border:2px solid #fff }
	#portada-box p  {margin:10px 10px 15px 10px ; padding:0; text-align:justify; line-height:1.35em; color:#333}
	#portada-box a {text-decoration:underline; color:#97c000}
	#portada-box a:hover {text-decoration:none; color:#000}

	#main .intro {display:inline; float:right; width:620px}
	#main .portada {width:300px}
	#main .portada.seccio-1 {display:inline; float:left; margin:0}
	#main .portada.seccio-2 {display:inline; float:right; margin:0}
	#main .portada img {margin:0 0 15px 0; padding:0}
	#main .portada p {margin:0; padding:0; line-height:1.5em}
	#main .portada ul {margin:15px 0 15px 0; list-style-image:none}
	#main .portada li {padding:0 0 0 30px; line-height:1.75em; background:url(../_img/list_arrow.gif) no-repeat 10px 7px}
	#main .portada a {text-decoration:underline; color:#97c000}
	#main .portada a:hover {text-decoration:none; color:#000}
	
	#main .fotoL {float:left; margin:0 10px 10px 0}

	#main .equipo {width:100%; margin:0; padding:0}
	#main .equipo td { width:33%; padding:0; font:normal 95% Arial, Helvetica, sans-serif; color:#333}
	#main .equipo img { margin:0 auto}
	#main .equipo strong { font-weight:bold}
	#main .equipo em { color:#fff; background-color:#97c000; padding:0 5px; font-style:normal}
	#main .equipo p { margin:10px 0; line-height:1em; display:block; width:280px; background:url(../_img/down_arrow.jpg) no-repeat right 0}
	#main .equipo ul { list-style:none; margin:5px 5px 15px 0 }
	#main .equipo li { margin-bottom:5px; background:none; line-height:1.5em; padding-left:10px}
	#main .equipo ul ul li { margin:5px 5px 0 20px; padding-left:0px; list-style:square}

	/* accordion */
	.equipo .section p {cursor:pointer}
	.equipo .section ul {display:none}
	.equipo .section .active {display:block}
	
	.logos {width:900px; position:relative; left:50%; margin-left:-450px; padding:10px 0 10px 0}
	.logos h1 {margin:0; padding:0 0 15px 0; font:normal 125% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#777; line-height:1em}

#clientsNav {clear:both; padding-bottom:25px; background-color:#f1f1f1; overflow:auto}
	#clientsNav .clients a {float:left; margin:0 0 0 3px; display:block; width:145px; height:60px}
	#clientsNav .logos a:hover {background-position:center top}

	#clientsNav .lacaixa {background:url(../_img/logos/la-caixa.gif) no-repeat center -60px}
	#clientsNav .mgs {background:url(../_img/logos/mgs.gif) no-repeat center -60px}
	#clientsNav .schneider {background:url(../_img/logos/schneider.gif) no-repeat center -60px}
	#clientsNav .nacex {background:url(../_img/logos/nacex.gif) no-repeat center -60px}
	#clientsNav .melia {background:url(../_img/logos/melia.gif) no-repeat center -60px}
	#clientsNav .aribau {background:url(../_img/logos/aribau.gif) no-repeat center -60px}
	#clientsNav .lanxess {background:url(../_img/logos/lanxess.gif) no-repeat center -60px}
	#clientsNav .hauraton {background:url(../_img/logos/hauraton.gif) no-repeat center -60px}
	#clientsNav .hera {background:url(../_img/logos/hera.gif) no-repeat center -60px}

	.panel { clear:both; display:none; width:850px; background: #fff; margin:0 auto; margin-bottom:-15px; margin-top:10px; padding:15px; color:#333; font-size:90%; line-height:1.4em; border-bottom:10px solid #f1f1f1}
	.panel p { float:left; font-weight:bold; color:#97c000}
	.panel span { font-weight:normal; color:#555}
	.panel ol.arrow {margin-left:320px; list-style:none; width:60%}
	.panel ol b { font-weight:bold; color:#97c000}
	
	.view-more { text-align:right; float:right; margin-top:-38px; color:#999}

#sponsorsNav {clear:both; background-color:#f1f1f1; color:#333; height:150px}
	#sponsorsNav .sponsors a {float:left; display:block; width:225px; height:60px}
	#sponsorsNav .logos a:hover {background-position:center top}
	#sponsorsNav .adams {background:url(../_img/logos/adams.gif) no-repeat center bottom}
	#sponsorsNav .yes {background:url(../_img/logos/yes.gif) no-repeat center bottom}
	#sponsorsNav .solo-golf {background:url(../_img/logos/solo_golf.gif) no-repeat center bottom}
	#sponsorsNav .tiro-retiro {background:url(../_img/logos/tiro-retiro.gif) no-repeat center bottom}

#footerNav {clear:both; background:#fff; height:100px}
	#footer {width:900px; position:relative; left:50%; margin-left:-450px; padding:30px 0 20px 0; color:#333}
	#footer a {text-decoration:underline; color:#555}
	html>body #footer a {text-decoration:none; border-bottom:1px dotted #97c000}
	#footer a:hover {text-decoration:none; color:#000}
	#footer h1 {margin:0; padding:0 0 5px 0; font:normal 125% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#97c000; line-height:1em}
	#footer p {margin:0; padding:0}
	#footer p.info {text-align:right}
	#footer .design { color:#777}
	#footer .design a { color:#777}
	#footer .design a:hover { color:#333}