/*http://jasonweaver.name/lab/flexiblenavigation/*/
/*http://responsivenavigation.net/examples/multi-toggle/index.html*/

@charset "utf-8";
/* CSS Document */
*{
	border: 0;
	margin: 0;
	padding: 0;
}
@font-face {
    font-family: 'lucida_sansregular';
    src: url('fonts/lucida-webfont.eot');
    src: url('fonts/lucida-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida-webfont.woff') format('woff'),
         url('fonts/lucida-webfont.ttf') format('truetype'),
         url('fonts/lucida-webfont.svg#lucida_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, figcaption, figure, footer, header, hgroup, nav, section{
	display: block;
}

body{
	background:#cacaca;
	color: #000;
	font-family: "lucida_sansregular", Helvetica, Verdana;
	font-size: 1em;
}
a{
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color:#cacaca;
}

figcaption{
	font-size: 0.85em;
	padding: 0.25em;
	text-align:center;
}
			/*imagenes y videos flexibles*/
img, video{
	max-width: 100%;
}

header{
    position: fixed;
    top: 0;
    left: 0;
	right: 0;
	z-index:9999;
	width: 100%; 	
	background-image:url(../images/layerHeader2.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

header, section#contenido, footer{
	margin: 0 auto;
	max-width:1280px;
	width:90%;
}
section#contenido{
	background-image:url(../images/grisMenu.gif);
	background-repeat:repeat-x;
	background-position:top;
	z-index:-101;
}

#banner{
	max-width:100%;
	margin-top:155px;
}
@media \0screen, screen\9, screen\0{
	section#banner{ margin-top: 0px;}
}

@media screen\0{
	header{
		position: relative;
	}
}

header h1, nav{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	font-family: "lucida_sansregular", Helvetica, Verdana;
	color:#FFFFFF;
	background-color:#FFFFFF;
}
#logo{
	padding-top: .5em;
	padding-bottom:1em;
	padding-left: 2em;
	display: inline-block;
	max-width:100%;
}

/*#logoYuc{
	margin-top:-3.5em;
	margin-right:9.3%;
	display: block;
	max-width:100%;
}

aside#head_aside1, aside#head_aside2{
	padding-top:.6em;
	max-width:50%;
	min-width:49%;
	display:inline-block;
	vertical-align: top;
	
}

aside#head_aside2{
	text-align:right;
	max-height:140px;
	color:#FFFFFF;
}*/

aside#head_aside1, aside#head_aside2, aside#head_aside3{
	padding-top:.6em;
	max-width:32%;
	min-width:32%;
	display:inline-block;
	vertical-align: top;
	
}
aside#head_aside1{
	text-align:left;
	max-height:140px;
	color:#FFFFFF;
}

aside#head_aside2{
	text-align:center;
	max-height:140px;
	color:#FFFFFF;
	padding-top: 1.5em;
}

section#redes_buscar{
	display: block;
	text-align:left;
	padding:.75em;
	padding-left:0;
	max-height:100px;
	min-height:60px;
	width:65%;
	margin-left:5em;
	margin-top:-20px;
}
#txtbuscar{
	height:27px;
	max-width:25em;
	vertical-align: top;
	border: 0.1em solid #fff;
	border-radius: 0.25em;
	background-image: url('../images/seek.png');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

section#principal{
	background: #fff;
	display: inline-block;
	margin: 0 auto;
	margin-top:0px;
	max-width: 100%;
	vertical-align: top;
	width:100%;
	min-height:500px;
	background-image:url(../images/grisMenu.gif);
	background-repeat:repeat-x;
	background-position:top;
}
section#contenedor, #contenedorMain{
	background-color:#fff;
	margin: 0 auto;
	margin-top: 155px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top:20px;
	max-width: 90%;
	width:90%;
	min-height:600px;
}
@media \0screen\,screen\9,screen\0 {
	section#contenedor{ margin-top: 0px;}
}
@media screen\9 {
	section#contenedor{ margin-top: 0px;}
}

section#contenedorMain{
	margin-top: -4px;
}
section#izquierda, #centro, #derecha{
	background-color:#fff;
	display: inline-block;
	max-width:33%;
	width:33%;
	min-height:20%;
	height:auto;
	vertical-align:top;
}

