@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'open_sansbold';
	font-style: normal;
	font-weight: normal;
	src: url('opensans-bold-webfont.eot');
	src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-bold-webfont.woff') format('woff'), url('opensans-bold-webfont.ttf') format('truetype'), url('opensans-bold-webfont.svg#open_sansbold') format('svg');
}
@font-face {
	font-family: 'open_sanslight';
	font-style: normal;
	font-weight: normal;
	src: url('opensans-light-webfont.eot');
	src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-light-webfont.woff') format('woff'), url('opensans-light-webfont.ttf') format('truetype'), url('opensans-light-webfont.svg#open_sanslight') format('svg');
}
@font-face {
	font-family: 'open_sansregular';
	font-style: normal;
	font-weight: normal;
	src: url('opensans-regular-webfont.eot');
	src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-regular-webfont.woff') format('woff'), url('opensans-regular-webfont.ttf') format('truetype'), url('opensans-regular-webfont.svg#open_sansregular') format('svg');
}

#mainNavBar > li.selectedOptionMenu {
    background: #436e94!important;
}

#mainNavBar > li li.selectedOptionMenu {
    background: #2a4b68 !important;
}


#mainNavBar > li li li.selectedOptionMenu {
    background: #a36966!important;
}

#navtransparencia > ul > li.selectedOptionMenu
{
	background-color: #7a212e;
}

#navtransparencia > ul > li > ul > li.selectedOptionMenu
{
background-color: #a36966;
}

#navtransparencia > ul > li>  ul > li > ul > li.selectedOptionMenu
{
background-color: #a36966;
}



body {
	margin: 25px 0;
	padding: 0;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15pt;
	background-color: #fff;
}
* {
	margin: 0px;
	padding: 0px;
}
.dvlogos
	{
	width: 8%!important;
    text-align: center;
	display: -webkit-inline-box;
    margin-right: 50px;
	}
.isoLogo
{
    width: 40%;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.qnetLogo
{
    width: 40%;
    aspect-ratio: 3/2;
    object-fit: contain;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1, h2 {
	font-weight: normal;
	font-family: 'Crimson Text', serif;
}
p{
	text-align:justify}
/*estilos generales*/
html, body {
	height: 100%;
	scroll-behavior: smooth;
	
}
header, section, footer {
	width: 100%
}
.wrap {
	min-height: 100%;
}
header {
	margin: auto;
	display: inline-block;
	width: 100%;
	height: 177px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	background-color: #fff
}
/*OGTic css*/
.topheader {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
		overflow: hidden;
}
header.smaller {
	height: 50px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
header.smaller .topheader, header.smaller .flagtop {
/*	OGTIC nuevo css
	height: 0;
	padding: 0;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
textarea:focus, input:focus {
	outline: none;
}
.flagtop {
	width: 100%;
	text-align: center;
	padding: 5px;
	float: left;
	background: #fff;
	display: none
}
.flagtop img {
	width: 50%;
	max-width: 200px
}
/*estilos menu navegacion*/
.navegacion {
	background: #00192F;
	float: left;
	width: 100%
}
/*#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
	border: 0;
	box-sizing: border-box;
	display: block;
	line-height: 1;
	list-style: none;
	moz-box-sizing: border-box;
	position: relative;
	webkit-box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#cssmenu #head-mobile {
	display: none;
}
#cssmenu {
	background: #7a222e;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	z-index: 100;
	text-align: center;
	float: left;
	height: 46px
}
#cssmenu > ul {
	margin-bottom: 0;
	padding: 0;
	display: inline-block;
	z-index: 1;
}
#cssmenu > ul > li {
	float: left;
	margin: 0;
	padding: 0;
}
#cssmenu > ul > li > a {
	color: #fff;
	font-size: .85em;
	letter-spacing: 1px;
	padding: 17px 30px;
	text-decoration: none;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
	color: #fff;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
	background: #a36966!important;
	ms-transition: background .3s ease;
	transition: background .3s ease;
	webkit-transition: background .3s ease;
}

#cssmenu > ul > li.has-sub:hover > a:before {
	height: 0;
	top: 23px;
}
#cssmenu ul ul {
	left: -9999px;
	position: absolute;
	z-index: 99999;
	width: 280px;
	text-align: left
}
#cssmenu ul ul li {
	background: #a36966;
	height: 0;
	ms-transition: all .25s ease;
	transition: all .25s ease;
	webkit-transition: all .25s ease;
	width: 100%;
}
#cssmenu ul ul li a {
	color: #fff!important;
}
#cssmenu ul ul li:hover {
}
#cssmenu li:hover > ul {
	left: auto;
}
#cssmenu li:hover > ul > li {
	height: 35px;
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
#cssmenu ul ul li a {
	color: #ddd;
	font-size: 12px;
	font-weight: 400;
	padding: 11px 15px;
	text-decoration: none;
	width: 100%;
}
#cssmenu ul ul a:hover {
	color: #000!important
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
	border-bottom: 0;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
	color: #fff;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	height: 0;
	top: 17px;
}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background: #cba9a4;
}
#cssmenu ul ul ul li {
	background: #cba9a4;
}
#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333;
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #333;
}*/



#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #head-mobile {
	border: 0;
	list-style: none;
	line-height: 16px;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	display: none
}
#head-mobile, #cssmenu .button {
	display: none
}
/*#cssmenu {
	font-family: sans-serif;
	background: #333
}*/
#cssmenu > ul {
	margin-bottom: 0
}
#cssmenu > ul > li {
	float: left
}
#cssmenu > ul > li > a {
	padding: 17px;
	font-size: 1em;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}
#cssmenu > ul > li > a img {
	width: 18px;
	aspect-ratio: 1/1;
	margin-top: -3px
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
	color: #fff
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
	background: #20507b!important;
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 30px
}
#cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: '';
}
#cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #cba9a4;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px
}
#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	background: #a36966;
	transition: all .25s ease
}
#cssmenu ul ul li:hover {
}
#cssmenu li:hover > ul {
	left: auto
}
#cssmenu li:hover > ul > li {
	height: auto
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}
#cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 170px;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
	border-bottom: 0
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
	color: #fff
}
#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: '';
}
#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0
}
#cssmenu ul li.has-sub {
	position: relative;
}
/*#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background: #cba9a4;
}*/
#cssmenu ul li.has-sub li:hover {
	background: #cba9a4;
}
#cssmenu ul ul ul li.active a {
	border-left: 1px solid #fff
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {
	border-top: 1px solid #fff
}
#cssmenu ul ul ul li {
	background: #cba9a4
}
#cssmenu ul ul ul li:hover {
	background-color: #a36966!important
}
#cssmenu ul li ul li ul li ul li:hover a{
	color: #FFF;
}
#cssmenu li.navcontact{
	display:none}
.certif-mobile{display:none;}
/*este media query*/
/*nuevo css*/

.footerContainer{
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align:center;
padding-top: 10px;
    padding-bottom: 10px;
}
.fLogocontainer { grid-area: 1 / 2 / 2 / 3;  margin: auto;}
.fTextcontainer { grid-area: 2 / 2 / 3 / 3; }
.fCertif {Display: grid;
    grid-area: 1 / 3 / 3 / 3;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    /*grid-row-gap: 10px;*/}
.fCertif img {
    width:100px;
    height: 100px;
}
.fCertif *{
    margin: 2px;
}
 @media screen and (max-width:1000px) {
	 .certif-mobile{display:inline;}
	 .certif-mobile a{    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #7a222e;
    padding: 0;
    vertical-align: top;
		 white-space: nowrap;}
	 .fCertif{display:none}
header.smaller { opacity: 1 !important; }
.navegacion .container, #cssmenu {
	width: 100%;
	padding: 0
}
#cssmenu ul {
	width: 100%;
	overflow-y: scroll;
	max-height:80vh;
}
	 
