@charset "utf-8";
/*
	 Organic Tabs | by Chris Coyier
	 http://css-tricks.com/organic-tabs/
*/

* { margin: 0; padding: 0; }
body { font: 12px Arial; }
html { overflow-y: scroll; } /* scroll Firefox */
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 12px; margin: 0 0 15px 0; }
#page-wrap { width: 700px; margin: 20px auto; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */
#pestanyes { 
	background-image:-moz-linear-gradient(top, #F4F4F4, #FFFFFF); /* Firefox 3.6 */
    background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #F4F4F4)); /* Safari & Chrome */
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F4F4F4', endColorstr='#FFFFFF'); /* ie8 */
	*background: #F4F4F4; /* ie6 & ie7 */
	padding: 10px; 
	margin: 0 0 15px 0; 
	-moz-box-shadow: 0 0 6px #666; 
	-webkit-box-shadow: 0 0 6px #666
}

@media all and (min-width: 0px){
	/*Aqui va el css que quieres que solo lea Opera */ 
	#pestanyes { background: #F4F4F4; } 
	/*Hasta aca */ 
}

#pestanyes .nav { overflow: hidden; margin: 0 0 10px 0; text-transform:uppercase; }
#pestanyes .nav li {
	padding:  0 4px 15px 0; 
	float: left; 
	margin:0; 
	
}
#pestanyes .nav li.last { margin-right: 0; }
#pestanyes .nav li a { 
	display: block; 
	padding: 5px; 
	background: #959290; 
	color: white; 
	font-size: 10px; 
	text-align: center; 
	border: 0; 
	
}

#pestanyes .nav li a:hover { 
	background-color:#5B5B5B; 
	-moz-border-radius:0px 0px 10px 0px; /* Firefox */ 
	-webkit-border-radius:0px 0px 10px 0px; /* Safari and chrome */ 
	-khtml-border-radius:0px 0px 10px 0px; /* Linux browsers */ 
	border-radius:0px 0px 10px 0px; /* CSS3 */ 
}
#pestanyes ul { list-style: none; }
#pestanyes .nav ul li a { 
	display: block; 
	border-bottom: 1px solid #666; 
	padding: 4px; 
	color: #666;	
}

#pestanyes.nav ul li a:hover { background: #fe4902; color: white; }
#pestanyes.nav ul li:last-child a { border: none; }

#pestanyes ul li a.current, 
#pestanyes ul li a.current:hover { 
	background-color: #C00; 
	color: white; 
	cursor: default; 
	-moz-border-radius:0px 0px 10px 0px; /* Firefox */ 
	-webkit-border-radius:0px 0px 10px 0px; /* Safari and chrome */ 
	-khtml-border-radius:0px 0px 10px 0px; /* Linux browsers */ 
	border-radius:0px 0px 10px 0px; /* CSS3 */ 
}

/*#pestanyes ul li.nav-one a.current, #pestanyes ul.featured li a:hover { background-color: #C00; color: white; }
#pestanyes ul li.nav-two a.current, #pestanyes ul.core li a:hover { background-color: #C00; color: white; }
#pestanyes ul li.nav-three a.current, #pestanyes ul.jquerytuts li a:hover { background-color: #C00; color: white; }
#pestanyes ul li.nav-four a.current, #pestanyes ul.classics li a:hover { background-color: #C00; color: white; }*/

/**/

.txt { font-size:11px; color:#666; padding:10px; }
#twitter {float:left; margin:0 10px 0 0; padding:0;}

#contacte { font-family:Verdana, Geneva, sans-serif; font-size:10px; margin:8px 0; padding:0; color:#666; z-index:4; }
#contacte span { font-weight:bold; margin-left:10px; color:#C00; }
#contacte a { color:#666; }
#contacte a:hover { color:#F60; }

h2 { font-family:TrashHandRegular; font-size:40px; color:#666; z-index:4; }
h3 { font-family:TrashHandRegular; font-size:18px; color:#DDD; margin-bottom:20px; z-index:4; }
.logo { float:right; z-index:1; margin:0; padding:0; }

.list-wrap { clear:both; }

@font-face {
	font-family: 'TrashHandRegular';
	src: url('../img/TrashHand-webfont.eot');
	src: local('☺'), url('../img/TrashHand-webfont.woff') format('woff'), url('../img/TrashHand-webfont.ttf') format('truetype'), url('../img/TrashHand-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}