section#derecha{
	max-width:32%;
	width:32%;
	border-left: 1px solid #efefef;
	height:55em;
	}
figure#fotoNota img{
	width: 100%;
	max-width:100%;
}
#prensa{
	font-size:1em;
	color: #7d7d7d;
	font-weight: bold;
}
figure#fotoNota {
	height: auto;
	max-height:25em;
	overflow: hidden;
	background-image: url(../images/sombraBlog.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: .1em;
}
section#tituloNota{
	color:#292929;
	font-size:1em;
	font-weight: bold;
	text-align: justify;
	border-bottom: 1px #efefef solid;
}
section#resumenNota{
	margin-top: 1em;
	margin-bottom:1em;
	font-size:.75em;
	color:#555555;
	text-align: justify;
	line-height: 1.4em;
}
#leerMas{color:#555555; font-weight: bold;}
#leerMas:hover{color:#000000;}
section#calendarioAvisos{
	width:100%;
	max-width:100%;
	max-height:15em;
	height:15em;
}
section#calendarioAvisos h3{
	text-align: center;
	font-size: 1em;
	color:#555555;
}
section#organos{
	margin-top: 0em;
	width:100%;
	max-width:100%;
	max-height:100%;
	height:100%;
	text-align: center;
}
/* section#publicidad{
	
} */

figure#organo1, #organo2, #organo3{
	vertical-align:top;
	display: inline-block;
	width:260px;
	height:40px;
	margin-bottom: 0em;
}
figure#organo1{
	background-image: url(../images/TSJ2.png);
	background-image: url(../images/TSJ1.png);
}
figure#organo1:hover{
	background-image: url(../images/TSJ2.png);
}
figure#organo2{
	background-image: url(../images/TTSEM2.png);
	background-image: url(../images/TTSEM1.png);
}
figure#organo2:hover{
	background-image: url(../images/TTSEM2.png);
}
figure#organo3{
	background-image: url(../images/CJ2.png);
	background-image: url(../images/CJ1.png);
}
figure#organo3:hover{
	background-image: url(../images/CJ2.png);
}
section#derecha h3{
	color: #767676;
	text-align: center;
	font-size:1em;
}
section#derecha a{
	color: #555555;
}
section#derecha a:hover{
	color: #767676;
}
/*section#derecha ul li {
	margin-left:3%;
	width:98%;
	max-width:98%;
	height: 30px; /*Espacion entre cada opci�n de micrositio
	list-style: none;
	background-image: url(../images/micrositiosBack.png);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align:center;
	font-size: .75em;
	color: #555555;
	text-align:center;
}
section#derecha li {
	padding-top:.5em;
}*/
#btn{
	width:100%;
	height:45px;
	min-height:45px;
	margin-left:10%;
	text-align:center;
}

#banercito{
	width:100%;
	height:90px;
	min-height:90px;
	margin-left:10%;
	text-align:center;
	margin-top:1em;
}

#btn img:hover{
    opacity: .6;
    filter: alpha(opacity=60);
}