#cssmenu ul:first-child{
	display:inline-block;
}
#cssmenu ul li {
	width: 100%;
	border-top: 1px solid #fff
}
#cssmenu ul li:hover {
	background: #a36966;
}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {
	height: auto
}
#cssmenu ul li a, #cssmenu ul ul li a {
	width: 100%;
	border-bottom: 0
}
#cssmenu > ul > li {
	float: none
}
#cssmenu ul ul li a {
	padding-left: 25px
}
#cssmenu ul ul li {
	background: #a36966!important;
}
#cssmenu ul ul li:hover {
	background: #cba9a4!important
}
#cssmenu ul ul ul li a {
	padding-left: 35px
}
#cssmenu ul ul li a {
	color: #fff;
	background: none
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
	color: #fff
}

#cssmenu ul ul, #cssmenu ul ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left
}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
	display: none
}
/*OGTIC*/
 #head-mobile {
	display: flex;
	padding: 8px;
	color: #ddd;
	font-size: 1em;
	font-weight: 700
}
 #head-mobile input[type="text"]{
	color: #353535;
	height: 35px;
    padding: 0 10px;
    width: 100%;
	border:0px;
	border-radius:6px;
		margin: 0 5px;
	
}
	 /**/
.button {
	background-color: #5d1e27;
	width: 100px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 12399994;
	padding: 16px 10px 16px 16px;
	color: #FFF;
	display: block !important;
}
.button:after {
	position: absolute;
	top: 22px;
	right: 14px;
	display: block;
	height: 8px;
	width: 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
}
.button:before {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	top: 17px;
	right: 14px;
	display: block;
	height: 2px;
	width: 20px;
	background: #ddd;
	content: ''
}
.button.menu-opened:after {
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	top: 23px;
	border: 0;
	height: 2px;
	width: 19px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.button.menu-opened:before {
	top: 23px;
	background: #fff;
	width: 19px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#cssmenu .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid #fff;
	height: 46px;
	width: 46px;
	cursor: pointer
}
#cssmenu .submenu-button.submenu-opened {
	background: #262626
}
#cssmenu ul ul .submenu-button {
	height: 34px;
	width: 34px
}
#cssmenu .submenu-button:after {
	position: absolute;
	top: 22px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}
#cssmenu ul ul .submenu-button:after {
	top: 15px;
	right: 13px
}
#cssmenu .submenu-button.submenu-opened:after {
	background: #fff
}
#cssmenu .submenu-button:before {
	position: absolute;
	top: 19px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: ''
}
#cssmenu ul ul .submenu-button:before {
	top: 12px;
	right: 16px
}
#cssmenu .submenu-button.submenu-opened:before {
	display: none
}
#cssmenu ul ul ul li.active a {
	border-left: none
}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
	border-top: none
}
#cssmenu li.navcontact{
	display:block}
}
/*estilos varios*/
.hidden {
	display: none
}
.right {
	float: right
}
/*estilos top*/
header .controls {
	width: 242px;
	margin-bottom: 10px
}
.topLogo {
	margin-top: 22px;
}
.escudo img {
	width: 242px;
	padding-top: 3px;
}
header .controls .shield {
	padding-bottom: 5px;
}
.searchTop {
	width: 100%;
	padding: 10px 0;
	display: inline-block
}
.searchTop input {
	width: 200px;
	height: 31px;
	text-indent: 8px;
	background-color: #f5f5f5;
	border: 0px;
	color: #000;
	font-size: 0.875em;
}
/* navbar social*/
ul.navSearch {
	margin: 0;
	padding: 0;
	display: flex;
	text-align: right;
	    justify-content: center;
    align-items: center;
}
ul.navSearch li {
	
	padding: 0 2%;
	float: left;
	text-align: center
}
ul.navSearch li a {
	font-size: .6em;
	text-decoration: none;
	text-transform: uppercase;
	color: #58585b;
	padding: 0;
}
ul.navSearch li:first-child{
	width: 32%;
	border-right: 1px solid #58585b;
}
ul.navSearch li.social-icon {
	font-size: 32px;	
}
/*
ul.navSearch li:first-child {
	padding-left: 0;
	width: 25%;
	border-right: 1px solid #58585b
}
ul.navSearch li:last-child {
	padding-right: 0;
	width: 25%;
	border-left: 1px solid #58585b
}*/

/* navbar social*/
/*estilos banner Header*/
.bannerHeader {
	margin: 174px auto 0 auto;
	background-image: url(../images/Back-Pannel_Final.svg);
	background-size: cover;
}
.bannerHeader .infoBlockLeftBlack, .bannerHeader .infoBlockLrightBlack {
	width: 45%;
	max-width: 45%;
	float: right;
	top: 25%;
	max-height: 60%;
	left: auto;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 1);
}
.bannerHeader .infoBlockLeftBlackhalf, .bannerHeader .infoBlockLrightBlackhalf {
	width: 25%;
	max-width: 25%;
	float: right;
	top: 25%;
	max-height: 60%;
	left: auto;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 1);
}
.bannerHeader .infoBlockLeftBlack, .bannerHeader .infoBlockLeftBlackhalf {
	float: left;
	top: 73px;
	right: auto;
	left: 0;
}
.bannerHeader .infoBlockTop, .bannerHeader .infoBlockBottom {
	background: rgba(0, 0, 0, 1);
	opacity:0.85;
	margin: 0 auto;
	max-height: 35%;
	height: 17%;
	max-width: 100%;
	text-align:center;
	width: 100%;
}
.bannerHeader .infoBlockTop { 
	top: 0; 
}
.bannerHeader .infoBlockBottom { 
	bottom: 0; 
	top: auto;
}
.bannerHeader .rsABlock h3 {
	font-size: 2.45em;
	margin: 5px 0;
}
.bannerHeader .rsABlock .readMore a {
	color: #3c1117 !important;
	background-color: #fff !important;
	font-weight: bold;
}
.bannerHeader .rsABlock .readMore a:hover {
	color: #fff !important;
	background-color: #3c1117 !important;
}
.bannerHeader .rsABlock h4 {
	font-size: 2.1em;
	margin: 5px 0;
}
.bannerHeaderBody {
	background-color: #000;
	border: solid 1px #c5c5c5;
	margin: 10px 0;
	width: 100%;
	float: left;
	height: 600px
}
.rsMinW .rsArrowRight {
	right: 20px
}
.rsMinW .rsArrowLeft {
	right: 50px
}
.rsMinW .rsBullets {
	right: 50%;
}
.rsMinW .rsBullet {
	width: 15px;
	height: 15px;
	padding: 5px;
}
.rsMinW .rsBullet span {
	width: 10px;
	height: 10px;
}
/*estilos buscador jurisprudencia*/
.logoSearchJ {
	margin: 0px 17px 0 0;
	width: 26%;
	float: left;
}
.selectSearchJ {
	width: 22%;
	float: left;
	padding-left: 15px;
}
.inputSearchJ {
	width: 72%;
	float: right;
}
.divSearch {
	width: 100%;
	height: 33px;
	border-radius: .3em;
	overflow: hidden;
	position: relative;
}
.inputSearchJ input[type="text"] {
	width: 100%;
	padding: 0 50px 0 12px;
	border: none;
	height: 100%;
}
.inputSearchJ button {
	z-index: 99;
	position: absolute;
	top: 0;
	right: 0;
}
.searchJ {
	background-image: url(../images/patter_jurisprudencia.jpg);
	background-repeat: repeat;
	width: 100%;
	float: left;
	padding: 10px 0;
}
.searchJ form {
	width: 100%;
	float: left
}
.searchJ form span img {
	width: 100%;
	padding-top: 8px
}
.searchJ label {
	font-size: 1.3em;
	color: #fff;
	width: 100%;
	padding-bottom: 2px
}
.searchJ form select {
	width: 85%;
	padding: 4px 5px;
	border-radius: .3em;
}
.btn-primary {
	background-color: #7a222e !important;
	border-color: #7a222e !important
}
/*estilos dashboard*/
.contenedor, .contenedorenlaces {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 0
}

