/* @override
	http://mwl/stylesheets/style-cold.css */

/* 
    Document   : style
    Created on : 15-Mar-2010, 12:27:25
    Author     : Tiago Alves
    Description:
        Main Stylesheet file for SETA Labs website
*/

/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* @end */

.cb { clear: both;}
.none { display: none;}
.italic { font-style: italic; }

a { color: #fff; text-decoration: none; text-shadow: 0px 1px 1px #414141; }
a:hover { text-shadow: 0px 2px 2px #000; }
a:active { color: rgb(65, 100, 115);  text-shadow: 1px 1px 2px #fff; }


h1, h2, h3, h4 { font-weight: 400 !important; font-family: Georgia, Times New Roman, serif; }

body { line-height: 1; background: rgb(65, 100, 115); font-family: "Helvetica Neue", helvetica, arial, sans-serif; color: rgb(250, 250, 250) }
#site-seta { width: 820px; margin: 10px auto;}

#side-aps { float: left; width: 220px; height: 341px; background: url(../images/line-vertical.png) no-repeat right top; padding-top: 30px; }
.nav { list-style: none; float: right; margin: 20px 40px 0 0;}
.nav .blog { text-indent: -999em; }
.nav .blog a { background: url(../images/bt-blog.png) no-repeat; display: block; height: 26px; width: 58px; }
.nav .blog a:hover { background: url(../images/bt-blog-ativo.png) no-repeat;  }

#side-content { float: right; width: 600px; padding-top: 30px; }
#side-content h1 { font-size: 25px; line-height: 1.5em; color: #e1e1e1; text-shadow: 0px 2px 2px #000; word-spacing: .2em;}
#side-content h1 span { display: block; margin-bottom: 10px; }
#side-content h1 span a { color: #fff; text-decoration: none; text-shadow: 0px 1px 1px #414141; }
#side-content h1 span a:hover { text-shadow: 0px 2px 2px #000; }
#side-content h1 span a:active { color: rgb(65, 100, 115);  text-shadow: 1px 1px 2px #fff; }

.campo { background: url(../images/bg_bt-content.png) no-repeat bottom; padding: 0 35px 80px 35px; margin-bottom: 20px;}
.campo h2 { font-size: 30px; color: #fff; text-shadow: 1px 1px 1px #000; letter-spacing: .1em; margin: 0 0 10px -5px;  }
.campo p { font-size: 14px; line-height: 1.4em; margin: 5px 0; text-shadow: 0 1px 1px #000;}

#equipe { margin: 10px 0 0;}
.perfil { padding: 10px; border-bottom: 1px solid #395967; border-top: 1px solid #587784; }
.perfil .avatar { float: left; border: 8px solid rgb(220, 220, 220); }
.perfil .social { vertical-align: sub}
.perfil dl { float: left; margin-left:15px; font-size: 14px; width: 400px; line-height: 1.2em; }
.perfil .nome { font-size: 18px; font-weight: 800; margin-bottom: 8px; text-shadow: 0 1px 1px #000;}
.perfil dt { float: left; text-align: left; margin-right: 5px; width: 45px; text-shadow: 0 1px 0px #000; }
.perfil dd { text-shadow: 0 1px 1px #000; width: 350px; float: left; margin-bottom: 5px; }

.produto { width: 230px; margin-right: 30px; float: left;}
.produto p { width: 210px; margin: 5px auto; padding: 5px 0; }

.rodape { margin: -30px 0 20px 30px; font-size: 12px; text-shadow: 0 1px 1px #000; }