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

/* sites
----------------------------------------------------------------------------- */

.content{ width:950px;}

#sites .title {width:864px; text-align:left;}

#sites .bloco {width:884px; margin:0 auto; position:relative;}
#sites .bloco img{float:left; display:inline; margin:9px;}


/* sites - other pages
----------------------------------------------------------------------------- */

#int .block-top {width:864px; margin:9px auto; position:relative;}
#int .block-top .transparent {width:180px; height:175px; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; background:#FFF; cursor:pointer;}
#int .block-top a{display:block; color:#A2A2A2; text-decoration:underline; text-align:center;}
#int .block-top a strong{color:#06BDEA;}
#int .block-top .a1 {position:absolute; top:80px; left:266px; z-index:100;}
#int .block-top .a2 {position:absolute; top:80px; left:450px; z-index:100;}
#int .block-top .a3 {position:absolute; top:80px; left:638px; z-index:100;}

#int .block-top2 {width:864px; margin:9px auto; position:relative;}
#int .block-top2 .transparent {width:180px; height:175px; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; background:#FFF; cursor:pointer;}
#int .block-top2 a{display:block; color:#A2A2A2; text-decoration:underline; text-align:center;}
#int .block-top2 a strong{color:#06BDEA;}
#int .block-top2 .a1 {position:absolute; top:80px; left:14px; z-index:100;}
#int .block-top2 .a2 {position:absolute; top:80px; left:180px; z-index:100;}
#int .block-top2 .a3 {position:absolute; top:80px; left:350px; z-index:100;}
#int .block-top2 .a4 {position:absolute; top:80px; left:506px; z-index:100;}
#int .block-top2 .a5 {position:absolute; top:80px; left:670px; z-index:100;}

#int .block-extended {width:864px; margin:9px auto 0;}
#int .block-extended .thumbs {width:858px; border-left:1px solid #373737; border-right:1px solid #373737; padding:0 0 10px 5px;}
#int .block-extended .cell {width:132px; height:150px; float:left; text-align:center; margin:9px 0 9px 9px; display:inline;}
#int .block-extended .cell img{ padding-bottom:15px;}
#int .block-extended .cell a{text-decoration:underline; font-weight:bold; color:#06BDEA; display:block;}
#int .block-extended .foo {width:864px; height:7px; overflow:hidden; background:url(images/sites_extendedfoo.gif) no-repeat;}

#int .block-duo {width:864px; margin:9px auto 0;}

#int .block-left {width:580px; float:left; overflow:hidden;}
#int .block-left .thumbs {width:575px; border-left:1px solid #373737; border-right:1px solid #373737; padding:0 0 10px 3px;}
#int .block-left .cell {width:132px; height:150px; float:left; text-align:center; margin:9px 0 9px 9px; display:inline;}
#int .block-left .cell img{ padding-bottom:15px;}
#int .block-left .cell a{text-decoration:underline; font-weight:bold; color:#06BDEA; display:block;}
#int .block-left .foo {width:864px; height:7px; overflow:hidden; background:url(images/sites_leftboxfoo.gif) no-repeat;}

#int .block-right-duo {width:266px; float:right;}
#int .block-right {width:266px; background:#0C0C0C url(images/sites_rightboxfoo.jpg) bottom no-repeat; padding:0 0 20px; overflow:hidden;}
#int .block-right .thumbs {width:260px; padding:0 0 10px 3px;}
#int .block-right .cell {width:101px; height:100px; float:left; text-align:center; margin:18px 0 9px 20px; display:inline;}
#int .block-right .cell img{ padding-bottom:15px;}
#int .block-right a{text-decoration:underline; font-weight:bold; color:#06BDEA; display:block;}
#int .block-right ul{padding:18px 0 0 0;}
#int .block-right li{width:100%; text-align:center; text-transform:uppercase;}
#int .block-right .foo {width:864px; height:7px; overflow:hidden; background:url(images/sites_leftboxfoo.gif) no-repeat;}

#int .block-oursites {width:864px; margin:9px auto 0; position: relative;}
#int .block-oursites p { position: absolute; top: 70px; left: 470px; text-align: justify; display: block; width: 370px; line-height: 15px; }
#int .block-oursites .bt { position: absolute; top: 410px; right: 19px;}
#int .block-oursites strong { color:#FFFFFF; }