/*-----------------------------------------------BG-FullSize--------------------------*/

*{border:0;margin:0;padding:0;outline:0}
html,body{width:100%;height:100%;overflow:hidden}

#holder{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#holder[id]{display:table}
#holder div{position:absolute;left:0;top:50%}
#holder[id] div{display:table-cell;vertical-align:middle;position:static}
#holder img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%}
*:first-child+html #holder div{position:absolute}/*force IE 7 back to position:absoulte*/

#body{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow-x: hidden; overflow-y:auto;}

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

/*Bg-FullSize*/
		
body {
	font-family: "Lucida Grande",Geneva,Arial,sans-serif;
	font-size:12px;
	background:#132345;
	color:#FFF;
	height:100%;
			
}
		
img{
	border:none;
}

a {
	text-decoration:none;
	color:#FFFFFF;		
}
a:hover {
	text-decoration:none;
	color:#00CCFF;
}
			
a:focus {
	outline:none;
}
		
		
#content{
	margin:0px auto;
	height:100%;
	width:880px;
	bottom:5%;
	background-color:#262626;
	border-top:3px solid #4F4F4F;
	border-bottom:3px solid #4F4F4F;
	position:absolute;
}

#contentframe{
	text-align:center;
}
		

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



	

#marco{
	width:100%;
	height:115%;
	/*z-index:2;*/
	position:absolute;
	
	}
	
#contentMain{
	margin:0 auto;
	text-align:left;
	/*_margin-left:10%;*/
	margin-top:2%;
	margin-bottom:3%; 
	/*background:#132345; */
	background:url(../images/fondo_opacity.png) repeat;
	width:880px; 
	height:auto;
	/*opacity:.7;
	filter: alpha(opacity=70);*/
	border:#FFFFFF 1px solid;
	-moz-border-radius-bottomleft:40px;
	-moz-border-radius-bottomright:40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright:40px;
	-webkit-border-radius: 40px;
	border-radius:40px;
	
	}

#idiomas{
	height:15px;
	font-size:10px;
	color:#00CCFF;
	text-align:right;
	padding-right:35px;
	padding-top:5px;
	font-style:italic;
	word-spacing:7px;
	}
#idiomas a {
font-style:italic;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#idiomas a:hover {
	font-size:10px;
	color:#00CCFF;
	text-decoration:none;
	}

	
#logo{
	margin-left:35px;
	height:70px;
	text-align:left;
	}
	
#banner{
	margin-left:60px;
	height:130px;
	background-color:#FFFFFF;
	}
	
#menu {
	height:30px;
	margin-left:60px;
	border-bottom: #00CCFF 1px solid;
	font-size:18px;
	padding-top:8px;
	letter-spacing:-1px;
	/*word-spacing:10px;*/
	_padding-bottom:5px;
	}
	
#menu ul{
	list-style:none;

}
	
#menu li {
	float: left;
	padding-right:15px;
}

/*up state*/
li#menu_inicio a {
	text-decoration:none;
	color:#FFFFFF;
}

li#menu_marcas a {
	text-decoration:none;
	color:#FFFFFF;
}

li#menu_contacto a {
	text-decoration:none;
	color:#FFFFFF;
}


/*hover state*/
li#menu_inicio a:hover {
	text-decoration:none;
	color:#00CCFF;
}

li#menu_marcas a:hover {
	text-decoration:none;
	color:#00CCFF;
}
li#menu_contacto a:hover {
	text-decoration:none;
	color:#00CCFF;
}

/*current state*/
.body_inicio li#menu_inicio a {
	text-decoration:none;
	color:#00CCFF;
}
.body_marcas li#menu_marcas a {
	text-decoration:none;
	color:#00CCFF;
}
.body_contacto li#menu_contacto a {
	text-decoration:none;
	color:#00CCFF;
}

#infoCont {
	margin-left:60px;
	margin-top:20px;
	margin-right:10px;
	padding-left:10px;
	margin-bottom:25px;
	opacity:.9;
	height:400px;
	/*width:500px;*/
	
	}
	
