@font-face {
    font-family: 'the_sans_light-regular';
    src: url('../fonts/thesans_light_plain-webfont.eot');
    src: url('../fonts/thesans_light_plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thesans_light_plain-webfont.woff') format('woff'),
         url('../fonts/thesans_light_plain-webfont.ttf') format('truetype'),
         url('../fonts/thesans_light_plain-webfont.svg#the_sans_light-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*RESET*/

html{  color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0; }fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{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:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {font-family:Arial, Helvetica,sans-serif; background-color:#877E70; }


#geral{ width:100%; max-width:1024px;/* limita o crescimento do layout a até 1024px */

}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

/*HEADER*/ 
header{background-image:url(../images/fio_topo.png);background-repeat:no-repeat; width:100%; }

/*MENU*/ 
nav{ width:100%; padding-top: 3%; }
nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px; -webkit-transition-duration: 1s; }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}

/*ARTICLES*/ 
article{ height:600px; width:100%; ;}

/*FOOTER*/ 
footer {bottom: 0;font-size:11px;text-align:center;}

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


h1, h2, h3, h4, h5 {}
h1{font-size:14px;color:#FF921E;font-weight: bold;}
h2{font-size:14px;color:#FF921E;font-weight: bold; margin-bottom: 20px;}
h3{font-size:14px;color:#FF921E;font-weight: bold;}

p { font-size:0.8em; margin-bottom: 1em;color:#FFF;display: block; font-size:13px; -webkit-transition-duration: 1s;}

a{font-weight: bold;text-decoration:none;color:#fff;
-webkit-transition:color 0.35s ease-out;
-moz-transition: color 0.35s ease-out;
-o-transition: color 0.35s ease-out;
}	

a:hover{
color: #f48949;
-webkit-transition: color 0.1s ease-out;
-moz-transition: color 0.1s ease-out;
-o-transition: color 0.1s ease-out;
}


#logo{float:right;margin-right: 190px;
margin-top: 30px;}

.produto {float: left;margin: 8px 13px 9px 0px;}
.produto img{border:solid; border-color:#FFF; border-width:1px;}
#box1{ margin-left: 5%;}
#novidades {}
.painel {float: left;padding: 15px 0px 5px 0px;width:80%;}
.produto small {display: block;font-size: 11px;text-align: left;color:#FFF;font-size:11px;font-weight: bold;}



.alinhamento{ margin-left:5%;}
#conteudo { width:38%;}


/*-------------------------------------CSS DAS PÁGINAS--------------------------------*/ 


/* HOME */
article.home{background-image:url(../images/fundo.png);background-repeat:no-repeat; }


/* QUEM SOMOS*/
article.quemsomos{ background-image:url(../images/bg_quemsomos.png); background-repeat:no-repeat; }


/* PORTFOLIO */

article.portfolio{ background-image:url(../images/bg_portfolio.png); background-repeat:no-repeat;}

#lista {padding:0; margin:0; font-size:0.8em;}


#lista li {list-style: none; line-height: 22px; list-style-type:square; color: white; margin:6px;}
#lista li a {margin:0; padding:0;text-decoration:none;color: #fff; }
#lista li a:visited {color: #fff;}
#lista li a:hover { background: #fff;color: #000;}
#lista li a:active { background: #ccc;color: #000;}


/* CLIPPING*/
article.clipping{}


/* LINKS*/
article.links{background-image:url(../images/bg_links.png); background-repeat:no-repeat;}

/* MOSTRA */

article.mostra{background-image:url(../images/bg_portfolio.png); background-repeat:no-repeat; }


/* CONTATO*/
article.contato{background-image:url(../images/bg_contato.png); background-repeat:no-repeat;} 
address{ font-size: 12px;color: white;margin-right: 22%;margin-top: 2%;text-align:right;line-height: 20pt;}


#gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
	

	
@media screen and (max-width: 913px){
	
	/*MENU*/ 
nav{ width:100%; padding-top: 3%; }
nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px; -webkit-transition-duration: 1s; }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}
	

#logo {float: left;margin-left: 23px;}	
nav {width: 100%;padding-top: 12%;}
address{ font-size: 12px;color: white;margin-right: 22%;margin-top: 2%;text-align:left;line-height: 20pt;}
.alinhamento {margin-left: 4%;}

}

@media screen and (max-width: 320px){
	
#conteudo {width: 80%;}
address {margin-top: 50%;}
h2 {margin-top:45%;}
#lista {margin-left: 5%;}
nav {width: 100%;padding-top: 30%;}
nav ul {padding:3px;}

nav ul li {
list-style: none;
padding:3px 5px;
background:#6d6559;
margin-bottom:2px;
width: 95%;
margin:2px;
font-size:13px;
height:20px;
}

nav ul li a {
display:block;
color: #ffffff;
text-decoration: none;
}

nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px;  }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}

#logo {float: left;margin-left: 6px;}
p{ font-size:13px;}
}


@media screen and (max-width: 350px){
	
#conteudo {width: 80%;}
address {margin-top: 50%;}
h2 {margin-top:45%;}
#lista {margin-left: 5%;}
nav {width: 100%;padding-top: 30%;}
nav ul {padding:3px;}

nav ul li {
list-style: none;
padding:3px 5px;
background:#6d6559;
margin-bottom:2px;
width: 95%;
margin:2px;
font-size:13px;
height:20px;
}

nav ul li a {
display:block;
color: #ffffff;
text-decoration: none;
}

nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px;  }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}

#logo {float: left;margin-left: 6px;}
p{ font-size:13px;}
}


