/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0; border: 0;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}



/* --------- this project -------- */

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


/* BASE
----------------------------------------------------------------------------- */

body {
	background: url(images/bg.gif);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.1em;
	color:#fff;
	background-color:#403F3F;
}

.main {
	position:relative;
	margin:0 auto;
	width:980px;
	background: #131313 url(images/bg-main.gif);
}

/* HEADER
----------------------------------------------------------------------------- */
.header {width:956px; margin:0 auto;}
.header img {float:left;}

/* CONTENT
----------------------------------------------------------------------------- */
.content {width:956px; margin:0 auto;}

.content .bloco1 {width:325px; height:509px; float:left; position:relative;}
.content .bloco1 p {width:295px; position:absolute; top:146px; left:15px; text-align:right;}
.content .bloco1 .thumbs {width:325px; height:265px; position:relative; background:url(images/home-bloco1-03.jpg) no-repeat; display:block;}
.content .bloco1 .thumbs .head {position:absolute; left:0; top:159px; z-index:500;}
.content .bloco1 .thumbs .pics {position:absolute; left:10px; top:0;}
.content .bloco1 .thumbs .pics img{border:3px solid #5B5B5B; float:left; display:inline; margin-right:10px;}

.content .bloco2 {width:308px; height:509px; float:left;}

.content .bloco3 {width:323px; height:509px; float:left; position:relative;}
.content .bloco3 p {width:295px; position:absolute; top:412px; left:14px; text-align:left;}

.content .bloco4 {width:956px; position:relative; float:left;}
.content .bloco4 p {width:295px; position:absolute; top:66px; left:340px; text-align:left; font-size:15px; line-height:1.3em;}
.content .bloco4 h1 {margin:0; padding:10px 0 15px 0; font-size:35px; color:#E431D6; text-align:center; text-transform:uppercase;}
.content .bloco4 h1 a{color:#E431D6; text-decoration:underline;}
.content .bloco4 .title {position:absolute; top:10px; left:190px;}


/* FOOTER
----------------------------------------------------------------------------- */
.footer {width:956px; height:164px; margin:0 auto; background: url(images/bg-footer.gif) repeat-x; text-align:center; position:relative;}
.footer .bt1 {position:absolute; top:25px; left:30px;}
.footer .bt2 {position:absolute; top:25px; left:640px;}