@charset "UTF-8";
/* CSS Document */
@import url("css/960.css");
@import url("css/reset.css");
@import url("css/text.css");



html, body {
	height: 100%;
	background:#f5f6ef;	
}

span.invisible {display:none;}

/* LAYOUT ********/
#main-content {width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -6em;}

/* Background */
#inicial {background:url(images/image-inicio.jpg) no-repeat scroll left 0;}
#home {background:url(images/image.jpg) no-repeat scroll right 0;}
#contato {background:url(images/image-contato.jpg) no-repeat scroll right 0;}
#empresa {background:url(images/image-empresa.jpg) no-repeat scroll right 0;}
#representantes {background:url(images/image-representantes.jpg) no-repeat scroll right 0;}

#language-menu {width:206px; float:right; margin:20px 150px 0 0}
	#language-menu a {background:transparent url(images/tile-menu-language.gif) no-repeat; height:25px; cursor:pointer; display:block; text-decoration:none;}
	#language-menu a.pt {float:left;width:100px;}
	#language-menu a.en {float:right;width:100px; background-position:-104px 0;}
	#language-menu a.pt:hover {background-position:0 -25px;}
	#language-menu a.en:hover {background-position:-104px -25px;}

#top-menu {width:960px; margin:0 auto;} 
	#logo a {background:transparent url(images/logo.png) no-repeat scroll 0 0;display:block; height:55px; width:250px; cursor: pointer; text-indent:-4000px; margin:10px 0 0 15px}
	#top-menu ul {margin: 30px 0 0 0;}
	#top-menu ul li {float:left; display:inline; margin:0; padding: 0}
	#top-menu ul li a {background:transparent url(images/tile-menu.png) no-repeat; height:25px; cursor:pointer; display:block; text-decoration:none;}
	
	#top-menu ul li a.home {width:62px;}
	#top-menu ul li a.empresa {width:82px; background-position:-62px 0;}
	#top-menu ul li a.representantes {width:135px; background-position:-144px 0;}
	#top-menu ul li a.contato {width:78px; background-position:-279px 0;}
	
	#top-menu ul li a.home:hover {background-position:0 -25px;}
	#top-menu ul li a.empresa:hover {background-position:-62px -25px;}
	#top-menu ul li a.representantes:hover {background-position:-144px -25px;}
	#top-menu ul li a.contato:hover {background-position:-279px -25px;}
	
	#top-menu ul li.active a.home {background-position:0 -25px;}
	#top-menu ul li.active a.empresa {background-position:-62px -25px;}
	#top-menu ul li.active a.representantes {background-position:-144px -25px;}
	#top-menu ul li.active a.contato {background-position:-279px -25px;}


#colecao-menu {width:960px; height:52px; margin:0 auto;}
    ul#nav {list-style:none; width:650px; margin:10px 0 0 25px;}
    ul#nav li {display:inline; float:left; margin:0; padding:0;}
	ul#nav li a {background:transparent url(images/tile-menu-colecao.gif) no-repeat; display:block; height:52px; cursor:pointer}
    ul#nav span.title, ul.navigation span.subtitle {display:none; width:250px;}
    ul#nav a:focus {outline:none;}

    ul#nav li a.tab-outono {width:224px;}
    ul#nav li a.tab-primavera {width:250px; background-position:-224px 0;}
	ul#nav li a.tab-tapetes {width:128px; background-position:-472px 0;}
    
    ul#nav li a.tab-outono:hover {background-position:0 -52px;}
    ul#nav li a.tab-primavera:hover {background-position:-224px -52px;}
	ul#nav li a.tab-tapetes:hover {background-position:-472px -52px;}
    
    ul#nav li.selected a.tab-outono {background-position:0 -52px;}
	ul#nav li.selected a.tab-primavera {background-position:-224px -52px;}
	ul#nav li.selected a.tab-tapetes {background-position:-472px -52px;}
	
#colecao-home {width:680px; margin-top:30px; margin-left:-12px;} 
	.frase-out {margin-top:30px;float:right}



#footer { background:transparent url(images/tile-footer.png) repeat-x; bottom:0; display:block; height:60px; left:0; padding:18px 0 0 30px; position:fixed; width:100%; z-index:999;}
#footer, .push {height:6em;}
#footer p {color:#848484; font-size:11px;}
#footer p.info {float:left; width:400px;}
#footer p.aviso {float:right; padding-right:30px;}
#footer p.credit {float:left; margin:0; width:600px;}


/* PAGES ********/
#content-pages {width:460px; margin-top:30px; margin-left:28px;} 
	/*empresa*/
	p.about {color:#818181; margin-left:7px; font-size:16px;}
	
	/*representantes*/
	ul#rep {list-style:none; margin:0 0 40px 7px;}
	ul#rep li { margin:10px 0 10px; 0; padding:0;border-bottom: solid 1px #dfdfdf;}
	ul#rep span.title {color:#a30f2b; font-size:14px;}
	ul#rep span.info {color:#818181; font-size:12px;}
	ul#rep span.info p {margin:0;}
	
	/*Contato*/	
	form {width:410px; margin:30px 0 20px 8px}
	form p {color:#818181; padding:0; line-height:18px; margin:0;text-align:left; font-size:14px;}
	form span {color:#ed832c;}
	form label {color:#818181;font-size:14px; margin-right:10px;}
	form input {border:1px solid #dfdfdf;width:220px; color:#666; padding:5px;	margin:0 0 5px 0;text-align:left;}
	form textarea {border:1px solid #dfdfdf;color:#666;	font: 12px/1.2 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;padding:5px;text-align:left;}
	form .button {background:url(images/enviar.gif) no-repeat; display:block; height:13px; width:78px; cursor:pointer; border:none; margin:10px 0 0 0px}
	

	
	
	
