/*   
Theme Name: Tema Tatto Soldas
Theme URI: http://www.behance.net/ddz
Description: Tema para a empresa Tatto Soldas
Author: Eduardo Iotti
Author URI: http://www.behance.net/ddz
Version: 1
*/

@charset "utf-8";
/* CSS Tatto Soldas */

/* RESET */

* {
margin: 0;
padding: 0;
}
ul li {
	list-style-type: none;
	line-height: 2.4em;
}

fieldset, img { 
border: 0; 
border-radius:20px;
}
div:after, ol:after, form:after, ul:after, dl:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
	}
/* *********************** */

/* BASE */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #333;
	background-color: #FFF;
}




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


/* estrutura */
.separador { width:960px; margin-top:10px; margin-bottom:10px; }
.pequena { 
font-size:0.75em;
}
.detalhe_topo {
	width:100%;

	height:60px;
	 }

.header_wrap {
	background-color: #FFF;
	width: 100%;
}

.nav_wrap {
	width: 100%;
	height:280px;

	margin-bottom:50px;
	 }

.pos_nav {

	height:150px;
	width:100%;
	background-attachment: scroll;
	background-image: url(images/bg_posnav.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main_nav { 
	width:940px;
	margin: 0 auto;
}
.main {
	padding:10px;
	margin: 0 auto;
	width:960px;
	text-align: left;

}

.footer_wrap {
	background-color:#E6E6E6;
	min-height:300px;
	width:100%;


}
.footer_desc {
	margin-top:10px;
	margin-bottom:50px;
	margin-right:10px;
	margin-left:10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	display:block;
	padding:20px;
	background-color:#85C074;
	margin-top:20px;

}
.footer_desc p { 
	color:#333333;
	font-size:1em;
}
.footer_contato { 
	margin-top:20px;
	margin-bottom:50px;
	margin-right:10px;
	margin-left:20px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	display:block;
	padding:20px;
	float:right;
	background-color:#284128;
	margin-top:20px;
	font-size:0.7em;
	color:#D8D8D8;
}
.footer_contato p { 
line-height:2em;
}

footer ul {

	width:960px;
	margin: 0 auto;
	list-style-type: none;

 }
footer ul li {
 font-family: 'Days One', Arial, sans-serif;

 }
 
footer ul li a {
	padding:5px;
	line-height:0.8em;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
 }
 


footer ul li a:hover {
	border-radius:10px;
	color:#FFF;
	padding:5px;
	width:100%;
	height:100%;
	background-color:#696;


}

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

/*************LINKS****************/

a { text-decoration:none;}
a:hover { }
a:visited { }
a:active { }



/*******************************/
/* blocos */
article { 
font-size:0.9em;
text-align:left;
}
article figure { 
margin:20px;
float:right; }
article em {
	float:left;
	display:block;
	width:420px;
	min-height:150px;
	margin:10px;
	border-radius:15px;
	padding:20px;
	background-color:#DBDBDB;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1em;
	margin-bottom:20px;
}

article p { 
font-size:0.9em;
line-height:1.6em;
text-align:left;
padding:20px;
margin-top:20px;
margin-left:10px;
margin-right:0px;
margin-bottom:20px;
}

article h2 { 
margin-top:20px;
margin-bottom:10px;
}
.full_block {
	margin-top:10px;
	text-align:left;
	height:300px;
	margin: 0 auto;
	width:960px;

	background-image: url(images/bg-venda.jpg);
	background-repeat: no-repeat;	
}
.full_block img { float:right; } 
.full_block p {
float:left;
margin-top:30px;
margin-left:100px;
}


.full_block h2 {

margin-left:100px;
}
.texto_inicial {
	font-size:0.9em;
	line-height:1.8em;
	text-align:left;
	width:580px;
	float:left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.texto_dir { 
display:block;
float:right;
}
.img_esq { float:left; display:block;}
.texto_inicial_lateral { 
font-size:0.8em;
text-align:left;
float:right;

width:270px;
margin:10px;	
}
.catalogo_categoria {
	float: left;
	width: 220px;
	clear: both;
}
.catalogo_categoria p {
	font-size: 0.7em;
	color: #333;
}
.catalogo_lista {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00F0A3;
	border-right-color: #00F0A3;
	border-bottom-color: #CCC;
	border-left-color: #00F0A3;
	float: right;
	width: 700px;
	min-height:120px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #EBEBEB;
}
.catalogo_lista p {
	font-size:0.8em;
	margin-top: 0.3em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0.3em;
	line-height: 1.6em;
}
.catalogo_lista p em {
		-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	display:block;
	background-color:#666;
	padding:15px;
	margin-top:3em;
	margin-left:10em;
	color: #FFF;
}
.catalogo_lista img {
	float:right;
	margin:20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #333;
	border-bottom-color: #FFF;
}
/* NAV */

nav {
width:400px;
}


nav ul {
	margin: 0 auto;
	list-style-type: none;

 }
 nav ul li {
 letter-spacing:0.1em;
 font-family: 'Days One', Arial, sans-serif;
 display: block;
 float:left;
 margin-right:30px;
 }
 
 nav ul li a {
	 	border-radius:10px;
	padding:10px;
	line-height:0.8em;
	font-size: 1em;
	font-weight: bold;
	color: #030;
	background-color:#F3F3F3;
	text-decoration: none;
 }
 


nav ul li a:hover {
	border-radius:10px;
	color:#FFF;
	padding:10px;
	width:100%;
	height:100%;
	background-color:#696;


}

/************************************/
/* nav header interna */

.main h1 a {
	text-align:left;
	text-decoration:none;
	font-size:1.8em;
	color:#063;
	font-weight:bold;
	margin-bottom: 30px;
}





/************************************/
/* HEADER */

header { 
height:230px;
width:960px;
text-align: left;
width: 960px;
margin: 0 auto;
}


header h1 {
margin-top:45px;
float:left;
width: 447px; height: 141px;
background: url("images/logo.jpg") no-repeat;
}

header h1 span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}

header p {
	font-size:0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	margin-top:65px;
	width:480px;
	float:right;
	line-height: 1.8em;
	font-style: italic;
	letter-spacing: 0.085em;
}
/************************************/
/* Tabela produtos */
table {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:40px;
	width:960px;
	text-align: left;
	display: block;
}
table tr:nth-child(1) { background-color:#333;}
tr { }
th { color:#FFF; padding:5px; font-size:0.9em;}
td { padding:10px; font-size:1em; }
td:hover { background-color:#CCC;}

table tr td:nth-child(1) { background-color:#76DA97; font-size:0.8em; font-weight:bold; }




/************************************/
/* Lista produtos */

section ul {
	margin: 0 auto;
	list-style-type: none;

 }
section ul li {
 width:120px;
 display: block;
 float:left;
 margin-left:12px;
 }















/* FOOTER*/

footer { 
width:960px;
margin: 0 auto;
font-size:0.75em;
 }
 
 footer p { 
 color:#666;

 }
 footer ul { 
 font-size:0.75em;
 }
footer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660;
}

footer div {
text-align:left; 
width:260px;
float:left;
height:100px;
margin: 1px;
}
footer div p {
	text-shadow:#000;
	margin-left:10px;
	margin-right:30px;
	font-size: 1.5em;
	color: #FFF;

}
footer div ul {
	font-size: 1em;
	color: #999;
	text-decoration: none;
	display: block;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 20px;
}
/* *********************** */

hr { margin-top:20px; margin-bottom:20px;}

/* headings */

h1 {
	font-family: 'Days One', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660;
	margin-top: 20px;
	margin-bottom: 45px;
}
h2 {
	font-family: 'Days One', Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight: bold;
	color: #396;
	margin-bottom: 20px;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	color: #396;
	margin-bottom: 20px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	color: #363636;
	margin-top: 20px;
	margin-bottom: 15px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight: bold;
	color: #CCC;
	margin-top: 20px;
	margin-bottom: 30px;
}


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

/* form 1 */
form { 
margin-top:20px;
margin-bottom:20px;
padding:5px;
border-radius:15px;
background-color:#FFF;

}
#form1 fieldset{
        margin:0;
        padding:0;
        border:none;    
        float:left;
        display:inline;
        width:260px;
        margin-left:25px;
        }       
    #form1 legend{display:none;}    
    #form1 p{margin:.5em 0;}    
    #form1 label{display:block;}    
    #form1 input, #form1 textarea{      
        width:252px;
        border:1px solid #ddd;
        padding:3px;
        }       
    #form1 textarea{
        height:125px;
        overflow:auto;
        }                   
    #form1 p.submit{
        clear:both;

        padding:0 25px 20px 25px;
        margin:0;
        text-align:right;
        }   
    #form1 button{
        width:150px;
        height:37px;
        line-height:37px;       
        border:none;
        background:url(images/form_button.gif) no-repeat 0 0;
        color:#fff;
        cursor:pointer;
        text-align:center;
        }               

/* // form 1 */



.main h3 { 
text-align:left;
}
.main h4 { 
text-align:left;
}
.produto { 
width:220px;
height:300px;
float:left;
margin:10px;
}

.produto ol {
	margin-top:15px;
	font-size:0.9em;
	text-align:left;
	list-style-type: none;
}