/* CSS Document */
/*

	Copyright 2010 Hpito design
  
*/

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// BODY */ 
body,html {width: 100%; height:100%; margin: 0px; padding: 0px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#878787}

a{outline:none; text-decoration:none; color:#878787}  
span, a:hover{color:#3f3f3f}
:focus {outline:none;}/* para o chrome */
p{margin:0px; padding:0px;}

.web{float:left; min-width:900px; width:100%; height:100%; }
.div_left{position:fixed; width:175px; height:auto; margin-left:24px; margin-top:15px}
.div_rigth{position:absolute; left:200px; width:auto; height:auto; margin-top:15px}
.div_rigth_intro{position:absolute; width:auto; height:auto}
.div_rigth_contem{position:absolute; min-width:560px; max-width:auto; height:auto; margin-left:20px; margin-right:25px; opacity:0; filter:Alpha(opacity=100);}
.div_rigth_work{position:absolute; margin-left:20px; width:0px; height:auto; overflow:hidden; background-color:#FFF; opacity:0; filter:Alpha(opacity=100); z-index:5}

#intro,#work,#allwork,#about,#contact{opacity:1; filter:Alpha(opacity=100);}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// LOGO */
.logo{width:134px; height:83px; background: url('../media/logo.gif'); margin-bottom:15px}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// MENU */
.menu_titulo{width:100%; height:14px; margin-bottom:8px}
.menu_work{width:100%; height:auto; margin-bottom:24px; overflow:hidden;}
.menu_sub_work{width:100%; height:auto; margin-bottom:1px; margin-top:2px; letter-spacing:-0.2px;}
.div_tapa_menu{position:fixed; width:175px; height:520px; left:24px; top:15px; background-color:#FFF; opacity:0; filter:Alpha(opacity=100);}

.menu01{background: url('../media/menu01.gif') no-repeat 0px -1px;}
.menu02{background: url('../media/menu01.gif') no-repeat 0px -20px;}
.menu03{background: url('../media/menu01.gif') no-repeat 0px -38px;}
.menu04{background: url('../media/menu01.gif') no-repeat 0px -56px;}
.menu05{background: url('../media/menu01.gif') no-repeat 0px -74px;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// WORKS */
.imag_work{margin-bottom:12px;}
.titulo_work, .texto_work, .link_work{width:550px; height:auto}
.titulo_work{color:#000000} .texto_work a{text-decoration:underline} .link_work{margin-bottom:25px;}
img[src *="null"] {display:none}
.menu_sub_work[desta *="false"] {display:none}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ALLWORKS */
.thumbs{float:left; width:100px; height:100px; margin-right:10px; margin-bottom:10px; border:1px solid #fff; }
.thumbs:hover{border:1px solid #878787}
.imag_th{position:absolute; opacity:1; filter:Alpha(opacity=100);} 
.imag_th:hover{opacity:0; filter:Alpha(opacity=0);}
.texto_th{position:absolute; width:90px; height:90px; margin-bottom:5px; margin-left:5px; color:#878787}
.div_tapa_work{position:absolute; width:0px; height:100%; opacity:0; filter:Alpha(opacity=100); background-color:#FFF; z-index:3}
#fechar{position:fixed; width:34px; height:14px; top:15px; left:800px; opacity:0; filter:Alpha(opacity=100); z-index:10;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// SALE */
.sale_pay{border-top:1px dashed #878787; border-bottom:1px dashed #878787;}
.form { width:140px; border: 1px solid #a7a6aa; color:#a7a6aa; scrollbar-arrow-color:#FF0000;}
.buy {width:61px; height:15px; background-color: #3f3f3f; font-weight:bold; color:#FFF; padding-top:3px}
.buy:hover {background-color: #878787; color:#FFF}
option[value *="null"] {display:none;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ABOUT */
/*===== newsletter =====*/
.divnewsleter{height:50px; width:300px; margin:0px 0px 10px 0px;}
#newsleter{height:50px; width:300px;}

#blog{position:fixed; width:90px; height:90px; top:0px; right:0px; z-index:15}

/*===== like button =====*/
.like_button{width:450px; height:150px;}