h1,h2,h3,h4,h5,h6 { font-size:100%;   margin:0; font-weight:normal; }
ul,ol { list-style-position:outside; margin-left:10px; line-height:21px; }
.clear{ clear:both;}

/* CUSTOMIZATION */
 	.generalcolors, #menu-main li a{ color:#FFFFFF; background-color:#000000; } 
 		#bkgallery{ height:100%; width:100%; overflow:hidden;} 
		
		#nf{ display:none;}

.maincolor{ color:#FFF!important;}
.mainkbk{
	color:#FFF!important;
}

/* GENERAL */

body{ width:100%; height:100%; overflow:hidden;}

.nibec {
	margin:15px 30px 0 65px;
	z-index: 10005;
	width: 100px;
	padding:10px 20px 20px 0px;
	font-family: 'Lobster';
	font-size:50px;
	color:#FFFFFF;
	text-transform:lowercase;
	text-shadow:
	#333 1px 1px 2px;
	float: left;
	top: 0px;
} 




#menu{
	top:0px;
	left:0px;
	position:absolute;
	font-size:11px;
	z-index:10005;
	height:75px;
	overflow:visible;
	width:200px;
}
 

 
h8{
	padding:0px 20px 20px 12px;
	font-family: 'Lobster';
	letter-spacing:1px;
	margin-top:-12px;
	font-size:16px;
	text-transform:lowercase;
	color:#FFFFFF;
	text-shadow: #333 1px 1px 2px;
}
form{ z-index:1001;}
input{ 
	height:20px; 
	-moz-border-radius:5px 5px 5px 5px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); 
	color:#333333;
	z-index:1001; 
	border-radius:5px; 
	padding-left:10px; 
	padding-right:10px;
	border:1px solid #333; 
	display: inline; 
	background-color:#FFFFFF;
	font-size:10px;
	width: 84%;
	}
textarea{ 
	font-family:"Lucida Grande", "Lucida Grande CY", Arial, sans-serif; 
	font-size:11px;height:50px; 
	border-radius:5px; 
	-moz-border-radius:5px 5px 5px 5px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); 
	color:#333333;
	z-index:1001;  
	padding:5px 10px 5px 10px;
	border:1px solid #333; 
	font-size:10px; 
	width: 84%;
	}
#submit, #search{
	margin-left:10px;
	background:url(../img/bk_menu_button1.png) repeat-x center center #000;
	border:1px solid #333;
	color:#FFFFFF;
	height:20px;
	text-transform:uppercase;
	line-height:20px;
	padding-bottom:0px;
	display: inline;
	font-size:10px;
	float: right;
	margin-top: 5px;
	}

/* MENU SLIDE*/ 

.buttondownload{ margin-left:0; height:24px; width:150px;}

/* CONTENT */

#content{ position:absolute; bottom:55px; left:15px; z-index:1000; width:33%; text-align:justify; color:#FFFFFF; }
#content h2{ text-transform:uppercase; font-size:12px;}

#contentbox{
	position:absolute;
	top:50%;
	margin-top:-190px;
	left:50%;
	height:450px;
	margin-left:-375px;
	z-index:999;
	width:800px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	background-image: url(../img/2_fondocontenedor.png);
	padding:0px 0px 10px 0px;
	 }
	 
#fondoempresa{
	height:450px;
	width:800px;
	background-image: url(../img/2_fondoempresa.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	
	 
	 
#fondoservicios{
	height:320px;
	width:800px;
	background-image:url(../img/4_fondoservicios.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }
	 
	 
#fondoproductos{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos1.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	

#fondoproductos2{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos2.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	

#fondoproductos3{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos3.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }
	 
#fondoproductos4{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos4.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	
	 
#fondoproductos5{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos5.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	

#fondoproductos6{
	height:450px;
	width:800px;
	background-image:url(../img/3_fondoproductos6.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	


	 	 
	  
#fondocontacto{
	height:450px;
	width:800px;
	background-image:url(../img/5_fondocontacto.png);
	background-repeat:no-repeat;
	background-position: center center;
	 }	
	 
	 
	 
	 
 
#vitrina1{
	height:360px;
	width:800px;
	position: absolute;
	 }
	 
	 
	 #botonesvitri1{
	height:35px;
	width:220px;
	position: absolute;
	margin: 340px 0px 0px 530px;
	 }
	 
	  #botonesvitri2{
	height:35px;
	width:75px;
	position: absolute;
	margin: -40px 0px 0px 700px;
	z-index: 99999999;
	 }
	 
	   #botonesvitri3{
	height:35px;
	width:75px;
	position: absolute;
	margin: 20px 0px 0px 690px;
	z-index: 99999999;
	 }
	 
	 
	 
	  
	 


#contentbox h5{
	font-size:34px;
	color:#333333;
	font-family: 'Cookie', cursive;
	border-bottom:1px solid #343434;
	padding:0px 0px 0px 18px;
	box-shadow:0 2px 3px -3px #444;
	margin-left: 0px;
	position:absolute;
}

