/* --------------------------------
Empresa: OX Design
Front-end: Rodrigo Medeiros
----------------------------------*/
@import url(reset.css);
html{overflow-y:hidden; overflow-x:hidden;}
body{ background:#000;color:#996633; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; word-spacing:2px; font-weight:normal; }
#container{width:816px;/*height:610px;*/height:610px;background:url(../img/bgContainer.jpg) no-repeat center; margin:0 auto;/* margin-top:40px;*/}

/* --------------------------------
			WRAPPER
----------------------------------*/
#wrapper{ width:674px; height:505px; margin-left:71px; margin-top:54px;float:left;}
#wrapper h1{ width:256px; float:left;}
#wrapper #topo{ width:418px;float:left;}

/* --------------------------------
			menu
----------------------------------*/
#menu{width:674px; height:23px; background:url(../img/bgMenu.jpg) repeat-x; border-bottom:1px solid #ffffcc; float:left;}
#menu span{ display:none;}
#menu ul{ width:674px; float:left;}
#menu ul li{width:105px; height:23px; float:left; display:inline; background:url(../img/bgMenuLi.gif) no-repeat right;}
#menu ul li img{ margin-left:25px;}

#menu ul li#tab-1{width:115px; padding-right:26px;}
#menu ul li#tab-1 a.primeiro{padding-left:0px; padding-right:26px;}
#menu ul li#tab-1 a.primeiro img{ padding-left:25px; margin-left:0px;}

#menu ul li.ultimo{background:none; width:100px; }
#menu ul li#tab-2{width:115px;}
#menu ul li#tab-3{width:91px;}
#menu ul li#tab-5{width:120px;}
#menu ul li#tab-6{ width:100px; background:none;} 

#menu ul li a.altura{padding-top:6px;}/* corrigi altura da imagem */
#menu ul li a{display:block; width:100%; height:23px; padding-top:9px;}
#menu ul li a:hover{background:url(../img/bgMenuHover.jpg) repeat-x;}
#menu ul li#tab-3 a.chef, #menu ul li#tab-3 a.chef:hover, #menu ul li#tab-3 a.chef:visited, #menu ul li#tab-3 a.chef:active, #menu ul li#tab-3 a.chef:link {width:91px;padding-right:0px; margin-right:0px;}/* corrigi o espacamento lateral direito */
#menu ul li a.ativo{padding-top:8px;}/* corrigi altura da imagem quando tiver a setinha de hover*/

/* --------------------------------
			MAINCONTENT 
----------------------------------*/
#maincontent{ width:674px; height:281px; float:left;}

/* --------------------------------
			MAINCONTENT - aux
----------------------------------*/
.aux{ width:256px; float:left;}
.aux .box{ width:256px; height:140px; background:url(../img/bgBox.jpg) no-repeat;}
.aux .box img{ margin-top:32px; margin-left:23px;}
.aux .box p{ text-align:justify; width:205px; margin-left:22px; margin-top:23px; font-weight:normal; font-size:10px;}
.aux .box img.txt_leiamais{ margin-top:10px; margin-left:193px;}
.aux a{ display:block;color:#996633; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; word-spacing:2px;}
.aux a:hover{ text-decoration:underline; }
/* --------------------------------
			MAINCONTENT - entry
----------------------------------*/
.entry{ width:418px; float:left;}
.int{ width:418px; height:281px; float:left; background:url(../img/bgInt.jpg) no-repeat;}

/* linha 1 */
.linha1{ width:418px; height:141px; background:url(../img/entry_bgLinha1.jpg) no-repeat; float:left;}
/* linha 2 */
.linha2{ width:418px; height:140px; background:url(../img/entry_bgLinha2.jpg) no-repeat; float:left;}
/* linhas */
.linha1 img.titulo, .linha2 img.titulo{ margin-top:30px; margin-left:23px; margin-bottom:23px;}
.linha1 p{width:271px; margin-left:122px;font-weight:normal;font-size:10px;}
.linha2 p{width:271px; margin-left:122px;font-weight:normal; font-size:10px;}
.linha1 img.txt_leiamais, .linha2 img.txt_leiamais{ float:left; margin-left:250px; margin-top:10px;}

.fotos{ width:100px; float:left;}
.int p{ width:247px;margin-top:56px; margin-left:133px;line-height:14px; font-size:10px; text-align:justify; font-weight:normal;}
/* --------------------------------
			scroller
----------------------------------*/
.container_portfolio{width:674px;height:281px;text-align:left;position:relative;float:left;}
#frame_portfolio{overflow:hidden;width:674px;height:281px;position: relative;}
#frame_portfolio div.button{position:absolute;top: 40%;}
div.button#left{left:0;}
div.button#right{right:0;}
#scroller_portfolio {width:674px;height:281px;overflow: hidden;float:left;}
#content_portfolio {width: 5550px;}
.section {width:674px;height:281px; float:left;}
.section .visite a:hover{text-decoration:underline;}

div.tarja{ width:175px; height:23px; background:#663300;position: absolute; z-index:99; left:256px; top:258px;}
div.assinatura{ width:34px; height:93px;position: relative; z-index:99; left:745px; top:-80px;}

/* --------------------------------
			formulario
----------------------------------*/
form{width:250px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#e5dfd1; margin-left:33px; float:left; }
label{ clear:both;color:#996633; width:230px; float:left; margin-top:5px; font-size:10px; font-weight:normal; }
input{float:left;width: 230px;} 
.campo {width: 230px;background:#622f05; height:13px;padding: 3px;border:1px solid #793b07;color: #996633; margin-top:10px;}
.campo:focus {border:1px solid #cc9933;}
.textarea {height:45px;overflow: auto;}
textarea{ font-size:11px;}
.botao {background:#622f05;color: #996633; width:50px;height:20px;padding: 0 5px;border:1px solid #793b07; margin-top:10px; margin-left:187px;}