@media screen and (max-width: 380px){
	
#conteudo {width: 80%;}
address {margin-top: 50%;}
h2 {margin-top:45%;}
#lista {margin-left: 5%;}
nav {width: 100%;padding-top: 15%;}
nav ul {padding:3px;}

nav ul li {
list-style: none;
padding:3px 5px;
background:#6d6559;
margin-bottom:2px;
width: 95%;
margin:2px;
font-size:13px;
height:20px;
}

nav ul li a {
display:block;
color: #ffffff;
text-decoration: none;
}

nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px;  }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}

#logo {float: left;margin-left: 6px;}
p{ font-size:13px;}
}

@media screen and (max-width: 600px){
	
#conteudo {width: 80%;}
address {margin-top: 50%;}
h2 {margin-top:45%;}
#lista {margin-left: 5%;}
nav {width: 100%;padding-top: 16%;}
nav ul {padding:3px;}

nav ul li {
list-style: none;
padding:3px 5px;
background:#6d6559;
margin-bottom:2px;
width: 95%;
margin:2px;
font-size:13px;
height:20px;
}

nav ul li a {
display:block;
color: #ffffff;
text-decoration: none;
}

nav ul{ font-size:11px; letter-spacing:1px; margin-top:14px; }
nav li {float: left; color:#FFF; padding-left:30px;  }
nav ul {list-style-type: none; height: 50px;}
nav ul a {color: #FFF;}

#logo {float: left;margin-left: 6px;}
p{ font-size:13px;}
}

/****************************/

#divCasaCor{
	position:fixed;
	z-index:999;
	width:100%;
	height:100%;
	background:rgba(241, 139, 73, 0.65);
}

#fotoCasaCor{
	background: none repeat scroll 0 0 #D3B79D;
    height: 474px;
    margin: 135px auto 0;
    text-align: center;
    width: 670px;
}

#fotoCasaCor h1{
	color: #FFFFFF;
    font-family: 'the_sans_light-regular';
    font-size: 32px;
    height: 40px;
    position: relative;
    text-align: center;
    top: -60px;
}

#fotoCasaCor a{
	left: 650px;
    position: relative;
    top: -473px;
}

#fotoCasaCor img{
	left: -7px;
    position: relative;
    top: -58px;
}

#fotoCasaCor p{
	left: 16px;
    position: relative;
    text-align: left;
    top: -54px;
}