@charset "utf-8";
@import url(paralelo.css);

/*--------------------------------------------------------------- 
		
		-/-/-/-/-/-/-/- ENIGMIND LTDA -/-/-/-/-/-/-/-
		
		# [Master Stylesheet] 
		# Project:			Kassani
		# Version:			1.0 
		# Last change:		15/12/09
		# Assigned to:		Camilo Mahecha/Felipe Botero
	
----------------------------------------------------------------*/

/* BASIC ELEMENTS */

body { 
	margin:0;
	padding:0;
	background:#f1f1f1; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.75em;
	width:100%;
}

h1, h2, h3, h4, p { font-weight:normal; padding:0; margin:0; }

input, button, select, form, textarea, fieldset  { 
	font-family:Arial, Helvetica, sans-serif; 
	border:none; 	
	font-size:1.00em; 
	padding:0;
	margin:0;
}

a { text-decoration:none; }

#container { width:100%; margin:0; min-width:1024px; }

/* HEADER */

#wrapperHeader { 
	width:100%; 
	height:145px;
	margin:0;  
	background:url(../img/gradient_header.gif) repeat-x;
}

#header  {
	 margin:0 auto; 
	 width:963px;
	 padding:20px 20px 0px 0px;
 }

	.logo { 
			width:112px;
			height:28px;
			margin-left:24px;
			display:block;
			background:url(../img/logo.jpg) no-repeat; 
			cursor:pointer;
			border:0;
		}
		
	.logo  span { display:none;}

	
/* MENU DESPLEGABLE */

#header ul { margin:36px 0 0 0; padding:0; float:left; color: #dfdede; }

#header ul li { padding:0; float:left; list-style:none; margin:0; }

#header ul li a { 	
	color: #dfdede;
	font-size:1.33em;
    height:22px;  /*60*/
	padding:18px 20px 20px 20px;
	float:left;
}

#header ul li a:hover { 
	background:url(../img/back_menu_2.gif) repeat-x; 
}

#header ul ul {
	_top: 22px; 
	top:24px;
	width:194px;	
	height:auto;
	padding:0 10px;
	/*position:absolute;
	display:none;*/
	background:#1b1b1b;
	
} 

#header ul ul li {
	float:none;
	width:194px;
	min-height:26px;	
	padding:10px 0;
	position:relative;
	border-bottom:1px solid #151515;
	text-align:left;
	display:table;

}

#header ul ul li a { 
	width:174px;
	height:17px;
	font-weight:normal; 
	font-size:1.17em; 
	color: #cccccc;
	padding:10px;
	display:table;
	
}

#header ul ul li a:hover { 
	color:#8a2b2b;
	background:#000;
 }
 
#header ul ul ul {
	top:-36px;
	left:204px;	
}

/*.portafolio { width: 186px;}

.portafolioLi { width: 186px;}*/


/* Only style submenu indicators within submenus. */

#header ul a .subind {
 display: none;
}

#header ul a:hover .subind {
 display: none;
}

#header ul ul li a .subind {
 display: block;
 float: right;
}
	
	
	/*showroom-blog*/
	
	.showroomDiv { margin-top: 78px; width:200px; float:right;}
	
	/*#rightHeader { float:right; width:200px; margin-top:0px; }*/
		
	.btShowroom{ 
			width:118px; 
			height:31px;
			background:url(../img/bt_showroom.gif) no-repeat;
			float:right;
			display:block;
			padding:0;
			}
			
	.btShowroom span {display: none;}
	
	.btBlog {
		width:81px; 
		height:15px;
		background:url(../img/bt_blog.gif) no-repeat;
		float:right;
		display:block;
		padding:16px 0 0 0;
		}
		
	.btBlog span {display: none;}


/* SLIDE */
 
 
#slide {
	width:1010px; 
	height:600px; 
	margin:4px auto 2px auto; 
	display: block; 
}

/* BUTTOM */

*#contentBottom { 
	width:100%; 
	margin:0 auto; 
	padding:0; 
	float:left; 
	text-align:center;
}

#wrapperButtom {
width:100%;
float:left;
}

/* contiene los botones de revista, noticias, blog */

#buttom { 
	width:1024px; 
	height:150px; 
	display:block; 
	z-index:100; 
	position:absolute; 
	float:left;
}

#bt_revista { 
	width:495px; 
	height:191px;  
	float:left;
/*	background: url(../img/bt_serK.gif) no-repeat; */
}

#bt_noticias {
	/* width:302px;*/ 
	width:232px!important; 
	width:229px; /*height:174px;*/ 
	height:111px; 
	color:#a19f9f; 
	padding:32px 38px 31px 32px; 
	float:left; 
	background:url(../img/bt_News.gif) no-repeat;
}