.contenedorSentencia{
	float: left;
	position: relative;
	padding: 10px 0
}

.contenedorred {
	border-top: solid 1px #d1d1d1;
}
.contenedorenlaces {
	padding-bottom: 0;
	background-color: url(../images/backfooter.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.title-lines {
	border-bottom: solid 2px #7a222e;
	position: relative;
	margin: 0;
	vertical-align: middle
}

.title-linesBanner {
	position: relative;
	margin: 0;
	vertical-align: middle
}
.title-linesBanner span.titulo {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 8px 0;
	text-transform: uppercase;
	font-size: 1.444em !important;
	line-height: 22pt;
	color: #7a222e;
	width: auto;
	font-weight: bold;
	display: inline-block;
}
.title-lines span.titulo {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 8px 0;
	text-transform: uppercase;
	font-size: 1.444em !important;
	line-height: 22pt;
	color: #7a222e;
	width: auto;
	font-weight: bold;
	display: inline-block;
}
h1.title-lines span.titulo {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 8px 0;
	text-transform: uppercase;
	font-size: 0.722em !important;
	line-height: 22pt;
	color: #7a222e;
	width: auto;
	font-weight: bold;
	display: inline-block;
}
.title-lines span.titulo2 {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 8px 0;
	text-transform: uppercase;
	font-size: 1em !important;
	line-height: 22pt;
	color: #7a222e;
	width: auto;
	font-weight: bold;
	display: inline-block;
}
.title-lines h2.titulo {
	position: relative!important;
	z-index: 1!important;
	background: #fff!important;
	padding: 8px 0!important;
	text-transform: uppercase!important;
	font-size: 1.6em !important;
	line-height: 22pt!important;
	color: #7a222e!important;
	width: auto!important;
	font-weight: bold!important;
	display: inline-block!important;
}
.contenedorred .title-lines {
	border-bottom: solid 2px #fff;
	margin-bottom: 20px
}
.contenedorred span.titulo {
	background: #fff;
	color: #3f3f40
}

.contenedorred h2.titulo {
	background: #fff!important;
	color: #3f3f40!important
}
.readMore {
	float: right;
	padding: 0;
	margin: 0;
	position: relative
}
.readMore a {
	padding: 7px 15px;
	background-color: #3c1117;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.readMore a.homes {
	padding: 7px 15px;
	background-color: #3c1117;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.33em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.readMore a:hover {
	background: #a36966;
}
.readMore2 {
	float: right;
	padding: 0;
	margin: 0;
	position: relative;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.readMores2 {
	float: right;
	padding: 0;
	margin: 0;
	position: relative;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.readMore2 b {
	padding: 7px 15px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.55em;
	color: #fff;
	text-transform: uppercase
}

.readMore2 strong {
	padding: 7px 15px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	text-transform: uppercase
}
.readMores2 strong {
	padding: 7px 15px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	text-transform: uppercase
}
.readMore3 {
	float: right;
	padding: 0;
	margin-right: 3%;
	position: relative;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.readMore3 b {
	padding: 7px 15px;
	background-color: #3c1117;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	text-transform: uppercase
}

.readMore3 strong {
	padding: 7px 15px;
	background-color: #3c1117;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	text-transform: uppercase
}

.readMore2 a:hover {
	background: #a36966;
}

.readMore3 strong:hover {
	background: #a36966 !important;
}
.dateSentencia {
	font-size: 0.90em;
	padding: 5px 0;
	color: #979998
}
.contenedorred .title-lines {
	color: #fff
}
/*estilos sentencias*/
.sentencias {
	padding: 10px 10px 10px 0;
	height: 130px;
	border-bottom: solid 1px #e5e5e5
}
.sentencias a {
	float: left;
	width: 96%;
	/*height: 105px;*/
	border-bottom: solid 3px #fff
}
.sentencias a h3 {
	font-size: 1.15em;
	padding: 5px 0;
	margin: 0;
	color: #21356b
}
.sentencias a p {
	color: #343333;
	font-size: 1em;
	line-height: 11pt;
	text-align: justify;
}
.sentencias:hover a {
	border-bottom: solid 3px #21356c
}
.sentencias a:hover h3 {
	color: #21356c;
	font-weight: bold
}
/*estilos seccion herramientas*/
.panelCard {
	width: 23.5%;
	margin: 1%;
	border: solid 1px #d1d1d1;
	float: left;
}
.panelCard a {
	width: 100%;
	float: left;
	height: 340px;
}
.panelCard.first {
	margin-left: 0
}
.panelCard.last {
	margin-right: 0
}
.RedBodyContent {
	height: 300px;
	width: 94%;
	margin: 3% auto 0 auto
}
.panelCard a:hover {
	background-color: #f1f1f1
}
.panelCard a:hover b {
	background: #a36966!important
}
.RedBodyContent img {
	width: 100%
}
.RedBodyContent h2, .RedBodyContent p, .RedBodyContent a.readMore {
}
.RedBodyContent h2 {
	font-size: 1.5em;
	color: #21356b;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.RedBodyContent p {
	font-size: 1em;
	line-height: 1.5em;
	height: 75px;
	float: left;
	color: #5b4c4c;
	text-align: left;
}
.panelCard .readMore3 {
	float: left;
	margin-left: 3%
}
/*estilos seccion de noticias*/
.newsContainer {
	width: 65%;
	float: left;
	margin-top: 15px;
}
.newsbody {
	float: left;
	position: relative;
	padding: 10px 0px 5px 0px;
	width: 100%;
	border-bottom: solid 2px #d1d1d1
}
.newsbody a {
	float: left;
	width: 100%
}
.newsbody img {
	float: left;
	position: relative;
	padding: 3px;
	margin: 0 7px 5px 5px;
	border: solid 1px #969696;
	background-color: #fff;
	vertical-align: top;
	width: 125px;
	height: auto
}
.newsbody h3 {
	position: relative;
	padding: 10px 0 5px 0;
	margin: 0;
	vertical-align: top;
	font-size: 1.1em;
	line-height: 17px;
	color: #203468;
	text-align: left;
	clear: right;
}
.newsbody p {
	position: relative;
	padding: 0 0 3px 0;
	vertical-align: top;
	color: #5b4c4c;
	font-size: 0.542em;
	line-height: 18px;
}
.newsbody h3 a {
	color: #0A5D8E;
	text-decoration: none;
}
.newsbody .time {
	font-size: 0.8em;
	padding: 5px 0;
	color: #999
}
.newsbody .time i {
	padding-right: 3px
}
.newsbody h3 a:hover {
	color: #37a034;
}
.newsbody span {
	color: #717171;
	padding: 2px 5px 8px 0px;
	font-size: .8em
}
.newsContent .readMore, .actividadcontainer .readMore {
	padding-top: 10px;
}
.newsbody:hover {
	background-color: #858585;
	color: #fff
}
.newsbody:hover .readMore2 b {
	background-color: #3c1117;
}
.newsbody:hover .readMore2 strong {
	background-color: #3c1117;
}
.newsbody:hover .readMores2 strong {
	background-color: #3c1117;
}
.newsbody:hover h3, .newsbody:hover span {
	color: #fff
}
.destacado, .newsContent {
	border: 0;
	float: left;
	position: relative;
	width: 50%;
	padding-left: 2%;
	border-left: solid 1px #e5e5e5;
	margin-top: 20px;
	padding-bottom: 25px
}
.destacado {
	border: 0;
	padding-left: 0;
	padding-right: 2%
}
/*.destacado .newsbody:hover {
	background-color: #fff !important
}*/
.destacado .newsbody {
	border: 0;
	padding: 0;
}
.destacado .newsbody  a {
	padding: 3%;
}
.destacado .newsbody a:hover h3, .destacado .newsbody a:hover p {
	color: #FFF !important;
}
.destacado .newsbody  p {
	font-size: 1.1em;
}
.destacado .newsbody .readMore2 { 
	font-size: 1em;
}
.destacado .newsbody img {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 10px
}
.destacado h3 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: 23px;
	color: #203468;
}
.enlaces {
	background-color:#f3f3f3;
	overflow: hidden;
	clear: both;
}
#selectorenelcentro {
	margin: 0 auto;
	width: 350px;
	padding-bottom: 22px;
}
.etiqueta {
	float: left;
}
label.etiqueta {
	font-size: 1.125em;
	font-style: italic;
	font-weight: 700;
	margin-top: 2px;
	margin-right: 12px;
	color: #595959;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}
.selector {
	background-color: #FFF;
	color: #595959;
	border-color: #aa9e89;
	margin-left: auto;
	margin-right: auto;
	width: 197px;
	font-size: 1.125em;
}
#response {
	background-color: #595959;
	font-size: 0.8em;
	color: #595959;
}
#response a {
	color: #595959;
	font-weight: 700;
	text-decoration: none;
}
/*estilos actividades*/
.actividadcontainer {
	width: 32%;
	float: right;
	margin-top: 15px;
}
.actividadcontainer h1 {
	margin-bottom: 30px
}
.actividad {
	float: left;
	position: relative;
	padding: 10px 0px 5px 0px;
	width: 100%;
	border-bottom: solid 1px #d1d1d1
}
.actividadBody {
	float: left;
	width: 80%;
	margin-left: 10px
}
.actividad a {
	width: 100%;
	float: left;
	border-right: 3px solid #fff;
}
.actividad h3 {
	margin: 0;
	font-size: 1.65em;
	line-height: 25px;
	float: left;
	width: 100%;
	padding-bottom: 5px
}
.actividad a h3 {
	color: #333;
	text-decoration: none;
	width: 100%;
}
.actividad a .actdate {
	float: left;
	position: relative;
	padding: 3px;
	width: 55px !important;
	height: 50px;
	color: #5b4c4c;
}
.actividad a .actdate span {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: top;
	text-align: center !important;
	font-size: 1em;
	line-height: 14px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	width: 100%;
	font-family: 'Crimson Text', serif;
}
.actividad a .actdate span.date2 {
	float: left;
	margin: 0px;
	position: relative;
	padding: 5px 0px 1px 0px !important;
	vertical-align: top;
	text-align: center !important;
	vertical-align: top;
	font-size: 2em !important;
	font-size: 1.000em;
}
.actividad a:hover {
	border-right: solid 3px #78222f
}
.actividad a:hover h3, .actividad a:hover .actdate {
	color: #78222f!important
}
/*Estilos Redes sociales*/
.socialLinksDiv {
	width: 23.5%;
	margin: 1%;
	float: left;
}
.socialLinksDiv.first {
	margin-left: 0
}
.socialLinksDiv.last {
	margin-right: 0
}
.socialLinksDiv h3 {
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.socialConnect {
	background-color: #f3f3f3;
	margin: 0;
	border-top: solid 1px #e9e9e9
}
.socialLinks h2 {
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 18px;
	margin: 60px 0 15px 0;
	color: #112d61;
	text-transform: uppercase;
	font-weight: bold
}
.socialLinks p {
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	padding: 5px 0 5px 0;
	color: #112d61;
	float: left;
	width: 100%
}
.socialLinks a {
	padding: 10px 15px;
	background-color: #3c1117;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-bottom: 12px;
	width: 100%;
	float: left;
	font-family: 'Nunito', sans-serif
}
.socialLinks a.twitter {
	background: #598dc9
}
.socialLinks a.facebook {
	background: #3a589a
}
.socialLinks a.youtube {
	background: #da453c
}
.socialLinks a.instagram {
	background: #8a3ab9
}
.socialLinks a.flickr {
	background-color: #ed1588
}
.socialLinks i, .socialCard i {
	padding-right: 5px
}
.socialCard {
	width: 100%;
	float: left;
	background: #fff;
	min-height: 420px
}
.socialCard h3 {
	width: 100%;
	float: left;
	background: #8d434d;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	margin: 0
}
/*estilos footer*/
footer {
	position: relative;
	/*margin-top: -700px;*/
	/*height: 730px;*/
	clear: both;
	border-top: solid 1px #b1b1b1;
	background-color: #f5f5f5
}
.footerbody {
	width: 100%;
	text-align: center;
	float: left;
	padding: 5px;
	color: #333;
}
.footerbody p {
	text-align: center;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	float: left;
	width: 100%;
	color: #777
}
.footerbody .enlaceprivacidad + div {
	bottom: 44px !important;
	float: none !important;
	position: absolute !important;
	right: 80px !important;
	width: 94px ;
}
.footerbody img {
/*	padding: 5px;*/
	text-align: center
}
.footerenlaces {
	width: 100%;
	
	background-color: #d1d1d1;
	border-bottom: solid 1px #C0C0C0;
	display: table;
}
.footerenlacesLeft {
	float: left;
	width: 50%;
/*	height: 480px !important;*/
}
.footerenlacesRigth {
	float: right;
	width: 50%;
	position: relative;
	background-image: url(../images/suscribete.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.subscripcion {
	padding: 20px;
	max-width: 520px;
	height: 154px;
	width: 90%;
	margin: 0 auto;
	border: solid 2px #fff;
	position: relative;
	top: calc(50% - 77px);
}
.subscripcion h3 {
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	color: #7a222e
}
.subscripcion p {
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #fff;
	text-transform: uppercase
}
.subscripcion p.bigger {
	font-size: 30px
}
input.form-control {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	float: left
}
.subscripcion input.form-control {
	width: 75%
}
.subscripcion input[type=submit] {
	width: 22%;
	margin: 0 auto;
	float: right;
	text-transform: uppercase;
	-webkit-appearance: button;
	cursor: pointer;
	text-align: center
}
input.form-control.btn-primary {
	color: #3c1117;
	background-color: #fff !important;
	border: 0;
	font-size: 12px;
}
input.form-control.btn-primary:hover {
	background-color: #3c1117 !important;
	color: #fff
}
.enlaceprivacidad {
	width: 380px;
	float: none;
	margin: auto
}
ul.privacity {
	margin: 0;
	
	display: block;
	text-align: center;
/*	float: left*/
}
ul.privacity li {
	width: 32%;
padding: 0 1%;
	/*float: left;	
	text-align: center*/
	display: inline
}
ul.privacity li a {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #7a222e;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
ul.privacity li a:hover {
	color: #20346a
}
ul.privacity li:first-child {
	padding: 0;
	text-align: right
}/*
ul.privacity li:last-child {
	padding: 0;
	text-align: left
} */
.footernav {
	float: right;
	max-width: 570px;
	width: 90%;
	margin-right: 10px
}
.footernav ul {
	margin: 30px 0;
	padding: 0;
	display: block;
	text-align: right;
	width: 33%;
	padding-right: 1%;
	float: left;
	vertical-align: text-top
}
.footernav ul ul {
	width: 100%;
	margin: 5px 0
}
.footernav ul li {
	width: 100%;
	padding: 0;
	float: left;
	text-align: left;
	padding-top: 5px
}
.footernav ul li ul {
	width: 100%;
}
.footernav ul a {
	line-height: .6em;
	text-decoration: none;
	color: #7a222e;
	padding: 0;
	font-weight: bold;
	border-bottom: solid 1px #d1d1d1;
	font-size: 15px;	
}
.footernav ul a:hover {
	border-bottom: solid 1px #7a222e;
	font-weight: bold;
}
.footernav ul ul a {
	font-weight: normal;
	font-size: 14px;
}
.redessociales {
	width: 475px;
	padding: 25px 0 5px 0;
	text-align: left;
	float: none;
	color: #7a222e;
	margin: auto
}
.redessociales p {
	margin: 45px 0 5px 0
}
.redessociales a {
	padding: 0px 5px;
	font-size: 1.5em;
	color: #7a222e
}
/*estilos de texto*/
.insidetext {
	margin-top: 170px
}
.textbody {
	display: block;
	float: left;
	margin: auto;
	padding: 10px 0;
	position: relative;
	width: 100%
}
.textbody h2 {
	clear: both;
	color: #7a212e;
	float: left;
	font-size: 22pt;
	padding: 5px 0px 3px 0px;
	position: relative;
	text-align: left;
	width: 100%;
}
.textbodyleft {
	float: left;
	padding-top: 5px;
	width: 23%;
}
.textbodyright {
	float: right;
	width: 74%;
}
.imagencentral {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
.imagencentral img {
	float: left;
	height: auto;
	margin: 0px;
	padding: 5px 0;
	position: relative;
	width: 100%;
}
.galeriaimagenes {
	float: left;
	position: relative;
	width: 100%
}
.galeriaimagenes img {
	height: 75px;
	float: left;
	padding: 5px
}
.meta {
	float: left;
	padding: 5px 0;
	width: 100%;
	font-size: 13px;
}
.meta a {
	color: #203468;
}
.meta a:hover {
	color: #333;
}
.textSize {
	width: 320px;
	font-size: 14px;
	float: right;
	padding-top: 6px
}
.textSize a {
	float: right;
	padding-left: 8px
}
.textSize i {
	padding-right: 5px
}
.textbody p {
	color: #333;
	float: left;
	padding: 4px 0px 9px 0px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
	font-size: 15px;
	line-height: 1.7em
}
.textbody .extracto {
	border-top: solid 1px #cba9a4;
	border-bottom: solid 1px #cba9a4;
	padding: 5px 0;
	margin: 5px 0;
	width: 100%;
	float: left;
	font-size: 1.1em
}
.textbody .extracto p {
	margin: 0;
	padding: 0;
	font-style: italic
}
.textbody q {
	font-size: 18px;
	font-style: italic;
	width: 100%;
	margin: 0 0 10px;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #cba9a4;
	float: left
}
.textbody q:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #cba9a4;
}
.textbody h3, .textbody h34, .textbody h5 {
	margin: 0
}
.textbody h3 {
	color: #7a212e;
	float: left;
	font-size: 1.4em;
	line-height: 1.8em;
	padding: 10px 0px 3px 0px;
	width: 100%;
}
.textbody h4 {
	color: #7a212e;
	float: left;
	font-size: 16pt;
	line-height: 18pt;
	padding: 10px 0px 5px 0px;
	width: 100%;
}
.textbody h7 {
	border-bottom: dotted 1px #333;
	color: #333;
	float: left;
	font-size: 10pt;
	line-height: 14pt;
	margin-bottom: 8px;
	padding: 15px 0px 1px 0px;
	width: 100%;
}
.textbody ul, .textbody ol {
	color: #333;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 8px 0px;
	position: relative;
	text-align: justify;
	width: 96%;
	font-size: 15px;
	line-height: 1.7em
}
.textbody ul li {
	float: left;
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
	padding: 0px 0px 12px 5px;
	width: 100%;
}
.textbody ol li {
	float: left;
	line-height: 18pt;
	list-style: decimal;
	list-style-position: outside;
	margin-left: 18px;
	padding: 0px 0px 8px 5px;
}
.textbody a {
	color: #7a212e;
}.textbody a:hover {
	border-bottom:solid 1px #7a212e
}

.iconmagistrado span {
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
img.insideheader {
	float: left;
	width: 100%;
	padding: 5px 0 15px 0
}
.barra {
	position: relative;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
	float: left;
	width: 100%;
	border-bottom: solid 1px #cdcdcd;
	border-top: solid 1px #cdcdcd;
}
.breadcrumbs {
	width: 74%;
	position: relative;
	float: left;
	padding: 5px 0 0 0;
}
.breadcrumbs ul {
	margin: 0px;
	text-align: justify;
	padding: 0px;
	list-style: none !important;
	float: left;
	position: relative;
	width: 100%;
	font-size: 13px;
}
.breadcrumbs ul li {
	padding: 0px 5PX 0px 0px;
	margin: 0;
	text-decoration: none;
	color: #333;
	list-style: none;
	float: left;
	font-stretch: extra-expanded;
	font-weight: normal;
	list-style: none !important;
	text-decoration: none;
	width: auto
}
.breadcrumbs li a {
	color: #7a212e;
}
.breadcrumbs li a:hover {
	color: #333
}
/*estilos publicaciones*/
.publicaciones {
	width: 100%;
	display: inline-block
}
.publicaciones .panel-heading {
	border: 0;
}
.publicaciones .panel-heading .buscadorano, .publicaciones .panel-heading .buscadorano + select, 
.publicaciones .panel-heading .buscadorano + select + select {
	font-size: 13px !important;
}
.publicaciones h3.panel-title {
	font-size: 1em;
	padding: 3px 0;
}
.publicaciondetail {
	width: 100%;
	padding: 8px 0;
	border-bottom: solid 1px #c5c5c5;
	float: left
}
.publicaciondetail span.readMore { 
	margin: 10px 0 5px;
}
.portada {
	width: 20%;
	padding-right: 1%;
	padding-bottom: 5px;
	float: left
}
.portada img {
	width: 100%;
	border: solid 1px #ccc
}
.detailtext {
	width: 80%;
	float: right
}
.detailtext .readMore a {
	color: #fff;
	padding: 8px 12px;
}
.detailtext table {
	font-size: 8pt;
	font-weight: bold;
}
.detailtext table .titulo {
	color: #7a212e;
	margin-right: 3px
}
.detailtext .comprarPub {
	text-align: left;
	width: 100%;
	display: inline-block;
	font-size: .8em;
	font-weight: bold;
	padding: 5px;
	margin-top: 11px;
	border: solid 1px #c5c5c5;
	background-color: #f5f5f5;
}
/*estilos eventos*/
.eventos {
	width: 100%;
	display: inline-block
}
.eventosdetail {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #c5c5c5;
	float: left
}
.eventosportada {
	width: 20%;
	padding-right: 1%;
	padding-bottom: 5px;
	float: left
}
.eventosportada img {
	width: 100%;
	border: solid 1px #ccc
}
.eventosdetailtext {
	width: 80%;
	float: right
}
.eventosdetailtext h3 {
	padding-top: 0px
}
.eventosdetailtext .readMore {
	color: #fff;
	margin-bottom: 5px;
	float: left
}
.eventosdetailtext .readMore a {
	color: #fff;
	margin-bottom: 5px;
}
/*estilos panel tabla de herramientas*/
.panel-table .panel-body {
	padding: 0;
}
.panel-table .panel-body .table-bordered {
	border-style: none;
	margin: 0;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
	text-align: center;
	width: 100px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
	border-right: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type, .panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
	border-left: 0px;
}
.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td {
	border-bottom: 0px;
}
.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th {
	border-top: 0px;
	color: #7a222e;
	font-weight: bold;
	vertical-align: middle;
}
.panel-table .panel-footer .pagination {
	margin: 0;
}
/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col {
	line-height: 34px;
	height: 34px;
}
.panel-table .panel-heading .col h3 {
	line-height: 30px;
	height: 30px;
}
.panel-table .panel-body .table-bordered > tbody > tr > td {
	line-height: 24px;
}
/*estilos seccion derecha inside*/
.compartir {
	width: 210px;
	float: right;
	font-size: 13px;
	padding: 2px 0;
}
.compartirbottom {
	width: 100%;
	float: left;
	padding: 5px 0;
	border-top: solid 1px #e5e5e5
}
.compartir a {
	padding: 0 8px;
	font-size: 20px;
}
.aside div {
	width: 100%;
	float: left;
	margin: 5px 0 10px 0
}
.aside a {
	width: 100%;
	float: left
}
.aside .ultimasnoticias a:hover h4{
	color: #7a212e;
    border-bottom: solid 1px #cba9a5;
}
.aside h3 {
	padding: 10px 0;
	color: #305084;
	font-size: 25px;
	margin-bottom: 3px
}
.aside h4 {
	padding: 7px 0 3px 0;
	color: #3f3f40;
	font-size: 14px;
	line-height: 20px;
	margin: 0
}
.aside p {
	color: #333;
	float: left;
	padding: 4px 0px 9px 0px;
	position: relative;
	text-align: justify;
	vertical-align: top;
	width: 100%;
	font-size: .6em;
	line-height: 1.3em
}
.aside .relacionadas a, .aside .herramientas a, .aside .enlacesdeinteres a {
	padding: 9px 0 2px 5px;
	color: #3f3f40;
	font-size: 15px;
	border-bottom: solid 1px #e5e5e5
}
.aside .relacionadas a:hover, .aside .herramientas a:hover, .aside .enlacesdeinteres a:hover {
	color: #7a212e;
	border-bottom: solid 1px #cba9a5
}
.aside .linkmore {
	font-size: 13px;
}
.ultimasnoticias h4 {
	border-bottom: solid 1px #eee;
	padding-top: 5px
}
ul.documentoadjunto i {
	float: left;
	position: relative;
	width: 5%;
	padding-top: 5px
}
ul.documentoadjunto span {
	float: right;
	position: relative;
	width: 92%
}
ul.documentoadjunto span small {
	font-size: 8pt;
	padding-left: 5px;
}
/*estilos secretaria*/
.tablecontenedor {
	width: 100%;
	display: inline-block;
	padding: 0 10px
}
.buscadorjurisprudencia {
	width: 100%;
	padding: 8px 10px;
	display: inline-block
}
.selectjuris {
	width: 22%;
	float: left
}
.selectjuris select {
	border: solid 1px #c5c5c5;
	width: 100%;
	border-radius: .3em;
	padding: 0 5px;
}
.titulojuris {
	width: 15%;
	margin-right: 2%;
	float: left;
	height: 34px;
	vertical-align: middle;
	display: table;
}
.titulojuris span {
	padding: 0px 15px 0 0;
	vertical-align: middle;
	display: table-cell;
	font-weight: bold
}
.titulojuris i {
	display: table-cell;
	padding-top: 10px
}
.inputjuris {
	width: 83%;
	float: right;
	height: 34px;
	border: solid 1px #c5c5c5;
	border-radius: .3em;
	overflow: hidden;
	position: relative;
}
.inputjuris input[type="text"] {
	width: 100%;
	padding: 0 50px 0 12px;
	border: none;
	height: 100%;
}
.inputjuris button {
	z-index: 99;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 12px;
}
/*estilos seccion sigerd*/
.detailSigerd h3 {
	color: #7a212e;
	float: left;
	font-size: 1.1em;
	width: 100%;
	padding-bottom: 3px;
	display: inline-block;
	border-bottom: solid 1px #7a212e
}
.detailSigerd span.label {
	color: #7a212e;
	float: left;
	text-align: right;
	font-size: 0.8em;
	width: 100%;
	line-height: 24px
}
.detailSigerd span.input {
	display: block;
	width: 100%;
	font-size: 14px;
}
.detailSigerd span.input label {
	padding-top: 3px
}
.detailSigerd span.input input {
	display: block;
	width: 100%;
	height: 24px;
	padding: 6px 12px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}
/*seccion transparencia*/
body.transparenciaBody header {
	position: relative;
	height: auto
}
body.transparenciaBody section.contenedor {
	border-top: solid 1px #d1d1d1
}
body.transparenciaBody .insidetext {
	margin-top: 5px
}
body.transparenciaBody h2 {
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
}
.transparenciacard {
	width: 31%;
	float: left;
	margin: 1%;
	border: solid 1px #d1d1d1;
}
.transparenciacard img {
	text-align: center;
	padding: 5px 20px;
	margin-top: 10px;
}
.transparenciatext p {
	width: 100%;
	float: left;
	padding: 5px 10px
}
.transparenciatext h3 {
	border-bottom: dotted 1px #333;
	color: #333;
	float: left;
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 15px 0px 5px 0px;
	margin: 0 10px;
	width: 97%;
}
.transparenciatext h4 {
	padding: 25px 0px 0px 10px;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0;
	float: left;
	width: 97%;
	font-weight: bold
}
.transparenciatext ul, .transparenciatext ol {
	color: #333;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 8px 10px;
	position: relative;
	text-align: justify;
	width: 96%;
	font-size: .9em;
	line-height: 1.7em
}
.transparenciatext ul li {
	float: left;
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
	padding: 0px 0px 6px 5px;
	width: 100%;
}
.transparenciacard a {
	width: 100%;
	float: left;
	height: 270px;
	text-align: center;
 color#333
}
.transparenciacard a:hover {
	background-color: #f1f1f1
}
.transparenciacard i {
	font-size: 4em;
	padding: 20px;
	margin-top: 10px;
	-moz-border-radius: 5px;
	border-radius: 50px;
	color: #7a212e
}
.transparenciacard a h4 {
	text-align: center;
	padding: 5px;
	color: #7a212e;
	height: 48px
}
.transparenciacard a p {
	font-size: .9em;
	line-height: 1.5em;
	height: 65px;
	float: left;
	text-align: center;
	padding: 5px;
	color: #5b4c4c
}
.transparenciacard .readMore3 {
	float: left;
	width: 100%
}
.transparenciacard a:hover .readMore3 b {
	background-color: #a36966
}
.transparenciacard a:hover .readMore3 strong {
	background-color: #a36966
}
/*estilos table contador*/
.tableContador td {
	float: left;
	padding-right: 5px
}
.tableContador td a {
	float: left;
	padding: 8px;
	background: #f5f5f5;
	color: #333
}
.tableContador td a:hover {
	background-color: #e5e5e5
}
#sticky-social {
	display: none
}
/*estilos formulario de contacto*/
.formulariocontacto h3, .datoscontacto h3 {
	color: #7a212e;
	float: left;
	font-size: 1.4em;
	line-height: 1.8em;
	padding: 10px 0px 3px 0px;
	width: 100%;
}
.datoscontacto li {
	margin-bottom: 5px
}
.datoscontacto i {
	color: #7a212e;
	border-radius: 10%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 5px;
}
/*Acordeon*/
.tabs_wrapper {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	background: transparent;
	display: inline-block;
	font-weight: bold
}
ul.tabs {
	float: left;
	vertical-align: top;
	position: relative;
	z-index: 25;
	margin: 25px 0 0;
	padding: 0;
	width: 22%;
	min-width: 175px;
	list-style: none;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.tabs li {
	margin: 0;
	cursor: pointer;
	font-size: .9em;
	padding: 10px 15px;
	line-height: 25px;
	color: #a2a2a2;
	border-bottom: solid 1px #a2a2a2;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-bottom: 2px;
	width: 100%;
	float: left;
}
ul.tabs li:hover {
	color: #7a222e;
	border-bottom: solid 1px #7a222e;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.tabs li.active {
	color: #7a222e;
	border-bottom: solid 1px #7a222e;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.tabs li.home, ul.tabs li.active.home, ul.tabs li.detailtext, ul.tabs li.active.detailtext, ul.tabs li.gallery, ul.tabs li.active.gallery, ul.tabs li.form, ul.tabs li.active.form {
	background-image: url(../images/detailhomew.png);
	background-repeat: no-repeat;
	background-position: 5px 12px;
	background-size: 20px 20px;
	padding-left: 30px
}
ul.tabs li.active.home {
	background-image: url(../images/detailhome.png);
}
ul.tabs li:hover.home {
	background-image: url(../images/detailhome.png);
}
ul.tabs li.detailtext {
	background-image: url(../images/detailtextw.png);
}
ul.tabs li.active.detailtext {
	background-image: url(../images/detailtext.png);
}
ul.tabs li:hover.detailtext {
	background-image: url(../images/detailtext.png);
}
ul.tabs li.gallery {
	background-image: url(../images/detailcameraw.png);
}
ul.tabs li.active.gallery {
	background-image: url(../images/detailcamera.png);
}
ul.tabs li:hover.gallery {
	background-image: url(../images/detailcamera.png);
}
ul.tabs li.form {
	background-image: url(../images/form.png);
}
ul.tabs li:hover.form, ul.tabs li.active.form {
	background-image: url(../images/formw.png);
}
.tab_container {
	float: left;
	vertical-align: top;
	position: relative;
	z-index: 20;
	width: 77%;
	min-width: 10px;
	text-align: left;
	background: white;
}
.tab_content {
	padding: 20px 0px 20px 15px;
	height: 100%;
	display: none;
}
.tab_content h2 {
	color: #7a222e;
	border-bottom: solid 1px #7a222e;
	padding: 3px 0 9px 0;
	margin: 5px 0;
	font-family: 'Nunito', sans-serif, Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 100%
}
.tab_content p {
	color: #333;
	float: left;
	padding: 4px 0px 9px 0px;
	position: relative;
	text-align: justify;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.7em;
}
.tab_content .galeriaimagenes {
	padding-bottom: 25px
}
.tab_drawer_heading {
	display: none;
}

/*estilos detalle servicio*/
.servicedetailcard{
	border:solid 1px #d5d5d5; display:table; width:100%; padding:5px; min-height:175px; margin-bottom:10px}
.servicedetailcard div{
	width:100%; float:left; text-align:center}	
.servicedetailcard i{
	font-size:35px; padding-top:5px}
	.servicedetailcard h6{ font-weight:bold}
.servicedetailcard span, .servicedetailcard span h6, .servicedetailcard span p{
	float:left; width:100%; text-align:center}	
	
 @media only screen and (max-width: 1200px) {
#cssmenu > ul > li > a {
	padding: 17px 15px;
}
}
 @media only screen and (max-width: 1024px) {
#cssmenu > ul > li > a {
	padding: 17px 15px;
}
.titulojuris {
	width: 30%
}
.titulojuris i{ display:none}
.selectjuris {
	width: 65%;
	float: right;
	text-align: right
}
.inputjuris {
	width: 100%;
	margin-top: 8px
}
.bannerHeader .infoBlockLeftBlack, .bannerHeader .infoBlockLrightBlack {
	width: 65%;
	max-width: 65%;
}

}
@media only screen and (max-width: 991px) {
.textSize { float: none; }
.topLogo {
	width: 100%
}
.panelCard a {
	height: 390px;
}
.footerenlaces {
	display: none
}
.escudo, .searchTop, .menuTop, .searchJ {
	display: none
}
	/*ogtic nuevo css*/
.bannerHeader, .insidetext {
	margin: 141px auto 0 auto;
}
.newsContainer, .actividadcontainer {
	width: 100%
}
.sentencias {
	height: 160px;
}
.panelCard.first, .panelCard.last, .socialLinksDiv.first, .socialLinksDiv.last {
	margin: 0;
}
.panelCard, .socialLinksDiv {
	width: 48%;
	margin: 1% !important
}
.topLogo {
	text-align: center
}
#sticky-social {
	display: none
}
.row {
	margin-left: 0;
	margin-right: 0
}
.destacado, .newsContent {
	border-left: 0
}
footer {
	/*margin-top: -320px;
	height: 350px;*/
}
.footerbody .enlaceprivacidad + div {
	clear: both;
	position: inherit !important;
	width: 100%;
}
.topheader {
	height: 90px;
   

}
.topLogo {
	margin-top: 5px;
}
/*ogtic nuevo css
}*/
header {
	height: 141px;
}
}
@media only screen and (max-width: 768px) {
.destacado, .newsContent {
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
}
.destacado {
	border-bottom: solid 1px #c5c5c5
}
.panelCard a {
	height: 360px;
}
.bannerHeader .infoBlockLeftBlack, .bannerHeader .infoBlockLrightBlack, .bannerHeader .infoBlockLeftBlackhalf, .bannerHeader .infoBlockLrightBlackhalf {
	width: 65%;
	max-width: 65%
}
.bannerHeader .infoBlockLeftBlack p, .bannerHeader .infoBlockLrightBlack p, .bannerHeader .infoBlockLeftBlackhalf p, .bannerHeader .infoBlockLrightBlackhalf p {
	display: none
}
.bannerHeader .rsABlock h3 {
	font-size: 25px
}
		.bannerHeader .infoBlockTop, .bannerHeader .infoBlockBottom {
	background: rgba(0, 0, 0,1);
	margin: 0 auto;
	max-height: 35%;
	height: 30%;
	max-width: 100%;
	text-align:center;
	width: 100%;
}
.bannerHeader .rsABlock h4 {
	font-size: 12px;
    margin-top: -3%;
}
	.bannerHeader .rsABlock h1 {
	font-size: 15px;
    margin-top: -4% !important;
}
		.bannerHeader .rsABlock h1 span{
line-height: 16px;
}
}
.fTextcontainer p{
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    float: left;
    width: 100%;
    color: #777;}
@media only screen and (max-width: 699px) {
.footerenlaces, .enlaceprivacidad {
	display: none
}
.footerbody img {
	max-width: 300px;
}
.col-xs-12 {
	padding-left: 0;
	padding-right: 0
}
	
}
@media screen and (max-width: 1200px) {
.tab_container {
	width: 70%
}
.inputjuris {
	width: 50%;
}
	
}
@media screen and (max-width: 1024px) {
.inputjuris {
	width: 100%;
	padding: 0;
	margin: 5px 0
}
	.dvlogos
	{
	    width: 44%!important;
    text-align: center;
    position: absolute!important;
    display: inline-block;
    margin-bottom: -51%;
    margin-right: 17%;
	}
}
@media screen and (max-width: 991px) {
.breadcrumbs, .compartir, .meta, .publication_date {
	width: 100%
}
.compartir a {
	margin-top: 3px;
	font-size: 26px;
}
.compartir span, .compartir a {
	float: left
}
.compartir span {
	padding: 9px 5px 0 0
}
ul.tabs {
	display: none;
}
.tab_container {
	display: block;
	margin: 0 auto;
	width: 100%;
	border-top: none;
	border-radius: 0;
}
.tab_drawer_heading {
	background-color: #8d434d;
	color: #fff;
	margin: 0;
	padding: 10px 20px;
	display: block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	border-bottom: solid 1px #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	float: left;
	width: 100%;
}
.tab_drawer_heading:hover {
	background: #7a222e;
}
.d_active {
	background: #7a222e;
}
.transparenciacard {
	width: 48%
}
.flagtop {
	display: block
}
	.dvlogos
	{
	    width: 44%!important;
    text-align: center;
    position: absolute!important;
    display: inline-block;
    margin-bottom: -51%;
    margin-right: 17%;
	}
}
@media screen and (max-width: 767px) {
.sentencias {
	height: auto
}
.actividadcontainer .readMore {
	padding: 15px 0;
}
	/*ogtic nuevo css*/
.bannerHeader, .insidetext {
	margin: 141px auto 0 auto;
}
.panelCard .readMore3 {
	padding: 10px 0;
}
.panelCard a {
	height: auto;
}
.titulojuris {
	width: 20%;
}
	.qnetLogo
{
width:81%;
/*position:absolute;*/
}
	.dvlogos
	{
	    width: 44%!important;
    text-align: center;
    position: absolute!important;
    display: inline-block;
    margin-bottom: -51%;
    margin-right: 17%;
	}
}
@media screen and (max-width: 500px) {
.topLogo img {
	width: 300px !important;
	height: 55px !important;
	   
}
	
	.bannerHeader .infoBlockTop, .bannerHeader .infoBlockBottom {
	background: rgba(0, 0, 0, 1);
	
	margin: 0 auto;
	max-height: 35%;
	height: 30%;
	max-width: 100%;
	text-align:center;
	width: 100%;
}
.sentencias, .socialLinksDiv {
	width: 100%!important;
}
.socialLinksDiv h2 {
	margin-top: 25px
}
.panelCard {
	width: 100%!important;
	margin: 5px 0!important
}
.sentencias a {
	height: auto
}
.actividadcontainer .readMore, .newsContent .readMore, .actividadcontainer .readMore a, .newsContent .readMore a {
	width: 100%;
	float: left;
}
.socialLinksDiv {
	display: none
}
.socialLinks.socialLinksDiv {
	display: block!important
}
footer .container {
	padding: 0
}
.actividadBody {
	width: 76%;
}
.transparenciacard {
	width: 100%
}
.bannerHeader .rsABlock h3 {
	font-size: 13px;
}
.bannerHeader .rsABlock 
	{
	font-size: 12px;
		margin-top: -1%;
}
.bannerHeader .rsABlock .readMore a{
	font-size: 9px;
    padding: 4px 10px;
	}
	.qnetLogo
{
width:81%;
/*position:absolute;*/
}
	.dvlogos
	{
	    width: 44%!important;
    text-align: center;
    position: absolute!important;
    display: inline-block;
    margin-bottom: -51%;
    margin-right: 17%;
	}
}
/*================================================================================================================
================================================================================================================*/
.responsive-img {
	width: 100%;
}
.whatsapp_share {
	display: none;
}
.publication_date {
	float: right;
	font-size: .8em;
	padding: 5px 0;
	text-align: right;
	width: 38%;
}

@media only screen and (max-width:360px)
{
.dvlogos
	{
	    width: 44%!important;
    text-align: center;
    display: -webkit-inline-box;
    margin-bottom: -51%;
    margin-right: 50%;
	}
		 .accessmenu{
	 display: none !important;
	 }
}
 @media only screen and (max-width: 990px) {
.whatsapp_share {
	display: inline-block;
}
.hidden-mobile {
	display: none !important;
}
	 	 .accessmenu{
	 display: none !important;
	 }
.publication_date {
	width:100%;float:left;
	text-align:left}
	 
.isoLogo {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
}

.qnetLogo
{
width:81%;
/*position:absolute;*/
}
	.dvlogos
	{
	    width: 41%!important;
    text-align: center;
    position: absolute!important;
    display: inline-block;
    margin-bottom: -50%;
    margin-right: 17%;
	}
	 
}
.newtext{
clear: both!important;
    color: #7a212e!important;
    float: left!important;
    font-size: 22pt!important;
    padding: 5px 0px 3px 0px;
    position: relative!important;
    text-align: left!important;
    width: 100%!important;
}

.servicedetailcard em {
    font-size: 35px;
    padding-top: 5px;
}

.servicedetailcard div em {
    font-size: 35px;
    padding-top: 5px;
}
/*================================================================================================================
================================================================================================================*/

.gray_img{
filter: grayscale(100%);
}
/*================================================================================================================
================================================================================================================*/
.sidebar {
    width: 0px;
    overflow:hidden;
    background: #203468;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.sidebar ul {
    width: 238px;
}
.sidebar.open {
    width: 251px;
}

.btnshow{

    visibility:hidden;
	 -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.btnshow.open
{
     visibility:false;
}

.otcs:hover { 
  border-bottom: 2px solid #203468;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.CEC-Service{
border:1px solid black;
height:9em;
width:9em;
display: inline-block;
background-color:rgb(197,160,158);
margin:5px;
text-align:center;
}
.CEC-Service:hover{
cursor:pointer;
background-color: #771F30;
}


.cc_o {
    padding: 27px 20px;
    width: 100%;
    height: auto;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(112, 112, 112, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);
}
.cc_o .qr {
    position: relative;
}
.cc_o .qr h3 {
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    text-align: left;
    color: #000;
}
.cc_o .qr h3 span {
    font-weight: bold;
    display: block;
}
.cc_o .qr .qr_i {
    width: 162.45px;
    height: 162.45px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(112, 112, 112, 0.15);
    padding: 14px;
}
.cc_o .qr .qr_i img {
    width: 133.57px;
    height: 133.57px;
    object-fit: contain;
}

/*nuevo css OGTic*/
ul.open{
	width: 100%;	
}
#mainNavBar{
background: #00192F; }
#cssmenu{padding:0!important}
.toTop {
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: #cba9a4;
    top: -20px;
    right: 10px;
    border: #00192F;
    line-height: 55px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 44.85px;
    height: 44.85px;
    box-shadow: rgb(0 0 0 / 30%) 0px 1px;
}
.toTop:hover {
    filter: drop-shadow(2px 4px 6px black);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    color: #ffffff;
    text-decoration: none;
    background-color: #3c1117;
    
}
.navbar-toggler{
	padding: 9px 10px;
	margin: 0 auto;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
	
}
.navbar-toggler > .icon-bar{    display: block;
    width: 22px;
    height: 2px;background-color: #888;
	border-radius: 1px;}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
@media screen and (min-width:1001px)	{
	#mainNavBar{
	justify-content: left;
	display: flex!important; 
	flex-direction: row;
	padding-left: 10%;
	}
	.smaller .topheader{
	display:none;
	}
	.topheader{
		display: flex;
    justify-content: space-between;
    align-items: center;
	padding-bottom: 10px;

	}
}
	
@media screen and (min-width:992px)	{

	.navbar-toggler{
	display:none}
	}

}




/* notas: se debe retirar el #cssmenu de la clase hija head-mobile a nivel de css en este mismo archivo
ej: antes (#cssmenu #head-mobile) ahora: (#head-mobile).
efectuando el estilo directamente al id #head-mobile  */


/*
Código CSS para resaltar el nombre de la página activa en ese momento en la barra de menúes.
2023-10-10 13-48 PM. Willkelly Alcántara Castillo
*/