@media only screen and (min-width: 1020px) {.group-process { display: flex; }}

.block-process {padding-left: 15px; padding-right: 15px; position: relative; z-index: 10;}

.block-process::before, .block-process::after {content: " ";display: table;}

.block-process::after {clear: both;}

.block-process::before, .block-process::after {content: " ";display: table;}

.block-process::after {clear: both;}

.block-process .__icon {position: relative;}

.block-process .__icon::before {background: #99e3c1 none repeat scroll 0% 0%;content: "";display: block;position: absolute;z-index: -1;}

.block-process:last-child .__icon::before {display: none;}

.block-process.active .__icon .circle-icon::before {background-color: #00bfff;}

.block-process.active .__icon::before, .block-process.active ~ .block-process .__icon::before {background-color: #dadada;}

.block-process.active ~ .block-process .__icon .circle-icon::before {background-color: #a2a2a2;}

@media only screen and (min-width: 1020px) {

  .block-process { text-align: center; }

  .block-process .__title { height: 60px; margin-bottom: 0px; }

  .block-process .__icon { margin: 0px -15px 40px; }

  .block-process .__icon::before { width: 100%; top: 50%; height: 4px; transform: translateY(-50%); }

  .block-process .__icon::before { left: 50%; }

  .group-process.large-icon .block-process .__icon .circle-icon::before { width: 140px; height: 140px; border: 10px solid rgba(255, 255, 255, 0.6); line-height: 120px ! important; font-size: 40px; }

}

@media only screen and (max-width: 1019px) {

  .block-process { padding-left: 100px; padding-bottom: 20px; }

  .block-process .__title { margin-bottom: 10px; }

  .block-process .__icon { position: absolute; width: 70px; height: 100%; left: 15px; top: 0px; }

  .block-process .__icon::before { width: 4px; height: 100%; left: 50%; transform: translateX(-50%); }

}

.block-process-2 {position: relative;}

.block-process-2 .cell-vertical-wrapper {height: 320px;}

.block-process-2 .__number {bottom: 0px;color: #333333;font-size: 200px;height: 200px;left: 6px;line-height: 1;margin-bottom: auto;margin-top: auto;opacity: 0.04;position: absolute;top: -20px;}

.block-process-2 .__block {margin-left: auto;margin-right: auto;padding-bottom: 40px;padding-top: 40px;}

.block-process-2 .__block > * {letter-spacing: 0.05em;}

.block-process-2 .__block .__title {font-size: 14px;margin-bottom: 10px;}

.block-process-2 .__block p.__content {margin-bottom: 0px;}

.block-process-2.size-small .cell-vertical-wrapper {height: 240px;}

.block-process-2.size-small .__block > * {letter-spacing: 0px;}

.block-process-2.size-small .__block .__title {font-size: 18px;margin-bottom: 5px;}

@media only screen and (min-width: 1020px) {.block-process-2 .__block { max-width: 320px; }}

@media only screen and (max-width: 1019px) {.block-process-2 .__block { max-width: 720px; }}

/* Icon-box-list */

.group-icon-box-list-right-slider {position: relative;}

.group-icon-box-list-right-slider .__block-wrapper-1,.group-icon-box-list-right-slider .__block-wrapper-2 {padding-right: 15px;padding-left: 15px;}

.group-icon-box-list-right-slider .__block-wrapper-1 .__block,

.group-icon-box-list-right-slider .__block-wrapper-2 .__block {margin-right: auto;margin-left: auto;}

.group-icon-box-list-right-slider .__block-wrapper-1 {padding-top: 100px;padding-bottom: 60px;}

.group-icon-box-list-right-slider .__block-wrapper-1 .__block .hr-header {margin-bottom: 30px;}

.group-icon-box-list-right-slider .__block-wrapper-2 {position: relative;}

.group-icon-box-list-right-slider .__block-wrapper-2 .cell-vertical-wrapper {table-layout: fixed;}

.group-icon-box-list-right-slider .__block-wrapper-2 .__block {max-width: 640px;}

@media only screen and (min-width: 768px ) {.group-icon-box-list-right-slider .__block-wrapper-1 .__block {width: 720px;}}

@media only screen and (min-width: 1020px ) {.group-icon-box-list-right-slider .__block-wrapper-1 .__block {width: 960px;}}

@media only screen and (min-width: 1230px ) {

  .group-icon-box-list-right-slider .__block-wrapper-1,.group-icon-box-list-right-slider .__block-wrapper-2 {width: 50%;padding-right: 30px;padding-left: 30px;}

  .group-icon-box-list-right-slider .__block-wrapper-1 .__block {max-width: 680px;}

  .group-icon-box-list-right-slider .__block-wrapper-2 {position: absolute;top: 0;right: 0;height: 100%;}

}

@media only screen and (max-width: 1229px ) {

  .group-icon-box-list-right-slider .__block-wrapper-2 {padding-top: 80px;padding-bottom: 60px;}

}

.group-icon-box-list-side-image {position: relative;}

.group-icon-box-list-side-image:before,.group-icon-box-list-side-image:after {content: " ";display: table;}

.group-icon-box-list-side-image:after {clear: both;}

.group-icon-box-list-side-image:before,.group-icon-box-list-side-image:after {content: " ";display: table;}

.group-icon-box-list-side-image:after {clear: both;}

.group-icon-box-list-side-image .__block-wrapper-2 {padding-top: 100px;padding-bottom: 75px;padding-right: 15px;padding-left: 15px;}

.group-icon-box-list-side-image .__block-wrapper-2 .__block {margin-right: auto;margin-left: auto;}

.group-icon-box-list-side-image .__block-wrapper-2 .__block > .__title {margin-bottom: 20px;}

.group-icon-box-list-side-image .__block-wrapper-2 .__block > .__caption {margin-bottom: 50px;}

.group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon {margin-bottom: 25px;}

.group-icon-box-list-side-image .__block-wrapper-2 .__block .block-icon-box-left-icon .__right-side .__heading {padding-top: 5px;margin-bottom: 8px;}

@media only screen and (min-width: 768px ) {.group-icon-box-list-side-image .__block-wrapper-2 .__block {width: 720px;}}

@media only screen and (min-width: 1020px ) {.group-icon-box-list-side-image .__block-wrapper-2 .__block {width: 960px;}}

@media only screen and (min-width: 1230px ) {

  .group-icon-box-list-side-image .__block-wrapper-1,.group-icon-box-list-side-image .__block-wrapper-2 {width: 50%;}

  .group-icon-box-list-side-image .__block-wrapper-2 {padding-right: 30px;padding-left: 30px;float: right;}

  .group-icon-box-list-side-image .__block-wrapper-2 .__block {max-width: 700px;}

  .group-icon-box-list-side-image .__block-wrapper-1 {position: absolute;top: 0;left: 0;height: 100%;}}

@media only screen and (max-width: 1229px ) {

  .group-icon-box-list-side-image .__block-wrapper-1 {position: relative;min-height: 500px;}

}

.static-background {background-position: 50% 50%;background-size: cover;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: -2;}







/*================================================START-SITEC-STYLES========================================*/



/*=====Start-General-Styles=====*/

body{

  font-family: "Open Sans", Helvetica, Arial, sans-serif;

  font-size: 15px;

  line-height: 21px;

  letter-spacing: 0px;

  color: #8d8f92;

}

p{font-size: 14px;}

.lines, .lines:before, .lines:after {

    background-color: #9D9A6D ;

}

a:focus{color: #0095eb;}

.bkg-bottom{

	background: url("/../images/bg-footer-content.png") left bottom no-repeat;

    background-size: contain;

    padding-bottom: 60px;

}

.breadcrumb{

  margin-top: 45px;

}

.breadcrumb ul li a {

    font-weight: 600;

}



/*list*/

ul.general-list li.general-list-item{

    list-style: none !important;

}

ul.general-list li.general-list-item a i {

    margin-left: -15px;

    margin-right: 10px;

}



/*li*/

li{color: #8d8f92;}



/*a*/

a{color:#0095eb;}



/*p*/

p{color: #8d8f92;}



/*section*/

section{padding: 40px 0;}



/*hr*/

hr {margin-bottom: 20px; margin-top: 20px; border-top: 1px solid #cccccc;}

hr.space {height: 20px;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {

    font-family: "Roboto", Arial, Tahoma, sans-serif;

    font-weight: 300;

    letter-spacing: 0px;

    color: #8d8f92;

}

h3{

  font-size: 28px;

  line-height: 30px;

  font-weight: 300;

}

.nav-pills>li+li {

    margin-left: 0px;

}



/*Img center*/

img.img-responsive {

    display: inline-block;

}



/*Social-Icons*/

.social-icons li a{

  margin: 0 4px 8px 0;

}

.social-icons.social-icons-border li a {

    border: 1px solid gray;

}  

.social-icons.social-icons-colored-hover .social-envelope a:hover{

  background-color: #e5b43b;

}

.social-icons.social-icons-colored-hover .social-unlink a:hover{

  background-color: #e5b43b;

}   



/*Button*/

.button.color, .btn.btn-primary {

    background-color: #390036 !important;

    border-color: transparent !important;

    color: #ffffff !important;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.button.color:hover, .btn.btn-primary:hover{

    background-color: #9D9A6D !important;

    border-color: transparent; !important;

    margin-left: 0px;

    background-position: 0 100%;

}

.button-show{

    display: inline-block !important;

    margin-bottom: 10px;

    font-weight: 700;

    cursor: pointer;

}

.button-show i {

    font-size: 19px;

    position: relative;

    top: 2px;

}



/*=========END Generl-Styles======*/



/*=====Topbar-Styles=====*/

#topbar{

  background-color: #2C2C2C;

  border: none;

}

.topbar{

  float: left;

}

.topbar ul{

    list-style: none !important;

    padding: 0px;

    margin: 0px;

}

.topbar ul li {

    display: inline-block;

    padding-right: 10px;

    color: #bbbbbb;

    font-size: 13px;

}

.topbar ul li i{

  margin-right: 5px;

}

.topbar ul li a {

    font-family: "Open Sans", Arial, Tahoma, sans-serif

    font-size: 13px;

    font-weight: 400;

    line-height: 45px;

    color: #0095eb;

}



/*Hi-person*/

.login-plataform span {

    line-height: 45px;

    font-size: 13px;

}



/*=====Header=====*/

#header{

  background-color: #390036;

  border-bottom: 0px;

}

#header, #header-wrap, #logo img, #mainMenu > ul, #header .side-panel-button{

  height: 100px;

}



#header.header-sticky:not(.header-static) #header-wrap{

  height:60px;

  background-color: #390036;

  opacity: .97;

}



/*logotype*/

#logo{

    padding-top: 8px;

    padding-bottom: 8px;

}

#logo img {

    height: 70px;

}



/*Main-Menu*/

#mainMenu > ul > li > a{

	height: 100px;

	padding: 10px 20px;

	font-family: "Open Sans", Arial, Tahoma, sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 80px;

  color: #ffffff;

}



#mainMenu ul.main-menu li a:hover{

  color: #9D9A6D  !important;

}



#mainMenu ul.main-menu li i {

    width: 15px;

}



#mainMenu ul.main-menu li a:hover:after {

    background: #9D9A6D ;

    content: "";

    height: 1px;

    width: 100%;

    position: absolute;

    left: 10%;

    top: 50%;

    margin-top: 20px;

    width: 80%;

    z-index: 203;

    opacity: 1;

}

#header.header-sticky #mainMenu ul.main-menu li a:after{

  opacity: 0;

  -webkit-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}