#btn img {
filter: url('#grayscale'); /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(120%);
-moz-filter: grayscale(120%);
-ms-filter: grayscale(120%);
-o-filter: grayscale(120%);
filter: grayscale(120%); /* Para cuando es est�ndar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#btn img:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


section#sistemas_consulta{
	border-top: 1px solid #efefef;
	width:100%;
	max-width: 100%;
	max-height:auto;
}
section#sistemas_consulta h3{
	color: #292929;
	text-align: left;
	font-size:1em;
	padding-top:.5em;
}
section#sisConsulta{
	display:inline-block;
	vertical-align:top;
	width:10.5%;
	max-width:10.5%;
	height:105px;
	max-height:105px;
	text-align:center;
	color:#555555;
	font-size:.75em;
	font-weight:bold;
}
section#sisConsulta a{
	color:#555555;
	text-align:center;
}
section#sisConsulta a:hover{
	color:#767676;
}

footer{
	margin: 0 auto;
	width:90%;
	max-width:1280px;
	padding-top:1em;
	text-align: center;
	color:#7d7d7d;
	font-size: 0.85em;
	background-image:url(../images/footer_top.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;
	min-height:4em;
	font-family: "lucida_sansregular", Helvetica, Verdana;
	font-size: 1em;
}

footer ul{
      list-style: none;
	  text-align: center;
}
footer li{
	display:inline-block;
	padding: 0.1em;
	vertical-align: top;
	padding-right:3em;
	padding-left:3em;
}
footer a{
	color:#7d7d7d;
	font-size:.7em;
}
section#pie_contacto{
	display: inline-block;
	width:22%;
	min-width:22%;
	color:#7d7d7d;
	font-size:.7em;
	text-align:left;
	padding: 1em;
	margin-left:7em;
}
section#pie_correo{
	display: inline-block;
	width:22%;
	min-width:22%;
	vertical-align: top;
	color:#7d7d7d;
	font-size:.7em;
	text-align:center;
	padding: 1em;

}
section#pie_correo a{
	font-size: 1em;
}
section#pie_rss{
	display: inline-block;
	width:40%;
	min-width:40%;
	vertical-align: top;
	color:#7d7d7d;
	font-size:.7em;
	text-align:left;
	padding: 1em;}
section#pie_rss input{
	border: 1px solid #7d7d7d;
	color: #7d7d7d;
	margin-right: 1em;
	font-style:italic;
}

section#pie_DR{
	color: #7d7d7d;
	margin-right: 1em;
	width:100%;
	min-width:100%;
	text-align: center;
	vertical-align: top;
	height: 4em;
	font-size: .8em;
}
.youtube_icon {
display: inline-block;
width: 28px; height: 28px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: url('../images/youtube.png') no-repeat; }
.twitter {
display: inline-block;
width: 28px; height: 28px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: url('../images/twitter.png') no-repeat; }
.facebook {
display: inline-block;
width: 28px; height: 28px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: url('../images/facebook.png') no-repeat; }
.instagram {
display: inline-block;
width: 28px; height: 28px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: url('../images/instagram.png') no-repeat; }
.correo_icon {
display: inline-block;
width: 28px; height: 28px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: url('../images/correo.png') no-repeat; }



@media all and (max-width: 1024px) {
	header{ position:relative;}
	#banner, section#contenedor{
		margin-top:0px;
	}

	/* #logoYuc{
		display: none;
	} */
	section#pie_contacto{
		display: inline-block;
		width:40%;
		min-width:40%;
		color:#7d7d7d;
		font-size:.8em;
		text-align:left;
		padding: 1em;
		margin-left:7em;
	}
	section#pie_correo{
		display: inline-block;
		width:40%;
		min-width:40%;
		vertical-align: top;
		color:#7d7d7d;
		font-size:.8em;
		text-align:center;
		padding: 1em;

	}
	section#pie_correo a{
		font-size: 1em;
	}
	section#pie_rss{
		display: inline-block;
		width:50%;
		min-width:50%;
		vertical-align: top;
		color:#7d7d7d;
		font-size:.7em;
		text-align:left;
		padding: 1em;}
	section#pie_rss input{
		border: 1px solid #7d7d7d;
		color: #7d7d7d;
		margin-right: 1em;
		font-style:italic;
	}
	.formaInsc{text-align:center; font-size:1em; height: 2.2em; padding-top:.5em; background-color:#767676; color:#fff;}
	.formaInsc a{color:#fff; font-size:.5em;}

}

figure#somos{
	width:100%;
	max-width:100%;
	text-align:center;
	border-bottom: 1px solid #555555;
	margin: 0;}
figure#somos img{
	vertical-align:bottom;}
section#mision h3{
	color: #767676;
	text-align: center;
	font-size:1.2em;
	font-weight:bold; }

section#mision{
	display:inline-block;
	vertical-align: top;
	width: 40%;
	max-width: 40%;
	font-size: 1.05em;
	text-align: justify;
	color: #555555;
	line-height:1.4em;
	margin: 3.5%;}
section#mision ul, section#mision ul li {
	line-height:1.6em;
	text-align: justify;
	margin-left:.5em;
	
	}
section#tit_centrado{
	font-weight:bold;
	text-align: center;
	font-style:italic;}
section#tribConstitucional{
	display:inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 80%;
	font-size: 1.05em;
	text-align: justify;
	color: #555555;
	line-height:1.6em;
	margin: 10%;
	margin-top: 3%;}

section#tribConstitucional h3{
	color: #767676;
	text-align: center;
	font-size:1.2em;
	font-weight:normal; }
	
