body{
		background-color: #FFFFFF !important;
		color:#000000;
	}
	
/*a, a:visited{
	color:#505a5b;
}*/
a:hover,{
	color:#C2C2C2;
}
a, a:visited, {
	/*color:#DCB950;*/
	/*color: rgb(238, 180, 72);*/
    color:#1c2e4b;
}

p a, p a:visited{
	color:#994e00 !important;
}

p a:visited{
	color:#994e00 !important
}

a.back-to-top, a.back-to-top:hover{
	color:#D9933D;
}

a#mas, a#ocultar{
	color: #eeb448;
}
.view h1 {
    color: #1C2E4B;
    font-size: 35px;
}


.view h2 {
    color: #4D4D4B;
    font-size: 32px;
    margin-bottom: 25px;
}

.view h2 small {
    color: #4D4D4B;
}
.view h3 {
    color: #d3af50;
    font-size: 20px;
}
.view h3 small {
    font-size: 18px;
}
.view h4 {
    color: #2e2e2e;
}
.view h5 {
	color:#4D4D4B;
    text-align: justify;
}
.view h6 {
	color:#4D4D4B;
    text-align: justify;
}
.view p {
	color:#000000;
    font-size: 16px;
    text-align: justify;
}

div.magistrados h2{
	color:#8e5e1b;
}

div.magistrados h6 {
    color: #000000;
}
div.row.view>a{
	color:#000000;
}
.caramelo{
 	color:#FFFFFF !important;
    background-color: rgba(0, 0, 0, 0.40);
 }


.row.caramelo.law_view {
    color: #fff;

    background-color: rgba(0, 0, 0, 0.59) !important;
}


ul.accordion > li.active .content p {
    color:#DDDDDD;
}
/*.sectionLink
    {
        width:227px;
        height:58px;
        background: url('../img/app2017/boton-sombra.png') no-repeat;
        padding-top:8px;
        padding-left:50px;
    }*/
.sectionLink a{
    	font-size:16px;
    	height:58px;
    	font-weight:bold;
    	color:#555555 !important;
}

.contacto {
    color: #2E486D;
}

#viewcontent {

    background-image: none;
    background-repeat:no-repeat;
    /*background-attachment: fixed;*/
    background-position:center top;
    background-color:#FFFFFF;
}
.view {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color:#000000;
}

#header, #header-transparencia, #header-consultas, #header-maestria, #header-jornada {
    background: url("../img/app2021/header-general.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 170px;
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

footer {
    background-image:url('../img/app2017/linea.png') !important;
    background-repeat:no-repeat;
    background-position:top left;
    border-top:none;
    color:#222222;
    background-color: #FFFFFF !important;
}
footer section h6 {
    color: #000000 !important;
}

footer section a, footer section a:visited {
    color: #222222;
}

footer section a:hover {
    color: #989492;
}

footer ul {
    list-style-type: none;
    margin-left: 5px;
}


.rowHome{
	background-color:#FFFFFF;
	margin: 0 0 0 0;
}

#newsholder {
    background-color: rgba(30, 30, 30, 0) !important;
    margin-bottom: 30px;
    padding-bottom: 15px;
}


.gray-ruler
{
	background-color: #FFFFFF;
	width: 90%;
}

#copyright {
    border-top: #555555 4px !important;
    width: 100% !important;
    color:#555555;
    background-color: #FFF;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    overflow:hidden;
    text-align:center;
}

.noPaddingColumn
{
	padding-left:0px !important; 
	padding-right: 0px !important
}

#navcontainer {
   /* background-image:url('../img/app2017/menu.jpg');*/
    background-color: #1C2E4B;
    background-repeat:repeat-x;
    margin-top: -45px;
}

.top-bar ul > li.divisor {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 1px 0 0 rgb(233, 233, 233, 0);
    height: 60%;
    margin-top:10px;
    margin-right: 1px;
    width: 1px;
}
#st-search-input
{
	margin-top:10px !important;
}
.search-input:hover {
    background: transparent !important;
}
#lastupdate 
{
    color: #4d4d4d;
    float: right;
    font-weight: bold;
    margin: 5px;
    padding: 10px;
}

#datetime {
    float: right;
    padding: 10px;
    margin: 5px;
    color: #222222 !important;
    font-weight: bold;
}
.premioOX 
{
	
	background-color:#333;
	border-radius:1em;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:10px;
	overflow:hidden;
		
}
.top-bar ul > li a:not(.button) {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    /*font-weight: bold;*/
    height: 45px;
    line-height: 45px;
}

