@charset "utf-8";
/* CSS Document */
html, body {
	background-color:#41413F;
    height:100%;   
	text-align:center;
	margin: auto;
	border: 0px;
}   
body{
    position:relative;   
    min-width:800px;   
    min-height:650px;
	visibility:hidden;
}
#intro{
	position:absolute;  
    width:800px;   
    height:650px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-300px;
	background-image:url(../imagenes/intro/intro.jpg);
	background-repeat:no-repeat;
}
#animacion{
	position:absolute;
	top:64px;
	float:right;
	right:19px;
	width:369px;
	height:425px;
	overflow:hidden;
	z-index:0;
}
#animacion img{
	display:block;
	width:369px;
	height:425px;
}
a#bolanar{
	position:relative;
	width:93px;
	height:77px;
	top:263px;
	float:left;
	left:246px;
	border:0px;
	overflow:hidden;
	background-image:url(../imagenes/intro/bolanar1.jpg);
}
a#bolanar:hover{
	background-image:url(../imagenes/intro/bolanar2.jpg);
}
a#bolaama{
	position:relative;
	width:92px;
	height:79px;
	top:380px;
	float:left;
	left:103px;
	border:0px;
	overflow:hidden;
	background-image:url(../imagenes/intro/bolaama1.jpg);
}
a#bolaama:hover{
	background-image:url(../imagenes/intro/bolaama2.jpg);
}
a#bolaver{
	position:relative;
	width:95px;
	height:80px;
	top:451px;
	float:left;
	left:96px;
	border:0px;
	overflow:hidden;
	background-image:url(../imagenes/intro/bolaver1.jpg);
}
a#bolaver:hover{
	background-image:url(../imagenes/intro/bolaver2.jpg);
}
#w3c-html{
	position:absolute;
	width:44px;
	height:15px;
	top:595px;
	float:left;
	left:30px;
	display:block;
	overflow:hidden;	
}
#w3c-css{
	position:absolute;
	width:44px;
	height:15px;
	top:595px;
	float:left;
	left:89px;
	display:block;
	overflow:hidden;	

}
#sobre{
	position:absolute;  
    width:800px;   
    height:600px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-300px;
	background-image:url(../imagenes/sobre/sobre.jpg);
	background-repeat:no-repeat;
	z-index:-1;
	display:block;
	overflow:hidden;
}
a#dise{
	position:absolute;
	width:79px;
	height:21px;
	top:313px;
	float:left;
	left:99px;
	border:0px;
	background-image:url(../imagenes/sobre/dise1.jpg);
	display:none;
}
a#dise:hover{
	background-image:url(../imagenes/sobre/dise2.jpg);
}
a#desa{
	position:absolute;
	width:79px;
	height:26px;
	top:341px;
	float:left;
	left:99px;
	border:0px;
	background-image:url(../imagenes/sobre/desa1.jpg);
	display:none;
}
a#desa:hover{
	background-image:url(../imagenes/sobre/desa2.jpg);
}
a#prom{
	position:absolute;
	width:79px;
	height:21px;
	top:373px;
	float:left;
	left:99px;
	border:0px;
	background-image:url(../imagenes/sobre/prom1.jpg);
	display:none;
}
a#prom:hover{
	background-image:url(../imagenes/sobre/prom2.jpg);
}
#despledise{
	position:absolute;
	width:421px;
	height:411px;
	top:51px;
	float:left;
	left:181px;
	border:0px;
	background-image:url(../imagenes/sobre/despledise.jpg);
	display:none;
	overflow:hidden;
}
#despledesa{
	position:absolute;
	width:421px;
	height:411px;
	top:51px;
	float:left;
	left:181px;
	border:0px;
	background-image:url(../imagenes/sobre/despledesa.jpg);
	display:none;
	overflow:hidden;
}
#despleprom{
	position:absolute;
	width:421px;
	height:411px;
	top:51px;
	float:left;
	left:181px;
	border:0px;
	background-image:url(../imagenes/sobre/despleprom.jpg);
	display:none;
	overflow:hidden;
}
#mailold{
	position:absolute;
	width:141px;
	height:24px;
	top:520px;
	float:right;
	right:55px;
	border:0px;
	background-image:url(../imagenes/sobre/mail1.jpg);
	display:none;
}
a#mailold:hover{
	background-image:url(../imagenes/sobre/mail2.jpg);
}
a#mail{
	position:absolute;
	width:141px;
	height:24px;
	top:520px;
	float:right;
	right:55px;
	border:0px;
	font-family: courier;
	font-size: 95%;
	font-weight:bold;
	color: white;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;
}
a#mail:hover{
	color:#e3281f;
}
#avisoold{
	position:absolute;
	width:49px;
	height:16px;
	top:545px;
	float:right;
	right:55px;
	border:0px;
	background-image:url(../imagenes/sobre/aviso1.jpg);
	display:none;
}
a#avisoold:hover{
	background-image:url(../imagenes/sobre/aviso2.jpg);
}
a#aviso{
	position:absolute;
	width:49px;
	height:16px;
	top:545px;
	float:right;
	right:30px;
	border:0px;
	font-family: courier;
	font-size: 70%;
	color: white;
	text-decoration:none;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;	
}
a#aviso:hover{
	color:#4fb5f5;
}
#proyectos{
	position:absolute;  
    width:800px;   
    height:600px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-300px;
	background-image:url(../imagenes/proyectos/proyec.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	z-index:-1;
}
a#roc{
	position:absolute;
	width:112px;
	height:26px;
	top:402px;
	float:left;
	left:52px;
	border:0px;
	background-image:url(../imagenes/sobre/roc1.jpg);
	display:none
}
a#roc:hover{
	background-image:url(../imagenes/sobre/roc2.jpg);
}
a#jrueda{
	position:absolute;
	width:112px;
	height:26px;
	top:431px;
	float:left;
	left:52px;
	border:0px;
	background-image:url(../imagenes/sobre/jrueda1.jpg);
	display:none
}
a#jrueda:hover{
	background-image:url(../imagenes/sobre/jrueda2.jpg);
}
a#melchita{
	position:absolute;
	width:112px;
	height:26px;
	top:460px;
	float:left;
	left:52px;
	border:0px;
	background-image:url(../imagenes/sobre/melchita1.jpg);
	display:none
}
a#melchita:hover{
	background-image:url(../imagenes/sobre/melchita2.jpg);
}
#promocion{
	position:absolute;  
    width:800px;   
    height:600px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-300px;
	background-image:url(../imagenes/promocion/promocion.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	z-index:-1;
}
a#conflu{
	position:relative;
	width:229px;
	height:49px;
	top:501px;
	float:left;
	left:-232px;
	border:0px;
	background-image:url(../imagenes/promocion/conflu1.jpg);
	display:none;
}
a#conflu:hover{
	background-image:url(../imagenes/promocion/conflu2.jpg);
}
#avisolegal{
	position:relative;  
    width:800px;   
    height:600px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-300px;
	background-image:url(../imagenes/aviso.jpg);
	background-repeat:no-repeat;
}
#confluencias{
	position:absolute;  
    width:800px;   
    height:850px; 
    top:50%;   
    left:50%;   
    margin-left:-400px;   
    margin-top:-350px;
}
#morer{
	position:absolute;
	width:134px;
	height:16px;
	top:756px;
	float:left;
	left:250px;
	border:0px;
	background-image:url(../imagenes/confluencias/morer1.jpg);
}
a#morer:hover{
	background-image:url(../imagenes/confluencias/morer2.jpg);
}
#enri{
	position:absolute;
	width:134px;
	height:16px;
	top:756px;
	float:right;
	right:153px;
	border:0px;
	background-image:url(../imagenes/confluencias/enri1.jpg);
}
a#enri:hover{
	background-image:url(../imagenes/confluencias/enri2.jpg);
}
#redy{
	position:absolute;
	width:134px;
	height:16px;
	top:776px;
	float:left;
	left:250px;
	border:0px;
	background-image:url(../imagenes/confluencias/redy1.jpg);
}
a#redy:hover{
	background-image:url(../imagenes/confluencias/redy2.jpg);
}
#wam{
	position:absolute;
	width:134px;
	height:16px;
	top:776px;
	float:right;
	right:153px;
	border:0px;
	background-image:url(../imagenes/confluencias/wam1.jpg);
}
a#wam:hover{
	background-image:url(../imagenes/confluencias/wam2.jpg);
}
#confluroc{
	position:absolute;
	width:134px;
	height:16px;
	top:796px;
	float:left;
	left:250px;
	border:0px;
	background-image:url(../imagenes/confluencias/roc1.jpg);
}
a#confluroc:hover{
	background-image:url(../imagenes/confluencias/roc2.jpg);
}
#zor{
	position:absolute;
	width:134px;
	height:16px;
	top:796px;
	float:right;
	right:153px;
	border:0px;
	background-image:url(../imagenes/confluencias/zor1.jpg);
}
a#zor:hover{
	background-image:url(../imagenes/confluencias/zor2.jpg);
}
a:focus{
	outline:0	
}