/* @intro */

#intro {
	position: relative;
	width: 949px;
	text-shadow: black 0 1px 2px;
	font-family: HelveticaNue, Helvetica, Arial, sans-serif;
	clear: both;
	display: block;
	z-index: 10;
}

/* @images sedes */

.Trapenses {
	background-image: url(../images/concept/lostrapenses.jpg);
}

.Kennedy {
	background-image: url(../images/concept/kennedy.jpg);
}

.Golf {
	background-image: url(../images/concept/elgolf.jpg);
}

/* @height + background */

.homeHead {
	height: 480px;
}

.centerHead {
	height: 380px;
}

.servicesHead {
	background: url(../images/concept/services.jpg) no-repeat 0 -50px;
}

.activitiesHead {
	border-bottom: 1px solid white;
	background: url(../images/concept/activities.jpg) no-repeat 0 -40px;
}

.schoolsHead {
	background: url(../images/concept/school-1.jpg) no-repeat 0 -30px;
}

.registerHead {
	border-bottom: 1px solid white;
	background: url(../images/concept/register.jpg) 0 -50px;
}

.tgsHead {
	border-bottom: 1px solid white;
	background: url(../images/concept/tgs.jpg) no-repeat;
}

/* @intro left */

#intro #introLeft {
	width: 414px;
	color: rgb(167,231,255);
}

#intro #introRight {
	width: 415px;
	font-family: HelveticaNuecond, Helvetica, Arial, sans-serif;
}

#intro #introLeft h1 {
	font-size: 2em;
	display: block;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-family: HelveticaNuecond, Helvetica, Arial, sans-serif;
}

#intro #introLeft h1 span { font-family: HelveticaNue, Helvetica, Arial, sans-serif; font-weight: normal; }


#intro #introLeft h2 {
	margin: 0 0 20px;
	color: #d37730;
}

#intro #introLeft p {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}

#intro #introLeft a {
	color: #d37730;
	text-transform: uppercase;
	font-size: 10pt;
	text-shadow: #000 0 1px 1px;
	padding: 5px 10px;
	font-weight: bold;
}

#intro #introLeft a:hover {
	font-weight: bold;
	background-color: rgba(0,0,0,0.58);
	text-decoration: none;
	text-shadow: #bc6a29 0 0 5px;
}

.introRelative #introLeft {
	float: left;
	padding: 40px 0 0 40px;
	margin: 0 40px 0 0;
}

.introRelative #introRight {
	float: left;
	padding: 40px 40px 0 0;
}

.introAbsolute #introLeft {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 1;
}

.introAbsolute #introRight {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 1;
}

.i-rHome {
	width: 240px !important;
}

/* @ box */

#intro a.box {
	position: relative;
	display: block;
	width: 200px;
	background: url(/images/box.png) no-repeat;
	color: rgb(255,255,255);
	padding: 20px 20px 0 20px;
	margin: 20px 0 0 0;
	height: 60px;
	-moz-box-shadow: rgba(000, 000, 000, 0.4) 0 2px 5px;
	-webkit-box-shadow: rgba(000, 000, 000, 0.4) 0 2px 5px;
	text-shadow: #000000 0 1px 2px;
}

#intro a.box:hover {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #d37730;
	text-shadow: #d37730 0 0 5px;
	-webkit-transition-duration: 0.5s;
}

#intro a.box h1 {
	line-height: 90%;
	font-size: 18pt;
	font-weight: normal;
	text-transform: uppercase;
}

#intro a.box span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	font-size: 9pt;
}

#intro a.box span.llavetgs {
	position: absolute;
	top: -20px;
	right: -20px;
	display: block;
	width: 122px;
	height: 97px;
	background: url(/images/llavetgs.png) no-repeat;
}

.ie6 #intro a.box span.llavetgs {
	display: none;
}

.ie6 #intro a.box {
	background-color: black;
	background-image: none;
	border: 1px solid white;
	filter: alpha(opacity=70);
}

.ie6 #intro a.box:hover {
	filter: alpha(opacity=100);
}

.ie #intro a.box h1 {
	font-size: 13pt;
	font-weight: bold;
}

/* @login */

#intro #login {
	width: 200px;
	height: 147px;
	padding: 20px;
	-moz-box-shadow: rgba(000, 000, 000, 0.4) 0 2px 5px;
	-webkit-box-shadow: rgba(000, 000, 000, 0.4) 0 2px 5px;
	background: url(/images/bgLogin.png) no-repeat;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	color: rgb(255,255,255);
	text-shadow: #000000 0 1px 2px;
	display: none;
}

#intro #login a:hover {
	background-color: black;
}

#intro #login h3 {
	text-transform: uppercase;
	color: rgb(255,255,255);
	margin-bottom: 5px;
}

#intro #login form p label {
	color: #d37730;
	float: left;
	width: 60px;
	font-size: 10pt;
}

#intro #login form p {
	overflow: hidden;
	padding-top: 5px;
}

#intro #login form p input#textfield {
	width: 130px;
	float: left;
	color: #474747;
	font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
	padding: 2px 5px;
	margin-top: -5px;
	border-width: 0px !important;
}

#intro #login form p input#button {
	float: right;
	border-style: none;
	background-color: #a7e7ff;
	font: 10pt HelveticaNuecond, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	text-shadow: white 0 1px 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0;
	height: 20px;
}

.ie #intro #login a {
	font-size: 7pt;
}

/* varios */

a.a-horarios {
	display: block;
	width: 254px;
	height: 49px;
	padding: 0 !important;
	background: url(../images/button/verhorarios.png);
}

.introHeight { height: 200px !important; }




/* @dropDown */

#maindropDown { height: 42px; padding: 10px 24px; text-shadow: rgba(0,0,0,0.5) 0 -1px 0; background-color: rgb(220,220,220); border-bottom: 1px solid rgb(200,200,200) }
#maindropDown h1 { display: inline-block; height: 42px; padding: 0 12px 0 0;  font-family: Avenir, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 11pt; float: left; color: rgb(30,30,30); text-shadow: white 0 1px 0px; line-height: 320%; }

ul#dropDown { position: relative; float: left; width: 220px; z-index: 5; -moz-box-shadow: rgba(0,0,0,0.8) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.8) 0 1px 3px; }
ul#dropDown li a { display: block; width: 218px; height: 40px; background: url(/images/bgdropDown.png) no-repeat bottom center; border: 1px solid white; text-align: center; line-height: 260%; font-size: 11pt; font-weight: bold; color: white; }

ul#dropDown li a span { position: absolute; top: 17px; right: 20px; display: block; width: 9px; height: 6px; background: url(/images/arrowDropdown.png) no-repeat; }
ul#dropDown li a:hover span,
ul#dropDown li a.dropdown-current span { background-position: left bottom; }

.ie ul#dropDown li a,
.ie ul#dropDown li ul { background: black !important; filter: alpha(opacity=70); }

ul#dropDown li a:hover,
ul#dropDown li a.dropdown-current { border-bottom-color: black; color: #d37730; }

ul#dropDown li ul { width: 218px; overflow: hidden; border: 1px solid white; border-top-color: rgb(65,65,65); position: absolute; top: 42px; left: 0; visibility: hidden; background:rgba(0,0,0,0.8); padding: 2px 0; -moz-box-shadow: rgba(0,0,0,0.8) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.8) 0 1px 3px;}
ul#dropDown li ul li a { width: 198px; height: auto; line-height: normal; padding: 8px 10px; font-weight: normal; border: none; background: none;  font-size: 10pt; }