h1{
	font-size:2.1em;
	color: #767676;
	font-weight: bold;
	font-style: bolder;
}
nav li a{
	color:#767676;
	display: block;
	font-family: "lucida_sansregular", Helvetica, Verdana;
	font-size: .9em;
	padding: 0.2em;
	-ms-transition: all 0.5s ease-in;    /*atributo CSS transision*/
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

nav a:hover{
	color: #0b511e;
	background-color:#F2F2F2;
	-ms-transition: all 0.5s ease-out;    /*atributo CSS transision*/
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

nav#menuCapa{
	position:fixed;
	width:90%;
	max-width:100%;
	height:2.5em;
	margin: 0 auto;
	background:#767676;
	display: inline-block;
    top: 141px;
    left: 0;
	right: 0;
}
nav#menuCapa ul li{
	list-style: none;
	display: inline-block;
	padding-top:.5em;
	font-size: 1.1em;
	font-weight: normal;
}

nav#menuCapa a{
	color:#fff;
}
nav#menuCapa a:hover{
	color:#767676;
}

section#capacitacion{
	padding-top:0;
}

#calendario .buttons {
	left:46%;
}

section#calendarioAvisos{
	display: inline-block;
	max-width: 100%;
	width:100%;
	height: auto 0;
	margin-top:1em;
}
section#centro1{
	display: inline-block;
	max-width: 100%;
	width:100%;
	height: auto 0;
	background-color:#fff;
	height: auto;
	margin-top:6em;
}

section#centro{
	display: inline-block;
	max-width: 100%;
	width:100%;
	height: auto 0;
	background-color:#fff;
	height: auto;
}
section#optCapa, section#opttsj_cj{
	display: inline-block;
	margin-top: 3em;
	width: 24%;
	height: auto;
	text-align: center;
	margin-bottom:50px;
}
section#optCapa a:hover, section#opttsj_cj a:hover{
    opacity: .5;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; 
}

section#opttsj_cj{
	width: 48%;
}


section#titCapa{
	display: inline-block;
	margin-top: 1em;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom:1em;
	text-align: left;
	padding-left:2em;
	border-bottom: 2px solid #767676;
}

section#curso{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	height: auto;
	max-height: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	margin-right: 2%;
}
section#titulo_curso{
	width: 100%;
	height: 1.5em;
	padding-top:0;
	background-color:#767676;
}
section#body_curso{
	display: inline-block;
	vertical-align: center;
	width: 100%;
	height: 250px;
	max-height: 250px;
	overflow: hidden;
}
#divisor{
	display: block;
	width:100%;
	height:141px;
}
figure#conferencia{
	display: inline-block;
	width:23%;
	height: 250px;
	max-height: 250px;
	overflow: hidden;
	padding: 1em;
	
}
section#tsj_cj{
	display: inline-block;
	width:48%;
	height:160px;
	text-align: center;
	
}
section#tsj_cj a:hover{color:#555;}

section#body_carrera, section#body_carrera_activo{
	display: inline-block;
	width: 31%;
	height: 200px;
	max-height:200px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right:1.7%;
	border-left: 2px solid #767676;
	background-color: #eaeaea;
}
section#body_carrera_activo{
	border-left: 2px solid #007914;
}

section#body_carrera p, section#body_carrera_activo p{
	font-size:.8em;
	font-style: normal;
	font-weight: bold;
	color:#555;
	text-align: justufy;
	padding:.4em;
}

#capacitacion table {
    width: 100%;
	background-color:#fff;
}

#capacitacion tr th {
    height:1.5em;
	font-size:.8em;
	font-weight: normal;
	color:#555;
}
#btnUp{
	display: inline-block;
	width:20px;
	height:20px;
	background: url('../images/transparencia/up.png') no-repeat bottom;
}
.titulo_curso1{
	display: inline-block;
	width: auto;
	max-width: auto;
	height: 1em;
	padding-top: .3em;
	padding-bottom: .2em;
	padding-right: 5px;
	color:#555555;
	background-color:#f5f5f5;
	font-size: .9em;
}
.cursos {
display: inline-block;
width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url('../images/capacitacion/cursos.jpg') no-repeat; }
.conferencias {
display: inline-block;
width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url('../images/capacitacion/conferencias.jpg') no-repeat; }

.carrera {
display: inline-block;
width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url('../images/capacitacion/carrera.jpg') no-repeat; }
.maestrias {
display: inline-block;
width: 200px; height: 200px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url('../images/capacitacion/marcoLegal.jpg') no-repeat; }

.tsj_cj {
display: inline-block;
width: 130px; height: 130px; border:1px solid #767676; border-radius: 65px; -webkit-border-radius: 65px; -moz-border-radius: 65px; background: url('../images/capacitacion/tsj_cj.png') no-repeat; }

section#intro{
	width:100%;
	height: 250px;
	margin-top: 15px;
	padding-bottom:50px;
	color:#555;
}
section#intro ul{
	border-bottom: 1px solid #d4d4d4;
	margin: 1em 0 0 3em;
}
section#intro ul li a{
	font-weight: normal;
	color:#555;
	font-size:.8em;
	line-height: 2em;
	text-align: justify;
}
section#intro a:hover{color:#767676;}

@media all and (max-width: 1024px) {
	nav#menuCapa{
		display: none;
		padding-top: -10px;
	}
	section#contenedor{
		margin-top:0px;
	}
	section#centro{
		margin-top:7em;
	}

	section#optCapa{
	display: inline-block;
	margin-top: 3em;
	width: 48%;
	height: auto;
	text-align: center;
	margin-bottom:20px;
	}
	
}

@media all and (max-width: 800px) {
	section#optCapa{
	display: inline-block;
	margin-top: 3em;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom:20px;
	}
	
}
@media all and (max-width: 400px) {
	section#optCapa{
	display: inline-block;
	margin-top: 3em;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom:20px;
	}
}