/*
Site Name: 
Site URI: http:///
Version: 1.0
Date: Sep 2009
HTML-CSS-jQuery Programmer: Fede Hartman - http://fedehartman.com/
*/


html {
	height: 100%;
	}

body {
	height: 100%;
	min-height:300px;
	background-color: #1a1a1a;
	overflow-x:hidden;
	background-position: center center;
	background-repeat: no-repeat;
	}
	
body.index { background-color:#FFF; height:100%; display:block; vertical-align:middle }

	
body.home {
	background-image: url(../img/home.jpg);
}

body.about {
	background-image: url(../img/about.jpg);
}

body.products {
	background-image: url(../img/product.jpg);
}

body.showrooom {
	background-image: url(../img/showrooom.jpg);
}

body.press {
	background-image: url(../img/press.jpg);
}

body.contact {
	background-image: url(../img/contact.jpg);
}

#container {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-150px;/* half elements height*/
	margin-left:0px;/* half elements width*/
	width:100%;
	height:300px;
	overflow:hidden;/* allow content to scroll inside element */
	text-align:left;                  /*
	background-image: url(../img/black-back.png);
	background-repeat: repeat;
	background-position: center top;*/
	font-family:"Times New Roman";
	font-size: 16px;
	color: #FFF;
}




#container .prod{
	overflow: visible;
}

#content {
	position:relative;
	padding: 0px;
	height: 300px;
	width: 960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#logo {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 315px;
}


* html logo { width: 310px; }

#logo a {
	height: 150px;
	width: 300px;
	display:block;
}

#menu {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 280px;
	width: 630px;
	margin-left: 15px;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
	}
	
#menu ul {
	margin-top: 45px;
	}

#menu li {
	font-size: 1.125em;
	color: #d9d9d9;
	width: 100%;
	line-height: 30px;
	*line-height: 25px;
	}

	#menu li a {
		color: #d9d9d9;
		display: block;
		text-decoration: none;
		}
	
	#menu li a:hover {
		color: #FFF;
		}
		
#menu ul li ul{
	margin-top: 5px;
	font-size: 0.75em;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#menu ul li ul li {
	line-height: 20px;
	*line-height: 17px;
}

#legal{position:absolute; bottom:3px;right:0px; width:100%; padding-right:5px; text-align:right; text-decoration:none; font-size:10px; z-index:999}
#legal a{color:#d9d9d9; text-decoration:none;}
#legal a:hover{color:#FFF; text-decoration:none;}

#backmenu a {
	font-size: 13px;
	height: 30px;
	color: #d9d9d9;
	text-decoration: none;
	margin-top: 115px;
	margin-left: 237px;
}
/*--MAIN-------------------------------------------------------------------------------------------------------------------------*/


#main {
	padding: 0px;
	float: right;
	height: 270px;
	width: 630px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#productlistcontainer{
	position:absolute;
	top:50%;
	right: 0;
	margin-top:155px;/* half elements height*/
	margin-left:-960px;/* half elements width*/
	width: 100%;
	height:100px;
	overflow:hidden;/* allow content to scroll inside element */
	z-index: 0;
	*display: none;
}
#productlistcontent{
	padding: 0px;
	height: 100px;
	width: 960px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#productlistmain{
	position:relative;
	padding: 0px;
	float: left;
	height: 100px;
	left:300px;
	width: 960px;
	overflow: hidden;
	margin: 0px;
	background:url(../img/black-back.png) repeat;
	z-index: 0;
}
#main h2 {
	font-size: 20px;
	height: 30px;
	color: #d9d9d9;
	margin-top: 30px;
}

#text {
	width: 100%;
	height: 225px;
	font-size: 14px;
	color: #d9d9d9;
	line-height: 1.5em;
	text-align:justify;

}

#text img {float:left;
padding-left:0px;
padding-top:5px;
padding-bottom:0px;
padding-right:10px;
margin:0px}


/* begin newslist styles */
#text #scroller{
	color: #d9d9d9;
	margin-top: 4px;
}
#text #scroller a{
	color: #EEE;
	text-decoration:underline;
}
#text #scroller a:hover{
	color: #FFF;
	text-decoration:underline;
}
/* end newslist styles */

.content_scroll {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 300px;
	width: 405px;
	}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 15px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/jScrollPaneTrack.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.jScrollPaneDrag { /*dragueador*/
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	width: 15px;
	background-image: url(../img/jScrollPaneDrag.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 0px;
	height: 15px;
}



/*--RESET------------------------------------------------------------------------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  
	margin: 0px; 
	padding: 0px; 
	}

table { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	}

fieldset, img {  
	border: 0px; 
	}

address, caption, cite, code, dfn, em, th, var { 
	font-style: normal; 
	font-weight: normal; 
	}

ol, ul { 
	list-style: none; 
	}

caption,th { 
	text-align: left; 
	}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
	}

q:before, q:after { 
	content: ''; 
	}

abbr, acronym {
	border: 0px; 
	}

a {
	outline-style: none;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

span, .none {
	display: none;
	}
	
strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

#grid {
	padding: 0px;
	height: 1200px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 999;
	background-image: url(../img/grilla.png);
	background-repeat: repeat;
	background-position: left top;
	top: 0px;
	overflow: hidden;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	}

#contact_left {
	float: left;
	width: 150px;
	padding-right:30px;
	padding-top:10px;
}

#contact_right {
	float: left;
	width: 450px;
	padding:0px;
	padding-top:-10px;
}

.form_line {
	margin-top: 5px;
}

label {
	font-size: 12px;
	color: #d9d9d9;
	float: left;
	height: 20px;
}

input, select {
	background-color: #333;
	border: none;
	color: #FFF;
	height: 20px;
	float: right;
	width: 90%;
}

textarea {
	background-color: #333;
	border: none;
	color: #FFF;
	float: right;
	width: 90%;
}

#boton {
	height: 30px;
	width: 100px;
	margin-top: 15px;
	margin-left: 150px;
}

#coat{
	position:absolute; top:10px; right:10px; z-index:-1	;
}



/* INDEX PAGE */


#indexcontainer{
	width:100%; left:0; top:0; position:absolute; height:100%;
}
#indexcontainer table{
	width:100%; height:100%; width:100%; font-family:"Times New Roman", Times, serif; font-size:70px; color:#FFF;
	background-image: url(../img/black-back.png);
	background-repeat: repeat;
	background-position: center top;
}
#indexcontainer div a{color:#FFF; font-size:16px; text-decoration:none}
#indexcontainer div a:hover{text-decoration:underline}

#box { margin:0; padding:0; position:relative; float:left; }
#main #scroller { margin:0; padding:0; position:relative; }
#main #scroller li { float:left; }
#dv {margin:0;padding:0;}