h1{
	color:#00CCFF;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	font-style:italic;
}

h2{
	color:#00CCFF;
	font-size:14px;
	padding-left:8px;
	
	font-weight:normal;

}
h3{
	color:#00CCFF;
	font-size:14px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	
	font-weight:normal;

}
h4{
	color:#00CCFF;
	font-size:14px;
	font-style:italic;
	
	font-weight:normal;

}

h5{
	color:#00CCFF;
	font-size:13px;
	font-weight:normal;

}

#footer{
	text-align:center;
	font-size:9px;
	margin-bottom:13px;
	margin-top:50px;
	padding-top:15px;
	clear:both;
	
	}
.footerMenu {
	font-size:14px;
	line-height:1.5;
	
	
}
.footerspace{
	/*letter-spacing:20px;*/
	word-spacing:10px;
	opacity:.0;
	filter: alpha(opacity=0);
	}
	
#contactHome {
	width:230px;
	/*background: #000000;
	opacity:.85;*/
	background:url(../images/fondoNegro_alpha.png) repeat;
	height:auto;
	padding-bottom:15px;
	float: right;
	margin-left:20px;
	margin-right:10px;
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	}
#txt_home{
	
}
#txt_home p {
	text-align:justify;
}

#contact_txtHome{
	margin-left:13px;
	margin-top:10px;
	font-size:11px;
	line-height:1.16;
	opacity:.9;
}
#tit_contactHome {
	color:#00CCFF;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	font-style:italic;
	margin-top:5px;
	margin-left:10px;
	margin-right:15px;
	padding-bottom:1px;
	border-bottom:#00CCFF dotted 1px;
}

#submenu_productos {
	font-size:18px; 
	font-weight:bold; 
	padding-left:15px;
	
	line-height:15px;
	_line-height:30px;
	letter-spacing:-1px;
	width:115px;
	_width:125px;
	float:left;
	height:160px;
	}



/*up state*/
li#submenu_productos_aluminios a {
	text-decoration:none;
	color:#FFFFFF;
}

li#submenu_productos_piscina a {
	text-decoration:none;
	color:#FFFFFF;
}

li#submenu_productos_quimicos a {
	text-decoration:none;
	color:#FFFFFF;
}


/*hover state*/
li#submenu_productos_aluminios a:hover {
	text-decoration:none;
	color:#00CCFF;
}

li#submenu_productos_piscina a:hover {
	text-decoration:none;
	color:#00CCFF;
}
li#submenu_productos_quimicos a:hover {
	text-decoration:none;
	color:#00CCFF;
}

/*current state*/
.prod_aluminios li#submenu_productos_aluminios a {
	text-decoration:none;
	color:#00CCFF;
}
.prod_piscina li#submenu_productos_piscina a {
	text-decoration:none;
	color:#00CCFF;
}
.prod_quimicos li#submenu_productos_quimicos a {
	text-decoration:none;
	color:#00CCFF;
}


#submen_a {
	font-size:16px;
	float:left;
	border-left:#00CCFF  2px solid;
	border-bottom:#00CCFF solid 1px;
	padding-top:3px;
	padding-bottom:8px;
	padding-left:15px;
	/*line-height:10px;*/
	padding-right:15px;

	font-weight: normal;
	width:620px;
}
#submen_a li {
	float: left;
	padding-right:15px;
}
#submen_a ul{
	list-style:none;

}



/*up state*/
li#submen_a_nosotros a {
	text-decoration:none;
	color:#FFFFFF;
}

li#submen_a_productos a {
	text-decoration:none;
	color:#FFFFFF;
}

li#submen_a_obras a {
	text-decoration:none;
	color:#FFFFFF;
}

li#submen_a_conatcto a {
	text-decoration:none;
	color:#FFFFFF;
}

/*hover state*/
li#submen_a_nosotros a:hover {
	text-decoration:none;
	color:#00CCFF;
}
li#submen_a_productos a:hover {
	text-decoration:none;
	color:#00CCFF;
}

