/* reset básico */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
/* fim reset básico */

/* conteiner */
.container  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 
0px;
}
/* fim conteiner */
    

/* linha */
.row {
    margin-left: -10px;
    margin-right: -2px;
}
    .row:before,
    .row:after {
        content: "";
        display: table;
    }
    .row:after {
        clear: both;
    }
/* fim linha */

/* colunas */
.col {
    display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;
}
    /* duas colunas */
    @media (min-width: 480px) {
        .col-2 {
            width: 50%;
        }
    }
/* fim colunas */


.titulo {
    background: #fff;
    padding-top: 2px;
    padding-left: 4px;
    text-align: left;
    margin: 0px 0;
    color: #000;
    max-width: 100%;
}

/* topomenu */
.topomenu
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 3px;
padding-bottom: 0px;
width:100%;
background-color: #000;
float: center;
text-align: center;
font-size: 16px;
color: #ffffe0;}
/* fim topomenu */

/* menu */
.menu {
    background: #000;
    padding-top: 50px;
    padding: 5px;
    text-align: center;
    margin: 0px 0;
    color: #ffffe0;
}
.menu ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.menu ul li
 { display: inline; 
}
.menu ul li a {
    	padding: 2px 24px;
    	display: inline-block;
     
    	/* visual do link */
    	background-color:#000;
    	color: #ffffe0;
    	text-decoration: none;
    }
.menu ul li a:hover {
    	background-color:#000;
    	color: #ffe680;
    }
/* fim menu */

/* entrada */
.entrada{
    background: #f00;
    padding: 15px;
    text-align: center;
    margin: 2px 0;
    color: #ffe680;
    max-width: auto;
}
/* fim entrada */

/* jampa */
.jampa{
    background: #ffe680;
    padding: 15px;
    text-align: center;
    margin-left: 2px 0;
    color: #000;
    max-width: auto;
}
/* fim jampa */

/* config do div service*/
#service
{margin-top: 0px;
margin-bottom: 0px;
border: none;
padding-top: 10px;
padding-bottom: 10px; 
background-color: #ffe680;
display: inline;
text-align: justify;
font-size: 14px;
color: #ffffe0;}

#service1{
display: inline-block;
width: 250px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
color: #000;
}

#service2{
display: inline-block;
width: 250px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
color: #000;
}

#service3{
display: inline-block;
width: 250px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
color: #000;
}

#service4{
display: inline-block;
width: 250px;
float: center;
text-align: justify;
padding-right: 15px;
padding-left: 5px;
vertical-align: top;
color: #000;
}

/* paraiba */
.paraiba{
    background: #fff;
    padding: 15px;
    text-align: center;
    margin-left: 2px 0;
    color: #000;
    max-width: auto;
}
/* fim paraiba */

/* quemsou */
.quemsou{
    background: #ffe680;
    padding: 15px;
    text-align: center;
    margin: 2px 0;
    color: #000;
    max-width: auto;
}
/* fim quemsou */

.video-container {

    position: relative;
    padding-bottom: 55%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    }

    .video-container iframe,  
    .video-container object,  
    .video-container embed {
    	position: absolute;
    	top: 20;
    	left: 0;
    	width: 60%;
    	height: 60%;
    }

.rodape{
    background: #ffe680;
    padding: 0px;
    text-align: center;
    margin: 0 0;
    color: #000;   
}

.rodape1 {
    background: #000;
    padding: 0 15px;
    text-align: left;
    margin: 5px 0;
    color: #000;
    max-width: 600px;
}

.rodape2 {
    background: #018e48;
    padding: 0 15px;
    text-align: left;
    margin: 5px 0;
    color: #ffffe0;
    max-width: 600px;
}



img{
	max-width:100%;
	height:auto;
}



/* USAR APENAS PARA DEMOSTRAÇÂO */


.big {
    height: 50px;
}