/*  
Theme Name: Projeto Marisa Monte
Theme URI: www.marisamonte.com.br
Description: The default theme for Projeto Marisa Monte
Version: 2.0
Author: Luiz Celso de Faria Alves | Email: celsodesign@gmail.com
*/
/*
+----------------------------------------------------------------+
    Importando CSS
+----------------------------------------------------------------+
*/
@import url("reset.css");


/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/
body {background: #000; color:#FFF; height:100%; font:62.5% Arial, Helvetica, sans-serif; text-align:center; overflow: hidden;}
/*
+----------------------------------------------------------------+
    Modulos de imagens
+----------------------------------------------------------------+
*/
.icon_r {background:#000 url(../img/mod_redes.png) no-repeat; float: left; margin-right: 2px}

.ir_facebook {background-position:2px 0; display:inline-block; height:25px; width:28px}
.ir_facebook:hover {background-position:2px -25px}
.ir_twitter {background-position:-27px 0; display:inline-block; height:25px; width:28px}
.ir_twitter:hover {background-position:-27px -25px}
.ir_youtube {background-position:-56px 0; display:inline-block; height:25px; width:28px}
.ir_youtube:hover {background-position:-56px -25px}
.ir_orkut {background-position:-86px 0; display:inline-block; height:25px; width:28px}
.ir_orkut:hover {background-position:-86px -25px; display:inline-block; height:25px; width:28px}
.ir_formspring {background-position:-113px 0; display:inline-block; height:25px; width:28px}
.ir_formspring:hover {background-position:-113px -25px; display:inline-block; height:25px; width:28px}
.ir_flickr {background-position:-144px 0; display:inline-block; height:25px; width:28px}
.ir_flickr:hover {background-position:-144px -25px; display:inline-block; height:25px; width:28px}
.ir_googlePlus {background-position:-175px 0; display:inline-block; height:25px; width:28px}
.ir_googlePlus:hover {background-position:-175px -25px; display:inline-block; height:25px; width:28px}
.ir_instagram {background-position:-202px 0; display:inline-block; height:25px; width:28px}
.ir_instagram:hover {background-position:-202px -24px; display:inline-block; height:25px; width:28px}

.form_busca .click { float: left; height: 25px; width: 28px; display: inline-block; background: #fff url(../img/magnifier.jpg) no-repeat center center; }
.form_busca .form { position: absolute; width: 0px;/*408px*/ height: 25px; overflow: hidden; background: #fff; }
.form_busca input { width: 374px; float: left; border: none; height: 23px; outline: none; font-size: 13px; font-family: 'BellGt'; color: #bbb; }

.icons {background:url(../img/mod_icons.png) no-repeat}
.lk-submenu {background-position:185px -20px}
.compartilhe {background-position: 0 0; height: 16px; width: 12px; display: inline-block; float: left; margin: -2px 8px 0 1px}
.seta_down {background-position: 0 -55px; height: 10px; width: 12px; display: inline-block; float: left; margin: 2px 0 0 6px}
.seta_up {background-position: 0 -40px; height: 10px; width: 12px; display: inline-block; float: left; margin: 2px 0 0 2px}

.icon_c {background:url(../img/mod_icons.png) no-repeat} 
.ic_facebook {background-position: 0 -67px; padding-left: 17px; overflow: hidden; height: 17px}
.ic_twitter {background-position: 0 -85px; padding-left: 17px; overflow: hidden; height: 17px}
.ic_orkut {background-position: 0 -103px; padding-left: 17px; overflow: hidden; height: 17px}
/*
+----------------------------------------------------------------+
	SlideFullScreen
+----------------------------------------------------------------+
*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:0; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block}
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
/*
+----------------------------------------------------------------+
	Site	: www.buildinternet.com/project/supersized
	Author	: Sam Dunn
	License : MIT License / GPL License
+----------------------------------------------------------------+
*/

/******* Barra de Controle Fixa Footer *******/
#content-controls {width:960px; margin:0 auto}
#controls-wrapper {margin:0 auto; height:28px; width:100%; bottom:0px; left:0; z-index:4; background: #f1f0eb url(../img/nav-bg.gif) no-repeat center top; position:fixed}
#controls-wrapper .copy a, 
#controls-wrapper .copy {color:#000; font-family: 'ArialNarrow'; font-size:12px;}

#controls-wrapper .copy {width: 385px; text-align: left; float: left; margin-top: 5px; margin-right: 100px; margin-left: 30px}
#controls-wrapper .copy a {text-decoration:none;}

#controls {height: 20px; float: left; position: relative; text-align: left; width: auto; z-index: 5; padding-right: 15px}
#controls-wrapper .link_footer {float:right; width:210px}

#controls-wrapper .lk-gruda {display:block; float:left; height:21px; width:22px; margin:4px 0 0 8px; position:relative; z-index:100;}
#controls-wrapper .lk-emi {display:block; float:left; height:21px; width:40px; margin:4px 0 0 8px; position:relative; z-index:100;}
#controls-wrapper .lk-phonomotor {display: block; float:left; height: 21px; width: 93px; margin: 4px 0 0 7px; position:relative; z-index:100;}

#slidecounter {float:left; color:#999; font:14px 'Helvetica Neue LT Std', Helvetica, Arial, sans-serif; margin:0px 10px 0 15px; line-height:42px}
.slidecaption {cursor:pointer;position:fixed; width:60%; height:300px; right:0%; top:50%; z-index:10;overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;  margin:0 20px 0 0; line-height:42px}
.slidecaption p{position: absolute;right: 0;text-transform: uppercase;font-size: 18px;font-weight: bold;padding: 0px 20px;}
.slidecaption p.nome{position: absolute;right: 50px;background: #000;padding: 0px 20px;color: yellow;}
.slidecaption p.descricao{position: absolute;top:42px;right: 0;background: #fff;padding-left:20px;color:#000;}
.slidecaption p.descricao.l_0{padding-right:31px;}
.slidecaption p.descricao.l_1{top:84px;}
.slidecaption p.descricao.l_2{top:126px;}
.slidecaption p.descricao.l_3{top:168px;}
.slidecaption p.descricao.l_4{top:210px;}
.slidecaption a.seta{position:absolute;right:9px; width:11px; height:16px; top:54px; z-index:30; background:url(../img/seta-home.png);}
#navigation {float:right; margin:0px 20px 0 0}
#play-button {float: left; margin-top: 7px}
#play-button:hover {background-position:0 1px; cursor:pointer}				
#prevslide, #nextslide {position:absolute; height:94px; width:62px; top:50%; margin-top:-21px; opacity:0.6; z-index:100}
#prevslide {left:0; background:url('../img/back.png')}
#nextslide {right:0; background:url('../img/forward.png')}
#prevslide:active, #nextslide:active {margin-top:-19px}
#prevslide:hover, #nextslide:hover {cursor:pointer}				
ul#slide-list {padding:7px 0; float:left; margin: 0 10px 0 0 !important}
ul#slide-list li {list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {background-position:0 0px}
ul#slide-list li a {display:block;text-indent: -9999999px; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px}
ul#slide-list li a:hover {background-position:0 -12px; cursor:pointer}
#tray-button {float:right; margin-top:1px; border-left:1px solid #333; background:url('../img/bg-hover.png') repeat-x 0 44px}
#tray-button:hover {background-position:0 1px; cursor:pointer}	
/*
+----------------------------------------------------------------+
	Container
+----------------------------------------------------------------+
*/
#container {margin:0 auto; width:897px}
/*
+----------------------------------------------------------------+
	Content Header Menu e Lista de redes sociais
+----------------------------------------------------------------+
*/
.home {z-index:999; text-align:center; position:relative}
#menu .twitter-follow-button {margin: 0 !important; width:70px !important;}
.twitter-follow-button {margin: 0 0 0 20px !important; width:70px !important;}

/*
+----------------------------------------------------------------+
    Content Header Compartilhe e Idiomas
+----------------------------------------------------------------+
*/
#content_header_right {text-align:left; margin-right: 5px; width: 224px; position: absolute; top:0; right:0;}

.ie8 #content_header_right {width:228px}

#content_header_right #compartilhe {float:left; margin-right:2px}
#content_header_right #compartilhe .lk_compartilhe {background:#000; color:#FFF; display:block; font-family: 'BellGt'; font-size:12px; font-weight:bold; height:15px; text-decoration:none; text-transform:uppercase; padding: 5px; width:136px}

/*#content_header_right #compartilhe #subnav_compartilhe {background:url(../img/bg-menu.png) repeat left top; display:none; height:48px; padding:6px 15px; text-align:left; width:116px}*/

#content_header_right #compartilhe #subnav_compartilhe {background:url(../img/bg-menu.png) repeat left top; display:block; color:#FFFFFF; font-family: 'BellGt'; height:auto; position:relative; text-align:left; padding:6px 15px; width:116px}

#content_header_right #compartilhe #subnav_compartilhe a {display:block; font-family: 'BellGt'; font-size:12px; font-weight:normal; letter-spacing:1px; text-decoration:none; text-transform:uppercase}

#content_header_right #box_idiomas {background:#000; float:left; height:15px; padding:5px; text-align:center; width:66px}
#content_header_right #box_idiomas a {font-family: 'HelveticaNB'; font-size:12px; font-weight:normal; text-decoration:none; text-transform:uppercase; margin:0 5px}
#content_header_right #box_idiomas a.current,
#content_header_right #box_idiomas a:hover {color:#f1f0eb}
#content_header_right #box_idiomas span {position:relative; top:-1px;}

#content_header_right #box_busca {background:#000; float:left; height:25px; padding:5px; text-align:center; width:214px; position: absolute; top: 30px; right: 0;}
#content_header_right #box_busca input { border: 2px solid black !important; outline: none; }

.ie8 #content_header_right #compartilhe .lk_compartilhe {width:140px}

/*
+----------------------------------------------------------------+
    Content Footer Menus aplicar o posicionamente destes menus qdo tiver o js
+----------------------------------------------------------------+
*/
#content_nav_footer {z-index:99; text-align:left; bottom: 24px; margin:0 auto; position:fixed; width:897px}
#content_nav_footer .nav_footer {float:left; margin-right:3px; width:222px}
#content_nav_footer .nav_footer .lk_nav {background:#000; display:block; font-family: 'BellGt'; font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase; padding:6px 6px 4px 6px; height:18px; z-index: 99; position: relative}
#content_nav_footer #nav_criativas {margin: 0 !important}
#content_nav_footer .nav_footer .subnav_footer {background:url(../img/bg-menu.png) repeat left top; display:none; height:270px; text-align:left; width:100%}
#content_nav_footer .nav_footer .content_sub {position:relative; height:270px}
#content_nav_footer #content_relative {position:relative; min-height:32px;}

#content_nav_footer .nav_footer .pack {height: 165px; padding-top: 10px; position: relative; top: -203px}
#content_nav_footer p.download_pack {font-family: 'BellGt'; font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase}

.ie8 #content_nav_footer,
.ie7 #content_nav_footer {bottom:56px}

.ie8 #content_nav_footer {bottom:28px; position:absolute; left:50%; margin-left:-448px}

/*.ie8 #content_nav_footer {left:684px}*/

#nav_album {position: absolute; left: 0}
#subnav_poucas, #subnav_criativas,
#subnav_facebook, #subnav_album {position: absolute; top: -270px}
#nav_facebook {position: absolute; left: 224px}
#nav_poucas {position: absolute; right: 224px}
#nav_criativas {position: absolute; right: 3px}

.ie8 #nav_poucas,
.ie8 #nav_criativas,
.ie8 #nav_facebook,
.ie8 #nav_album {float:left; margin:0; left:auto; right:auto; position:relative}

.ie8 #nav_poucas,
.ie8 #nav_facebook,
.ie8 #nav_album {margin-right:3px}

.content_sub figure {display:block; text-align:center; margin:10px 0}
.content_sub p {font-size:12px; margin-bottom:10px; padding:0 10px}
.content_sub a.bt_conheca {background:#FFF url(../img/mod_icons.png) no-repeat 179px -187px; color:#000; margin:0 0 3px 10px; padding:5px 20px 5px 15px; font-family:'BellGt'; font-size:13px; text-transform:uppercase; font-weight:bold; letter-spacing: -1px; text-decoration: none; width: 166px; display: block;}
.content_sub a.bt_ouca {background:#fa9900 url(../img/mod_icons.png) no-repeat 179px -187px; color:#000; margin:0 0 0 10px; padding:5px 20px 5px 15px; font-family:'BellGt'; font-size:13px; text-transform:uppercase; font-weight:bold; letter-spacing: -1px; text-decoration: none; width: 166px; display: block}

#subnav_album form {padding: 5px 10px 10px 10px;}
#subnav_album form select {width:167px}
#subnav_album form input {position: relative; top: 5px}

/* Twitter */
#feed_twitter {
    border-bottom: 1px solid #282828;
    margin: 2px 0 12px;
}

ul, ol {
    list-style: none outside none;
}

#feed_twitter .tweet_list li {
    color: #8A8A8A;
    float: none;
    font-size: 11px;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 5px 7px 10px;
    width: 220px;
}

#feed_twitter .tweet_avatar {
    display: inline-block;
    float: left;
    vertical-align: top;
}

#feed_twitter .content-text {
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 5px;
    text-align: left;
    width: 188px;
}

#feed_twitter .tweet_text {
    color: #8A8A8A;
    display: inline-block;
    font-size: 13px;
    width: 185px;
}

/*.ie9 #feed_twitter .tweet_text {border:1px solid}*/

#feed_twitter {padding-top: 10px !important;}
#fedd_twitter div.content-text {padding:10px 5px !important}
#feed_twitter a {font-size:11px !important; font-weight:bold; color:#FFF !important; margin:0; padding:0; text-decoration:none; text-transform:uppercase}
#feed_twitter span,
#feed_twitter p {font-size:13px !important; font-weight:bold; color:#FFF !important; margin:0; padding:0; text-decoration:none}

@media (max-width: 768px) {
    .slidecaption p.nome{right:0px;}
    .slidecaption{top:60%; width:100%;}
}