#cercaGaleria {
	margin: 20px;
	padding: 0;
	width: 600px;
	height: 100%;
	font-family: verdana;
	font-size: 12px;
}

#cabecalhoGaleria {
	width: 500px;
}

#cabecalhoGaleria h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#cabecalhoGaleriaLeft {
	float: left;
}

#cabecalhoGaleriaRight {
	float: right;
}

#BI_galeria {
	cursor: default;
	list-style: none;
	font-size: 12px;
	display: block;
}

#BI_galeria li {
	width: 150px;
	height: 160px;
	vertical-align: sub;
	background: #eee;
	/* border-color: #ddd #bbb #aaa #ccc; */
	border-color: #ddd #ddd #ddd #ddd;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	font-weight: bold;
	text-align: center;
}

#BI_galeria a {
	text-decoration: none;
	color: #000;
}

.img_galeria {
	background: #fff;
	/* border-color: #aaa #ccc #ddd #bbb; */
	border-color: #ddd #ddd #ddd #ddd;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 100px;
	margin: 0 0 5px 0;
}

#titCategorias {
	font-weight: bold;
	color: #FA630A;
	font-size: 13px;
	margin: 0 0 5px 0;
}

.img_legenda {
	height: 29px; 
	margin: 0 0 4px 0;
	font-size: 11px;
	border-bottom: solid 1px #CCC;
}

.galeria_tools {
	width: 100%; 
	text-align: right;
}

.galeria_tools img {
	width: 16px;
	height: 16px;
	margin: 0 0 0 10px;
}

.img_extensao {
	position: relative;
	top: -11px;
	left: 73px;
	font-size: 9px;
	color: black; 
	text-shadow: #FCDFCD 0.1em 0.1em 0.4em;
	width: 19px;
}

.img_extensao_swf {
	position: relative;
	top: -11px;
	left: 102px;
	font-size: 9px;
	color: black; 
	text-shadow: #FCDFCD 0.1em 0.1em 0.4em;
	width: 19px;
}

.clear { 
	font-size:1px; 
	height:1px; 
	clear:both 
}
/************************ Montado para aproveitar o arquivo para a nova galeria. Robson Cabral ******************************************************/

#imagens { display: block; margin-bottom: 20px; width: 720px; min-height: 180px; max-height: 500px; overflow: auto; position: relative; }
#slider_container { position: relative; top: 0px; left: 0px; width: 720px; height: 150px; overflow: hidden; }
.btnExcluir { right: 10px; top: 10px; position: absolute; width: 10px; height: 10px; cursor: pointer; float: right; border: 1px solid red; border-radius: 6px; -webkit-border-radius: 6px; z-index: 1; }

/* jssor slider arrow navigator skin 05 css */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{	position: absolute;
	cursor: pointer;
	display: block;
	background: url(/includes/plugin/Jssor.Slider/img/a17.png) no-repeat;
	overflow:hidden;}

#imagens { display: block; margin-bottom: 10px; padding-bottom: 25px; width: 100%; max-height: 505px; min-height: 20px; overflow: hidden; position: relative; }
#slider_container { position: relative; top: 0px; left: 0px; width: 100%; height: 456px; overflow: hidden; }
.btnExcluir { right: 10px; top: 10px; position: absolute; width: 10px; height: 10px; cursor: pointer; float: right; border: 1px solid red; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; z-index: 1; }
.legenda { bottom:0; left:0; position:absolute; width:97%; }
.bricon{ background: url(/includes/plugin/Jssor.Slider/img/browser-icons.png); }

/************************* Montando a index da galeria ***************************************************************/

#bloco-conteudo #Conteudo { width:975px; margin:10px auto; }
/*Coluna esquerda*/
#Conteudo #ColunaEsquerda {float:left; width:620px; margin-left:23px;}
#Conteudo #ColunaEsquerda h2{display: inline; font-size:26px; font-weight:bold; margin-bottom:20px;}
#Conteudo #ColunaEsquerda h3{font-size:16px; font-weight:normal; color:#808080; margin-bottom:20px; margin-top: 20px;}
#Conteudo #ColunaEsquerda .Data{color:#989999; font-size:10px; }

/*Coluna direita
#texto #ColunaDireita{float:right; width:180px; margin-left:10px;}
#texto #ColunaDireita #UltimasGalerias {
	position:relative;
	width: 180px; 
	min-height: 200px; 
	margin-left: 0px; 	
	padding-top: 20px;
}
*/

