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


#page-wrap { width: 37em; margin: 1em auto; }
h1 { font: bold 2.5em. Sans-Serif; margin: 0 ; }

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


/* Specific to example two */
#example-two {border: 1px solid #000; }
#example-two .list-wrap { background: #eee; padding-right: 40px; margin: 0px; }

#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: 120px; float: left; margin-right:3px; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding-left:5px; padding-top:5px; padding-right:5px; background: #666; color: white; font-size: 0.8em; 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;}
table.info {
text-decoration: none;
font-family: 'Exo 2', sans-serif;
font-size: 0.8em;
width:100%;
}

table.info td.derecho  { width:50%; text-align:left; border-bottom: 1px solid #666; padding: 2px; color: #fff; background-color:#333; }
table.info td.izquierdo  {   width:50%; text-align:left; border-bottom: 1px solid #666; padding: 2px;  }
table.info td.link1  {   
background-image:url(../images/pdf.jpg);
background-repeat:no-repeat;
background-position:left;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
width:30px;
}
table.info td.link2 a:link {   
margin-left:20px; text-align:left;padding: 2px;  background-color:#111; color:#FFFFFF; }
table.info td.link2  {   
 margin-left:20px; text-align:left;padding: 2px;  background-color:#111; color:#FFFFFF; }

table.info td.link2 a:hover {   
text-decoration:none; color: #999;
}