/*
Theme Name: Fama - Escola Superior de Marketing
Description: WebKod - Agência Digital
Author: Ruan Candido
Author URI: http://www.webkod.com.br
*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:none; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0;padding:0; }
input, select { vertical-align:middle; }




html{width:100%; height:100%;}
body.home{width:100%; height:100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  }
#bg{ width:100%; height:100%; background: url(../img/bg.png) center center repeat;}
#bgLuz{ width:100%; height:100%; background: url(../img/luzBg.png) center top repeat;position: absolute}
.clear { clear:both; }
.right { float:right; }
.left { float:left; }
a { text-decoration:none;color:#fff; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}
a:hover { text-decoration:underline}
p {color:#fff; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}
#all { width:960px ; margin:0 auto;}
ul{ list-style:none}
.tit { border-left:5px solid #0d5b9a; padding-left:5px; color:#0d5b9a; font-size:30px; margin-bottom:5px; display:block}
.btVoltar{background:url(../img/setaPrev.png) 10px center no-repeat; right: 100px; top: 20px; position: absolute; z-index:2000; display: block; padding: 10px 20px 10px 30px;  font-size: 18px!important; text-decoration: none!important;}
.btVoltar:hover{background-color: #4b4c4d}


/*sprite*/
#logo a, #language a,#redes a { background:url(../img/sprite.png) no-repeat}


header { background: url(../img/bgTopo.png) repeat-x;position:fixed; top:0;z-index:100; padding-top: 1px; width: 100%; height: 120px}
header #logo { padding-left: 5px;}
header #logo a{ width: 403px; height: 101px; margin-top: 15px; float: left; display: block; text-indent: -1000em;}
header #language { width: 55px; height: 50px; margin-top: 15px; float: right; padding-right: 20px;}
header #language p{display: block; text-align: center; font-size: 8px; margin-bottom: 10px;font-family: 'standard0755Regular';}
header #language a{ width: 22px; height: 15px; display: block; float: left;}
header #language #pt{ background-position: 0 -107px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #fff;}
header #language #en{ background-position: -33px -107px;}

#menu{ position: fixed; top:27%; width: 100%;z-index:10;}
#menu li{ background: url(../img/bgMenu.png) repeat; width: 170px; line-height: 40px; padding-right: 20px; text-align: right; margin-bottom: 10px;}
#menu li:hover{ background: url(../img/bgMenuHover.png) repeat;}
#menu li.active{ background: url(../img/bgMenuActive.png) repeat; width: 100%;  line-height: 50px; text-align: left; overflow:hidden; margin-bottom: 5px;}
#menu li.active a{background: url(../img/linhaMenu.png) center repeat-x; width: 100%; height: 50px; font-size: 60px; margin-left: 50px; text-indent: -10px;}
#menu li.active .subMenu {margin: 25px 0}
#menu li.active .subMenu li{ background: url(../img/bgMenuHover.png) repeat; line-height:30px; width: 248px; display: block; height: 30px; margin-bottom: 5px; text-align: right; }
#menu li.active .subMenu li:hover {background:#FFFFFF;}
#menu li.active .subMenu li:hover a{color:#000 }
#menu li.active .subMenu li.active {background:#FFFFFF;}
#menu li.active .subMenu li.active a{color:#000 }
#menu li.active .subMenu li a{background:none; width: 100%; height:100%; margin: 0; display: block; font-size: 20px; padding: 0; text-indent: 0;}
#menu li.active .subMenu li.subMenuB {background: none; display: block;  line-height: 15px; height: auto; }
#menu li.active .subMenu li.subMenuB li { line-height: 15px; height: 15px; width: 260px; padding-right: 5px;}
#menu li.active .subMenu li.subMenuB li a{font-size: 9px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}
#menu li.open{ background: url(../img/bgMenuActive.png) repeat; width: 100%;  line-height: 50px; text-align: left; overflow:hidden; margin-bottom: 5px;}
#menu li.open a{background: url(../img/linhaMenu.png) center repeat-x; width: 100%; height: 50px; font-size: 60px; margin-left: 50px; text-indent: -10px;}
#menu li.open .subMenu {margin: 25px 0}
#menu li.open .subMenu li{ background: url(../img/bgMenuHover.png) repeat; line-height:30px; width: 248px; display: block; height: 30px; margin-bottom: 5px; text-align: right; }
#menu li.open .subMenu li:hover {background:#FFFFFF;}
#menu li.open .subMenu li:hover a{color:#000 }
#menu li.open .subMenu li.active {background:#FFFFFF;}
#menu li.open .subMenu li.active a{color:#000 }
#menu li.open .subMenu li a{background:none; width: 100%; height:100%; margin: 0; display: block; font-size: 20px; padding: 0; text-indent: 0;}
#menu li.open .subMenu li.subMenuB {background: none; display: block;  line-height: 15px; height: auto; }
#menu li.open .subMenu li.subMenuB li { line-height: 15px; height: 15px; width: 260px; padding-right: 5px;}
#menu li.open .subMenu li.subMenuB li a{font-size: 9px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif}
#menu li a{ width: 100%; display: block; font-size: 30px; text-decoration: none;font-family: 'ColaborateThinRegular';}



/*INTERNAS*/