#header.header-sticky #mainMenu ul.main-menu li a:hover:after {

    background: #3ba6ff;

    content: "";

    height: 4px;

    width: 100%;

    position: absolute;

    left: 0;

    top: auto;

    bottom: -4px;

    z-index: 203;

    opacity: 1;

    filter: alpha(opacity=0);

}



#header.header-sticky:not(.header-static) #top-search a i{

    line-height: 60px !important;

}

#header.header-sticky:not(.header-static) #logo img{

  height: 35px;

}



/*=====Sub-Page-Title====*/

section#page-title.background-colored  {

    background: url(../images/tribunal-header.jpg) center center no-repeat;

    background-size: cover;

    background-color: #2C2C2C !important;

}

#page-title{

  padding: 50px 0;
  background-color: #2C2C2C !important;

}

.page-title h1{

   display: inline-block;

   background-color: #71757d;

   padding: 10px;

   border-radius: 5px;

  font-family: "Roboto", Arial, Tahoma, sans-serif;

  font-size: 40px;

  line-height: 40px;

  font-weight: 400 !important;

  color: #888888;

  margin-bottom: 0px;

  text-transform: none !important;

  text-align: center;

}

.page-title span{

	text-shadow: 1px 2px 6px #000000;

}





/*=====Main-content=====*/

