@CHARSET "UTF-8";

/*------------- FONT -------------*/ 
@font-face {
	font-family:"alabama";
	src:url("../../fonts/Alabama.eot?") format("eot"),url("../../fonts/Alabama.woff") format("woff"),url("../../fonts/Alabama.ttf") format("truetype"),url("../../fonts/Alabama.svg#Alabama") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'buteco_regular';
    src: url('../../fonts/buteco__-webfont.eot');
    src: url('../../fonts/buteco__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/buteco__-webfont.woff') format('woff'),
         url('../../fonts/buteco__-webfont.ttf') format('truetype'),
         url('../../fonts/buteco__-webfont.svg#buteco_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-open-sans-regular {font-family:open_sans_regular;}
.font-open-sans-light {font-family:open_sans_light;}
.font-open-sans-semibold {font-family:open_sans_semibold;}
.font-open-sans-bold {font-family:open_sans_bold;}
.font-open-sans-italic {font-family:open_sans_regular_italic;}

h4.blue, h4.yellow, h4.orange, h4.pink {float:left;width:100%; margin-bottom:10px !important;border-bottom:2px solid #eee;}
h4.blue > span,
h4.yellow > span,
h4.orange > span,
h4.pink > span {float:left;padding:10px 50px 10px 10px;background:#eee;}

h4.blue {border-bottom:2px solid #009FE3;}
h4.blue > span{background:#009FE3;color:#fff;}

h4.yellow {border-bottom:2px solid #FFED00;}
h4.yellow > span{background:#FFED00;color:#666;}

h4.orange {border-bottom:2px solid #ff9900;}
h4.orange > span{background:#ff9900;color:#fff;}

h4.pink {border-bottom:2px solid #E60A7F;}
h4.pink > span{background:#E60A7F;color:#fff;}

h5, h6 {padding:10px !important; background:#eee;}
.modal-header h4,
.modal-header h5,
.modal-header h6 {background-color:transparent !important;}

body.login {background:url(../../images/bkg-texture.jpg) repeat;overflow-x:hidden;overflow-y:scroll;}
body {background-image:url(../../images/bg.jpg);background-repeat:repeat;}

/*------------- HEADER -------------*/
.container-shadow {background:url(../../images/shadow.png) no-repeat scroll center -62px;}
.container-shadow > div.header {float:left;width:1110px;height:60px;background:url(../../images/header-blue.png) no-repeat;border-top:0 !important;margin-left:15px;color:#fff;font-size:32px;line-height:60px;font-family:buteco_regular;text-align:center;}
.container-shadow > div.header > div {font-family:open_sans_regular;}
.container-shadow > div.wrap {float:left;width:1100px;margin-left:20px;margin-right:20px;background:#fff;padding:20px 10px 50px;border-radius:0 0 10px 10px;border-bottom:3px solid #CB037D;}

/*.delimiter {width:100%;height:7px;background:url(../../images/delimiter.png) no-repeat scroll 0 0;margin-top:-3px;}*/
.delimiter {width:100%;height:3px;border-bottom:3px solid #CB037D;}
	
/*------------- FOOTER -------------*/
main {padding:0 10px;}

footer {position:fixed;bottom:0;width:100%;background: url(../../images/bg-pink.jpg) repeat;z-index:50;}
footer > div {float:left;width:100%;height:30px;position:relative;}
footer > div >  div {margin-top:-20px;}


/*------------- OVERLAY -------------*/	
/*#ooverlay {width:100%;height:100%;margin:0;padding:0;background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;z-index:99;display:none;}*/

#alertBox {position:fixed;top:20%;left:25%;width:50%;border:5px solid #333;background:#fff;z-index:1051;display:none;}
.alertBox > span{float:left;width:94%;color:#A52A2A;font-size:22px;text-align:center;padding:3%;position:relative;}
.alertBox > a {position:absolute;right:10px;top:10px;font-size:20px;}
.alertBox > a:hover {color:#a52a2a;}

#overlay {width:100%;height:100%;margin:0;padding:0;background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;z-index:99;display:none;}

.response {width:100%;height:60px;position:fixed;top:-60px;left:0px;padding:0px 0px;border-left:0px;border-right:0px;text-align:center;color:#fff;font-size:20px;line-height:55px;vertical-align:middle;z-index:1052;}
#success {background:#00cc33;border-top:2px solid #009900;border-bottom:2px solid #009900;}
#error {background:#cc3300;border-top:2px solid #cc0000;border-bottom:2px solid #cc0000;}

/*------------- BOX-LOGIN -------------*/
.box-login {width:500px;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-200px;padding:20px;background:#FFF;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}

/*------------- TAB -------------*/
ul._tab {width:100%;display:table;margin-bottom:0 !important;}
ul._tab > li {float:left;list-style-type:none;padding:5px 10px;background:#AFCA1E;color:#666;display:inline-block;margin-right:1px;font-size:14px;transition:all 0.5s;border-radius:5px 5px 0 0;}
ul._tab > li > a{color:#FFF;}

ul._tab > li.active {background:#E60A7F;}
ul._tab > li.active a {color:#FFF;}
.tab-content {border-style:none !important;}

/*------------- LEGEND-FILES -------------*/
#form_legenda textarea {width:240px;height:70px;border:1px solid #666;font-size:11px;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*------------- GRID -------------*/
.grid-header {position:relative;background:#009FE3;overflow:hidden;padding:10px 0;font-weight:bold;font-size:12px;}
.grid-header > div {height:20px;vertical-align:middle;line-height:20px;color:#FFF;}

.grid-content {width:100%;}
.grid-content  li {display:table;width:100%;height:20px;list-style-type:none;border-top:1px dashed #666;clear:both;vertical-align:middle;line-height:20px;padding:2px 0;cursor:pointer;}
.grid-content  li:first-child {border-top:0;margin-top:10px;}
.grid-content  li:hover {background:#EBEBEB;}

.grid-content  li.active {background:#CCC;}
.grid-content  li.active a {color:#333;}
.grid-content  li,
.grid-content  li  a {font-size:12px;color:#777;}

._header {background:#666; color:#FFF;padding:5px 0;text-indent:10px;}

/*------------- ANEXO -------------*/
.doc {float:left;width:50px;height:50px;background:transparent url(../../images/word.jpg);}
.xls {float:left;width:50px;height:50px;background:transparent url(../../images/excel.jpg);}
.pdf {float:left;width:50px;height:50px;background:transparent url(../../images/pdf.png);}
.txt {float:left;width:50px;height:50px;background:transparent url(../../images/arquivos.jpg);}
.mp3 {float:left;width:50px;height:50px;background:transparent url(../../images/mp3.png);}
.rar {float:left;width:50px;height:50px;background:transparent url(../../images/rar.png);}
.cdr {float:left;width:50px;height:50px;background:transparent url(../../images/cdr.jpg);}
.zip {float:left;width:50px;height:50px;background:transparent url(../../images/zip.png);}
.js {float:left;width:50px;height:50px;background:transparent url(../../images/js.jpg);}
.swf {float:left;width:50px;height:50px;background:transparent url(../../images/flash.png);}
.icone {float:left;width:50px;height:50px;background:transparent url(../../images/icon.png);}

/*------------- IMG AREA SELECT -------------*/
.imgareaselect-border1 { background: url(../../images/imgareaselect/border-v.gif) repeat-y left top; }
.imgareaselect-border2 { background: url(../../images/imgareaselect/border-h.gif) repeat-x left top; }
.imgareaselect-border3 { background: url(../../images/imgareaselect/border-v.gif) repeat-y right top; }
.imgareaselect-border4 { background: url(../../images/imgareaselect/border-h.gif) repeat-x left bottom; }
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {opacity: 0.5;filter: alpha(opacity=50);}
.imgareaselect-handle {background-color: #fff;border: solid 1px #000;opacity: 0.5;filter: alpha(opacity=50);}
.imgareaselect-outer {background-color: #000;opacity: 0.5;filter: alpha(opacity=50);}

.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {display: block;}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {border-left-color: #fff;}

/*------------- HORARIO SEMANA -------------*/
#horario-semana > .col-md-12 > div {float:left;width:12.5%;height:25px;line-height:25px;vertical-align:middle;border-right:1px solid #666;border-bottom:1px solid #666;text-align:center;position:relative;}
#horario-semana .novo-horario {width:100%;height:100%;display:none;background:#eee;text-align:center;transition:display 0.6s;position:absolute;top:0;left:0;}
#horario-semana div[semana]:hover .novo-horario {display:block;}
#horario-semana div[semana] > div.professor {font-size:12px;}

#horario-matriculados > .col-md-12 > div {float:left;width:15%;height:auto;min-height:20px;line-height:18px;vertical-align:middle;border-right:1px solid #666;border-bottom:1px solid #666;text-align:center;position:relative;font-size:11px;}
#horario-matriculados > .col-md-12 > div:first-child{width:10%;}
#horario-matriculados > .col-md-12 td {width:15%;word-wrap:break;overflow:hidden;}
#horario-matriculados > .col-md-12 tr > td:first-child {width:10%;}
#horario-matriculados > .col-md-12 p {font-size:11px;text-transform:capitalize;line-height:14px;}

input.background-on-focus:focus {background:#666 !important;color:#fff;text-align:center;}

/*------------- INDEX -------------*/

#index .aluno-dia {width:178px;height:257px;position:relative;margin-left:auto;margin-right:auto;}
#index .aluno-mes {width:178px;height:200px;position:relative;margin-left:auto;margin-right:auto;}
#index .aluno.aluno-dia > div.nome {height:36px;padding-top:10px;position:relative;}
#index .aluno.aluno-mes > div.nome {height:29px;padding-top:10px;position:relative;}
#index .aluno > div.nome > a{font-size:12px;}
#index .aluno > div.foto {position:relative;}

#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1) div.aluno.aluno-dia {background:url(../../images/aluno-blue.png) no-repeat;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1) div.aluno.aluno-mes {background:url(../../images/aluno-blue-small.png) no-repeat center top;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1):hover div[class^="dado"],
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1):hover a[class^="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(98, 190, 236, 0.9);cursor:pointer;color:#fff;}


#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2) div.aluno.aluno-dia {background:url(../../images/aluno-pink.png) no-repeat;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2) div.aluno.aluno-mes {background:url(../../images/aluno-pink-small.png) no-repeat center top;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover div[class^="dado"], 
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover a[class^="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(199, 0, 123, 0.9);cursor:pointer;color:#fff;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover a[class^="dado"] p {color:#fff;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover a[class^="dado"] a {color:#fff;}

#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+3)  div.aluno.aluno-dia {background:url(../../images/aluno-yellow.png) no-repeat;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+3)  div.aluno.aluno-mes {background:url(../../images/aluno-yellow-small.png) no-repeat center top;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+3):hover div[class^="dado"],
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+3):hover a[class^="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(255, 236, 27, 0.9);cursor:pointer;}

#index .aluno > .dado-dia{width:100%;height:250px;position:absolute;top:0px;left:0;opacity:0;filter:alpha(opacity=0);transition:all 0.5s linear;text-align:left;padding:5px;}
#index .aluno > .dado-mes{width:90%;height:200px;position:absolute;top:0px;left:5%;opacity:0;filter:alpha(opacity=0);transition:all 0.5s linear;text-align:left;padding:5px;}
#index .aluno .aniversario {position:absolute;left:0;width:100%;text-align:center;bottom:10px;}

#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1):hover div[class*="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(98, 190, 236, 0.9);cursor:pointer;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+1):hover div[class*="dado"] a {color: #fff}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover div[class*="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(199, 0, 123, 0.9);cursor:pointer;color:#fff;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+2):hover div[class*="dado"] a {color:#fff;}
#index .tab-content ._tab-content > div.col-xs-2:nth-child(3n+3):hover div[class*="dado"] {opacity:1;filter:alpha(opacity=100);background:rgba(255, 236, 27, 0.9);cursor:pointer;}

/*------------- TURMA -------------*/
a.abc {padding:5px 8px;font-size:20px;font-family:open_sans_bold;}
a.abc.active {background:#aaa;color:#fff;}

/*------------- HEADER -------------*/
.sprite {background-image:url(../../images/sprite.png)}

ul.nav > li.legend {float:right;padding:0 10px;vertical-align:middle;line-height:40px;font-family:open_sans_bold;font-size:16px;}

#hora {font-size:32px;}
#float-menu ul.dropdown-menu {width:160px; left:none !important;right:0 !important;}
div#busca_aluno {height:66px;background:url(../../images/search.png) no-repeat scroll left top;}
div#busca_aluno > div {float:left;width:272px;}
div#busca_aluno input#busca_aluno {background:transparent;margin-left:115px;margin-top:25px;height:25px;border:0;}
div#busca_aluno input.tt-hint {opacity:0;}
div#busca_aluno > a {float:left;width:79px;height:53px;background-position:-932px -120px;margin-left:-10px;margin-top:5px;}



#aluno-edicao #aluno-foto {width:250px;height:360px;background:url(../../images/sprite.png) no-repeat scroll -488px -305px;padding-top:62px;padding-left:16px;}
#aluno-edicao #aluno-foto > img {}

#informativo .checkbox {margin-top:0 !important; margin-bottom:0 !important;}

.bg-gray1, .ls-table thead {background:#009FE3 !important;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding:5px;}

div#cycle-obra {position:relative;}
div#cycle-obra > a {position:absolute;top:40px;}
div#cycle-obra > a#cycle-obra-next {right:0;width:27px;height:47px;background:url(../../images/sprite.png) no-repeat -950px -260px;}
div#cycle-obra > a#cycle-obra-next:hover {background:url(../../images/sprite.png) no-repeat -1004px -260px;}
div#cycle-obra > a#cycle-obra-prev {left:0;width:27px;height:47px;background:url(../../images/sprite.png) no-repeat -923px -260px;}
div#cycle-obra > a#cycle-obra-prev:hover {background:url(../../images/sprite.png) no-repeat -978px -260px;}
div#cycle-obra > ul {float:left;width:980px;height:180px;margin-left:3%;}
div#cycle-obra > ul > li,
div#cycle-obra > ul > li > ul {float:left;width:980px;height:180px;text-align:center;}
div#cycle-obra > ul > li > ul > li {float:left;width:19%;height:180px;margin:0 0.5%;text-align:center;}
div#cycle-obra > ul > li > ul > li > div {cursor:pointer;color:#999;}
div#cycle-obra > ul > li > ul > li > a {display:block;width:150px;height:145px;margin:0 auto;font-size:11px;text-align:center;color:#666;background:url(../../images/sprite.png) no-repeat -981px -1338px;}
div#cycle-obra > ul > li > ul > li > a > p {margin:5px 0 0 0 !important;}
div#cycle-obra > ul > li > ul > li > a > img {margin-top:6px;}

#ui-datepicker-div {z-index:1060 !important;}

/*--------------------------------- AGENDA ---------------------------------*/
#calendario .ano {background:#aaa;padding:10px;color:#fff;font-size:22px;font-family:open_sans_semibold;margin:20px 0px 10px 0px;}
#calendario .mes {width:329px;height:30px;background:#AFCA1E;padding:5px;line-height:20px;vertical-align:middle;text-align:center;font-family:open_sans_semibold;color:#fff;}
#calendario .dia{float:left;width:47px;height:30px;text-align:center;line-height:30px;vertical-align:middle;border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;position:relative;z-index:1;}
#calendario .dia:hover {background:#ddd;}
#calendario .dia:last-child {border-right:1px solid #ddd;}
#calendario .dia:nth-child(7n+1) {border-right:1px solid #ddd;}
#calendario .dia.compromisso {background:#a52a2a;color:#fff;font-family:open_sans_extrabold;cursor:pointer;}

#calendario .novo-evento {display:none;position:absolute;left:0;top:0;width:100%;hieght:100%;z-index:2;background:#ddd;font-size:10px;}
#calendario .dia:hover .novo-evento {display:block;}

#contextMenu {position: absolute;display:none;z-index:50;}

#foto_site > div > div > div {display:block;position:relative;width:150px;height:145px;margin:0 auto;font-size:11px;text-align:center;color:#666;background:url(../../images/sprite.png) no-repeat -981px -1338px;margin:0 auto;}
#foto_site > div > div > div > img {margin-top:7px;position:relative;z-index:1;}
#foto_site > div > div > div > a{position:absolute;left:0;top:0;width:145px;height:120px;background:rgba(0,0,0,0.3);z-index:2;display:none;}
#foto_site > div > div > div:hover > a {display:block;}
#foto_site > div > div > div > a > span {position:relative;top:30px;font-size:40px;}