/* CSS Document */
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%; /* Required */ 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #F4F4F4 url(images/back.gif) repeat-y center;
}

#container-page { 
	width: 780px;
	margin: 0 auto; 
	position: relative; 
	min-height: 100%; /* For Modern Browsers */ 
	height: auto !important; /* For Modern Browsers */ 
	height: 100%; /* For IE */ 
	background-color: #FFF;
}

#container-content { 
	/*padding-bottom: 30px;*/
} 

#container-foot { 
	width: 100%; 
	/*position: absolute; 
	bottom: 0 !important; */
	bottom: -1px; /* For Certain IE widths */ 
	height: 30px; 
	background: url(images/ftr_back.gif) repeat-x #EFEFEF;	
} 

img {
	border: 0 none;
}

ul {
	margin: 0;
	padding: 0;
}

.notext {
	text-indent: -9999px;
}

/* HEADER */
#container-header {
	height: 90px;
	background: url(images/hdr_decor.jpg) top right no-repeat;
	border-bottom: 2px solid #3E3C64;
}
#container-header h1 {
	width: 200px;
	height: 60px;
	margin: 16px 0 0 33px;
}

#container-header h1 a {
	background: url(images/hdr_logo.gif) no-repeat;
	display: block;
	margin: 0;
	height: 100%;	
	text-indent: -9999px;
}

#container-header #hdr-cert {
	position: absolute;
	top: 9px;
	left: 282px;
	list-style: none;
}
#container-header #hdr-cert li {
	display: inline;
}
#container-header #hdr-cert a {
	display: block;
	float: left;
	text-indent: -9999px;	
	text-decoration: none;
	margin-right: 10px;
}

#container-header #hdr-cert #hdr-cert1 a {
	background: url(images/hdr_cert1.jpg) no-repeat;
	width: 42px;
	height: 73px;
}

#container-header #hdr-cert #hdr-cert2 a {
	background: url(images/hdr_cert2.jpg) no-repeat;
	width: 39px;
	height: 73px;
}

#container-header #hdr-nav {
	position: absolute;
	right: 0px;
	top: 70px;
}

#container-header #hdr-nav li {
	display: inline;
}

#container-header #hdr-nav a, .menu a {
	font-size: 12px;
	font-weight: bold;
	color: #3E3C64;
	text-decoration: none;
	padding: 0 5px;
}

#container-header #hdr-nav a:hover,#container-header #hdr-nav a.selected, .menu a:hover{
	color: #FF4F1D;
}
/* Slide Menu */
.menu a {
	display: block;
	margin-bottom: 3px;
	padding: 2px 0 2px 4px;
}
.menu a:hover {
	background-color: #F7F7F7;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;	
	padding: 1px 0 1px 4px;

}
.menu {
	background-color: #FFF;
	padding-top: 3px;
}
.menu li {
	display:inline;
}
/* FOOTER */
#container-foot {
	clear: both;
}
#container-foot p {
	font-weight: bold;
	color: #908989;
	margin: 0;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
}

/* INDEX */
#container-idx {
	height: 354px;
	background: url(images/idx_bgrnd.jpg) no-repeat;
}
#container-idx #img {
	position: absolute;
	top: 318px;
	left: 594px;
}
#container-idx ul {
	position: absolute;
	visibility: hidden;
}

/* Politica Integrada */
#container-polint h2 {
	background: url(images/polint_hdr.jpg) no-repeat;
	height: 48px;	
}

#container-polint #text {
	margin: 10px 20px;
	padding: 0 20px 10px 20px;
	border: 1px solid #000;
}
#container-polint #text p {
	line-height: 16px;
}
/* Menu de navegación de Que es YKK */
#aboutykk-nav {
	height: 25px;
	background: url(images/aboutykk_nav.gif) no-repeat;
	text-indent: -9999px;
}
#aboutykk-nav ul {
	list-style: none;
	margin-left: 134px;
}
#aboutykk-nav li {
	display: inline;
}
#aboutykk-nav a {
	display: block;
	height: 25px;
	background: url(images/aboutykk_nav.gif) no-repeat;
	float: left;
}
#aboutykk-nav #ykkargentina a {
	width: 156px;
	background-position: -134px 0;
}
#aboutykk-nav #ykkargentina a:hover,#aboutykk-nav #ykkargentina a.selected {
	background-position: -134px -25px;
}
#aboutykk-nav #ykkmundo a {
	margin-left: 2px;
	width: 158px;
	background-position: -292px 0;
}
#aboutykk-nav #ykkmundo a:hover,#aboutykk-nav #ykkmundo a.selected {
	background-position: -292px -25px;
}
#aboutykk-nav #ykknegocios a {
	margin-left: 2px;
	width: 182px;
	background-position: -452px 0;
}
#aboutykk-nav #ykknegocios a:hover,#aboutykk-nav #ykknegocios a.selected {
	background-position: -452px -25px;
}


