@import "fonts/fontface.css";

html{
  	/*background: black;*/
	font-family: 'ArimoRegular', Calibri;
	font-size: 15px;
	color: #00407b;
	/*color: white;*/
	background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 46%, #002860 58%, #0d3a93 65%, #3c5fc1 71%, #657dbf 78%, #788abc 84%, #8d99ba 93%, #9ca3b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(46%,#000000), color-stop(58%,#002860), color-stop(65%,#0d3a93), color-stop(71%,#3c5fc1), color-stop(78%,#657dbf), color-stop(84%,#788abc), color-stop(93%,#8d99ba), color-stop(100%,#9ca3b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 46%,#002860 58%,#0d3a93 65%,#3c5fc1 71%,#657dbf 78%,#788abc 84%,#8d99ba 93%,#9ca3b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#000000 46%,#002860 58%,#0d3a93 65%,#3c5fc1 71%,#657dbf 78%,#788abc 84%,#8d99ba 93%,#9ca3b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#000000 46%,#002860 58%,#0d3a93 65%,#3c5fc1 71%,#657dbf 78%,#788abc 84%,#8d99ba 93%,#9ca3b7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#000000 46%,#002860 58%,#0d3a93 65%,#3c5fc1 71%,#657dbf 78%,#788abc 84%,#8d99ba 93%,#9ca3b7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#002860',GradientType=0 ); /* IE6-9 */

}
img{
	border: 0;
}
#header{
	width: 940px;
	margin: auto;
	margin-top: 15px;
}
.content{
	background: #CEE7FF;
	background: rgba(206, 231, 255, 1);
	/*background: #99FFDB;*/
	width: 900px;
	margin: auto;
	border-radius: 20px;
	box-shadow: 2px 2px 2px #e1dfdf;
	border: 3px solid #0159ab;
	
	padding: 20px;
}
.content p{
}
.clr{
	clear: both;
}
/*** menu ***/

.lista{
	float: left;
	list-style-type: none;
	margin-top: 50px;
	margin-bottom: 30px;
}
.itemMenu{
	display: inline;
	background: #53acff;
	border: 3px solid #0159ab;
	box-shadow: 2px 2px 2px #e1dfdf;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	behavior: url(PIE.htc);
	padding: 15px 20px 10px 20px;
	margin-right: 20px;
}
.itemMenu a{
	color: white;
	text-decoration: none;
	font-size: 20px;	
	text-align: center;	
}

.nosotros{
	float: right;
	padding: 0px 10px 5px 15px;;
}
/*** galeria de imagenes ***/

#carousel {
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 2px solid #999;
}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

/*** horarios ***/
table{
	/*border: 3px solid blue;*/
	/*width: 550px;*/
	text-align: center;
}
.tabla td{
	border: 1px dotted yellow;
	padding: 3px 5px;
}
.hora, .dias{
	font-size: 16px;
}
.blanco{
	background: navy;
}
.adultos{
	/*background: #FBF0C8;*/
	background: #F6A314;
	color: white;
}
.infantil{
	/*background: #94F958;*/
	background: #5CF614;
	color: white;
}
.inf-jov{
	background: #B958F9;
	color: white;
}
.jov-adul{
	background: #058109;
	color: white;
}
.competicion{
	background: #05756C;
	color: white;
}


/********** contactos *********/
.localizacion{
	width: 450px;
	float: left;
}

.button, input[type="submit"], input[type="text"], textarea {
	font-size:16px;
	color:#333333;
	box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	-khtml-box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	-moz-box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	-ms-box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	-o-box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	-webkit-box-shadow:inset 0 0 0px #aaaaaa, 2px 2px 1px #aaaaaa;
	padding:12px 20px 12px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color:#eeeeee;
	font-family:'ArimoRegular';
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	transition:all 0.3s linear;
	cursor:pointer;
}
.button:hover, input[type="submit"]:hover, input[type="text"]:hover, textarea:hover {
	box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	-khtml-box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	-moz-box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	-ms-box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	-o-box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	-webkit-box-shadow:inset 0 0 15px #666666, 2px 2px 1px #aaaaaa;
	background-color:#ffffff;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	transition:all 0.3s linear;
	color:#000000;
}
.button a {
	font-size:16px;
	color:#333333;
	text-decoration:none;
}
.button a:hover {
	color:#000000;
}


#contact_form {
	width: 320px;
	float:right;
	padding-top:4px;
	/*margin-right:41px;*/
	overflow:hidden;
}
#contact_form .clearfix {
	width:100%;
	margin-bottom:9px;
	position:relative
}

#contact_form input[type="text"], #contact_form textarea {
	float:left;
	margin:5px;	
	border:none;
	padding:14px 18px;
	color:#333333;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
	width:266px;
	outline:none;
	font-family:'ArimoRegular';
	font-size:13px;
}
#contact_form input[type="text"]:hover, #contact_form textarea:hover {
	background:#686661;
	color:#ffffff;
}
#contact_form textarea {
	height:88px;
	overflow:auto;
	resize:none;
}
#contact_form .buttons {
	margin-right:22px;
	float:left;
	
}
#contact_form input[type="submit"], input[type="reset"] {
	width:90px;
	margin:3px;
	border:none;
	color:#333333;
}
#contact_form input[type="submit"]:hover, input[type="reset"]:hover {
	
	color:#000000;
}

.msg {
	font-size: 11px;
	font-weight: normal;
	color:#ee6b26;
	margin-left:10px;
}

.contact {
	width:220px;
	height:auto;
	float:left;
}
.contact ul {
	padding:0px 0px 0px 0px;
}
.contact li {
	display:inline-block;
	padding:0px 5px 10px 0px;
	line-height:22px;
	font-size:14px;
}
.contact li a {
	opacity: 1.0;
}
.contact li a:hover {
	opacity: 0.5;
}
.contact img{
	margin-left:25px;
}



/**** footer ****/

#footer{
	width: 900px;
	margin: 20px auto;
	text-align: center;
	font-size: 12px;
}
#footer img{
	float: right;
}
#footer a{
	text-decoration: none;
	color: #00407b;
}
#footer a:hover{
	text-decoration: underline;
}