.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a{
	color: #000000;
}
.top-bar ul > li.has-dropdown a:after 
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    display: block;
    height: 0;
    margin-right: 15px;
    margin-top: -2.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}


/*nav*/
.top-bar ul > li.has-dropdown .dropdown li {
    background-color: #2E486D !important;
    min-width: 100%;
    padding-bottom: 5px;
}
.top-bar ul > li.has-dropdown .dropdown {
    background-color: #2E486D !important;
    left: 0;
    margin: 0;
    padding: 9px 0 0;
    position: absolute;
    visibility: hidden;
    z-index: 99;
}

.top-bar ul > li.has-dropdown .dropdown li a:hover{
	background-color: #CCCCCC;
	color:#000000 ;
}

.top-bar ul > li:not(.name):hover{
	background: rgb(255,255,255);

}



ul.acordion, ul.accordion > li, ul.accordion > li > div.title, ul.accordion > li.active .content, ul.accordion {
    border-color: #222222;
}
ul.accordion > li.active {
    border-top-color: #333333;
}
a[href^="mailto"] {
    color: #333333;
}


#header-home {
    background: url('../img/app2021/header-general.png') no-repeat;  
    height: 200px;
    /*width: 1309px;*/
    max-height: 120%;
}
#header-transparencia {
    background: url('../img/app2021/header_transparencia.png') no-repeat;  
    height: 200px;
    /*width: 1309px;*/
    max-height: 120%;
}
#header-consultas {
    background: url('../img/app2021/header-consultas.png') no-repeat;  
    height: 170px;
    /*width: 1309px;  */
}

#header-maestria {
    background: url('../img/app2021/header-general.png') no-repeat;
    height: 170px;
    /*width: 1309px;*/  
}
#header-voluntariado {
    background: url('../img/app2021/header-general.png') no-repeat;
    height: 170px;
    /*width: 1309px;*/
}
#header-derechos {
    background: url('../img/app2021/header-derechos.png') no-repeat;
    height: 170px;
    /*width: 1309px;*/
}

#navbg {
    background-color: #FFFFFF;
}


.tabs dd.active, .tabs li.active {
    border-top: 3px solid #e7c764;
    margin-top: 2px;
}
.tabs {
    border-bottom: 3px solid #e7c764;
    display: block;
    height: 45px;
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 0;
}
.tabs dd.active a, .tabs li.active a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    border-left: 1px solid #e7c764;
    border-right: 1px solid #e7c764;
    cursor: default;
    font-weight: bold;
}
.h3tabs {
    padding-top:10px;
    margin:0px;
}
.lnkOrdenDelDia      /*a:link, a:visited,a:hover, a:active*/
{
    color: #1f6229 !important;
    font-weight:bold;
    float:right;
    }

.top-bar ul > li.has-dropdown .dropdown li label {
    color: #dddddd !important;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
    text-transform: uppercase;
}

.top-bar ul > li.has-dropdown .dropdown li a {
    color: #FFFFFF;
   
}
.top-bar ul > li.has-dropdown .dropdown li.divider {
    border-top: #555555;
}
/*h5#noticia a{
	color:#555555 !important;
} */

.panel.noticia {
    background: rgba(242, 242, 242, 0.70);
    border: solid 1px #e6e6e6;
    margin: 0 0 22px 0;
    padding: 20px;
}

li.name h1 a span {
    color: #FFFFFF;
}

div.voluntariado h1, div.voluntariado h2 {
    color: #555555;
}

ul.accordion > li.active .content {
    background-color: #000000 !important;
}

#facebook, #twitter, #youtube{
	max-width: 10%;
}

/*version mobil menu nav*/
@media only screen and (max-width: 1300px){
	div#navcontainer.contain-to-grid{
		/*background-image:url('../img/app2017/menu_solido.jpg');*/
	}
}

/*version mobil banner default*/


@media only screen and (max-width: 768px){
	div#header.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 140px;
	}
}

@media only screen and (max-width: 460px){
	div#header.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 140px;
	}
}

/*layout home*/
@media only screen and (max-width: 1024px){
	div#header-home.contain-to-grid{
		background-image:url('../img/app2021/header-general1024.png');
		max-width:1024px;
		height: 170px;
		

	}


}
@media only screen and (max-width: 768px){
	div#header-home.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 150px;
		
	}
    #myModal{
        top: -200px !important;
    }
}
@media only screen and (max-width: 768px){
#myModal{
        top: -200px !important;
    }
}
@media only screen and (max-width: 430px){
	div#header-home.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 135px;
	}
}
/*seccion contacto*/
@media only screen and (max-width: 1024px){
	div.four.columns.contacto{
		
		margin-top:-15px;
	}
}