/* Que es YKK */
#container-aboutykk {
	position: relative;
}
#container-aboutykk h2 {
	background: url(images/aboutykk_hdr.jpg) no-repeat;
	height: 48px;	
}
#container-aboutykk p.phrase {
	background: url(images/aboutykk_phrase.jpg) no-repeat;
	height: 48px;
	text-indent: -9999px;
	margin-right: 0; margin-left: 0;
}
#container-aboutykk h3 {
	background: url(images/aboutykk_title.gif) no-repeat;
	height: 23px;
}
#container-aboutykk p {
	color: #7F7F7F;
	margin-left: 50px;
	margin-right: 15px;
}
#container-aboutykk img {
	float: right;
	margin: 5px 10px;
}
#container-aboutykk div.spacer {
	position: absolute;
	width: 2px;
	height: 300px;
	top: 200px;
	left: 25px;
	background: url(images/aboutykk_spacer.gif) repeat-y;
}

/* YKK en Argentina */
#container-ykkargentina {
	background: url(images/ykkargentina_back.jpg) no-repeat;
	background-position: 19px 300px;
	height: 420px;
}
#container-ykkargentina h2 {
	background: url(images/ykkargentina_hdr.jpg) no-repeat;
	height: 48px;
	margin-top: 19px;
}
#container-ykkargentina p {
	color: #7F7F7F;
	margin-left: 50px;
}
#container-ykkargentina img {
	float: right;
	clear: right;
	margin: 5px 30px 5px 30px;
}
#container-ykkargentina div.spacer {
	position: absolute;
	width: 2px;
	height: 180px;
	top: 195px;
	left: 25px;
	background: url(images/aboutykk_spacer.gif) repeat-y;
}

/* YKK en el Mundo */
#container-ykkmundo {
	text-align: center;
}
#container-ykkmundo h2 {
	background: url(images/ykkmundo_hdr.jpg) no-repeat;
	height: 48px;	
}

/* Unidades de negocios */
#container-ykknegocios {
}
#container-ykknegocios h2 {
	background: url(images/ykknegocios_hdr.jpg) no-repeat;
	height: 48px;	
}
#container-ykknegocios h3 {
	text-indent: -9999px;
	height: 23px;
	clear: right;
}
#container-ykknegocios h3#h3sec1 {
	background: url(images/ykknegocios_h3sec1.gif) no-repeat;
	height: 23px;
}
#container-ykknegocios h3#h3sec2 {
	background: url(images/ykknegocios_h3sec2.gif) no-repeat;
}
#container-ykknegocios h3#h3sec3 {
	background: url(images/ykknegocios_h3sec3.gif) no-repeat;
}
#container-ykknegocios h3#h3sec4 {
	background: url(images/ykknegocios_h3sec4.gif) no-repeat;
}
#container-ykknegocios p {
		color: #7F7F7F;
		margin-left: 50px;
		line-height: 150%;
}
#container-ykknegocios img {
	float: right;
	margin: 5px 20px 5px 20px;
}
#container-ykknegocios img#imgsec4 {
	margin-bottom: 20px;
}

