/***************** CSS Document ****************/
/* Manual de CSS de www.AthenaShipSupplies.com */
/* Definicion de estilos en un archivo aparte  */


/***************** capa_idiomas ****************/
#capa_idiomas {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 61px;
	height: 64px;
	margin-top: 112px;
	margin-left: 309px;
	z-index: 98;
	overflow: hidden;
	list-style-image: none;
	list-style-type: none;
	text-align: right;
}

#capa_idiomas #menu_idiomas {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 56px;
	width: 61px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 9px;
}

#capa_idiomas #menu_idiomas li {
	display: block;
	margin: 0px;
	width: 61px;
	height: 14px;
	overflow: hidden;
	padding: 0px;
}
#capa_idiomas #menu_idiomas li a { 
	float: left; 
	width: 61px; 
	height: 0px; 
	padding-top: 14px;
	background-image:  url(../images/lang.png); 
	_background-image: url(../images/lang.jpg); 
	background-repeat: no-repeat;
	overflow: hidden;
	}

/* BUTTONS */ 
#capa_idiomas #menu_idiomas li#l_gr a { background-position:    0     0; }
#capa_idiomas #menu_idiomas li#l_ar a { display: none; background-position:    0 -14px; }
#capa_idiomas #menu_idiomas li#l_en a { background-position:    0 -28px; }
#capa_idiomas #menu_idiomas li#l_es a { background-position:    0 -42px; }

/* OVER STATES */
#capa_idiomas #menu_idiomas li#l_gr a:hover { background-position:   -61px  0px; }
#capa_idiomas #menu_idiomas li#l_ar a:hover { display: none;  background-position:  -61px -14px ; }
#capa_idiomas #menu_idiomas li#l_en a:hover { background-position: -61px -28px ; }
#capa_idiomas #menu_idiomas li#l_es a:hover { background-position: -61px -42px ; }

/* PRESSED STATES */
#capa_idiomas #menu_idiomas li#l_gr a:active { background-position:  -122px  0px ; }
#capa_idiomas #menu_idiomas li#l_ar a:active {  display: none; background-position: -122px -14px ; }
#capa_idiomas #menu_idiomas li#l_en a:active { background-position: -122px -28px ; }
#capa_idiomas #menu_idiomas li#l_es a:active { background-position: -122px -42px ; }

/* ON STATES */
#capa_idiomas.gr #menu_idiomas li#l_gr a { background-position:   -183px  0px  !important; }
#capa_idiomas.ar #menu_idiomas li#l_ar a { display: none;  background-position:  -183px -14px  !important; }
#capa_idiomas.en #menu_idiomas li#l_en a { background-position: -183px  -28px  !important; }
#capa_idiomas.es #menu_idiomas li#l_es a { background-position: -183px  -42px  !important; }




/****************************************************/
/* capa_menu */

#capa_menu {
	position: absolute;
	top: 4px;
	left: 50%;
	width: 680px;
	height: 20px;
	margin-top: 88px;
	margin-left: -352px;
	z-index: 9998;
	overflow: hidden;
}

#capa_menu #menu_menu {
	margin: 0;
	padding: 0;
	position: relative;
	width: 680px;
	height: 20px;

}

#capa_menu #menu_menu li { display:inline; margin: -2px;}


/* BUTTONS */
#capa_menu #menu_menu li#m1 a { background-position:      0 0; }
#capa_menu #menu_menu li#m2 a { background-position:  -97px 0; }
#capa_menu #menu_menu li#m3 a { background-position: -194px 0; }
#capa_menu #menu_menu li#m4 a { background-position: -291px 0; }
#capa_menu #menu_menu li#m5 a { background-position: -388px 0; }
#capa_menu #menu_menu li#m6 a { background-position: -485px 0; }
#capa_menu #menu_menu li#m7 a { background-position: -582px 0;  width: 98px;}

/* OVER STATES */
#capa_menu #menu_menu li#m1 a:hover { background-position:      0 -20px; }
#capa_menu #menu_menu li#m2 a:hover { background-position:  -97px -20px; }
#capa_menu #menu_menu li#m3 a:hover { background-position: -194px -20px; }
#capa_menu #menu_menu li#m4 a:hover { background-position: -291px -20px; }
#capa_menu #menu_menu li#m5 a:hover { background-position: -388px -20px; }
#capa_menu #menu_menu li#m6 a:hover { background-position: -485px -20px; }
#capa_menu #menu_menu li#m7 a:hover { background-position: -582px -20px;  width: 98px;}

/* PRESSED STATES */
#capa_menu #menu_menu li#m1 a:active { background-position:      0 -40px; }
#capa_menu #menu_menu li#m2 a:active { background-position:  -97px -40px; }
#capa_menu #menu_menu li#m3 a:active { background-position: -194px -40px; }
#capa_menu #menu_menu li#m4 a:active { background-position: -291px -40px; }
#capa_menu #menu_menu li#m5 a:active { background-position: -388px -40px; }
#capa_menu #menu_menu li#m6 a:active { background-position: -485px -40px; }
#capa_menu #menu_menu li#m7 a:active { background-position: -582px -40px;  width: 98px;}



/* ON STATES */
#capa_menu.m1 #menu_menu li#m1 a { background-position:      0 -60px !important; }
#capa_menu.m2 #menu_menu li#m2 a { background-position:  -97px -60px !important; }
#capa_menu.m3 #menu_menu li#m3 a { background-position: -194px -60px !important; }
#capa_menu.m4 #menu_menu li#m4 a { background-position: -291px -60px !important; }
#capa_menu.m5 #menu_menu li#m5 a { background-position: -388px -60px !important; }
#capa_menu.m6 #menu_menu li#m6 a { background-position: -485px -60px !important; }
#capa_menu.m7 #menu_menu li#m7 a { background-position: -582px -60px !important;  width: 98px;}





/*******************************************************/
/* titulos de las paginas                              */
/*                                                     */
#capa_tit {
	width: 400px;
	height: 45px;
	position: relative;
	z-index: 90;
	overflow: hidden;
}


/* Titulos de las Paginas */
#capa_tit h1#tit1 { background-position:  0 0; }
#capa_tit h1#tit2 { background-position:  0 -45px; }
#capa_tit h1#tit3 { background-position:  0 -90px; }
#capa_tit h1#tit4 { background-position:  0 -135px; }
#capa_tit h1#tit5 { background-position:  0 -180px; }
#capa_tit h1#tit6 { background-position:  0 -225px; }
#capa_tit h1#tit7 { background-position:  0 -270px; }
#capa_tit h1#tit8 { background-position:  0 -315px; }
#capa_tit h1#tit9 { background-position:  0 -360px; }
#capa_tit h1#tit10 { background-position: 0 -405px; }

