/*
	* Skeleton V1.2
	* Copyright 2011, Dave Gamache
	* www.getskeleton.com
	* Free to use under the MIT license.
	* http://www.opensource.org/licenses/mit-license.php
	* 6/20/2012
	*/

	/* Table of Content
	==================================================
		#Site Styles
		#Page Styles
		#Media Queries
		#Font-Face */

	/* #Site Styles
	================================================== */
	body{
		background: #0768ad;
		margin:30px 0 0 0;
	}
	h1{
		font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	h2{
		font: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color:#fff;
	}
	h3{
		font: 15px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#0b6ca8;
		font-weight:bold;
	}
	p{
		color:#fff;	
	}

	#index{
		background: url("../images/burbujitas_index.jpg");
		height: 570px;
	}
	.content{
		line-height:5px;
	}
	.ingreso{
		margin:450px;
	}
	.ingresar1{
		
		text-align: center;
		transition: 2.5s ease;
		-moz-transition: 2.5s ease; /* Firefox */
		-webkit-transition: 2.5s ease; /* Chrome - Safari */
		-o-transition: 2.5s ease; /* Opera */
	}
	.ingresar1:hover{
		
		text-align: center;
		transform : rotate(360deg);
		-moz-transform : rotate(360deg); /* Firefox */
		-webkit-transform : rotate(360deg); /* Chrome - Safari */
		-o-transform : rotate(360deg); /* Opera */
	}
		
	
	.ingresar2{
		padding: 0 30px 0 0;
		text-align: center;
		transition: 2.5s ease;
		-moz-transition: 2.5s ease; /* Firefox */
		-webkit-transition: 2.5s ease; /* Chrome - Safari */
		-o-transition: 2.5s ease; /* Opera */
	}
	.ingresar2:hover{
		padding: 0 30px 0 0;
		text-align: center;
		transform : rotate(360deg);
		-moz-transform : rotate(360deg); /* Firefox */
		-webkit-transform : rotate(360deg); /* Chrome - Safari */
		-o-transform : rotate(360deg); /* Opera */
	}
	.ingresar3{
		padding: 0 30px 0 0;
		text-align: center;
		transition: 2.5s ease;
		-moz-transition: 2.5s ease; /* Firefox */
		-webkit-transition: 2.5s ease; /* Chrome - Safari */
		-o-transition: 2.5s ease; /* Opera */
	}
	.ingresar3:hover{
		padding: 0 30px 0 0;
		text-align: center;
		transform : rotate(360deg);
		-moz-transform : rotate(360deg); /* Firefox */
		-webkit-transform : rotate(360deg); /* Chrome - Safari */
		-o-transform : rotate(360deg); /* Opera */
	}

	/* #Page Styles
	================================================== */
	.natacion{
		background: url("../images/natacion.jpg");
		height: 571px;
		width: 940px;
	}
	.jardin-gallery{
		background: url("../images/jardin-gallery.jpg");
		height: 571px;
		width: 940px;
	}
	.natacion1{
		background: url("../images/natacion1.jpg");
		height: 571px;
		width: 940px;
	}
	.deporte{
		background: url("../images/deporte.jpg");
		height: 571px;
		width: 940px;
	}
	.deporte_cont{
		background: url("../images/deporte_cont.jpg");
		height: 571px;
		width: 940px;
	}
	.scroll{
		overflow-y: scroll;
		height: 200px;
		width: 250px;
	}
	.logo{
		margin:65px 0 0 0;
	}


	#mensaje1 { margin:100px 0 0 0px; }


	/*---menu principal---*/

	#navi {
		margin: 0;
		padding: 0px 0px 0 0;
		line-height: 100%;
		display: inline;

	}

	#navi li {
		font: 11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		margin: 0 0 0 10px;
		padding: 6px;
		float: left;
		position: relative;
		list-style: none;
		text-transform: uppercase;
		text-align: left;
		-webkit-border-top-left-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-right-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		background: #e16b00;
		border-bottom: 1px solid #fff;
		cursor: pointer;

	}
	#navi li:hover {
		background: #ca6000;
	}

	#navi li a{
		text-decoration: none;
	}



	/*---menu principal---*/
	#navinatacion {
		margin: 0;
		padding: 0px 0px 0 0;
		line-height: 100%;
		display: inline;
	}

	#navinatacion li {
		font: 11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		margin: 0 0 0 10px;
		padding: 6px;
		float: left;
		position: relative;
		list-style: none;
		text-transform: uppercase;
		text-align: left;
		-webkit-border-top-left-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-right-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		background: #008dc3;
		border-bottom: 1px solid #fff;
		cursor: pointer;
	}
	#navinatacion li:hover {
		background: #006b94;
	}

	#navinatacion li a{
		text-decoration: none;
	}

	/*---menu principal---*/
	#navideporte {
		margin: 0;
		padding: 0px 0px 0 0;
		line-height: 100%;
		display: inline;
	}

	#navideporte li {
		font: 11px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		margin: 0 0 0 10px;
		padding: 6px;
		float: left;
		position: relative;
		list-style: none;
		text-transform: uppercase;
		text-align: left;
		-webkit-border-top-left-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomleft: 7px;
		-webkit-border-bottom-right-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		background: #03b258;
		border-bottom: 1px solid #fff;
		cursor: pointer;
	}
	#navideporte li:hover {
		background: #006e35;
	}

	#navideporte li a{
		text-decoration: none;
	}

	/*** FOOTER STYLES ***/
	.foot{
		margin:10px;
		padding: 0px 0 0 132px;
		font-weight: bold;
	}
	.foot_text {
		font-weight: bold;
		padding: 7px;
		color:#00121e;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.foot_text p{
		font-weight: bold;
		color:#78c7ff;
		font-weight: bold;
		font: 11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}


	/* #Media Queries
	================================================== */

		/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) {}

		/* Tablet Portrait size to standard 960 (devices and browsers) */
		@media only screen and (min-width: 768px) and (max-width: 959px) {}

		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {}

		/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {}

		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {}


	/* #Font-Face
	================================================== */
	/* 	This is the proper syntax for an @font-face file
			Just create a "fonts" folder at the root,
			copy your FontName into code below and remove
			comment brackets */

	/*	@font-face {
		    font-family: 'FontName';
		    src: url('../fonts/FontName.eot');
		    src: url('../fonts/FontName.eot?iefix') format('eot'),
		         url('../fonts/FontName.woff') format('woff'),
		         url('../fonts/FontName.ttf') format('truetype'),
		         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
		    font-weight: normal;
		    font-style: normal; }
	*/