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

*{margin:0; padding:0;}

a {text-decoration:none}

h1{display:none;}
	
h2{
	padding:0px 30px 0 0px;
	margin-bottom:0px;
	}
	
h3{
	 padding:30px 0px 0 20px;
	 font-family:Arial Black;
	 font-size:20px; 
	}
	
body{ background-color:#4C4C4C;}
	
#header{
width:800px;
position:relative;
top:30px;
left:6%;
	}

#contenedor{
	position:absolute;
	top:0px;
	width:900px;
	height:588px;
	left:50%;
	margin-left:-470px;
	}
	
#contenido {
	position: absolute; 
	top: 105px; 
	width: 900px; 
	height: 575px;
	}
	
li{ text-decoration:none; list-style:none;}

	
/*------------------------------------------*/
#toldostor {
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	background-image:url(../index_htm_files/49_1.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none
	
    
}

#pergola {
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	background-image:url(../index_htm_files/49_2.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
text-decoration:none
}

#capotas {
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	background-image:url(../index_htm_files/49_3.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none
}

#lonas {
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	background-image:url(../index_htm_files/49_4.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none
}


#toldoextensible {
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	float:left;
	background-image:url(../index_htm_files/49_5.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	margin-left:250px;
	text-decoration:none
}

#cerramientosterrazas{
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	float:left;
	background-image:url(../index_htm_files/49_6.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	margin-left:250px;
	text-decoration:none;
}
#toldoportada{
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	float:left;
	background-image:url(../index_htm_files/49_7.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	margin-left:250px;
	text-decoration:none
}
#policarbonato{
	display: block;
	text-decoration: none;
	width:100px;
	height:160px;
	padding: 30px;
	position: relative;
	float:left;
	background-image:url(../index_htm_files/49_8.png);
	z-index:2000;
	background-repeat:no-repeat;
	color:#fff;
	margin-left:250px;
	text-decoration:none
}

#nav2{ position:absolute;float: left; text-decoration:none; margin-top:10px; margin-left:50px;}
#nav3{position:absolute; float: left; text-decoration:none;margin-top:10px;}

*{text-decoration:none;}

#nav{ background-color:#333333; height:50px; margin-left:10px; text-decoration:none}

#nav, .nav, #nav .nav li{ 
	margin-top:0px; 
	padding:0px; 
	height:100px;
	color:#FFF;
	text-decoration:none
	}
	
#nav li {
	float:left; 
	display:inline; 
	cursor:pointer; 
	list-style:none;
	height:50px; 
	padding:25px 30px 0px 30px; 
	position:relative; 
	text-decoration:none;
	text-align:center;
	}
	
#nav li ul.first {
	left:0px; 
	top:100%;
	text-decoration:none;
	color:#333;
	text-align:left;
	}
	
#nav li ul.first a{
	color:#000;
	font-weight:normal;
	}
	
#nav li ul.first a:hover{
	color:#fff;
	}

li, li a {
	color:#000; 
	text-decoration:none;
	}
	
#nav .nav li { 
width:100%;
font-size:16px; 
line-height:30px; 
margin-right:8px;
background:#fff;
color:#000;
border-bottom:1px solid #333;
text-decoration:none;
}

#nav li a {
	display:block; 
	width:inherit; 
	height:inherit;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}

ul.nav { 
display:none;
text-decoration:none
 
}

#nav li:hover > a, #nav li:hover { 
color:#fff; 
background: #600; 
text-decoration:none
}

li:hover > .nav { 
display:block; 
position:absolute; 
width:200px;  
left:50%; 
z-index:1000;
text-decoration:none
}

li:hover { 
position:relative; 
z-index:2000; 
text-decoration:none
}

ul#nav li#active
{
	background:#333;
	}
	
ul#nav li#active
{
	color:#FFF;
	}
	#nav, .nav, #nav .nav li{ 
	margin-top:20px; 
	padding:0px; 
	height:50px;
	color:#FFF;
	text-decoration:none
	}
	