#bt_noticias a p { color:#000000; margin-top:5px; }

#bt_blog { 
	width:227px; 
	height:174px; 
	float:left;  
	/*background:url(../img/fondo_bt_blog.gif) no-repeat;*/
}


/* FOOTER */

#bottomContainer { width:1024px; margin:0 auto; }

.gradientFooter{
background:url(../img/gradient_footer.gif) repeat-y;
width:1024px;
height:29px;
padding-bottom:10px!important;
padding-bottom:0;
}

#barraopciones { width:1020px; height:40px; display:block; float:left; padding-bottom:50px;}

#footer { 
	width:1024px; 
	margin-top:173px; 
	height:50px; 
	float:left; 
	text-align:center; 
	display:block; 
	z-index:0; 
	position:absolute;
	background-color:#f1f1f1;
}


	
	.cornerTopFooter{ 
	 width:1024px; 
	 height:13px;
	 display:block;
	 padding:0;
	 margin:0;
	 background:url(../img/cornerTopFooter.gif) no-repeat;
	 overflow:hidden;
	 }
	
	.cornerBottomFooter{ background:url(../img/cornerBottomFooter.gif) no-repeat; 
	width:1024px; 
	height:13px;}

	#footer label { 
		font-size:1.17em; 
		float:left; 
		margin:13px 13px 0 30px; 
		color:#a7a7a7; 
	}
	
	#footer form { 
		*float:left;
		display:block;
		
	}

	
	.cornerFields{
		 width:4px;
		 height:37px;
		 float:left;
		 display: block;
		 margin-top:5px;
	 }

	.cornerLeftN { background: url(../img/cornerFieldL.gif) no-repeat ; }
 
 	.cornerRight { background: url(../img/cornerFieldR.gif) no-repeat;}
	
	.fieldNews { 
		width:201px; 
		padding:7px 7px 6px 7px;
		margin-top:5px; 
		background:#fafafa; 
		border-top:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4; 
		float:left;
		color:#a7a7a7;
		font-size:1.17em;	
	} 
	
.btEnviar { 
		width:79px; 
		height:31px; 
		color:#a7a7a7; 
		background: url(../img/bt_enviar_footer.gif) no-repeat; 
		float:left; 
		margin:5px 0 0 9px;
		font-size:1.17em;
		cursor:pointer; 
	}
	
	 
    .logged { 
		width:217px; 
		padding:14px 0;
		margin-right:10px;
		font-size:1.17em; 
		display:block; 
		float:left; 
		color:#000;
		text-align:center;
    }
 
	
/*.gradientFooter{
	 width:942px;
	 
	 background:url(../img/gradient_article.gif) repeat-y; 
	 float:left 

}*/
	
#footerIcons{ 
	width: 290px; 
	float:right; 
	margin:0; 
	color:#c4c4c4;
} 

#compartir { width:75px; float:left; margin-top:14px; font-size:1.17em; }

	.socialIcons { background:none; margin:14px 3px 0 3px; display:block; float:left; cursor:pointer }
	
/* BOTTOM */

#bottom { 
	width:1024px; 
	margin-top:270px;
	padding-bottom:30px; 
	color:#a7a7a7; 
	display:block; 
	text-align:center; 
	float:left; 
	z-index:0; 
	position:absolute; 
}

#bottom p { margin-top:15px;}

#bottom a {color: #c4c4c4; font-weight: bold;}




/* ARTICLE */

/*--------------------------------------------------------------------------------------------------- 
		
		General Corners 

		Clases heredadas de Paralelo (corners, cornerLeftBottom, cornerRightBottom, gradientBottom)
		
	
-----------------------------------------------------------------------------------------------------*/

.gradientUp{ 
background:url(../img/gradientUp.gif) repeat-x; 
width:100%;
height:8px;
float:left;
margin-top:3px;
}	

.cornerLeftUp { background:url(../img/cornerLeftUp.gif) no-repeat; float:left;}

.cornerRightUp { background:url(../img/cornerRightUp.gif) no-repeat; float:right;}



#article { width:1016px; margin:0 auto; display:block; }

#contentArticle { 
	width:942px;
	 background:url(../img/gradient_article.gif) repeat-y; 
	 padding:37px 38px; 
	 float:left
 }

.articleDate { 
	color:#e71f2a; 
	font-size:0.92em; 
	margin-top:30px; 
	margin-bottom:22px; 
}

.articleText { 
	width:594px;
	margin-top:25px; 
	color:#a19f9f; 
	font-size:1.09em;
 }

#rightArticle { 
	width:228px; 
	height:256px; 
	float:right; 
	margin-right:44px;
}


/* PEOPLE */