li#submen_a_obras a:hover {
	text-decoration:none;
	color:#00CCFF;
}
li#submen_a_conatcto a:hover {
	text-decoration:none;
	color:#00CCFF;
}

/*current state*/
.alum_in_nosotros li#submen_a_nosotros a {
	text-decoration:none;
	color:#00CCFF;
}
.alum_in_productos li#submen_a_productos a {
	text-decoration:none;
	color:#00CCFF;
}
.alum_in_obras li#submen_a_obras a {
	text-decoration:none;
	color:#00CCFF;
}
.alum_in_conatcto li#submen_a_conatcto a {
	text-decoration:none;
	color:#00CCFF;
}

#submen_alumn_nosotros {
	font-size:14px;
	font-style:italic;
	float:left;
	border-left:#00CCFF  2px solid;

	padding-top:10px;
	padding-bottom:8px;
	padding-left:20px;
	line-height:10px;
	padding-right:15px;
	font-weight: normal;
	
	width:620px;
}

#submen_alumn_nosotros li {
	float: left;
	padding-right:15px;
}
#submen_alumn_nosotros ul{
	list-style:none;

}

#infoCont_a {
	margin-left:60px;
	margin-top:20px;
	margin-right:10px;
	padding-left:10px;
	margin-bottom:25px;
	opacity:.9;
	height: 400px;
	/*width:500px;*/
	
}

/*------------------------------SLIDER Horizontal contacto---------------------------*/

#maskContact {
	width:880px;
	height:750px;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;
	/*background-color: #000000;
	opacity:.85;*/
	top:8px;
	left:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	float: left;
	margin-top:0px;
	margin-left:0px;
	
	}
	
	#maskContact_nueva {
	width:880px;
	height:750px;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;
	/*background-color: #000000;
	opacity:.85;*/
	top:8px;
	left:-60px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	float: left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	
		
	}
	
	#folioContact {
	/*position:absolute;*/
	position: absolute;
	top:0;
	left:0px;
	width:3535px;
	float:left;
}

.colContact {
	display:block;
	width:450px;
	height:100%;
	float:left;
	}


#maskContact_dir {
	width:770px;
	height:390px;
	float:left;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;	/*background-color: #000000;
	opacity:.85;*/	/*top:8px;
	left:15px;
	float: right;*/

	}
	#folioContact_dir {
	/*position:absolute;*/
	position: absolute;
	top:0;
	left:0px;
	width:3535px;
	float:left;
}

.colContact_dir {
	display:block;
	width:770px;
	height:100%;
	float:left;
	}


/*------------------------------SLIDER Horizontal---------------------------*/

#mask02 {
	width:620px;
	height:350px;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;
	background-color: #000000;
	opacity:.85;
	background:url(../images/fondoNegro_alpha6.png) repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:25px;
	padding-bottom:20px;
	}

#mask {
	width:620px;
	height:460px;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;
	background-color: #000000;
	opacity:.85;
	background:url(../images/fondoNegro_alpha6.png) repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:25px;
	padding-bottom:20px;
	}
#folio {
	/*position:absolute;*/
	position: absolute;
	top:0;
	left:0;
	width:3535px;
	float:left;
}
.col {
	display:block;
	width:620px;
	height:100%;
	float:left;
	}
.site {
	width:575px;
	height:100%;
	float:left;
	padding:12px;
	
	margin:5px 0 0 5px;
	/*border:1px solid #666;*/
	opacity:.9;
	font-size:12px;
	text-align:justify;
	
	font-weight:normal;
	
	
	}
.txt_blue {
	color:#00CCFF;
	}
	
ul.slide li {}

ul.slide span {}

ul.slide li a {}

