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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#animatedtabs{
	overflow: hidden;
	width: 100%;
	font-size: 18px; /*font of menu text*/
position:relative;
top:40px;
left:308px;
}


#animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

#animatedtabs li{
float: left;
margin: 0;
padding: 0;
}
#animatedtabs li a#primero{
float: left;
position: relative;
top: 10px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-orange-left1.gif) no-repeat left top;
margin: 0;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 40px;
text-decoration: none;
}

#animatedtabs a{
float: left;
position: relative;
top: 10px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-orange-right2.gif) no-repeat left top;
margin: 0;
margin-right: 0px; /*Spacing between each tab*/
padding: 0 0 0 0px;
text-decoration: none;
}

#animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-orange-right2.gif) no-repeat right top;
padding: 5px 14px 18px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#animatedtabs a span {float:none;}
/* End IE5-Mac hack */

#animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

#animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 18px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

#animatedtabs a:hover span{
color:#F0F0F0;
background-position: 100% -125px;
padding-bottom: 18px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
#animatedtabs a#primero:hover{
background-position: 0% -125px;
top: 0;
}