/*GALERIA*/
#galeria {width: 100%; height: 100%; overflow: hidden; display:block; background-color: #000;z-index:70; position: relative;}
#galeria .imgFull {width:100%; height:100%; position: relative; display: block;  margin: 0 auto; overflow: hidden}
#galeria .imgFull img {width:auto; height:100%; position: relative; display: block;  margin: 0 auto;}
#galeria .imgFull .loading {width:31px; height:31px; position: absolute; display: block;  margin: -15px 0 0 -15px; left: 50%; top: 50%;}
#galeria .titCliente {position: absolute; top:140px; left: 10px; font-size: 40px;font-family: 'ColaborateThinRegular'; color: #333;}
#galeria .bts {position: absolute; height:180px; width:28px; top:50%; z-index:20; margin-top: -90px;display: block; text-indent: -1000em;}
#galeria .bts.disable {cursor: default;}
#galeria .prev {left:0; background:#000 url(../img/setaPrev.png) 6px center no-repeat;}
#galeria .next {right:0;background:#000 url(../img/setaNext.png) 10px center no-repeat;}
#galeria .legend { position: absolute; bottom: 137px; width: 100%; overflow: hidden; }
#galeria .legend p{padding: 5px; display:block; background: url(../img/bgMenu.png) repeat; position: relative; top: 0; left: 0;}
#galeria .carrosselGaleria { background-color: #000; padding: 10px 0; width: 100%; height:65px; position: absolute; bottom: 52px; display: block;z-index: 15}
#galeria .carrosselGaleria .bts {position: absolute; margin:0; height:67px; width:22px; top:50%; margin-top: -34px;display: block; text-indent: -1000em;}
#galeria .carrosselGaleria .btPrev {left:0; background:#1C1C1C url(../img/setaPrev.png) 4px center no-repeat;}
#galeria .carrosselGaleria .btNext {right:0;background:#1C1C1C url(../img/setaNext.png) 6px center no-repeat;}
#galeria .carrosselGaleria li{display: block; width:89px; height:65px; float: left; margin:0 10px 0 0; cursor: pointer}
#galeria .carrosselGaleria li img{width:100%; height:100%; position: static; margin: 0;}

/*EMPRESA*/
.internas {width: 486px; height: 360px; padding:38px 92px 40px 92px; overflow: auto; background: url(../img/bgInternas.png) no-repeat; position: relative; z-index: 70; top:27%; margin:-28px auto 0 auto}
.internas p{margin-bottom:15px; line-height: 1.2em}

/*CONTATO*/
#formNewsletter{ margin-bottom: 40px; }
#contato span{ padding-left: 36px;}
#contato .left {border-right: 1px solid #fff; padding-right: 25px;}

/*CLIENTES*/
#clientes #carrossel { position: relative; height: 100%; width: 100%}
#clientes #carrossel #mask{ position: relative;display: block; width: 400px; height:307px; overflow: hidden; margin: 0 auto; }
#clientes #carrossel ul{  height:100%; display: block; width: 480px; left: -40px; position: relative;}
#clientes #carrossel ul li{ width: 160px; height: 95px; margin-bottom: 20px; float: left; text-align: center; display: block; background: url(../img/bordaClientes.png) right bottom no-repeat;}
#clientes #carrossel .bts {position: absolute; margin:0; height:67px; width:22px; top:50%; margin-top: -34px;display: block; text-indent: -1000em;}
#clientes #carrossel .bts.disable {cursor:default; display: none}
#clientes #carrossel #btPrev {left:0; background: url(../img/setaPrev.png) 4px center no-repeat;}
#clientes #carrossel #btNext {right:0;background: url(../img/setaNext.png) 6px center no-repeat;}

/*Videos*/
#videos #carrossel-videos { position: relative; }
#videos #carrossel-videos ul{  width: 400px; height:300px; display: block; position: relative; margin:20px auto 0 auto}
#videos #carrossel-videos ul li{ width: 400px; height: 300px; float: left; text-align: center; display: block;}
#videos #carrossel-videos .bts {position: absolute; margin:0; height:67px; width:22px; top:50%; margin-top: -34px;display: block; text-indent: -1000em;}
#videos #carrossel-videos .bts.disable {cursor:default; display: none}
#videos #carrossel-videos .prev {left:-40px; background: url(../img/setaPrev.png) 4px center no-repeat;}
#videos #carrossel-videos .next {right:-40px;background: url(../img/setaNext.png) 6px center no-repeat;}




/*FORM*/
.form label {color:#fff; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; margin-bottom: 5px;}
.form input.text {color:#fff; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; background-color: #000; border: 1px solid #666666; height: 14px; padding: 5px; margin-bottom: 14px;}
.form textarea {color:#fff; overflow: auto; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; background-color: #000; border: 1px solid #666666; width: 250px; height: 90px; padding: 5px; margin-bottom: 14px;}
.form .btEnviar {color:#fff; cursor: pointer; font-size:15px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; background-color: #333333; border: 1px solid #CCCCCC; height: 20px; padding:0 15px;}
.form .um{ width: 250px}
.form .dois{ width: 165px}

footer{ background: url(../img/bgFooter.png) 0 0 repeat-x; position: fixed; bottom:0; width: 100%; height: 30px; padding: 11px 0; display: block;z-index:90; }
footer #redes {padding-left: 10px}
footer #redes p ,footer #redes a ,footer #redes span{ float: left; line-height: 30px; display: block; color: #fff; font-size: 8px;}
footer #redes p{ margin-right: 5px;font-family: 'standard0755Regular';}
footer #redes a{ text-indent: -1000em; width: 30px; height: 30px}
footer #redes span{ margin-right: 5px;font-family: 'standard0755Regular';}
footer #redes #btTwitter{ background-position: 0 -124px; margin-right: 5px;}
footer #redes #btFacebook{ background-position: -38px -124px}
footer address{ float: right;display: block; color: #fff; font-size: 8px; padding-right: 10px; font-style: normal;}
footer address p{color: #fff; font-size: 8px; line-height: 14px; text-align: right;font-family: 'standard0755Regular';}
footer address a{color: #fff; font-size: 8px; line-height: 14px;font-family: 'standard0755Regular';}