@import "../_inc/reset.css";
html, body {margin:0; padding:0; font:normal 90%/100% "Lucida Sans Unicode", Arial, Helvetica, sans-serif; background:#000 url(../_img/body_bg.jpg) repeat-x 0 top } 
	.portada {margin:5px 0; padding:5px 0}
	.c {text-align:center}
	.r {text-align:right}
	label {cursor:pointer}
	.txtArea {overflow:auto; margin:-10px 0 10px 0; height:60px; width:560px}
	.btn {float:right; padding:14px; border:none}
	input, textarea {border:1px solid #ddd; padding:2px 3px; font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#333}
 	a { text-decoration:underline; color:#222}
 	a:hover { text-decoration:none; color:#111}
 
#container {margin:0 auto; width:900px; border-bottom:10px solid #aaa}	

	#head {height:120px; padding:0; margin:0 auto; background:url(../_img/header_logo.jpg) no-repeat left 0}
	.portada #head {height:130px; background:url(../_img/header_portada.jpg) no-repeat 0 0; border-bottom:10px solid #d4d4d4; border-top:10px solid #d4d4d4; }

	.topMenu {float:right; padding:15px 10px 0; margin:0; text-align:right; color:#aaa}
	.topMenu a {text-decoration:none; color:#aaa; padding:0 3px}
	.topMenu a:hover{text-decoration:underline; color:#fff}

	.mainMenu {clear:both}
	.mainMenu li {display:inline; list-style-type:none; float:right; margin:50px 5px 0 5px; text-align:center}
	.mainMenu a {text-decoration:none; color:#aaa; font:normal 18px Arial, Helvetica, sans-serif; height:24px; line-height:24px; padding:4px; /*background-color:green; border:1px solid #fff*/}
	.mainMenu a:hover {background-color:#900; color:#fff; font-weight:bold}
	.mainMenu li.current span {cursor:default; color:#fff; font:bold 18px Arial, Helvetica, sans-serif; padding:4px; height:24px; line-height:24px;}
	
	/*portada*/
	.portada div.menu {width:890px; background-color:#aaa; padding-right:10px; height:34px; font:normal 18px Arial, Helvetica, sans-serif }
	.portada .menu li {display:inline; list-style-type:none; float:right; text-align:center; line-height:32px; padding:1px 8px 0 12px}
	.portada .menu a {text-decoration:none; color:#222; padding:1px 5px}
	.portada .menu a:hover {background-color:#900; color:#fff; font-weight:bold}
	.portada .menu li.current span {cursor:default; color:#fff; font-weight:bold; padding:1px 6px}

	li.con {width:90px}
	li.trab {width:152px}
	li.pub {width:110px}
	li.col {width:136px}
	li.pro {width:102px}
	li.srv {width:94px}

	#container #splash {width:900px; height:250px; padding:0; margin:0 auto; border-top:10px solid #d4d4d4; background-color:#f1f1f1}
		.portada #splash {background:url(../_img/portada.jpg) no-repeat 0 0}
		.proyectos #splash {background:url(../_img/splash/proyectos.jpg) no-repeat 0 0}
		.contactar #splash {background:url(../_img/splash/contacto.jpg) no-repeat 0 0}
		.colaboradores #splash {background:url(../_img/splash/colaboradores.jpg) no-repeat 0 0}
		.wellness #splash {background:url(../_img/splash/wellness.jpg) no-repeat 0 0}
		.restauracion #splash {background:url(../_img/splash/restauracion.jpg) no-repeat 0 0}
		.hoteles #splash {background:url(../_img/splash/hoteles.jpg) no-repeat 0 0}
		.golf #splash {background:url(../_img/splash/golf.jpg) no-repeat 0 0}
		.gestion-casa-club #splash {background:url(../_img/splash/golf-gestion-casa-club.jpg) no-repeat 0 0}
		.construccion-casa-club #splash {background:url(../_img/splash/golf-construccion-casa-club.jpg) no-repeat 0 0}
		.construccion-campo #splash {background:url(../_img/splash/golf-construccion-campo.jpg) no-repeat 0 0}
		.gestion-campo #splash {background:url(../_img/splash/golf-gestion-campo.jpg) no-repeat 0 0}
		
	#section {width:900px; display:block; overflow:auto; margin:0; padding:0 0 15px 0; background-color:#fff}
	
		#ads {display:inline; float:right; width:200px; padding:10px 10px 0 10px; /*background-color:green*/}
			#ads img {margin:0 0 20px 0; padding:0}

		#text {display:inline; border:0; margin:12px 0 10px 0; width:374px; w\idth:410px; float:right; padding:0}
		.portada #text {float:left; width:645px; w\idth:679px; border-right:1px solid #900; /*background-color:#ddd*/}
		.portada ul li { text-align:center; font-weight:bold}
		.golf #text {float:left; width:594px; w\idth:630px; /*background-color:#ddd*/}
		.golf #text img { margin:10px 20px 0 40px; border:1px solid #aaa}

		#text h1 {font:normal 18px Arial, Helvetica, sans-serif; margin-bottom:10px; color:#222}
		#text strong {color:#222; font-weight:bold}
		#text a {color:#333; text-decoration:underline}
		#text a:hover {color:#000; text-decoration:none}
		#text p {margin:0 20px 15px 15px; padding:0; line-height:1.75em; text-align:justify}
		#text .c {text-align:center}
		#text ul {margin:0 20px 10px -5px}
			.portada #text ul {margin:0 0 10px 30px}
		#text ul ul {margin:5px 0 0 15px}
		#text ul ul ul {margin:5px 0 -10px 15px}

		#text li {padding:0 0 5px 5px; line-height:1.75em; list-style:none;}
		#text ul ul li {margin-left:10px; list-style-type:circle}
		#text ul ul ul li {margin-left:10px; list-style-type:square}		

		.servicios {background-color:#d4d4d4; margin:15px 10px 0 15px; padding:10px 10px 10px 10px; border-bottom:10px solid #aaa; height:150px; width:625px}
		.servicios h1 { text-align:center}
		.servicios div {float:left; margin:5px 0 0 68px; width:105px; color:#333; font-size:15px; text-align:center}
		.servicios div.first {margin-left:1px}
		.servicios img {border:5px solid #bbb; margin-bottom:4px}
		#text .servicios div:hover {cursor:pointer}
		#text .servicios div:hover img {border:5px solid #555}
		#text .servicios div:hover {color:#000; font-weight:bold; font-size:14px; text-decoration:none}

		.proyectos #images {display:inline; float:left; width:220px; padding:15px}
		.proyectos #images img { margin-bottom:15px}
		.proyectos #section table { margin:30px 10px 10px 10px}
		.proyectos #section td { padding: 2px; line-height:1.5em}
		.proyectos #section td ul { margin-top:10px}
		.proyectos #section td ul li{ margin-left:15px}
		.proyectos .images { width:220px}
		.proyectos .tEmpresa { color:#900; font-weight:bold; width:85px}
		.proyectos .tProyecto { color:#555}
		.proyectos .title { font-weight:bold}
		.proyectos .specs { padding-bottom:20px}

		
		#menu {display:inline; border:0; padding:10px 0 0 15px; width:240px; float:left; margin:0; font:normal 18px Arial, Helvetica, sans-serif} 
		#menu ul {white-space:nowrap; padding:2px 0}
		#menu li {display:block; list-style-type:none; margin:1px 0; width:220px}
		#menu ul ul {margin:0 10px 10px 10px; padding:0}
		#menu ul ul li {width:218px; font:normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif}
		#menu a {text-decoration:none; display:block; color:#222; padding:3px 4px}
		#menu a:hover{background-color:#900; color:#fff; font-weight:bold}
		#menu ul ul li a:hover{font-weight:normal}
		#menu li.current {cursor:default; background-color:#aaa; color:#fff; font-weight:bold; padding:3px 4px; width:212px}
		#menu ul ul li.current {font-weight:normal; padding:2px 4px 3px 4px; width:210px}
		#menu a.no-link, #menu a.no-link:hover {cursor:default; background-color:#fff; color:#000; font-weight:normal }
			
		#thumb {display:inline; float:left; width:210px; padding:15px 18px 0 0}
			#thumb img {margin:0 0 20px 0; padding:0; border:1px solid #aaa}
			#thumb p {margin:10px 18px 0 0; padding:5px 0; color:#222; font-size:15px; letter-spacing:-0.05em; text-align:center; line-height:1.75em; width:212px; background-color:#f1f1f1; border-bottom:10px solid #aaa}

		.contactar #section { padding-top:40px}
		.contactar #section p { line-height:1.5em; margin:5px 0 15px 20px}

		.colaboradores #section p { text-align:center}
		.colaboradores #section img	{ margin:10px 15px 0 15px}

		.contactar h1 { margin:0 0 10px 20px; font-size:20px}
		.contactar ul { margin:-10px 0 15px 50px}
		.contactar li { line-height:1.5em}
		.contactar #right { float:right; margin:0 25px 0 0; width:500px}
			#tabs { margin:0 -2px 33px 0}
			#tabs li {display:inline}
			#tabs li a {float:right; text-decoration:none; text-align:center; display:block; padding:0 10px; background-color:#eee; color:#777; height:30px; line-height:30px; border-top:3px solid #fff}
			#tabs li a:hover {background-color:#ddd; color:#000; text-decoration:none; border-top-color:#ddd}
			#tabs li a.active {background-color:#900; color:#fff; text-decoration:none; border-top-color:#900}
		.contactar .mapa { background-color:#f1f1f1; width:500px; height:300px; border:1px solid #aaa; background:url(../_img/loading.gif) no-repeat center center}
		.contactar .joinUs {background: url(../_img/join-us.jpg) no-repeat left 10px}
		.contactar .joinUs div {padding:140px 20px 10px 150px}
		.contactar .joinUs h3 { text-align:right; margin-bottom:25px; font-size:15px;}
		.contactar .joinUs p { text-align:right}
		.contactar .joinUs p.c { text-align:center}

#footerNav {width:900px; position:relative; left:50%; margin-left:-450px; padding:10px 0 10px 0; color:#999}
	#footerNav a {text-decoration:none; color:#999}
	#footerNav a:hover {text-decoration:underline; color:#fff}
	#footerNav table {width:900px}
	#footerNav td {width:33%; line-height:1.5em}
	#footerNav td.tech {width:15%; text-align:right; color:#777}
	#footerNav .tech a {text-decoration:none; color:#777}
	#footerNav .tech a:hover {text-decoration:underline; color:#fff}