section#tribConstitucional li{
	margin-bottom: 1em;
}
section#tribConstitucional p{
	font-size: .9em;
	color:#555555;
	text-align: center;
}
section#fila{
	display: inline-block;
	vertical-align:top;
	width:100%;
	max-width:100%;
	text-align:center;
	height:100%;
	max-height:150px;
	background-color:#fff;
}

section#filaSala{
	display: inline-block;
	vertical-align:top;
	width:90%;
	max-width:100%;
	text-align:left;
	height:100%;
	max-height:30px;
	color: #555555;
	font-size: 1em;
	font-weight: bold;
	padding-left: 5em;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #c2c2c2;
}
figure#fotojuez{
	display:inline-block;
	text-align:left;
	max-width:122px;	
	max-height:95px;	
	margin-left:1em;
}
figure#fotojuez img{	
	max-width:122px;	
	max-height:95px;	
}
figure#fotojuez figcaption{
	display: inline-block;
}
section#nombrejuez {
	display: inline-block;
	text-align: left;
	vertical-align:top;
	margin-top:1em;
	width:15%;
	max-width:100%;
	margin-right:2em;
}

section#nombrejuez h4{
	color:#767676;
	font-size:.8em;
	font-weight:bold;
}
section#nombrejuez h5{
	color:#767676; 
	font-size:.75em;
	font-weight:normal;
}
section#nombrejuez h6{
	color:#555; 
	font-size:.75em;
	font-weight:normal;
}
figure#fotoMagistrado{
	vertical-align:center;
	display:inline-block;
	text-align:left;
	max-width:122px;
	width:100%;
	height:100%;
	max-height:150px;
}
figure#fotoMagistrado figcaption{
	display: inline-block;
}
section#nombreMagistrado {
	display: inline-block;
	text-align: left;
	vertical-align:top;
	margin-top:0;
	width:15%;
	max-width:100%;
}

section#nombreMagistrado h4{
	color:#767676;
	font-size:.8em;
	font-weight:bold;
}
section#nombreMagistrado h5{
	color:#767676; 
	font-size:.75em;
	font-weight:normal;
}
section#nombreMagistrado h6{
	color:#555; 
	font-size:.75em;
	font-weight:normal;
}
section#ultActText{color:#555; font-size:.75em; padding-top:1em; padding-bottom:1em;}

section#botones{
	padding-top: 3px;
	width: 100%;
	max-width: 100%;
	height: 90px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
section#botones .boton{
	width:30%;
}

section#botones2{
	padding-top: 3px;
	width: 100%;
	max-width: 100%;
	height: 200px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
section#botones3{
	padding-top: 3px;
	width: 100%;
	max-width: 100%;
	height: 125px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