#people {
	 width:176px;
	 height:250px; 
	 color:#a19fa0; 
	 margin:31px 65px 51px 0; 
	 float:left; 
 }

#lastPeople { 
	width:176px; 
	height:250px; 
	color:#a19fa0; 
	margin:31px 0 51px 0; 
	float:left;
}

#peoplePhoto { 
	width:100%; 
	height:176px; 
	border:1px solid #cacaca; 
	background: url(../img/People_photo.jpg) no-repeat;
}

#people  p { margin-top:20px;}

#lastPeople p { margin-top:20px;}

#people span { font-weight:bold;}

#lastPeople span { font-weight:bold;}


/* DETALLE PRODUCTO */


#pathDetail { width:100%; margin:0 auto; display:block;}

.pathIcons { float:right; margin:27px 3px 0 3px;}

.iconFinal { margin-right:68px;}

.iconUno { 
	width:24px; 
	height:25px;  
	background:url(../img/icon_1.jpg); 
	background-position:top;
}

.iconDos { 
	width:25px; 
	height:25px;  
	background:url(../img/icon_2.jpg); 
	background-position:top;
}

.iconTres { 
	width:25px; 
	height:25px;  
	background:url(../img/icon_3.jpg); 
	background-position:top;
}

.iconCuatro { 
	width:25px; 
	height:25px;  
	background:url(../img/icon_4.jpg); 
	background-position:top;
}

#photoDetail { width:415px; height:500px;}

#photoToDetail { 
	width:100%; 
	height:447px; 
}

.buttomsDetail { 
	height:53px; 
	display:block; 
	margin:0; 
	float:left;
}

.buttomsDetail span { display:none;}

.galeria { 
	width:118px; 
	background:url(../img/detail_galeria.gif);
	background-position:top;
 }

.vista { 
	width:133px; 
	background:url(../img/detail_vista.gif); 
	background-position:bottom;
}

.caracteristicas { 
	width:164px; 
	background:url(../img/detail_caracteristicas.gif); 
	background-position:top;
}

#textDetail {
	 width:431px; 
	 float:right; 
	 padding:30px 47px; 
	 *padding:28px 20px; 
 }

#texto {  line-height:20px;}

.descriptionDetail { color:#a19f9f; margin-top:10px;}

#premios { color:#3f3f3f; font-size:1.33em; margin-top:30px;}

#textDetail ul { 
			list-style:none; 
			list-style-image:url(../img/bullet.gif); 
			padding-left:20px;
			 color:#a19f9f;
			}

#textDetail ul li {  margin-bottom:20px;  }

#textDetail ul li span {color:#3f3f3f;}

#downloads { background:#f5f5f5; width:446px; padding:14px 0 21px 21px; }

.DowloadsTitle { font-size:1.33em;}

.imgManual { 
	height:20px; 
	color:#a19f9f; 
	background:url(../img/manual_icon.gif) no-repeat; 
	padding-left:37px; 
	margin-top:20px;
}

.imgAutocad { 
	height:19px; 
	color:#a19f9f; 
	background:url(../img/autocad_icon.gif) no-repeat; 
	padding-left:37px;
	margin-top:20px; 
 }

#downloads a { color:#3f3f3f; padding-left:37px;}

#cornerUpDownloads { width:446px; height:5px; background:url(../img/cornerDownloadsUp.gif) no-repeat;}

#cornerBotDownloads { width:446px; height:5px; background:url(../img/cornerDownloadsBot.gif) no-repeat;}


/* GALLERY-ALERT */

	
#Gallery { 
	width:511px; 
	float:left; 
	display:block; 
}

.cornersGallery { width:511px; height:5px; overflow:hidden; }

#cornerGalleryUp { background:url(../img/corner_galeria_up.gif) no-repeat top; }

#cornerGalleryBot { background:url(../img/corner_galeria_bot.gif) no-repeat top; }


#contentGallery {
	width:100%;
	height:600px;
	background:#ffffff; 
	display:table;
	overflow: hidden; 
}

	.cerrarGallery { 
		width:29px; 
		height:29px; 
		background:url(../img/bt_cerrar_galeria.gif) no-repeat; 
		display:block; 
		margin-left:460px;
		z-index:100;
		position:absolute;
		}
	
	.cerrarGallery span { display:none;}
	
	#galleryPhoto { 
		width:485px;
		height:510px;
		margin:8px 13px 12px 13px;
		z-index:0;
	}

.cornersPagGallery { width:485px; height:5px; margin:0 13px; overflow:hidden;}

#cornerpagGalleryUp { background:url(../img/corner_pagaleria_up.gif) no-repeat; }

#cornerpagGalleryBot { background:url(../img/corner_pagaleria_bot.gif) no-repeat; }

