html, body {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
outline: 0;
padding:0px;
margin:0px;
}



 a{
	color:#FF9900;
	text-decoration: none;
	}
#navlistcat2jb{list-style-type: none;}
.activecat2jb:hover li { display: block; }
.activecat2jb li { display: none; }
.categoria1{
font-size: 16px;
font-weight:normal;
}
.categoria1 a{
color:#0061AF;
text-decoration:none;
}
.subcategoria1{
border:#666666 dotted 1px;
margin:10px;
padding:30px;
}
.subcategoria1 a:hover{
color:#cc0000

}






.categoria2{
list-style:none;
margin:0px;
padding:0px;
}
.categoria2 a{
 text-decoration:none;
 color:#FF9900;
}
.liderprincipal{
	font-weight:bold;
 color: #F33 !important;
}
.categoria2 a:hover{
 color: #FC0;
}
.subcategoria2{
border-left:#666666 solid 4px;
border-top:#666666 solid 1px;
border-bottom:#666666 solid 1px;
margin:5px;
padding:3px;
list-style:none;
margin-right:0px;
padding-right:0px;
}
 .subcategoria2 img{
 float:right;
 margin-left:10px;
}
 .subcategoria2 ul{
margin:0px;
padding:0px;
margin-left:10px;
}
.subcategoria2 a:hover{
color:#F33;

}
.subcategoria3{
border:#666666 dotted 1px;
float:left;
text-align:center;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}
.subcategoria3 a{
width:205px;
height:20px;
padding-top:140px;
display:block;
}
.oferta1{
padding-top:10px;
width:170px;
height:170px;
color:#FFFFFF;
text-align:center;
clear:both;
font-size:10px;
}
.oferta1 a{
color:#FFFFFF;
}

.title{
clear: both;
}
#thumbjb_contenedor {
margin-bottom:2px;
padding: 0;
float: right;
width: 130px;
}
#visorjb {
padding: 0;
float: right;
width: 380px;
border: 1px solid;
padding: 0;
background-color: #ebebeb;
background-image:url(images/loading.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
overflow: hidden;
}
#descripcionjb{
clear: both;
}
.thumbjb {
float: left;
margin: 0px;
padding: 0;
padding-right: 1px;
padding-bottom: 1px;
background-color: #ebebeb;
background-image:url(images/loading.gif);
background-repeat:no-repeat;
background-position:center;
}
a.thumbjbtitle {
display:block;
background-color: #F4F4F4;
color:#000000;
font-size:10px;
line-height:18px;
clear:both;
}
a.bc{
margin:10px;
background-color:#009900;
width:50px;
color:#FFFFFF;
padding:1px;
padding-left:10px;
padding-right:10px;
background-image:url(images/bc.gif);
font-weight:bold;
font-size:12px;
}
.itemjb {
BORDER: #cccccc 1px solid;
PADDING: 1px;
margin:3px;
FLOAT: left;
WIDTH: 156px;
HEIGHT: 160px;
BACKGROUND-COLOR: #fff;
font-size:10px;
color:#000000;
text-align:center;
}
.imgtb{
margin:0px;}
.totaljb{
font-size:14px;
font-weight:bold;
width:50px;
vertical-align:middle;
}
#colcaracteristicas{
width:270px;
text-align:justify;
float:right;
}
#colfotos{
width:400px;
float:left;
overflow:hidden;
}
.divisor{
clear:both;
height:5px;
}
.divisor2{
background-color:#999999;
clear:both;
height:5px;
}

.claseoculta{
display:none;
}
.clasevisible{
display:block;
border:#cccccc solid 1px;
}
#tablacelugrama{
background-color:#333333;
font-size:11px;
font-family:"Times New Roman", Times, serif;
font-stretch:condensed;
}

#tablacelugrama th{
background-color:#666666;
color:#FFFFFF;
}
#tablacelugrama td{
background-color:#ffffff;
color:#000000;
}
#tablacelugrama .imgv{
}
#tablacelugrama .editarAsistente{
float:right;
border:0px;
}



