@charset "utf-8";

/* CSS Document
* Folha de estilo Template Padrão
* Data de Criação: 13/04/2011
* Data Última modificação: 
* Desenvolvedor: Jefferson Romano
* E-mail: webmaster@sescpe.com.br
*/

/**
*	Reset CSS
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
caption,dfn,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}


/**
*	Seletores Globais
*/
html { overflow-y: scroll; }
body { background: #333 url(../img/bg-site.jpg); font-family: "Helvetica Neue", "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #f6eeee; padding-bottom: 20px; font-weight: lighter; }

body.home { background-color: #d3ff02; color: #444 }
body.programacao { background-color: #444; color: #fff;  }

b, strong { font-weight: 600; }

/**
*	Seletores IDs
*/
#container { width:960px; margin:0 auto; }

#container header { border: 1px dotted #333; float: left; width: 960px }
#container header h1#logo { background:url(../img/logo.png) no-repeat center center; width:301px; height:286px; text-indent:-5000px; margin-top:10px;  } 
#container header h1#logo a { display:block; text-decoration:none; height:100% }

#container header ul#menu { float: left; width:340px; height:59px; margin: 0 auto; text-align:center; line-height:59px }
#container header ul#menu li { float:left; margin:5px 15px }
#container header ul#menu li a { text-decoration: none; color:#333; font-weight:bold; }

div#container div#content-container div#content { font-size: .75em; padding: 15px }
div#container div#content-container div#content img { /* float:left; margin-right:15px; */ }

div#container div#content-container div#content h2 { }

hr { border-color: #d7d900 }

/**
*	Seletores classe
*/

.navbar-default { background: #333; border-color: #d3ff02; }

.navbar-brand {
    float: left;
    height: 44px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 28px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #444;
    background-color: #d3ff02;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #d3ff02;
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #d3ff02;
}

.page-header {
    border-bottom: 1px solid #333;
}

.page-header h1 {
    font-family: inherit;
}

.jumbo-home {
    background: url(../img/bg-jumbotron.jpg);
    padding: 0;
    margin: 0;
}

.jumbo-home .container {
	padding-top: 95px;
	padding-bottom: 95px;
	background: url(../img/bg-jumbotron.png) no-repeat center right;
}
.jumbo-home .texto-seminario { float: left;  }
.jumbo-home .palco20anos { float: right; margin-right: 100px; margin-top: 50px }

.jumbo-home .container h1, .jumbo-home .container p { text-indent:-9000px;  position: absolute;}

.panel {
    background: url(../img/bg-box-white60.png);    
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
   /*  border-top: 1px solid #cfc3b7; */
}

.panel > .panel-body  {
    border-left: 2px solid #d3ff02 /*vermelho da logo*/;
    font-family: inherit;
}

span.green { color: #d3ff02; font-weight: 600; /* text-shadow: 1px 1px 1px #444;   */}

.logo-sesc { padding: 10px 0 }

/* Media Queries */

@media only screen and (max-width: 480px)  {

    .jumbo-home .palco20anos { float: right; margin-right: 0px; margin-top: 30px } 

}



/* 

medias do transborda 

@media only screen and (max-width: 599px)  {
    .jumbo-home .logo-transborda { float: left; margin-right: 0px; margin-top: 30px; margin-left:0; } 
    .jumbo-home .container { background:none!important; padding: 0} 

}

@media only screen and (min-width: 600px)  {
    .jumbo-home .logo-transborda { float: left; margin-right: 0px; margin-top: 30px; margin-left:25%; } 
    .jumbo-home .container { background:none!important; padding: 0} 

}

@media only screen and (min-width: 768px)  {
    .jumbo-home .logo-transborda { float: left; margin-right: 0px; margin-top: 30px; margin-left:25%; } 
    .jumbo-home .container { background:none!important; padding: 0} 

} */