*{
	margin:0px;
	padding:0px;
}
body{
	background-color: #262626;
		}
	
li {list-style-type:none;}
li a {text-decoration:none;}


@font-face {
    font-family:'ArialNarrow';
    src: url(fuentes/ARIALN.TTF) format('truetype');
}
@font-face {
    font-family:'HelvCond';
    src: url(fuentes/helv_cond.ttf) format('truetype');
}

@font-face {
    font-family:'Din_Medium';
    src: url(fuentes/DIN-Medium.ttf) format('truetype');
}



#contenedor{
	width:998px;
	height:622px;
	position:relative;
	margin:auto;
	background-size:2px 622px;
	background-image:url(imgs/fondo.jpg);
}

#contenedor_cot{
	width:998px;
	height:700px;
	position:relative;
	margin:auto;
	background-size:2px 700px;
	background-image:url(imgs/fondo.jpg);
}

#logo{
	width:126px;
	height:96px;
	top:20px;
	left:112px;
	position:absolute;
}

#texto2{
	width:425px;
	height:87px;
	top:-95px;
	left:142px;
	position:absolute;

}

#texto3{
	width:625px;
	height:117px;
	top:-122px;
	left:142px;
	position:absolute;
}

#texto4{
	width:696px;
	height:114px;
	top:315px;
	left:114px;
	position:absolute;
}

#menu1{
	width:426px;
	height:38px;
	top:78px;
	left:250px;
	position:absolute;
	font-family:'HelvCond';
	font-size:11px;
}

#menu1 #prod{
	border-left:#999 1px solid;}

	
#menu1 li {
	width:83px;
	height:38px;
	list-style-type:none; /*   sacar el bullet IMPORTANTE */
	float:left; 
	text-align:left;
	border-right:#999 1px solid;
		}

#div li:hover{
	opacity:0.5;
	filter:Alpha(opacity=50)}

	
#menu1 li a{
	text-decoration:none;
	display:block; /* que se comporte como bloque  IMPORTANTE */
	height:37px;
	color:#8D8D8D;
	padding:0px 6px;
	
		}

#menu1 li:hover{
	background-image:url(imgs/hover_01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#menu1 li a:hover{
	color:#FFF;
	}
	
#menu1 li.current{
	color:#FFF;
	background-image:url(imgs/hover_01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
		}

#menu1 li a.current{
	color:#FFF;
		}

#menu2{
	width:201px;
	height:75px;
	top:40px;
	left:688px;
	position:absolute;
}

#menu2 li{
	width:200px;
	height:20px;
	background-color:#4E4E4E;
	margin:4px 0px;	
	}

#menu2 li:hover{
	background-image:url(imgs/hover_02.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
			
	}

#menu2 li a{
	display:block;
	font-family:'HelvCond';
	color:#FFF;
	font-size:12px;
	padding:2px 2px 2px 7px;		
	}

#menu2 li a:hover{
	color:#FFAF11;	
	}

#menu2 ul #inicio{
	height:24px;
	background-color:#000;
		}
#menu2 ul #inicio a{
	display:block;
	color:#FFAF11;
	font-size:14px;
	font-weight: bold;
	}

#menu2 ul #inicio a:hover{
	color: #333;	
	}
	
#menu2 .current2{
	background-image:url(imgs/hover_02.jpg);
	background-position:bottom;
	background-repeat:no-repeat
	
	}
	
#menu3{
	width:785px;
	height:104px;
	position:absolute;
	left:106px;
	top:435px;
	font-family:'HelvCond';
	font-size:12px;
	color:#FFF;
}
	
#menu3 li {
	width:157px;
	height:104px;
	list-style-type:none; 
	float:left; 
	text-align:left;
			}

#menu3 li:hover{
	background-image: url(imgs/hover_03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

	
#menu3 li a{
	text-decoration:none;
	display:block; /* que se comporte como bloque  IMPORTANTE */
	height:84px;
	border-left:#3E83C5 solid 1px;
	padding:0px 0px 0px 10px;
	margin-top:18px;
	color:#8D8D8D;
	
		}

#menu3 li a:hover{
		color: #FFF;
	}

#linea1{
	width:425px;
	height:6px;
	top:430px;
	left:248px;
	position:absolute;
	background-color:#3E83C5;
}
#linea2{
	width:366px;
	height:4px;
	top:-4px;
	left:0px;
	position:absolute;
	background-color:#FFAF11;
}

#sombra{
	width:985px;
	height:8px;
	top:128px;
	left:36px;
	position:absolute;
}

#sombra2{
	width:985px;
	height:8px;
	top:129px;
	left:36px;
	position:absolute;
}

#sombra3{
	width:985px;
	height:8px;
	top:127px;
	left:36px;
	position:absolute;
}


#imagen01{
	width:784px;
	height:302px;
	top:128px;
	left:106px;
	position:absolute;
}

#imagen02{
	width:784px;
	height:411px;
	top:127px;
	left:106px;
	position:absolute;
}

#aviso{
	width:784px;
	height:602px;
	top:128px;
	left:106px;
	position:absolute;
}

#articulo{
	width:784px;
	height:103px;
	top:436px;
	left:106px;
	position:absolute;
	background-color: #4D4D4D;
	font-size: 13px;
	font-family: 'Arial';
	color: #CCC;
	
}

#articulo p {
	font-family:'ArialNarrow';
	font-size:12px;
	color:#FFF;
	position:relative;
	width:170px;
	height:20px;
	left: 380px;
	top: -10px;
	}
	
#articulo p span a{
	font-family:ArialNarrow;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	color:#FFAF11;
	font-weight: bold;
	}