/* Contacto */
#container-ctc h2 {
	background: url(images/ctc_hdr.jpg) no-repeat;
	height: 48px;
}
#container-ctc h3 {
	background: url(images/ctc_title.gif) no-repeat;
	height: 23px;
}
#container-ctc form {
	float: left;
	background-color: #F7F7F7;
	color: #7F7F7F;
	border: 1px dotted #000000;
	position: relative;
	width: 280px;
	margin: 0px 20px 10px 10px;
	padding: 10px 0px 10px 170px;
}
#container-ctc input,#container-ctc textarea {
	margin-bottom: 5px;
}
#container-ctc label {
	position: absolute;
	left: 10px;
}
#ctc-direccion {
	width: 266px;
	border: 1px dotted #000000;
	background-color: #E5EBFA;
	padding-bottom: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#ctc-direccion h3 {
	background: url(images/ctc_datos.gif) no-repeat;
	height: 23px;
}
#ctc-direccion p {
	margin-left: 10px;
	font-size: 14px;
	color: #62656b;
}
.ctc-gracias {
	float: left;
	background-color: #F7F7F7;
	color: #7F7F7F;
	border: 1px dotted #000000;
	position: relative;
	width: 440px;
	margin: 0px 20px 10px 10px;
	padding: 60px 0px 70px 0px;
	font-size: 18px;
	text-align: center;
}

/* YKK LINKS */
#container-ykklinks h2 {
	background: url(images/ykklinks_hdr.jpg) no-repeat;
	height: 48px;
	margin: 0;
	border-bottom: 2px solid #3E3C64;
}
#ykklinks {
	background: url(images/ykklinks_back.gif) repeat-y;
	height: 300px;
	position: relative;
}
#ykklinks h4 {
	color: #F6714E;
	font-weight: bold;
	font-size: 12px;
	margin: 8px 3px 1px 3px;
}
#ykklinks li {
	display: inline;
}
#left a,#right a {
	display: block;
	margin-bottom: 3px;
	padding: 2px 0 2px 8px;
	color: #3E3C64;
	text-decoration: none;
}
#left a:hover,#right a:hover {
	background-color: #F7F7F7;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;	
	padding: 1px 0 1px 8px;

}
#left,#right {
	width: 123px;
}
#left {
	float: left;
}
#right {
	float: right;
}
#center table {
	empty-cells: show;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 10px 130px;
}
#center td {
	text-align: center;
}
#center a {
	display: block;
	margin: 5px 0;
	border: 2px solid #343EAB;
}
#center a.cuad {
	background: url(images/ykklinks_fotoscuad.jpg) no-repeat;
	width: 114px;
	height: 114px;
}
#center a.rect {
	background: url(images/ykklinks_fotosrect.jpg) no-repeat;
	width: 243px;
	height: 114px;
}
#center #a1 a {
	background-position: 0 -114px;	
}
#center #a1 a:hover {
	background-position: 0 0;
}
#center #a2 a {
	background-position: -243px -114px;	
}
#center #a2 a:hover {
	background-position: -243px 0;
}