section.main-content{

  min-height: 690px;

}



/*Login-Form*/

.login-form {

    padding: 20px 10px;

    border: 1px solid #ededed;

    border-radius: 8px;

    box-shadow: 0px 0px 10px #969696;

}

.login-form input{
  border-radius: 5px;
}

/*.password-wrap{

  overflow: hidden;

  padding: 5px;

}

.password-wrap a.lost-password{

  float:left;

}

.password-wrap a.check-in{

  float: right;

}*/

a.lost-password {
    margin-left: 20px;
    color: #390036;
}

/*Informacion-Causas*/

span.nombre-causa{
    font-size: 15px;
    color: #292929;
    font-weight: 700;
    background-color: #cfcfcf;
    padding: 2px;
    border-radius: 2px;
}

/*form-casos*/

form#formCasos {

    padding: 10px 20px;

    border: 1px solid #ededed;

    margin-top: 20px;

    margin-bottom: 40px;

}



/*table-casos*/

table.table td {

    color: #4c4c4c;

}

thead.thead-dark {
    background-color: #71757d;
    color: #ffffff;
}
td {
    font-size: 12px;
}



/*Lost-Password*/

form#lost-password .form-group{

  position: relative;

}

form#lost-password  input.form-control.required.email {

    padding: 12px 25px !important;

}

