@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
	
body {
	width:960px;
	margin:auto;
	font:15px Arial, Helvetica, sans-serif;
	/*background-image:url('http://img.freepik.com/free-vector/green-christmas-pattern_1045-462.jpg?size=338&ext=jpg');*/
	background-image:url('../images/bg.png');
}
	

a {
	outline:none;
	text-decoration:none;
	color:#F90;
}
	
a:hover {
	color:#F50;
}
	
h1, h2, h3, p {
	margin-bottom:20px;
	color:white;
	text-shadow: 4px 4px 5px #000;
}

header {
	height:140px;
	padding:20px;
}
	
nav {
	height:40px;
}
	
footer {
	height:130px;
	background: rgb(9,9,8);
	background: rgba(9,9,8,0.8);
	padding:20px;
}
	
#main {
	min-height:500px;
	overflow:auto;
	padding:20px;
	background: rgb(20,13,35);
	background: rgba(25,13,30,0.5);
	-moz-border-top-left-radius:39px;
	-webkit-border-top-right-radius:39px;
}
	
article, aside {
	float:left;
	min-height:500px;
	background: rgb(25,13,30);
	background: rgba(25,13,30,0.4);
	padding:20px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
	
article.home {
	width:530px;
}

article.novedades{
	width:870px;
	max-height:600px;
	overflow:auto;
}

article.contacto input{
	width:200px;
	float:right;
}

article.contacto form{
	width:400px;
	padding-left:230px;
	padding-top:20px;
}

article.planillas{
	width:870px;
	text-align:center;
	line-height: 150px;
}

article.socios{
	width:870px;
	text-align:center;
}

article.bolos_der, article.bolos_izq{
	height:400px;
	overflow:auto;
}

article.bolos_izq{
	width:400px;
}

article.bolos_der{
	width:400px;
	float:right;
}

article.info_izq{
	width:500px;
}

article.info_der{
	width:300px;
	float:right;
}

article.info_izq h3, article.info_der h3{
	color:#F90;
	opacity:0.7;
}

article.novedades textarea{
	width:400px;
	height:100px;
}

article.novedades img{
	width:100%;
}

aside.home img{
	width:50px;
	height:40px;
}

aside {
	width:280px;
	float:right;
}

aside.home h2{
	color:#F90;
	opacity:0.7;
}

aside.home{
	height:100%;
	overflow:auto;	
}

hr{
	color: #FF6600;
	background-color: #FF6600;
	height: 1px;
	border: 0;
	width:95%;
	margin-bottom:10px;
}

/* MENU */
#menu { }
#menu ul { list-style:none; }
#menu ul li { display:inline; float:left; margin-bottom:18px; }

/* :first-child pseudo selector with rounded top left corner */
#menu ul li:first-child a { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius:12px; }

/* :last-child pseudo selector with rounded top right corner */
#menu ul li:last-child a { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius:12px; }

/* background color set to RGBA, with opacity on 0.3 and also using text-shadow */
#menu ul li a { padding:21px; background: rgb(25,13,30); background: rgba(25,13,30,0.3); text-decoration: none; font: bold 17px Helvetica, Sans-Serif; letter-spacing: -1px; color: #FFF;
	text-shadow: #321 0px 0px 2px; }
	
/* hover state shows a linear gradient and opacity it brought down to 0.9 and also shows a very slight grey gradient on top */
#menu ul li a:hover { -moz-box-shadow: 0 -5px 10px #777; -webkit-box-shadow: 0 -5px 10px #777;
	background: -webkit-gradient(
		linear, right bottom, left top, color-stop(0, rgb(237,227,112)), color-stop(0.72, rgb(255,173,10))) !important;
	background: -moz-linear-gradient(
		right bottom, rgb(237,227,112) 0%, rgb(255,173,10) 72%) !important;
	background-color:rgb(255,173,10) !important;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }

/* another RGBA background, now with an opacity of 0.8 */
#menu ul li a.active { background: rgb(25,13,30);background: rgba(25,13,30,0.5) !important; }