ul.slide li a:hover {color:#00CCFF;}

ul.slide li.current { color:#00CCFF;}

ul.slide li.current a {color:#00CCFF}

ul.slide li.current a:hover {color:#00CCFF}

#contInfo {
	width:620px;
	/*height:460px;*/
	min-height:85%;
	overflow:hidden;
	/*border:1px solid #666;*/
	position:relative;
	background-color: #000000;
	/*opacity:.65;*/
	background:url(../images/fondoNegro_alpha6.png) repeat;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	float:left;
	margin-top:20px;
	margin-left:11px;
	margin-right:10px;
	margin-bottom:25px;
	padding-bottom:20px;
	}
	
#alum_line01 { background:#1A2443; margin-top:10px; margin-left:10px; margin-right:10px; height:18px; padding-left:15px; padding-top:3px; opacity:.9;}

#alum_lineA { background:#6982aa; margin-left:10px; margin-right:10px; height:18px; padding-left:15px; padding-top:3px; opacity:.9; width:565px;}
#alum_lineB { background:#1A2443; margin-left:10px; margin-right:10px; height:18px; padding-left:15px; padding-top:3px; opacity:.9; width:565px;}


#table_titA {  background:#333333;  margin-left:10px; margin-right:10px; height:18px; padding-left:10px; padding-top:3px; opacity:.9; margin-top:10px; color:#00CCFF; font-weight:bold; word-spacing:295px;}


.empaqueSpace {
	/*padding-left:300px;*/
	position:absolute;
	left:420px;
	
}

#portimg, #portimgA, #portimgB, #portimgC, #portimgD, #portimgE, #portimgF, #portimgG, #portimgH, #portimgI, #portimgJ, #portimgK, #portimgL 
{background-color:#FFFFFF; width:auto; height:auto; margin-top:16px; margin-left:16px; padding:5px; opacity:100; float:left;}

.input { background:none; border: #FFFFFF 1px solid; height:20px; padding-top:3px; padding-left:4px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; color:#CCCCCC; font-family: "Lucida Grande",Geneva,Arial,sans-serif; font-size:13px;	}
.input:hover { background: none; border: #00CCFF 1px solid;  width:100%; -moz-border-radius:5px; -webkit-border-radius:5px;}

.textaArea { background:none; border: #FFFFFF 1px solid; height:180px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; color:#CCCCCC; font-family: "Lucida Grande",Geneva,Arial,sans-serif; opacity:.9; font-size:13px; padding-left:4px;}
.textaArea:hover { background:none; border: #00CCFF 1px solid; height:180px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px;}


.textaAreaMainContact { background:none; border: #FFFFFF 1px solid; height:124px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; color:#CCCCCC; font-family: "Lucida Grande",Geneva,Arial,sans-serif; opacity:.9; font-size:13px; padding-left:4px;}

.textaAreaMainContact:hover { background:none; border: #00CCFF 1px solid; /*height:130px;*/ width:100%; -moz-border-radius:5px; -webkit-border-radius:5px;}

.btn_enviar {color:#00CCFF; font-size:16px; font-style:italic; background:none; border:none; padding-top:10px; display:block; height:40px; width:60px;}

.btn_enviar:hover {color:#FFFFFF; font-size:16px; font-style:italic; background: none; border:none; padding-top:10px; display:block; height:40px; width:60px;}

.btn_enviarMainContact {color:#00CCFF; font-size:16px; font-style:italic; background:none; border:none; padding-top:1px; display:block; height:30px; width:60px;}

.btn_enviarMainContact:hover {color:#FFFFFF; font-size:16px; font-style:italic; background: none; border:none; padding-top:3px; display:block; height:30px; width:60px;}

#contact_info {
	margin-left:60px;
	margin-top:5px;
	margin-right:10px;
	padding-left:10px;
	margin-bottom:25px;
	opacity:.9;
	/*width:500px;*/
	
	
	}

.pdf { 
	padding: 0px 35px 0px 0;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
	position:absolute;
	right:32px;
	width:518px;
}

.ok {
	font-size:14px;
	color:#333333;
	background: #ccffcc;
	border:#66ff66 1px solid;
	padding:8px;
	padding-left:15px;
	margin-bottom:15px;
	margin-top:20px;

}