#pagina{
width:100%;
margin:0 auto;
padding:0px;
}
#pagina2{
padding-top:0px;
}
#columnaizquierda{
	color:#FFFFFF;
}
#columnaizquierda a{
	color: #F90;
	text-decoration:none;
}
#columnaderecha{

padding:5px;
}
#columnaderecha img{
	max-width:80%;

}
#columnaderecha h1{
	margin:0px;
}
#columnaderecha h1 img{
    vertical-align: middle;
}
.formulariosjb{
font-size:12px;
}

.formulariosjb input{
padding:0px;
}
.celulalink{
background-color:#333;
padding:5px;
margin:0px;
background-image:url(images/cel.png);
background-repeat:no-repeat;
padding-left:44px;
border-top:#FF9900 solid 1px;
border-bottom:#FF9900 solid 1px;
}
.celulalink img{
float:right;
}
.celulalink a{
color: #eee;
text-decoration:none;
}
.celulalink a:hover{
}
.celulalink:hover{
background-color:#000;
}
.celulalink a:visited{
background-color:#999;
}
.resumenlider{
padding:5px;
margin-right:3px;
margin-bottom:3px;
border:#FF3A34 solid 1px;
font-size:10px;
clear:both;
}
.resumenlider strong{
font-size:12px;
}
.rojo{
font-weight:bold;
color: #F63;
}
.simovil{
	display:none;
	visibility:hidden;
	height:1px;
	overflow:hidden;
	}
.formulariosjb input{
	margin:5px;}
/* Móviles en horizontal o tablets en vertical */



.sidenav::-webkit-scrollbar {
  width: 8px;
}

 /* Estilos barra (thumb) de scroll */
.sidenav::-webkit-scrollbar-thumb {
  background: #F90;
  border-radius: 4px;
}

.sidenav::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.sidenav::-webkit-scrollbar-thumb:hover {
  background: #F63;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.sidenav::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

.sidenav::-webkit-scrollbar-track:hover, 
.sidenav::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}





/* The side navigation menu */
.sidenav {
    height: 70%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #000; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    padding-bottom: 260px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
 
/* The navigation menu links */
.sidenav a {
    text-decoration: none;
    color: #818181;
    transition: 0.3s
}
 
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
 
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 10px;
	font-size:36px;
 }
 
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#pagina {
    transition: margin-left .5s;

    overflow:hidden;

}
body {
  overflow-x: hidden;
}
 
/* Add a black background color to the top navigation */
.topnav {
	background-color: #000;
	background-image:url(images/celulas-iglesia-cristiana-reuniones-en-casa-hogares-quito--ecuador.jpg);
	background-position:center;
	background-repeat: repeat;
	overflow: hidden;
	text-align: center;
	height: 158px;
}
 
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 14px;
    background-color: black;
}
 
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #000;
    color: black;
}
 
/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
/*nuevoestilo */
.buttonjb {
    background-color: #333;
    color: #F90;
	padding:5px;
	border: #F90 solid 1px;
}
.buttonjb:hover {
    background-color: #000;
    color: #F30;
}
.walink{
	display:inline-block;
	padding-left:15px;
	background-image:url(images/wa.gif);
	background-repeat:no-repeat;
	 color:#33CC00 !important;
	 }
#map{width:100%; height: 500px;}
@media screen and (max-width: 767px){
	.simovil{
	display: inherit;
	visibility: visible;
	height: auto;
	}
	.nomovil{
		display:none;
	visibility:hidden;
	height:1px;
	overflow:hidden;

	}
.topnav {
	background-color: #000;
	background-image:url(images/celulas-iglesia-cristiana-reuniones-en-casa-hogares-quito-2-ecuador.jpg);
	background-position:center;
	background-repeat: repeat;
	overflow: hidden;
	text-align: center;
	height: 80px;
}
#map{width:100%; height: 300px;}

}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
 
a svg{
  transition:all .5s ease;
 
  &:hover{
    #transform:rotate(180deg);
  }
}
 
#ico{
  display: none;
}
 
.menu{
  background: #000;
  display: none;
  padding: 5px;
  width: 320px;
 
  #transition: all 0.5s ease;
 
  }
}