/*
---------------------------------
Site:          Mimo - Caçolas
Empresa:       Produzido pela mooz.com.br
Desenvolvedor: Ramon Victor - ramonvictor.com
Data:  		   15/06/2010
---------------------------------
*/

/* Reset */
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, header, nav, article, section, dialog, figure, aside, footer 
{margin: 0; padding: 0; border: 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}
ins { text-decoration: none}
del { text-decoration: line-through}
table { border-collapse: inherit; border-spacing: 0}
hr { display: none}
a { overflow: hidden}

::selection { background: #454545; /* Safari */ color: #fff }
::-moz-selection { background: #454545; /* Firefox */ color: #fff }

/* html5 */
header, nav, article, section, dialog, figure, aside, footer, figcaption { display: block }

/* ======== tags gerais */
html, textarea, select, input {font-size: 11px; color: #333; font-family: Tahoma, Arial, sans-serif } 
body, html { height: 100%}
body {background: url(../img/fullbg.jpg) no-repeat center top}

h1, h2, h3, h4 { font-weight: normal; color: #653a71 }
h1 { font-size: 28px; margin-bottom: 20px }
h2 { font-size: 16px }
h3 { font-size: 14px }

p, li { line-height: 150%; margin-bottom: .7em}
a { color: #653a71}

/* ====== header */
header#hd { height: 167px }
#hd .vcard { float: left; padding-top: 52px  }
#hd .vcard a { width: 181px; height: 97px; background: url(../img/mimo_cacolas.gif) no-repeat}

#hd nav { float: right; width: 405px; padding-top: 90px }
#hd nav li { float: left }
#hd nav a { background: url(../img/nav.gif) no-repeat 10px 6px; height: 27px; position: relative }
#hd nav #a-home { width: 60px}
#hd nav #a-home:hover { background-position: 10px -24px }
#hd nav #a-colecao { width: 80px; background-position: -49px 6px}
#hd nav #a-colecao:hover { background-position: -49px -24px}
#hd nav #a-mural { width: 63px; background-position: -128px 6px}
#hd nav #a-mural:hover { background-position: -128px -24px}
#hd nav #a-onde { width: 127px; background-position: -190px 6px}
#hd nav #a-onde:hover { background-position: -190px -24px}
#hd nav #a-contato { width: 74px; background-position: -315px 6px}
#hd nav #a-contato:hover { background-position: -315px -24px}

/* ======== home */ 
#overlay { background: #fff; position: absolute; top:0; left: 0; z-index: 500 }
#mimo-light { background: url(../img/mimo_abertura.png) no-repeat; width: 388px; height: 200px; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -199px }

#main {width:960px; margin:0 auto}

#main-content { overflow: hidden; padding-bottom: 200px }
#wrap-slide {margin-bottom: 39px; overflow: hidden }
#slide { position:relative; height: 304px; background: #000 }
#slide figure { position:absolute; top:0; left:0; width: 100%; height: 304px}
.nivo-slice { display:block; position:absolute; z-index:50; height:100%}

#nav_imgs { overflow: hidden }
#nav_imgs a { background: #653A71; display: block; height: 27px; line-height:27px; margin-right: 4px; padding: 0 8px; float: left; color: #fff; text-decoration: none }
#nav_imgs a.activeSlide { background: #DEB406 }

#dest-mimo { height: 220px; position: relative }
#dest-mural a { color: #333; text-decoration: none  }
#dest-mural a:hover { color: #653A71 }

.col { width: 280px; float: left; margin-right: 57px }
.col h1, #tit-colecoes, #tit-mural, #tit-onde, #tit-contato  { background: url(../img/titulos.gif) no-repeat 0 -5px; height: 47px  }
.col h1, #dest-twitter h1 a {height: 28px}
 

#dest-mural h1 { background-position: 0 -42px }
#dest-twitter h1 { background-position: 0 -80px }
#tit-colecoes { background-position: 0 -130px }
#tit-mural {  background-position: 0 -184px }
#tit-onde { background-position: 0 -231px }
#tit-contato { background-position: 0 -282px }

#main-content section.last { margin: 0}

#midias { overflow: hidden; position: absolute; top: 185px; left: 0}
#midias li { float: left; margin-right: 10px }
#midias a { width: 18px; height: 16px; background: url(../img/redes.gif) no-repeat  }
#midias .flickr:hover { background-position: 0 -20px}
#midias .twitter { background-position: -25px 0}
#midias .twitter:hover { background-position: -25px -20px}
#midias .facebook { background-position: -46px 0}
#midias .facebook:hover { background-position: -46px -20px}

/* ====== coleções */

#main-content header { padding-top: 65px}

#col-left { width: 280px; float: left }
#content { width: 650px; float: right }


#nav-colecoes { width: 185px}
.wrap-mural #nav-colecoes { width: 280px }
#nav-colecoes li ul { padding-bottom: 15px }
#nav-colecoes li ul li { font-size: 12px }
#nav-colecoes li ul li a { color: #656565; text-decoration: none}
#nav-colecoes li ul li a:hover {color: #653A71 }
#nav-colecoes li h2 { font-family: Arial; font-size: 14px; font-weight: bold; padding-bottom: 5px}
#nav-colecoes li p { padding-bottom: 30px }
#nav-colecoes li h2 a, #nav-colecoes li h2.current span { padding: 3px 5px; color: #fff; background: #b4b4b4; text-decoration: none; letter-spacing: -0.02em}
#nav-colecoes li.current h2 a, #nav-colecoes li h2 a:hover { background: #653a71 }
/* #nav-colecoes li.current ul { display: block } */



#imgs-colecao li { float: left; margin: 0 11px 20px 0 }
#imgs-colecao li.last { margin-right: 0}
#imgs-colecao img { border: 1px solid #272727 }

/* ======= mural */

#list-mural li { position: relative; overflow: hidden; margin-bottom: 40px }
#list-mural li figure { float: left; margin-right: 17px }
#list-mural li h3 { font-weight: bold }
#list-mural li p { font-size: 14px }

.icn-mais, .icn-menos { background: url(../img/icon_mais.gif) no-repeat; width:13px; height: 14px; position: absolute; bottom:0; right:0 }
.icn-menos { background-position: 0 -20px!important }


/* ======= onde */

.wrap-onde #col-left, .wrap-onde #col-center, .wrap-onde #col-right { width: 310px; float: left; padding-right: 15px }
.wrap-onde #col-right { padding-right: 0}
.wrap-onde h2 { margin-bottom: 13px; text-transform: uppercase }
.wrap-onde .entry p { font-style: normal; font-size: 12px; line-height: 130%; color: #653a71; margin-bottom: 13px }


/* ======= contato */
.cform { float: left}
.cform legend, .cform label { display: none }
 
.single { background: url(../img/bg_input.png) no-repeat right center }


label.error { display: none!important }

.single, .area { width: 625px; padding: 8px 5px; background-color: #ccc; color: #5F5F5F; font-size: 14px; border: none }
.area { height: 130px }
.single:hover, .single:focus, .area:hover, .area:focus { background-color: #dfdfdf}
.cf-sb { position: relative; height: 34px; width: 100% }
.cf-sb input { position: absolute; top: 0; right: 0; background: #653A71; text-transform: uppercase; border: none; cursor: pointer; padding: 8px 18px; color: #fff }

.linklove a { color: #fff!important}

.cform  .cf_error { border: 1px solid #653A71 }

.failure, .success  { display: block; border-top: 1px solid #653A71; border-bottom: 1px solid #653A71; padding: 10px 15px; margin-bottom: 15px }

.reqtxt, .emailreqtxt { display: none }




/* ======== fancy */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none}

* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0}

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../img/fancy/fancybox.png) }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%}

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none}

#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none }

#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF }

#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent }

#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url(../img/fancy/fancybox.png); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none }

#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0}
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0 }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none;	outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic}
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block }

 #fancybox-title { position: absolute; bottom: 0; left: 0;/* font-family: Arial; font-size: 12px;*/ z-index: 1102}

.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333}
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold }
.fancybox-title-over { color: #FFF; text-align: left }

#fancybox-title-over { padding: 10px; background-image: url(../img/fancy/fancy_title_over.png); display: block }
#fancybox-title-wrap { display: inline-block }
#fancybox-title-wrap span { height: 32px; float: left }

#fancybox-title-left { padding-left: 15px; background-image: url(../img/fancy/fancybox.png); background-position: -40px -90px; background-repeat: no-repeat }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url(../img/fancy/fancybox-x.png); background-position: 0px -40px; color: #FFF}
#fancybox-title-right { padding-left: 15px; background-image: url(../img/fancy/fancybox.png); background-position: -55px -90px; background-repeat: no-repeat }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url(../img/fancy/blank.gif); z-index: 1102; display: none }
#fancybox-left { left: 0 }
#fancybox-right { right: 0 }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px;height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block}
#fancybox-left-ico { background-image: url(../img/fancy/fancybox.png); background-position: -40px -30px }
#fancybox-right-ico { background-image: url(../img/fancy/fancybox.png); background-position: -40px -60px }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible;    /* IE6 */}
#fancybox-left:hover span { left: 20px }
#fancybox-right:hover span { left: auto; right: 20px }

.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001 }
#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../img/fancy/fancybox-x.png) }
#fancy-bg-ne { top: -20px; right: -20px; background-image: url(../img/fancy/fancybox.png); background-position: -40px -162px }
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../img/fancy/fancybox-y.png); background-position: -20px 0px }
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url(../img/fancy/fancybox.png); background-position: -40px -182px }
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../img/fancy/fancybox-x.png); background-position: 0px -20px}
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url(../img/fancy/fancybox.png); background-position: -40px -142px }
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../img/fancy/fancybox-y.png)}
#fancy-bg-nw { top: -20px; left: -20px; background-image: url(../img/fancy/fancybox.png); background-position: -40px -122px }

.tweet_time { display: none }

/* ======== skip */
.skip, header .vcard a, header#hd nav a, #midias a, .icn-mais, .icn-menos, #mimo-light, .col h1, #dest-twitter h1 a {display: block; text-indent:-9999em; overflow:hidden}

/* ======== classes padroes */
.none { display: none}
.clr {clear:both}
.left { float: left}
.right { float: right}	
.round { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}