/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

/** { margin: 0; padding: 0; }
body { font: 12px Georgia, serif; }
html { overflow-y: scroll; }
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 20px 0; }
#page-wrap { width: 440px; margin: 80px auto; }
h1 { font: bold 40px Sans-Serif; margin: 0 0 20px 0; }*/

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


/* Specific to example one */

/*#example-one { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

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

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

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #0575f4; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #FE4902; color: white; }*/



/* Specific to example two */

#example-two .list-wrap { 
	background-color: transparent ;/*#eee */
	padding: 1px; 
	margin: 0 0 5px 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;
	/***********/
	margin:0px;
	padding:0px;
	display: block;
	border-bottom:#F60 solid 3px ;	
	/***********/
	}
	
#example-two .nav li { 
	/* width: 97px; 
	 float: left;
	 margin: 0 10px 0 0; */
	 margin:0px;
	padding:0px;
	display:inline;
	 }
	 
#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; */
	width:154px;
	height:20px;
	display:block;
	float:left;
	text-decoration:none;
	font-weight:normal;
	margin:0px auto;
/*	padding:7px;*/
	padding-top:8px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
	
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;	
	
	text-align:center;
	color:   #3E3E3E;
	margin-left:4px;
	background:  #F5F5F5;
	text-transform:uppercase;
	
	}

#example-two li a.current,#example-two li a.current:hover { 
	/*background-color: #eee !important; 
	color: black; */
	background-image: url(../img/ImgWeb/MenuSeccion.jpg)   !important;
	background-repeat:repeat-x;
	color:#FFF;
	height:20px;
	text-decoration:none;
	
	}
	
#example-two .nav li a:hover, #example-two .nav li a:focus {
	/*background: #999;*/
	background-image:url(../img/ImgWeb/MenuSeccion.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	
	}