#contentbox h4{ font-size:15px; color:#FFFFFF;}
#contentbox p{
	margin-bottom:5px;
	text-align:justify;
}
#contentbox .left{
	width:400px;
	height:250px;
	overflow:auto;
	float:right;
	padding-right:10px;
	margin-right: 20px;
	margin-top: 35px;
	font-size: 14px;
}

#contentbox .servicios{
	width:380px;
	height:250px;
	overflow:auto;
	float:right;
	padding-right:10px;
	margin-right: 20px;
	margin-top: 200px;
	font-size: 14px;
}

#contentbox .vitrinas{
	width:350px;
	height:210px;
	overflow:auto;
	float:right;
	padding-right:10px;
	margin-right: 20px;
	margin-top: 95px;
	font-size: 14px;
}


#contentbox .productos{
	width:700px;
	height:320px;
	overflow:auto;
	float:right;
	margin-right: 20px;
	margin-top: 10px;
	font-size: 14px;
}



#contentbox .datos{
	width:300px;
	height:250px;
	overflow:auto;
	float:left;
	padding-right:10px;
	margin-right: 20px;
	margin-top: 35px;
	font-size: 15px;
	margin-left: 30px;
	text-align: right;
	font-family: "Poiret One", cursive;
	line-height: 20px;
	font-weight: 500;
	font-size: 17px;
}




#contentbox .right{
	width:370px;
	float:right;
	margin-left:10px;
	box-shadow:-2px 0px 3px -3px #444;
	padding: 10px 20px 0px 0px;
}
#contentbox h3{ font-weight:bold; text-transform:uppercase; margin-bottom:5px;}



#contentbox .socials{
	border-top:1px solid #343434;
	clear:both;
	position:absolute;
	bottom:10px;
	width:780px;
	padding-top:5px;
	text-align:right;
	box-shadow:0 -2px 3px -3px #444;
	font-size:13px;
	right:0px;
	color:#FFFFFF;
	text-shadow: 0.1em 0.1em #333;
	padding-right: 20px;
	}
	
	
	#contentbox .socials2{
	border-top:1px solid #343434;
	clear:both;
	position:absolute;
	bottom:-95px;
	width:780px;
	padding-top:5px;
	text-align:right;
	box-shadow:0 -2px 3px -3px #444;
	font-size:13px;
	right:-100px;
	color:#FFFFFF;
	text-shadow: 0.1em 0.1em #333;
	padding-right: 20px;
	}




#contentbox .socials img{
	height:30px;
	margin-top: 5px;
}


#contentbox .socials2 img{
	height:30px;
	margin-top: 5px;
}    


#contentbox .date{ font-size:36px; display:block;}
#contentbox .tit{}
#contentbox .cont{}
#contentbox #tab2{ display:none;}
#contentbox .leftbutton{ 
	float:left;   
	margin-top:5px;
	background:url(../img/bk_menu_button1.png) repeat-x center center #000000; 
	line-height:24px; 
	min-width:100px;
	margin-bottom:2px; 
	text-decoration: none; 
	margin-left:15px;
	white-space: nowrap;  
	text-align:center;
	font-size:10px; 
	font-family:"Lucida Grande", "Lucida Grande CY", Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #333; 
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	border-radius:5px;
	padding:0 5px 0 5px;
	color:#FFFFFF; }

#contentbox .comment{ overflow:hidden;}
#contentbox .comment .avatar{ float:left; margin-right:15px; width:50px;}
#contentbox .comment .meta{ float:left; margin-bottom:10px; color:#999999; }
#contentbox .comment .meta .author{  color:#000; font-weight:bold; }
#contentbox .comment p{ display:block; float:left; width:340px; border-bottom:1px solid #CCCCCC; padding-bottom:15px; margin-bottom:15px; }

.contact iframe{ float:left; margin-right:15px;}
.contact ul{ padding-left:15px; width:170px; float:left;}

#video_box{ position:absolute; left:50%; top:50%; z-index:1000;}


/* SCROLL PAGE */

body.page-template-page-scroll-php{ overflow:auto!important;}
body.page-template-page-scroll-php #bkgallery img{ position:fixed!important; }
body.page-template-page-scroll-php #contentbox{ height:auto!important; position:relative!important; margin-top:120px!important; top:0px!important; margin-bottom:120px; padding-bottom:0px  }
body.page-template-page-scroll-php #contentbox .left{ height:auto!important;}
body.page-template-page-scroll-php #contentbox .socials{ position:relative!important; margin-top:15px;} 
body.page-template-page-scroll-php #footer, body.page-template-page-scroll-php .credits{ position:fixed; }

/* FOOTER */

#footer{ 
	height:40px; 
	width:100%; 
	position:absolute; 
	bottom:0; 
	/*background:url(../img/bk_menu_button1.png) repeat-x center center #000; */
	z-index:1000;border-top:1px solid #333; 
	line-height:40px; 
	}
#footer form{ padding-left:15px;}