#center #a3 a {
	background-position: 0 -114px;
}
#center #a3 a:hover {
	background-position: 0 0;
}
#center #a4 a {
	background-position: -114px -114px;
}
#center #a4 a:hover {
	background-position: -114px 0;
}
#center #a5 a {
	background-position: -228px -114px;
}
#center #a5 a:hover {
	background-position: -228px 0;
}
#center #a6 a {
	background-position: -342px -114px;
}
#center #a6 a:hover {
	background-position: -342px 0;
}
#center #a7 a {
	background-position: -456px -114px;
}
#center #a7 a:hover {
	background-position: -456px 0;
}
#center #a8 a {
	background-position: -570px -114px;
}
#center #a8 a:hover {
	background-position: -570px 0;
}
#center #a9 a {
	background-position: -684px -114px;
}
#center #a9 a:hover {
	background-position: -684px 0;
}
#center #a10 a {
	background-position: -798px -114px;
}
#center #a10 a:hover {
	background-position: -798px 0;
}
#center #a11 a {
	background-position: -486px -114px;	
}
#center #a11 a:hover {
	background-position: -486px 0;
}
#center #a12 a {
	background-position: -729px -114px;	
}
#center #a12 a:hover {
	background-position: -729px 0;
}
/* Catalogo */
.catcontainer {
	width: 780px;
	height: 567px;
	position: relative;
}
/* Index general */
#index {
	background: url(catalogo/index.gif) no-repeat;
}
#indexbtn ul {
	position: absolute;
	left: 360px;
	top: 170px;
}
#indexbtn li {
	list-style: none none;	
}
#indexbtn li a {
	display: block;
	height: 24px;
	width: 334px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 25px;
	margin-bottom: 30px;	
}
#indexbtn li a#met:hover,#indexbtn li a#mon:hover,#indexbtn li a#vis:hover,#indexbtn li a#qui:hover,#indexbtn li a#bot:hover {
	background-color: #999999;
}
#indexbtn li a#met {
	background-color: #0074C5;
}
#indexbtn li a#mon {
	background-color: #009049;
}
#indexbtn li a#vis {
	background-color: #EB3D00;
}
#indexbtn li a#qui {
	background-color: #C4548B;
}
#indexbtn li a#bot {
	background-color: #95956B;
}
#indexbtn li a#inf {
	display: block;
	height: 24px;
	width: 125px;
	color: #FFF;
	background-color: #999999;	
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 10px;
	margin-bottom: 30px;	
}
/* Index especifico */
#idxmet {
	background: url(catalogo/idxmet.gif) no-repeat;
}
#idxmon {
	background: url(catalogo/idxmon.gif) no-repeat;
}
#idxvis {
	background: url(catalogo/idxvis.gif) no-repeat;
}
#idxmet a#indexanchor,#idxmon a#indexanchor,#idxvis a#indexanchor {
	position: absolute; 
	left: 180px;
	top: 510px;
	display: block;
	width: 124px;
	height: 24px;
	text-transform: uppercase;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background-color: #999999;
	text-decoration: none;
}
#idxmet a#indexanchor:hover,#idxmon a#indexanchor:hover,#idxvis a#indexanchor:hover {
	background-color: #CACACA;
}
a.idxcuad {
	display: block;
	width: 48px;
	height: 16px;
	background-color: #999999;
	text-decoration: none;
	color: #FFF;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
}
#idxmet a.idxcuad:hover {
	background-color: #0074C5;
}
#idxmon a.idxcuad:hover {
	background-color: #009049;
}
#idxvis a.idxcuad:hover {
	background-color: #EB3D00;
}
#idxmet table,#idxmon table,#idxvis table {
	position: absolute; 
	width: 335px;
	left: 360px;
	top: 230px;
	
}
#idxmet td,#idxmon td,#idxvis td {
	height: 35px;	
}
/* Detalle (mode 3) */
img.main {
	position: absolute;
	top: 200px;
	left: 287px;
}
#pagbrowser {
	position: absolute;
	top: 510px;
	left: 370px;
	color: #C2C1C1;
	font-weight: bold;
	height: 21px;
	font-size: 16px;
	width: 130px;
	text-align: center;
}
#pagbrowser td {
	width: 33%;
}
#indexbrowser {
	position: absolute;
	top: 515px;
	left: 20px;
}
#indexbrowser a {
	display: block;
	float: left;
	width: 124px;
	height: 24px;
	color: #FFF;
	background: #999999;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
}
#indexbrowser a:hover {
	background-color: #CACACA;
}
#sepbrowser {
	position: absolute;
	top: 130px;
	left: 20px;
}
#sepbrowser a {
	display: block;
	float: left;
	width: 80px;
	height: 20px;
	color: #FFF;
	background: #999999;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
}
#sepbrowser a:hover {
	background-color: #CACACA;
}
#met_1 {
	background: url(catalogo/met_1.gif) no-repeat;
}
#met_2 {
	background: url(catalogo/met_2.gif) no-repeat;
}
#met_2s {
	background: url(catalogo/met_2s.gif) no-repeat;
}
#met_3 {
	background: url(catalogo/met_3.gif) no-repeat;
}
#met_3s {
	background: url(catalogo/met_3s.gif) no-repeat;
}
#met_4 {
	background: url(catalogo/met_4.gif) no-repeat;
}
#met_4s {
	background: url(catalogo/met_4s.gif) no-repeat;
}
#met_5 {
	background: url(catalogo/met_5.gif) no-repeat;
}
#met_5s {
	background: url(catalogo/met_5s.gif) no-repeat;
}
#met_6 {
	background: url(catalogo/met_6.gif) no-repeat;
}
#met_7 {
	background: url(catalogo/met_7.gif) no-repeat;
}
#met_7s {
	background: url(catalogo/met_7s.gif) no-repeat;
}
#met_8 {
	background: url(catalogo/met_8.gif) no-repeat;
}
#met_8s {
	background: url(catalogo/met_8s.gif) no-repeat;
}
#met_9 {
	background: url(catalogo/met_9.gif) no-repeat;
}
#met_9s {
	background: url(catalogo/met_9s.gif) no-repeat;
}
#met_10 {
	background: url(catalogo/met_10.gif) no-repeat;
}
#met_10s {
	background: url(catalogo/met_10s.gif) no-repeat;
}
#met_11 {
	background: url(catalogo/met_11.gif) no-repeat;
}
#met_11s {
	background: url(catalogo/met_11s.gif) no-repeat;
}
#met_12 {
	background: url(catalogo/met_12.gif) no-repeat;
}
#met_12s {
	background: url(catalogo/met_12s.gif) no-repeat;
}
#met_13 {
	background: url(catalogo/met_13.gif) no-repeat;
}
#met_13s {
	background: url(catalogo/met_13s.gif) no-repeat;
}
#met_14 {
	background: url(catalogo/met_14.gif) no-repeat;
}
#met_14s {
	background: url(catalogo/met_14s.gif) no-repeat;
}
#mon_1 {
	background: url(catalogo/mon_1.gif) no-repeat;
}
#mon_1m {
	background: url(catalogo/mon_1m.gif) no-repeat;
}
#mon_2 {
	background: url(catalogo/mon_2.gif) no-repeat;
}
#mon_3 {
	background: url(catalogo/mon_3.gif) no-repeat;
}
#mon_3s {
	background: url(catalogo/mon_3s.gif) no-repeat;
}
#mon_4 {
	background: url(catalogo/mon_4.gif) no-repeat;
}
#mon_4s {
	background: url(catalogo/mon_4s.gif) no-repeat;
}
#mon_5 {
	background: url(catalogo/mon_5.gif) no-repeat;
}
#mon_6 {
	background: url(catalogo/mon_6.gif) no-repeat;
}
#mon_7 {
	background: url(catalogo/mon_7.gif) no-repeat;
}
#vis_1 {
	background: url(catalogo/vis_1.gif) no-repeat;
}
#vis_1s {
	background: url(catalogo/vis_1s.gif) no-repeat;
}
#vis_2 {
	background: url(catalogo/vis_2.gif) no-repeat;
}
#vis_2s {
	background: url(catalogo/vis_2s.gif) no-repeat;
}
#vis_3 {
	background: url(catalogo/vis_3.gif) no-repeat;
}
#qui_1 {
	background: url(catalogo/qui_1.jpg) no-repeat;
}
#bot_1 {
	background: url(catalogo/bot_1.jpg) no-repeat;
}
#bot_2 {
	background: url(catalogo/bot_2.jpg) no-repeat;
}
#inf_1 {
	background: url(catalogo/inf_1.jpg) no-repeat;
}
#inf_2 {
	background: url(catalogo/inf_2.jpg) no-repeat;
}
#inf_3 {
	background: url(catalogo/inf_3.jpg) no-repeat;
}
#inf_4 {
	background: url(catalogo/inf_4.jpg) no-repeat;
}
#inf_5 {
	background: url(catalogo/inf_5.jpg) no-repeat;
}
#inf_6 {
	background: url(catalogo/inf_6.jpg) no-repeat;
}
#inf_7 {
	background: url(catalogo/inf_7.jpg) no-repeat;
}
#inf_8 {
	background: url(catalogo/inf_8.jpg) no-repeat;
}
#inf_9 {
	background: url(catalogo/inf_9.jpg) no-repeat;
}
#inf_10 {
	background: url(catalogo/inf_10.jpg) no-repeat;
}
#inf_11 {
	background: url(catalogo/inf_11.jpg) no-repeat;
}
#inf_12 {
	background: url(catalogo/inf_12.jpg) no-repeat;
}
#inf_13 {
	background: url(catalogo/inf_13.jpg) no-repeat;
}
#inf_14 {
	background: url(catalogo/inf_14.jpg) no-repeat;
}
#inf_15 {
	background: url(catalogo/inf_15.jpg) no-repeat;
}