/************************************************
 * Reset 
 ***********************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/************************************************
 * Geral 
 ***********************************************/
* { color:#333; font-family: Geneva, "Trebuchet MS", Verdana, Arial; }
body { font-size: 63.5%;}
a { color:#600 !important }


/************************************************
 * Classes genericas 
 ***********************************************/
img.shadow {
	background: url(/assets/front/css/img/shadow.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}


/************************************************
 * Cabecalho 
 ***********************************************/
#cabecalho { margin: 20px auto; width:100em; }
#cabecalho h2 { width: 205px; height: 60px; background: url(/assets/geral/img/logo_m.gif) no-repeat; float:left; text-indent: -9000px; }
#cabecalho h2 a { display:block; height: 60px;}
#cabecalho form { padding-top: 25px;}
/* #cabecalho form input { height: 14px;} */


/************************************************
 * Home 
 ***********************************************/
#home { text-align: center;}
#home h1 { width: 340px; height: 110px; background: url(/assets/geral/img/logo_g.gif) no-repeat; margin:100px auto 40px; text-indent: -9000px;}
#home form { margin-bottom:30px;}
/* #frmBusca input { width: 460px;} */
/* #frmBusca button { border:0; background:url(/assets/front/css/img/btn_buscar.gif) top no-repeat; width:52px; height: 24px; text-indent:-9000px;} */
/* #frmBusca button:hover { background:url(/assets/front/css/img/btn_buscar.gif) bottom no-repeat;} */


/************************************************
 * Result 
 ***********************************************/
#result { margin: 2em auto; width:100em; }
#result h1 { margin-bottom:1em; font-weight: normal; font-size:1.8em;}
#result #opt_ord { font-size:0.8em; text-align: right; float:right; width:40em; line-height: 1.5em; font-size:1.2em;}

/************************************************
 * Detalhe 
 ***********************************************/
#detalhe { margin: 2em auto; width:100em; }
#detalhe h1 { margin-bottom:1em; font-size:1.8em;}
#detalhe #img_prd{ width:250px; float:left; background-color: #fff; }

#info ul li:hover { background-color:#eee;}

#info ul.descr,
#info ul.descr2 {
    border-top:1px solid #ddd;
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
}

#info ul.descr{
	width: 33em;
	font-size: 1.3em;
}

#info ul.descr2 {
    float:right;
	width: 28em;
	font-size: 1em;
    margin-left:3em;
}

#info ul.descr li,
#info ul.descr2 li {
	margin: 0;
	padding: 10px 0;
	text-align:right;
	border-bottom:1px solid #ddd;
}
#info ul.descr li strong, #info ul.descr li em,
#info ul.descr2 li strong, #info ul.descr2 li em {
    color:#666;
	float: left;
	padding: 0 10px;
}
#info ul.descr li strong,
#info ul.descr2 li strong {
    color:#000;
	float: none; 
}


/************************************************
 * Lista de resultado
 ***********************************************/
 
#lista { margin-top: 3em; border-top:1px solid #eee;}
#lista blockquote { clear:both; min-height: 10em; height: 100%; padding:3em 4px 10px 4px; border-bottom: 1px solid #eee;}

    /* Hovers */
    #lista blockquote:hover { 
        background: #EFEFEF url(/assets/front/css/img/bg_lista_hover.jpg) repeat-x;
        border-left:4px solid #eee; 
        border-right:4px solid #eee;  
        padding:3em 0 10px 0; }
    #lista blockquote:hover div.box.loja { background-color: #fff;}
    #lista blockquote:hover div.box.preco { background-color: #fcc;}
    #lista blockquote:hover p.info { background: #fff; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
    #lista blockquote:hover p.info strong { color:#000;}


#lista blockquote h3 { color: #600; font-size:1.4em;}
#lista blockquote h3 a { text-decoration: none;}
#lista blockquote p { width: 700px; margin: 3px 0 0 120px; color:#666; font-size:1.3em; line-height: 1.4em;}
#lista blockquote p.info { 
    color:#777; font-style: normal; font-size:1em; 
    background: #fff; /* f6f6f6 */ 
    border-bottom:1px solid #fff; /* ddd */
    border-top:1px solid #fff; /* ddd */
    margin-top:10px;
    margin-bottom:10px;
}
#lista blockquote p.info strong { color:#333; font-weight: normal; font-size:1.2em; margin-right:5px;}
#lista blockquote div.icon_tipo_vinho { 
    float: left; width: 100px; height: 70px; border:1px solid #bbb; margin: 0 10px; text-indent: -9000px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
#lista blockquote div.icon_tipo_vinho a { display:block; width: inherit; height: inherit; }

