@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	border:0;
}
body {
	margin-top:11px;
	background-image:url(images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
h1 {
	font-family:"Agency FB", "Lucida Grande", sans-serif;
	font-size:42px;
	font-weight:lighter;
	color:#FFF;
	margin-bottom:50px;
}
p {
	font-family:"Myriad Pro", Verdana, "Lucida Sans Unicode";
	font-size:12px;
	width:120px;
	color:#666;
	margin-bottom:25px;
}
a {
	font-family:"Myriad Pro", Verdana, "Lucida Sans Unicode";
	font-size:12px;
	text-decoration:none;
	color:#CCF;
}
a:hover {
	text-decoration:underline;
}
div {
	margin:50px 50px 0px 50px;
}
img {
	margin-top:25px;
}
#h1 {
	background-image:url(images/kit.png);
	background-position:top right;
	background-repeat:no-repeat;
	width:400px;
	float:right;
}
#h11 {
	background:url(images/puerta-corredera-kit.png) no-repeat 100px 500px;
	background-position:top right;
	width:800px;
	margin-top:40px;
}
#h111 {
	background:url(images/puertaplegablekit.png) no-repeat 100px 500px;
	background-position:top right;
	width:800px;
	margin-top:40px;
}
#h2 {
	padding-left:140px;
	padding-top:120px;
	background-image:url(images/kitarmario.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:250px;
	border-right:1px dashed #CCC;
}
#h3 {
	padding-left:140px;
	padding-top:120px;
	background-image:url(images/kitplegable.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:250px;
	border-right:1px dashed #CCC;
}
/*.index .a1, .a2, .a3, .a11{width:63px;height:63px;color:#FFF;text-decoration:underline;}
.index .a111 {width:173px; height:38px;}
.index .a1 {position:absolute;left: 200px;top: 40px;}
.index .a2 {position:absolute;left: 270px;top: 40px;}
.index .a3 {position:absolute;left: 343px;top: 40px;}
.index .a11 {position:absolute;left: 200px;top: 40px;}
.index .a111 {position:absolute;right: 50px;top: 20px;}
.index a.a1 {background:url(sprites.png) no-repeat;}
.index a.a2 {background:url(sprites.png) no-repeat -63px -0px;}
.index a.a3 {background:url(sprites.png) no-repeat -125px -0px;}
.index a.a11 {background:url(sprites.png) no-repeat -188px -0px;}
.index a.a111 {background:url(logo.png) no-repeat;}
.index a.a1:hover {background:url(sprites.png) no-repeat -0px -63px;}
.index a.a2:hover {background:url(sprites.png) no-repeat -63px -63px;}
.index a.a3:hover {background:url(sprites.png) no-repeat -125px -63px;}
.index a.a11:hover {background:url(sprites.png) no-repeat -188px -63px;}*/

#menu li {
	display:inline;
}
#menu li a{
	color:#FFF;}
#menu {
	margin-top:30px;
}

#menu, #menu ul {list-style:none; height:30px; border-bottom:1px solid #fff; background:url(none)}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left;}
#menu li a, li#drop {white-space:nowrap; display:block; float:left; line-height:30px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; text-decoration:none; color:#FFF; padding:0 20px 0 10px;}
#menu li a:hover {position:relative;}
#menu li:hover {position:relative;}
#menu li:hover > a { text-decoration:underline;}
 
#menu :hover ul {left:-1px; top:30px; width:120px; padding-top:1px;}
#menu :hover ul li a {line-height:20px; font-size:12px; margin-top:5px;}
 
#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul :hover ul {left:150px; top:21px;}
#menu :hover ul :hover ul ul {left:-9999px;}
 
#menu :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff;}
 
#menu :hover ul :hover ul :hover ul {left:150px;}
#menu :hover ul :hover ul :hover ul li a:hover {padding-left:10px; border-color:#fff;}

#h111 ul li,#h11 ul li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#ccc;
	margin-left:15px;
	list-style:square;
}
#h111 ul ,#h11 ul {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#ccc;
	margin-top:15px;
}
#h11 , #h111 {
	margin-bottom:50px;
}
a.a{
	padding-bottom:50px;
	margin-left:20px;
}