#Conteudo #ColunaDireita #UltimasGalerias h2 {
	color:#fff; 
	margin:37px 5px 15px 19px; 
	padding-left:40px; 
	line-height:28px;
	background:url(/images/opet/opet_2015/acontece/ico-UltimasNoticias.gif) no-repeat left;
}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
/* Arrow Navigator Skin End */

/* Thumbnail Navigator Skin Begin */
/* Thumbnail Item Skin Begin */
/* jssor slider thumbnail navigator skin 01 css */
.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 68px;
	height: 68px;
	border: #000 2px solid;
}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
	background: url(/includes/plugin/Jssor.Slider/img/t01.png) center center;
	border-width: 0px;
	top: 2px;
	left: 2px;
	width: 68px;
	height: 68px;
}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
	border: #fff 1px solid;
}
/* Thumbnail Item Skin End */
/* Thumbnail Navigator Skin End */

/* Capcons*/
.captionOrange, .captionBlack
{	color: #fff;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
}
.captionOrange
{	background: #EB5100;
	background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{	font-size:26px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover
{	color: #eb5100;
	text-decoration: underline;
	background-color: #eeeeee;
	background-color: rgba(238, 238, 238, 0.7);
}
.bricon{ background: url(/includes/plugin/Jssor.Slider/img/browser-icons.png); }


#Conteudo #ColunaDireita {float:right; width:260px; margin-left:62px;}

#Conteudo #ColunaDireita #UltimasGalerias::before { content:''; background:#f2911c; height:7px; width:203px; top:-8px; left:20px; position:absolute; }
#Conteudo #ColunaDireita #UltimasGalerias {
	position:relative;
	width: 222px; 
	min-height: 200px; 
	margin-left: 36px; 
	background:#0073ac; 
	border:1px #0073ac solid; 
	border-radius: 12px 0px 12px 12px; /* CSS 3 */
	-o-border-radius: 12px 0px 12px 12px; /* Opera */
	-icab-border-radius: 12px 0px 12px 12px; /* iCab */
	-khtml-border-radius: 12px 0px 12px 12px; /* Konqueror */
	-moz-border-radius: 12px 0px 12px 12px; /* Firefox */
	-webkit-border-radius: 12px 0px 12px 12px; /* Safari */
}

#Conteudo #ColunaDireita #UltimasGalerias h2 {
	color:#fff; 
	margin:24px 5px 20px 19px; 
	padding-left:40px; 
	line-height:28px;
	background:url(/images/escola24h/e24h_2016/acontece/ico-UltimasNoticias.gif) no-repeat left;
}

#Conteudo #ColunaDireita #UltimasGalerias h3 { color:#edb23e; margin-bottom:8px; font-size:14px; font-weight:600; font-family:Ubuntu; }

#Conteudo #ColunaDireita #UltimasGalerias .abrirGaleria{
	cursor: pointer;
}

#Conteudo #ColunaDireita #UltimasGalerias div {margin:0px 20px 0px 20px;}
#Conteudo #ColunaDireita #UltimasGalerias p { color:#FFFFFF; margin-bottom:10px; }
#Conteudo #ColunaDireita #UltimasGalerias span { color:#99ccff; font-style:italic; }
#Conteudo #ColunaDireita #UltimasGalerias .separador { border-bottom:#99ccff 1px dotted; width:177px;	min-height:2px;	margin-bottom:12px;}

Conteudo #ColunaDireita #UltimasGalerias a, #Conteudo #ColunaDireita #Icones #btnGaleriasAnteriores, #Conteudo #ColunaDireita #Icones img{cursor: pointer;}
#Conteudo #ColunaDireita #Icones { float:right; width:220px; margin-left:0px; margin-top:30px; }
#Conteudo #ColunaDireita #Icones #btnGaleriasAnteriores{
	background:#edb23e;
	border-radius:6px;
	font-size:15px;
	color:white;
	width:216px;
	height:43px;
	border:0px;
}
.enviar { width:160px; height:34px; padding:0 10px; background:#EEAD00; -moz-border-radius:6px; border-radius:6px; color:white; text-align:center; font-weight:500; font-family:Ubuntu; font-size:12px; line-height:30px; border:0; text-transform:uppercase; margin:10px 5px 0; }
.notfound { font-size:15px; font-family:Arial; }