@media only screen and (max-width: 460px){
	div.four.columns.contacto{
	
		margin-top:-40px;
	}
}
/*no mostrar contacto */
@media only screen and (max-width: 762px){
	div.four.columns.contacto{
		
		display:none;
	}
}


/*layout transparencia*/
@media only screen and (max-width: 1024px){
	div#header-transparencia.contain-to-grid{
		background-image:url('../img/app2021/header_transparencia1024.png');
		max-width:1024px;
		height: 150px;
		
	}
}
@media only screen and (max-width: 768px){
	div#header-transparencia.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 150px;
		
	}
}
@media only screen and (max-width: 430px){
	div#header-transparencia.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 130px;
	}
}

@media only screen and (max-width: 1024px){
	div#header-derechos.contain-to-grid{
		background-image:url('../img/derechos/header-derechos.png');
		max-width:1024px;
		height: 140px;
		
	}
}
/*layout voluntariado*/
@media only screen and (max-width: 1024px){
	div#header-voluntariado.contain-to-grid{
		background-image:url('../img/app2021/header-general.png');
		max-width:1024px;
		height: 140px;
		
	}
}
@media only screen and (max-width: 768px){
	div#header-voluntariado.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 150px;
		
	}
}
@media only screen and (max-width: 430px){
	div#header-voluntariado.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 140px;
	}
}


/*layout maestria*/
@media only screen and (max-width: 1024px){
	div#header-maestria.contain-to-grid{
		background-image:url('../img/app2021/header-general.png');
		max-width:1024px;
		height: 170px;
		
	}
}
@media only screen and (max-width: 768px){
	div#header-maestria.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 150px;
		
	}
}
@media only screen and (max-width: 430px){
	div#header-maestria.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 130px;
	}
}

/*layout consultas*/
@media only screen and (max-width: 1024px){
	div#header-consultas.contain-to-grid{
		background-image:url('../img/app2021/header-consultas.png');
		max-width:1024px;
		height: 140px;
		
	}
        #myModal{
        top: -200px;
    }
}
@media only screen and (max-width: 768px){
	div#header-consultas.contain-to-grid{
		background-image:url('../img/app2021/header-general750.png');
		max-width:768px;
		height: 150px;
		
	}
    #myModal{
        top: -100px;
    }
}
@media only screen and (max-width: 430px){
	div#header-consultas.contain-to-grid{
		background-image:url('../img/app2021/header-general440.png');
		max-width:420px;
		height: 130px;
	}
}


.accesibilidad {
    position:fixed;
    bottom: 40%;
    left: 0px;
    text-decoration: none;
    background-color: rgba(28, 46, 75, 0.80);
    color: #FFFFFF;
    font-size: 20px;
    padding-top: .5em;
    padding-right: .5em;
    padding-left: .5em;
    padding-bottom:.5em;
    z-index: 5;
}

.size-40 {
    font-size: 40px !important;  
}
.size-35 {
    font-size: 35px !important;  
}

.size-25 {
    font-size: 25px !important;  
}

.size-20 {
    font-size: 20px !important;  
}

.pad-0 {
    padding-left: 0 !important;
}

.back-color {
    background-color: #1C2E4B !important;
}

.back-contraste {
    background-color: black !important;
    color: #ffffff !important;
}

.back-link {
    background-color: black !important;
    color: #3c9aea !important;
}

.back-nav {
    background-color: #1C2E4B;
}
.h-class {
   /* color: #50d0a0 !important;*/
    color: #c9f5ff !important;
}

.h-class3 {

   color: #73abff !important;
    
}

.link-class {
    color: #3c9aea !important;
    /*color: #00b0FF !important;*/
    
}
.icon-class {
    background-color: #e6e6e6 !important;
    
}
.text-cont {
    color: #ffffff !important;
    /*color: #00b0FF !important;*/
    
}
.modall {
    position:fixed;
    bottom: 50%;
    left: 0px;
    text-decoration: none;
    background-color: rgba(30, 30, 30, 0.80);
    color: #FFFFFF;
    font-size: 20px;
    padding-top: .5em;
    padding-right: .5em;
    padding-left: .5em;
    padding-bottom:.5em;
    z-index: 5;
}

.nav-contraste{
    background-image:none !important;
    background-repeat:repeat-x;
    margin-top: -45px;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 5px 0 5px;
    height: 0;
}
.a-transparencia{
    color: #ffe500 !important;
}

@media only screen and (max-width: 760px) {
   .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
    background: #3c3c3c;
    display: block;
    color: #e6e6e6;
} 
}