@media all and (max-width: 800px) {
	aside#head_aside1, #head_aside2{
		padding-top:0em;
	}
	aside#head_aside1{
		max-width:20%;
		min-width:20%;
	}
	aside#head_aside2{
		max-width:70%;
		min-width:70%;
		text-align:right;
	}
	aside#head_aside3{
		display: none;
	}

	#logo{
		padding-top:.5em;
		padding-bottom:1em;
		
		display: inline-block;
		max-width:100%;
	}

	section#izquierda{
		max-width:100%;
		width:99%;
		min-height:20%;
	}
	section#botones{
		margin-top:.8em;
	}
	section#botones .boton{
		width:30%;
	}
	
	section#centro{
		max-width:100%;
		width:99%;
		min-height:20%;
	}

	section#organos{
		margin-top: 0em;
		margin-left: 0em;
		width:100%;
		max-width:100%;
		max-height:100%;
		height:100%;
		text-align: center;
	}
	figure#organo1, #organo2, #organo3,#organo4{
		width:260px;
		height:40px;
		margin-bottom: .5em;
		margin-left: 0em;
	}

	section#calendarioAvisos{
		margin-top: 2em;
		width:100%;
	}
	section#derecha{
		max-width:100%;
		width:90%;
		min-height:20%;
	}
	section#derecha ul li {
		max-width:100%;
		width:100%;
		min-height:20%;
		font-size:1em;
		background-image: url(../images/micrositiosBack800.png);

	}

	section#sisConsulta{	max-width:50%; width: 18%;}


	section#redes_buscar{
		display: none;}

	section#mision{
		display:inline-block;
		vertical-align: top;
		width: 85%;
		max-width: 85%;
		font-size: 1.2em;
		text-align: justify;
		color: #555555;
		line-height:1.2em;
		margin: 3.5%;}
		
	section#fila{
	display: block;
	vertical-align:top;
	width:100%;
	max-width:100%;
	text-align:center;
	height:auto;
	max-height:100%;
	}

	section#nombreMagistrado {
		display: inline-block;
		text-align: left;
		vertical-align:top;
		margin-top:1em;
		width:70%;
		max-width:100%;
	}
	.formaInsc{text-align:center; font-size:1em; height: 2.2em; padding-top:.5em; background-color:#767676; color:#fff;}
	.formaInsc a{color:#fff; font-size:.5em;}


}

@media all and (max-width: 1024px) and (min-width: 801px) {
	aside#head_aside1, #head_aside2{
		padding-top:0em;
	}
	aside#head_aside1{
		max-width:12%;
		min-width:12%;
	}
	aside#head_aside2{
		max-width:85%;
		min-width:85%;
		text-align:right;
	}
	aside#head_aside3{
		display: none;
	}
	
	section#botones .boton{
		width:30%;
	}

	section#fila{
	display: block;
	vertical-align: top;
	width:100%;
	max-width:100%;
	text-align:center;
	height:auto;
	max-height:100%;
	}
	section#nombreMagistrado {
		display: inline-block;
		text-align: left;
		vertical-align:top;
		margin-top:1em;
		width:100%;
		max-width:100%;
	}

	.formaInsc{text-align:center; font-size:1em; height: 2.2em; padding-top:.5em; background-color:#767676; color:#fff;}
	.formaInsc a{color:#fff; font-size:.5em;}

}

/**CJYUC**/
#audiencias 
{
	text-align:center;
}
#audiencias h1{
	color:#0b511e;
	font-style:italic;
	font-size:1.5em;
}
#audiencias h2{
	color:#555555;
	font-size:1em;
}
#audiencias .opcion
{
	width:150px;
	display: inline-block;
}

/***Estilo para los micrositios***/
#contenedor #encabezado_micro{
	vertical-align:middle;
	display:inline-block;
	margin-bottom:1em;
	clear:both;
}
#contenedor #encabezado_micro #titulo_micrositio{
	width:35%;
	float:left;
	text-align:center;
	vertical-align:middle;	
}
#contenedor #encabezado_micro #titulo_micrositio img{	
	width:80%;
	vertical-align:middle;
}
#contenedor #encabezado_micro #descripcion_micrositio{
	width:58%;
	float:none;
	margin-left:37%;
}

#contenedor #encabezado_micro #descripcion_micrositio #tit_desc_micrositio{
	color:#767676;
	font-size:1em;
	font-weight:bold;
	margin-bottom:1em;
	padding-top:1.5em;
}
#contenedor #encabezado_micro #descripcion_micrositio #texto_descripcion{
	font-size:.9em;
	color:#555;
	text-align:justify;
	line-height:150%;
}
#contenedor #submenu_opciones #submenu_sitio{
	background-color:#404040;	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #bd002a;
	max-width:120px;
	height:70px;
	margin:.3em;
	padding:.2em;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	-webkit-box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 1px 3px 3px 1px rgba(0,0,0,0.75);
	color:#FFF2F6;
}
#contenedor #submenu_opciones #submenu_sitio:hover{
	background-color:#999999;
}

#contenedor #submenu_opciones #submenu_sitio #stexto{
	display:table;
	height:100%;	
}
#contenedor #submenu_opciones #submenu_sitio .stexto_2{
	vertical-align:middle;
	display:table-cell;	
	font-size:1em;
	cursor:pointer;
}
#contenedor #submenu_opciones{
	width:100%;
	text-align:center;
	clear:both;
	padding-bottom:1em;	
}
#contenedor #submenu_opciones #submenu_sitio a
{
	color:#FFFFFF;
	font-weight:normal;
}
#contenedor #contenido_sitio .despliega_sitio
{
	background-color:#555;
	color:#FFFFFF;
	padding:.5em;
	margin-bottom:1em;
}

.formaInsc{text-align:center; font-size:1.5em; height: 2.2em; padding-top:.5em; background-color:#767676; color:#fff}
.formaInsc a{color:#fff;}
/******