.credits{
	position:absolute;
	bottom:0px;
	line-height:40px;
	font-size:14px;
	right:15px;
	z-index:1000;
	color:#FFFFFF;
	text-shadow: 0.1em 0.1em #333;
}

/* GALLERY */

#gallery{ width:790px; height:400px; top:50%; margin-top:-190px; left:50%; margin-left:-375px;  z-index:100; position:absolute;}
#gallery .image{ 
	width:253px; 
	height:180px; 
	overflow:hidden; 
	float:left; 
	margin-right:10px; 
	position:relative; 
	margin-bottom:10px; 
	background-color:#FFF;
	border-radius:5px; 
	-moz-border-radius:5px 5px 5px 5px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	}
#gallery .image .title{ position:absolute; top:10px; left:15px; font-size:27px;font-family: 'Lobster'; color:#000; }
#gallery .image .description{ position:absolute; bottom:15px; left:15px; width:223px; font-size:12px; color:#000; display:none;}
#gallery .image img{ position:absolute; top:10px; left:10px; width:233px; height:160px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
#lightbox{ z-index:1000!important;}

#bkgallery .next, #nav .next, #nav a[rel=next], #nav .n a{ 
	position:absolute; top:50%; right:15px;padding-right:0px; 
	background:url(../img/next_right.png) no-repeat center center;
	height:81px;
	width:30px;
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px;  
	text-indent:-5000px;
	padding:0 7px 0 10px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
	margin-top:-40px;
	opacity:.3;
	}
#bkgallery .prev, #nav .prev, #nav a[rel=prev], #nav .p a{ position:absolute; top:50%; left:15px;
	background:url(../img/next_left.png) no-repeat center center;
	height:81px;
	width:30px;
	text-indent:-5000px; 
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px; 
	 margin-top:-40px;
	padding:0 10px 0 7px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
	opacity:.3;
} 

.jbg-next:hover,.jbg-prev:hover , #nav .prev:hover, #nav .next:hover, #nav a[rel=prev]:hover, #nav a[rel=next]:hover, #nav .n a:hover, #nav .p a:hover{ opacity:1;}

/* BLOG */

#blog{ width:790px; height:380px; top:50%; margin-top:-190px; left:50%; margin-left:-375px;  z-index:100; position:absolute;}
#blog .post{ 
	width:253px; 
	height:180px; 
	overflow:hidden; 
	float:left; margin-right:10px; 
	position:relative;
	margin-bottom:10px; 
	background-color:#FFFFFF;
	border-radius:5px; 
	-moz-border-radius:5px 5px 5px 5px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	}
#blog .post .title{ position:absolute; top:10px; left:10px; font-size:27px;font-family: 'Lobster'; color:#333333;  }
#blog .post .description{ position:absolute; bottom:10px; right:10px; font-size:14px; color:#333333; }
#blog .post img{ position:absolute; top:0px; left:0px; width:240px; height:160px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
#blog .post .extract{ display:none; padding:10px; position:absolute; bottom:31px;}
#blog .post .more a{ position:absolute; bottom:5px; border-top:1px solid #CCCCCC; margin-top:5px; padding-top:5px; display:block; width:233px; margin-left:10px; text-align:right; box-shadow:0 -2px 3px -3px #444;	  }
#blog .post .postdata{ position:absolute; width:233px;left:10px; bottom:41px; height:70px;}
#blog .post .date{ font-size:27px; position:absolute; bottom:0px; left:0px; width:90px;}
#blog .post .meta{  position:absolute; bottom:0px; right:0px; width:110px; border-left:1px solid #CCCCCC; padding-left:10px;box-shadow:-2px 0px 3px -3px #444; }

/* CONTACT */

.contactform input{
	width:180px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}
.contactform textarea{ width:240px; maSgin-bottom:15px; margin-right:10px; float:left;}
.contactform label{ float:left;}
.contactform #submit{
	width:100px;
	font-size:11px;
	line-height:24px;
	height:24px;
	float: right;
	margin-right: 70px;
}
.notification_error{ border:1px solid #FFFF00; width:250px; padding:3px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
.notification_ok{ border:1px solid #009933; width:250px; padding:3px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}

/* BACKGROUND GALLERY */

#bkgallery img{ position:absolute; top:0; left:0; display:none}
#bkgallery img#im1{ display:block;}

/* NEW FEATURES */

#new-features{ position:absolute; top:100px; right:30px; z-index:1111;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
#new-features h3{ color:#FFFFFF; font-weight:bold; margin-bottom:4px;}
#new-features a{ color:#FFFFFF; text-decoration:underline; margin-bottom:10px; margin-top:8px; display:inline-block; }
#new-features label{ color:#FFFFFF; margin-left:5px; float:left;}
#new-features .radio{ float:left;}
#new-features{ background-color:#000; padding:20px 20px 0px 10px;}
#img_new-features{ position:absolute; top:-7px; right:-7px;}
.colorpicker{ z-index:1111;}


/* VIDEO */

#video_controls{ position:absolute; right:15px; bottom:50px; z-index:1111;}