#contentPagGallery { 
	width:443px; 
	height:35px; 
	background:#f1f1f1; 
	margin:0 13px; 
	padding:20px 28px 0 14px;
}


		.paginacionGallery{
		width:115px;
		height:21px;
		float:right;
		}
		
		.bt_Galleryanterior{ 
		padding:0;
		background:url(../img/pagGalleryL.gif) no-repeat;
		width:15px;
		height:21px;
		display:block;
		float:left;
	}
	
		.bt_Gallerysiguiente{
		padding:0;
		background:url(../img/pagGalleryR.gif) no-repeat;
		width:15px;
		height:21px;
		display:block;
		float:right;
		}
		
		.paginacionGallery span{ 		
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.17em;
		color:#aaaaaa;
		margin:0 13px;
		width:50px; }
		
		.paginacionGallery a span { display:none;}
		


/* CONTACT */


#contact { 
	width:880px; 
	height:537px;
	float:left; 
	display:block; 
	margin-top:60px 0 40px 20px!important; 
	margin:60px 0 40px 10px; 
}

#contact form { width:340px; float:left; margin-right:35px; }

#contact h2 { margin:0 0 0 90px }

#contact h4 { margin:0 0 25px 90px;}

#contact form  label { 
	width:70px; 
	color:#000; 
	text-align:right; 
	float:left; 
	margin:5px 0 0 0; 
	display:block;
}

.selectContact { 
	width:225px; 
	color:#b5b2b2;
	margin:2px 0 2px 20px; 
	padding:5px; 
	border:1px solid #e8e8e8;
}

.selectdos { width:238px;}

#datosofi { 
	width:250px; 
	margin:0 0 25px 0; 
	display:block; 
	float:left;
}

#datosofi h3 { color:#151515; margin:0; font-size:1.17em; }

#datosofi p { margin:5px 0 0 0; color:#777777; }

#datosofi span { color:#4c4b4b;}

#cont_butt { margin:2px 0 0 73px;}

	.btEnviarContact { 
		width:79px; 
		height:37px; 
		color:#a7a7a7; 
		background: url(../img/bt_enviar.gif) no-repeat; 
		float:left; 
		margin:5px 0 0 15px;
		cursor:pointer; 
	}
	
/*	DOWNLOAD ALERT	*/

#download { background:url(../img/fondo_download.gif) no-repeat; width:389px; height:404px;}

	#downloadText p{color:#858585; margin-bottom:20px;}
	
	#download form{ text-align:right; float:right; margin-top:10px;}
	
	#downloadText span {text-align:center; color:#777777; margin-left:70px; height:50px;}
	
	#downloadText label { *margin-left:40px;}
	
	.bt_enviar_margin{ margin-left:75px; *margin-left:112px;}

	.bt_cerrar_formulario{ background:url(../img/bt_cerrar_galeria.gif) no-repeat; padding:20px; float:right; margin:9px; cursor:pointer;}
	
	#downloadText{ padding:50px 38px;}

#download p{ font-family:Arial, Helvetica, sans-serif; font-size:1.00em;}


/* VISTA 360     */

.back{
background:url(../img/360_img.gif) no-repeat;
width:508px;
/*height:48px;*/ height:35px;
display:block;
}

#close {
background:url(../img/bt_cerrar_formulario.gif) no-repeat;
width:20px;
height:20px;
margin:10px 0 0 480px!important;
*margin: 10px 0 0 240px;
float:left;
display:block;
}

#close span { display:none;}


/*	ALERT PASSWORD	*/

	.password { padding:34px 24px;}
	
		.password h1 {color:#858585;}
		
		.password p {color:#a19f9f; margin:12px 0 10px 0; display:block; height:30px;}
		
		.password p a{color:#000000; margin:12px 0 20px 0; cursor:pointer; }
		
		.password span {color:#a19f9f; margin:12px 0 37px 0;}
		
	#insertarPassword { width:500px; height:30px; margin-bottom:23px; display:block;}
		
	#insertarPassword form input {
	float:left; 
	padding:5px; 
	margin:2px 10px 23px 2px; 
	}

.selectPassword { 
	width:236px; 
	color:#b5b2b2;
	margin:0; 
	padding:5px; 
	border:1px solid #e8e8e8;
	float:left;
}

.btEnviarPassword { 
		width:79px; 
		height:31px; 
		color:#a7a7a7; 
		background: url(../img/bt_enviar_footer.gif) no-repeat; 
		float:left; 
		padding:7px 0 0 20px;
		font-size:1.17em;
		cursor:pointer; 
		display:block;
	}

#requestPassword { 
background:url(../img/fondo_download.gif) no-repeat; 
width:400px; 
height:225px;
}