/* tinto */
#lista blockquote div.icon_tipo_vinho.tipo2 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 0px;}
#lista blockquote div.icon_tipo_vinho.tipo5 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 0px;}

/* branco */
#lista blockquote div.icon_tipo_vinho.tipo3 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 70px;}

/* rose */
#lista blockquote div.icon_tipo_vinho.tipo4 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 140px;}

/* verde */
#lista blockquote div.icon_tipo_vinho.tipo6 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 210px;}
#lista blockquote div.icon_tipo_vinho.tipo7 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 210px;}
#lista blockquote div.icon_tipo_vinho.tipo8 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 210px;}
#lista blockquote div.icon_tipo_vinho.tipo9 { background: url(/assets/front/css/img/icon-tipo-vinho.jpg) left 210px;}
#lista div#vcquizdizer p { color:#440; font-size:1.4em;}

    /* Box info */
    #lista blockquote div.box { 
        width: 10em;
        margin: 0 5px 0 5px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        clear: right;
        float:right;
    }
    #lista blockquote div.box a span{
        display:block;
        width: inherit; 
        height: inherit;
        font-size: 1.2em;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    #lista blockquote div.box a { display:block; text-decoration: none; height: inherit; width: inherit;}

    /* preco */
    #lista blockquote div.preco { 
        width:15em; 
        margin-bottom:5px;
        height: 4em;
        border:1px solid #ccc;
        background-color: #eee;
    }
    #lista blockquote div.preco span strong{ font-size:1.2em; color:#000;}

    /* selo loja */
    #lista blockquote div.loja { 
        width:15em; 
        height: 4em;
        border: 1px solid #ddd;
        background-color: #f4f4f4;
    }



/************************************************
 * Rodape
 ***********************************************/
div#rodape {margin:30px auto; }
div#rodape p { text-align: center; font-size:1.2em; }



/************************************************
 * Paginacao 
 ***********************************************/
.paginacao {text-align:center; margin:3em 0 ; font-size:1em;}
.paginacao a, .paginacao a:link, .paginacao a:active {padding:2px 4px 2px 4px; margin:2px; border:1px solid #ddd; text-decoration:none;}
.paginacao a:hover {color:#600; background-color:#fcc; border:1px solid #600;}
.paginacao span.pages {padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#900; border:1px solid #ddd; background-color:#fff;}
.paginacao span.current {padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #900; color:#fff; background-color:#600;}
.paginacao span.extend {padding:2px 4px 2px 4px; margin:2px; color:#900; border:1px solid #ddd;background-color:#fff;}



.paginacao ul,
.paginacao ul li { display:inline;}
.paginacao li span.disabled,
.paginacao li a, 
.paginacao li a:link, 
.paginacao li a:active {padding:2px 4px 2px 4px; margin:2px; border:1px solid #ddd; text-decoration:none;}

.paginacao a:hover {color:#600; background-color:#fcc; border:1px solid #600;}
.paginacao span.pages {padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#900; border:1px solid #ddd; background-color:#fff;}
.paginacao span.current {padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #900; color:#fff; background-color:#600;}
.paginacao span.extend {padding:2px 4px 2px 4px; margin:2px; color:#900; border:1px solid #ddd;background-color:#fff;}


/************************************************
 * Busca 
 ***********************************************/

#home fieldset.search {
	width: 545px;
	margin: 0 auto;
}

#cabecalho fieldset.search {
	width: 545px;
	margin: 0;
}

.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #999;
	font-size: 1.6em;
	width: 450px;
	height: 25px;
	padding: 4px 9px 0;
	background: url(/assets/front/css/img/form_busca.gif) no-repeat left top;
	margin-right: 5px;
}
.search input.box:focus {
	color: #000;
	background: url(/assets/front/css/img/form_busca.gif) no-repeat left -29px;
	outline: none;
}
.search button.btn {
	width: 63px;
	height: 29px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(/assets/front/css/img/form_busca.gif) no-repeat top right;	
}
.search button.btn:hover {
	background: #fbc900 url(/beta/assets/stylesheets/images/form_busca.gif) no-repeat bottom right;	
}


/************************************************
 * Breadcrumb
 ***********************************************/
p.breadcrumb{
    background-color:#f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 1.5em;
    line-height: 1.5em;
    text-indent: 1em;
    margin:3em auto;
}
p.breadcrumb a { text-decoration:none; }
span.right { float:right;display: block; width:20em; text-align: center; height: 1.5em; line-height: 1.5em;  }


blockquote#result_empty {
    text-align: center;
    padding:40px;
    font-size:1.5em;
    border:1px solid #ff9f9f;
    background-color: #ffefef;
}