form#lost-password  span.input-icon-left {

    position: absolute;

    top: 36px;

    left: 5px;

}



/*=====Footer=====*/

footer#footer {

  background-color: #030303;

}

footer#footer .footer-content {

    padding: 50px 0 40px 0;

}

footer#footer .logo-footer{

	padding-bottom: 20px;

	max-height: 100px;

}

.footer-content h4.widget-title {

    font-family: "Oswald", Arial, Tahoma, sans-serif;

    font-size: 18px;

    font-weight: 400 !important;

    color: #969567;

    text-transform: uppercase;

}

.footer-content p{

	font-size: 13px;

	line-height: 20px;

	color: #ffffff;

}

.footer-content .widget-contact-us ul li{

	color: #ffffff;

  font-size: 13px !important;

}

.footer-content .widget-contact-us i{

	color: #969567;

}

.footer-content a{

	color: #390036;

}



/*copyright*/

.copyright-content {

    border: none !important;

    min-height: 40px;

    padding: 10px 0px 0px 0px;

    /*background-color: #969567;*/

}

.copyright-content .copyright-text{

    font-family: "Open Sans", Arial, Tahoma, sans-serif;

    font-size: 13px;

    font-weight: 400;

    color: #ffffff !important;

    text-transform: none;

}

.copyright-content .copyright-text a{

	color: #ffffff;

}

.copyright-content .copyright-text a:hover{

  text-decoration: underline !important;

}



/*social-icons*/

.copyright-content .social-icons {

    float: none !important;

    display: inline-block;

    margin: 0 auto !important;

}

.copyright-content .social-icons li a i{

	color: rgba(255,255,255,.3);

}



/*go-to-top-button*/

.gototop-button {

    background: #71757d!important;
    color: rgb(255, 255, 255) !important;
    border: 2px solid #71757d !important;
    outline: none !important;
    border-radius: 50%;

}

a.gototop.gototop-button {

    right: 3px;

    border: 1px solid #ffffff;

    box-sizing: border-box;

}





/*=====Responsive=====*/

@media (min-width: 992px) and (max-width: 1200px) {

	#mainMenu > ul > li > a, nav .main-menu .dropdown-menu a, nav .main-menu .dropdown-submenu > span.dropdown-menu-title-only{

		font-size: 12px;

	}

}


/*@media (max-width: 991px){

  /*hidden-menu*
  #header-wrap .nav-main-menu-responsive{
    display: none !important;
  }

}
*/ 

@media (min-width: 991px){



  /*hidden-Desktop*/

  .hidden-desktop{display: none !important;}

  /*presbiteros-list*/

  ul.list-unstyled.presbitero-list {

    min-height: 334px;

  }

} 



@media (min-width: 768px) and (max-width: 991px){

	#mainMenu > ul > li > a{

		height: 50px;

    line-height: 32px;

    padding: 10px 0;

    font-weight: 400;

	}

  /*COPYRIGHT*/

	.copyright-content .copyright-text, .copyright-content .social-icons{

		text-align: center;

	}

	#footer .social-icons{

		padding-top: 10px;

		width: 100%;

	}

	#footer .social-icons li{

		float: none !important;

		display: inline-block !important;

	}

   /*hidden-mobile-tablet*/

  .hidden-mobile-tablet{display: none !important;}



}



@media (max-width: 767px){

  /*topbar*/

  ul.contact_details {

    text-align: center !important;

  }

  .topbar ul li {

    width: 100%;

    line-height: 20px;

  }

  .topbar ul li.phone {

    height: 25px;

  }

  /*main-menu*/

  #mainMenu > ul > li > a{

    height: 50px;

    line-height: 50px;

  }

  #mainMenu ul.main-menu li a:hover:after{

    background-color: transparent !important;

  }



}



@media (max-width: 479px){

  .image-left.pull-left{

    margin-right: 0px;

    width: 100% !important;

    max-width: 100% !important;

    text-align: center;

  }

  .image-right.pull-right{

    margin-left: 0px;

    width: 100% !important;

    max-width: 100% !important;

    text-align: center;

  }



}