@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;}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 11, 2017 */

@font-face {
    font-family: 'hitch_hikeregular';
    src: url('hitch-hike-webfont.woff2') format('woff2'),
         url('hitch-hike-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tranquila_demoregular';
    src: url('tranquila_demo-webfont.woff2') format('woff2'),
         url('tranquila_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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


/**
*	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: #9e1419 }

/**
*	Seletores classe
*/

.navbar-default { background: none; border-color: #9e1419; }

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

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

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #9e1419;
}

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

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

.page-header h1 {
    font-family: 'hitch_hikeregular';
}

.jumbo-home {
    background: none;
    padding: 0;
    margin: 0;
}

.jumbo-home .container {
	padding-top: 95px;
	padding-bottom: 95px;
	background: url(../img/colagens.png) no-repeat center right;
}

.jumbotron .colagem-home { float: right; }

.jumbotron .logo-transborda { margin-left:20%; }

.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 #9e1419 /*vermelho da logo*/;
    font-family: 'tranquila_demoregular';
}


@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} 

}