#nav li {
	float:left; 
	display:inline; 
	cursor:pointer; 
	list-style:none;
	height:50px; 
	padding:18px 35px 0 35px; 
	position:relative; 
	text-decoration:none;
	text-align:center;
	}
	
#nav li ul.first {
	left:0px; 
	top:100%;
	text-decoration:none;
	color:#333;
	text-align:left;
	}
	
#nav li ul.first a{
	color:#000;
	font-weight:normal;
	text-decoration:none
	}
	
#nav li ul.first a:hover{
	color:#fff;
	}

li, li a {
	color:#000; 
	text-decoration:none;
	}
	
#nav .nav li { 
width:100%;
font-size:16px; 
line-height:30px; 
background:#fff;
color:#000;
border-bottom:1px solid #333;
text-decoration:none
}

#nav li a {
	display:block; 
	width:inherit; 
	height:inherit;
	color:#FFF;
	font-size:18px;
	font-weight:100;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none
	}

ul.nav { 
display:none;
 
}

#nav li:hover > a, #nav li:hover { 
color:#fff; 
background: #430000;
-webkit-border-radius: 20px;
-moz-border-radius:20px;
border-radius:20px; 
text-decoration:none
}

li:hover > .nav { 
display:block; 
position:absolute; 
width:200px;
left:50%; 
z-index:1000;
text-decoration:none
}

li:hover { 
position:relative; 
z-index:2000; 
}

ul#nav li#active
{
	background:#333;
	text-decoration:none;
	}
	
ul#nav li#active
{
	color:#FFF;
	}

#menu {  
text-align: center;
font-size: 1.2em;
font-family: "Arial Black", Gadget, sans-serif;
width: 320px;
margin: 140px 0 0 0;
float:left;
position:absolute;
}

#menu ul { list-style-type: none;

}
#menu ul li.nivel1 { 
width: 162px;
margin:35px 0;

}
#menu ul li ul.nivel2 { 
width: 200px;
height: 35px;
}
#menu ul li.primera {
}

#menu ul li:hover {position: relative;
background-color:#ccc;
color: #000;
}
#menu ul li a:hover, #menu ul li:hover > a.nivel1 {background-color: #CCC;
color: #009;
}

#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}

#menu ul li ul.nivel2 {display: none;
width: 200px;
height: 35px;
padding-bottom:-10px;
}
#menu ul li a:hover ul, #menu ul li:hover > ul {display: block;
position: absolute;left: -200px;top:0px!important;
}
#menu ul li ul.nivel2 li {
border-top:none;
display: block;
text-decoration: none;
text-align:center;
color: #000;
background-color: #fff;
padding-bottom:10px;
position: relative;
width: 200px;
height:35px;
font-size:14px;
}

#menu ul li.nivel1 ul.nivel2 li a:hover {position: relative;
background-color: #ccc;
color: #009;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

#menu ul li.nivel1 a {
display: block;
text-decoration: none;
text-align:center;
vertical-align:middle;
color: #009;
text-shadow: 1px -4px #999;
background-color:;
border:4px solid #fff;
padding-top: 35px;
padding-bottom: 2px;
margin-right:80px;
position: relative;
width: 200px;
height: 55px;
box-shadow:5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

#menu ul li.nivel1 ul.nivel2 li a{
display: block;
text-decoration: none;
text-align:center;
color: #fff;
background-color:#666;
padding-top:10px;
position: relative;
width: 200px;
height: 35px;
text-shadow: 0px 0px 0;
}

/*------------------------------------------*/

#texto{
width:420px;
height:950px;  
position:relative; 
float:right;
background-color:#333333;
padding-top:40px;
border:1px solid #000;
top:-100px;
}

#texto p{
width:400px;
height:600px;  
position:relative; 
float:right;
padding:0 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:16px;
color: #fff;
z-index:2;
}

#texto1 p{
width:550px;
height:600px;  
position:relative; 
float:left;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
line-height:20px;
}


#pie{
	position:absolute;
	width:1024px;
	height:30px;
	left:50%;
	top:930px;
	margin-left:-512px;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	color: #009;
	font-family:Arial, Helvetica, sans-serif;
	}