#articulo2{
	width:784px;
	height:103px;
	top:469px;
	left:106px;
	position:absolute;
	background-color: #4D4D4D;
	font-size: 13px;
	font-family: 'Arial';
	color: #CCC;
	
}

#articulo2 p {
	font-family:'ArialNarrow';
	font-size:14px;
	color:#FFF;
	position:relative;
	width:215px;
	height:30px;
	left: 375px;
	top: -70px;
	}
	
#articulo2 p span a{
	font-family:ArialNarrow;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	color:#FFAF11;
	font-weight: bold;
	}

#texto{
	width:425px;
	height:85px;
	top:15px;
	left:142px;
	position:relative;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
}

#texto ul li{
	padding:0px 10px;
	width:405px;
	height:70px;	
	}

#texto5{
	width:425px;
	height:85px;
	top:15px;
	left:142px;
	position:relative;

}

#texto5 li{
	padding:5px 0px 0px 8px;
	
		}
		
#texto5 li a{
	color: #CCC;
	font-size:15px;}		

	
#pie{
	background-image:url(imgs/pie.jpg);
	width:784px;
	height:84px;
	top:538px;
	left:106px;
	position:absolute;
	font-family:'ArialNarrow';
	color: #808080;
	}

#pie #txt2 {
	font-family:'ArialNarrow';
	color: #C0C0C0;
	font-size:12px;
	width:500px;
	height:15px;
	position:relative;
	left:360px;
	top:49px;	


}

#pie #txt1 {
	color: #999999;
	font-size:10px;
	width:300px;
	height:15px;
	position:relative;
	left:5px;
	top:67px;
}

#pie2{
	width:40px;
	height:10px;
	top:610px;
	left:965px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}

#pie2 a {
	color:#333;
	text-decoration:none;	
	}
	
#pie2 a:visited {
	text-decoration:none;
	}
	
#pie3{
	background-image:url(imgs/pie.jpg);
	width:784px;
	height:50px;
	top:572px;
	left:106px;
	position:absolute;
	font-family:'ArialNarrow';
	color: #808080;
	}
	
#pie3 #txt1 {
	color: #999999;
	font-size:10px;
	width:300px;
	height:15px;
	position:relative;
	left:5px;
	top:35px;
}

#pie3 #txt2 {
	font-family:'ArialNarrow';
	color: #C0C0C0;
	font-size:12px;
	width:500px;
	height:15px;
	position:relative;
	left:360px;
	top:17px;

}


#lista1 {
	height: 70px;
	width: 85px;
	position: relative;
	left: 10px;
	top: 5px;
}

#lista2 {
	height: 70px;
	width: 120px;
	position: relative;
	left: 110px;
	top: -65px;
}

#social{
	width:18px;
	height:87px;
	top:0px;
	left:8px;
	position:relative;
}

#social2{
	width:570px;
	height:87px;
	top:-90px;
	left:25px;
	position:relative;
	font-size: 13px;
	font-family: 'Arial';
	color: #C0C0C0;
}

#texto5 #social2 ul li a{
	font-size: 13px;
	font-family: 'Arial';
	color: #C0C0C0;}
	
#texto5 #social2 ul li a:hover{
	font-size: 13px;
	font-family: 'Arial';
	color: #FFF;}
	
#titulo2{
	width:295px;
	height:50px;
	top:414px;
	left:130px;
	position:absolute;
	background-image: url(imgs/Bienvenidos.png);
	background-repeat: no-repeat;
}

#titulo2 span{
	display:none;	
	}

#texto6{
	width:366px;
	height:90px;
	top:12px;
	left:0px;
	position:relative;
	border-right:#CCC 1px solid;

}

#asociacion{
	width:182px;
	height:104px;
	top: -120px;
	position: relative;
	left: 600px;
}

#texto6 form{
	width:332px;
	height:80px;
	position:relative;
	top:4px;
	left:10px;
	font-family:'HelvCond';
	font-size:14px;
	color:#FFF;
		}

#texto6 form #user{
	width:332px;
	height:20px;
	position:absolute;
	top:0px;
	left:0px;
	}
	
#texto6 form #user p{
	width:70px;
	height:20px;
	position:absolute;
	top:0px;
	left:22px;
	text-align: right;
	padding: 2px 0px 0px 0px;
	}	

#texto6 form #password{
	width:332px;
	height:20px;
	position:absolute;
	top:30px;
	left:0px;
	}
#texto6 form #password p{
	width:60px;
	height:20px;
	position:absolute;
	top:0px;
	left:8px;
	text-align: right;
	padding: 2px 0px 0px 0px;
	}

#texto6 form #login{
	width:332px;
	height:20px;
	position:absolute;
	top:60px;
	left:0px;
	}
		
#texto6 form #user input {
	background-color: #000;
	position:absolute;
	left:100px;
	width: 230px;
	height: 20px;
	border:#FFAF11 1px solid;
	font-family:'HelvCond';
	font-size:12px;
	color:#FFF;
	}

#texto6 form #password input {
	background-color: #000;
	position:absolute;
	left:100px;
	width: 230px;
	height: 20px;
	border:#FFAF11 1px solid;
	font-family:'HelvCond';
	font-size:12px;
	color:#FFF;
}
#texto6 form #login #loginbutton{
	background-color: #000;
	position:absolute;
	left:280px;
	width: 50px;
	height: 20px;
	border:#FFAF11 1px solid;
	font-family:'HelvCond';
	font-size:10px;
	color:#FFF;
}
#imagen{
	width:784px;
	height:339px;
	top:130px;
	left:106px;
	position:absolute;
	background-image: url(imgs/index_02.jpg);
}