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

body {
	margin:auto;
	padding: 0;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #080808;
	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header {
	width:980px; height:110px; margin:auto;}
	
	
#thumbs { margin-bottom:100px;} 

/******   nav menu   */ 

#menu-nav{
	height:20px;
	color: #333333; 
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px; font-weight:bold;
	float:right;
	width:740px;
	text-decoration: none;
}

.menu { margin:0px; float:right; }
.menu a  { color: #333333; text-decoration: none;}
.menu a:hover {text-decoration: none; color: #009900;}

.seleccion { color:#009900}

.btn_fb { width:170px; height:40px; float:right; margin:11px 0 0 200px; padding:0px; }

ul.iconos { width:150px; height:72px; float:right; margin:11px 0 0 0px; padding:0px;  }
ul.iconos li {width: 30px; height:30px; float:right; display: inline; margin: 3px; padding: 0; text-decoration:none:}
.iconos p { float:right; margin:0px; padding:0px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

h1 { width:195px; height:119px; float:left; 
	margin: 0; padding: 0; padding-left:34px;
}

img {border: none;}

ul.columns {
	clear:both;
	width: 960px;
	list-style: none;
	margin: auto; padding-top:25px;
}
ul.columns li {
	width: 220px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}

ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 210px 10px 20px;
	width: 220px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0; padding: 3px 0;
}
ul.columns li p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; padding: 0; margin: 0; font-size: 11px;}

h2 {  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#009900; padding-top:11px;}

.link{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7a7878; padding-top:1px; text-decoration:none;}
.link a{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7a7878; padding-top:1px; text-decoration:none;}
.link a:hover{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-top:1px; text-decoration:none;}

/* NAVIGATION */
#nav { display: block; }
#nav ul { width: 940px; height: 31px; margin: 0 auto; padding: 0; background: url(../images/nav.jpg) no-repeat; overflow: hidden; }
#nav ul li { display: inline; }
#nav ul li a { float: left; height: 23px; padding: 6px 27px 0px 27px; baseline-shift: 5px; border-right: 1px solid #d5d2d4; color: #080808; font-weight: bold; text-decoration: none; background: url(../images/nav.jpg) no-repeat; background-position: -32px 0; overflow: hidden; }
#nav ul li a:hover { color: #080808; background-position: -32px -32px; }
#nav ul li a.left { background-position: 0 0; overflow: hidden; }
#nav ul li a.left:hover { background-position: 0 -32px; overflow: hidden; }

/*Footer*/
#footer { margin:auto; height:100px; background-color:#333333; clear:both;}