/* CSS Documento Basico */
body
{
margin:0px auto;
padding:0px;
background:url(../images/fondo.gif);
scrollbar-face-color:#646464; 
scrollbar-highlight-color:#808080; 
scrollbar-shadow-color:#9BC83A; 
scrollbar-3dlight-color:#808080; 
scrollbar-arrow-color:#9BC83A; 
scrollbar-track-color:#808080; 
scrollbar-darkshadow-color:black 
}
.header
{
border-left:1px solid #666666;
border-right:1px solid #666666;
background:url(../images/baner-bravesupplies.gif) left top no-repeat;
height:125px;
}
.menu_box
{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #9BC83A;
border-bottom:1px solid #9BC83A;
background-color:#CBCED9;
height:30px;
color:#F7BB03;
}
.body_box
{
border-left:1px solid #666666;
border-right:1px solid #666666;
padding:20px 7px 25px 18px;
background-color:#FFFFFF;
color:#5C5C5C;
}
.heading
{
background-color:#CBCED9;
height:21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 21px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #6A9043;
text-decoration: none;
padding-left:10px;
}
.heading-s
{
background-color:#CBCED9;
height:21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 21px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #6A9043;
text-decoration: none;
}

.box
{
border:1px solid #646464;
padding:2px;
background-color:#FFFFFF;
color:#5C5C5C;
}
.text
{
padding-top:8px;
font-size:11px;
text-align:justify;
}
.tprecio
{
padding-left:21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.tsmall
{
padding-top:8px;
font-size:9px;
text-align:center;
}
.rotativo
{
padding-top:8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 21px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #5B8440;
}
.padding10
{
padding:8px;
font-size:10px;
}
.footer_box
{
border-left:1px solid #666666;
border-right:1px solid #666666;
padding:0px 17px;
background-color:#FFFFFF;
color:#5C5C5C;
}

/* CSS Background image Document */
.footer_left_bg
{
background:url(../images/footer_left_bg.gif) left top no-repeat;
height:28px;
}

/* CSS text Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	text-decoration: none;
}

.menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F7BB03;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
color:#FFFFFF;
text-decoration:underline;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration: underline;
line-height:18px;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
}
.input-box
{
border:1px solid #848284;
width:100px;
height:16px;
padding-left:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
background-color:#FFFFFF;
text-decoration: none;
}
.link_especial
{
color:#6A9043;
text-decoration: none;
line-height:18px;
background-color:inherit;
}
.link_especial:hover
{
text-decoration:none;
}

.link_numero
{
color:#646464;
text-decoration: none;
line-height:18px;
background-color:inherit;
text-decoration: underline;
}
.link_numero:hover
{
text-decoration:none;
}
.linea { background: #646464;}

.linea2 { background: #6A9043;}

.boton { background: #646464; 
	     font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px;
		 font-style: normal;
		 line-height: 16px;
		 font-weight: bold;
		 font-variant: normal;
		 text-transform: none;
		 color: #9BC83A;
		 text-decoration: none;
		 width: 75px; 
		 height: 20px; 
		 border-width: 0}

.box_bottom_line
{
background:url(../images/bottom_line.gif) left top repeat-x;
height:3px;
}


/*Animacionn del index


/* dock2 - bottom */
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock1 - Primer Dock */
#dock1 {
	width: 100%;
	position: relative;
	/*right: 20; bottom: 35%;*/
}
.dock-container1 {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item1 {
	display: block; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #646464; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item1 span {
	display: none;
	padding-left: 20px;
}
.dock-item1 img {
	border: none; 
	margin: 0px 0px 0px; 
	width: 100%; 
}

/* dock2 - Segundo Dock */
#dock2 {
	width: 100%;
	position: relative;
	/*right: 20; bottom: 35%;*/
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #646464; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 0px 0px 0px; 
	width: 100%; 
}


/* dock3 - Tercer Dock */
#dock3 {
	width: 100%;
	position: relative;
	/*right: 20; bottom: 35%;*/
}
.dock-container3 {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item3 {
	display: block; 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #646464; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item3 span {
	display: none;
	padding-left: 20px;
}
.dock-item3 img {
	border: none; 
	margin: 0px 0px 0px; 
	width: 100%; 
}