/* -------------- imagenes fijas pantalla izquierda -------------------------- */
ul#correydirec {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
}

ul#correydirec li a {
    display: block;
  	padding: 5px 5px 5px 0px;
    width: 130px;
    height: 45px;  
	background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position: right;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
   -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

ul#correydirec .correo a{
    background-image: url(/images/correo.png);
}
ul#correydirec .directorio a      {
    background-image: url(/images/directorio.png);
}


#divBottomRight
{
position:absolute;
z-index:100;
min-width: 142px;
}
#divBottomRight img, #acurax_si_simple img, #short_code_si_icon img
{
margin-left:1px;
border:0px !important;
background:none !important;
box-shadow:none !important;
}
#divBottomRight img:hover, #acurax_si_simple img:hover, #short_code_si_icon img:hover
{
opacity:0.8;
}
/* -------------- FIN  imagenes fijas pantalla izquierda -------------------------- */

.cabecera, .piedepagina {
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
}

.cabecera h1 {
	margin: 0;
	font-family: Arial;
	font-weight: 300;
	font-size: 2.625em;
	line-height: 1.3;
	color:	#1a528f;
}

.cabecera titulo{
	font-size: 35px;
	font-family: Arial;
	color: #575448;
}

.cuadros_cabecera{ 
	display: inline-block;
	vertical-align: top;	
	text-decoration: none;
}
.cuadros_cabecera { 
	width: 33%;
	float: left;
	font-size: 20px;
}

.boton-encabezado{
	padding: 12px 0;
	display: inline-block;
	margin: 0.3% 0.1em;
    background:#0D98FB; 
    background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);  
    background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);   
    border: 1px solid #125CB5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #71C0FD inset;
    -webkit-box-shadow: 0 1px 1px #71C0FD inset;
    -o-box-shadow: 0 1px 1px #71C0FD inset; 
    box-shadow: 0 1px 1px #71C0FD inset;
	text-align: center;
	color: white;
    font-weight:normal;
    text-decoration:none;
	padding: 12px 12px 12px 12px;
	font-weight:bold;
}

.piedepagina {
   border-top: 1px solid #dcdee0;
  -webkit-box-shadow: inset 0 2px 5px #e6dede;
  box-shadow: inset 0 2px 5px #e6dede;
  text-align: center;
}

.piedepagina p {
 font-size: .875em;
  margin-bottom: 1em;
}

/********************************************************** fin encabezado  y pie de pagina ******************************************* */
.contenedor90{
width: 90%;
margin: 0px auto;
word-wrap: break-word;
}

.da-slider, .videocon, .contenedor1, .contenedor2, .contenedor3, .contenedor4, .vc-slider{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.da-slider, .videocon, .contenedor1, .contenedor2, .contenedor3{
	margin: 30px auto;
	
}

.contenedor2{
	padding: 20px 20px 20px 20px;
	
	
}

.contenedornoticia{
	width: 90%;
	position: relative;
	top:50px;
	padding: 20px 20px 20px;
}


.da-slider, .videocon{
	border-top: 8px solid #1a528f;
	border-bottom: 8px solid #1a528f;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}

.da-slider {
	height: 400px;
	background:url('/images/index/81.jpg');
}

.videocon{
	height: 400px;
	background:url('/images/index/2.jpg');
	padding: 25px 0px 25px;
}

.contenedor1, .contenedor2, .contenedornoticia{ 
	
	background:url('/images/index/71.jpg');
}

.contenedor3{

color: #fd9424;
 background-color: #ffffff;
}

.contenedor4{
 background-color: #ffffff;
 
}

.contenedor1{ 
	/*padding: 0px 10px 10px;*/
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #1a528f; 
}

.contenedor2, .contenedor3 {
	border: 3px solid #1a528f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
} 


}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;

}
.da-slide-current{
	z-index: 1000;
	
}
.da-slider-fb .da-slide{
	left: 100%;
	
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
	
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
	
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
	
}
.da-slider-fb .da-slide .da-img{
	left: 65%;
	opacity: 1;
	
}
.da-slide h2{
	width: 40%;
	top: 15px;
	color: #1a528f;
	font-size: 36px;
	height: 180px;
	overflow: hidden;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
}

.da-slide p{
	width: 40%;
	top: 160px;
	color: #000000;
	font-size: 18px;
	line-height: 26px;
	height: 180px;
	overflow: hidden;
	font-style: italic;
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
	
	
}
.da-slide .da-img{
	text-align: center;
	width: 43%;
	top: 5px;
	height: 380px;
	line-height: 320px;
	left: 110%; /*65%*/
	/* background: #469420;*/
}


.da-slide .da-link{
	top: 290px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(253,148,36,0.1);
	color: #fd9424;
	text-shadow: 1px 1px 1px rgba(253,148,36,0.2);
	border: 8px solid rgba(253,148,36,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 140px;
	text-align: center;
	background: rgba(253,148,36,0.2);
	
	
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
	
	
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #1a528f;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
		
		
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #1a528f;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 5%;
	opacity: 1;
	
}
.da-slide-current .da-img{
	left: 55%;
	opacity: 1;
	
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 5%; opacity: 0; }
	100%{ left: 5%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 55%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 5%;  opacity: 1; }
	99%{ left: 5%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 5%;  opacity: 1; }
	99%{ left: 5%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 5%;  opacity: 1; }
	99%{ left: 5%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 5%;  opacity: 1; }
	99%{ left: 5%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 5%;  opacity: 1; }
	99%{ left: 5%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 55%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 5%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 5%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 55%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

 a {
  color: #2a9ccc;
}
p a:hover {
  color: #1f2225;
}



.cuadros_pequenos, .cuadros_pequenos1 {
	padding: 15px 1px 1px 1px;
	text-align: center;	
}

.cuadros_pequenos1 a  {
text-decoration: none;
color: #333;
font-weight:bold;
}

.cuadros_pequenos .shortcut { 
	width: 22.50%;
}

.cuadros_pequenos1 .shortcut1 { 
	width: 22%;
}

.cuadros_pequenos .shortcut, .cuadros_pequenos1 .shortcut1 { 
	display: inline-block;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;
	word-wrap: break-word;
}

.cuadros_pequenos .shortcut{
border-radius: 5px;
	border: 1px solid #1a528f;
background: #c9c9c9;
word-wrap: break-word;
}

.cuadros_pequenos .shortcut .shortcut-icon {
	margin-top: .25em;
	margin-bottom: .25em;
	font-size: 32px;
	color: #0D98FB;
}

.cuadros_pequenos .shortcut:hover {
	background: #ffffff;
}

.cuadros_pequenos .shortcut:hover span{
	color: #000000;
}

.cuadros_pequenos .shortcut:hover .shortcut-icon {
	color:#47a3da
}

.cuadros_pequenos .shortcut-label {
	display: block;
	font-weight: 400;
	color:  #000000;
	font-size: 13px;
	font-weight:bold;
}

/* Effect 16: fall down */
.cl-effect-16 a { 
	color: #DA9511;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #6f8686;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
/*fin href*/

.titulo1, .cuerpocde {
	 position: absolute;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.titulo1 {
bottom: 500px;
 width: 80%;
}

.titulo1  h3{
  word-wrap: break-word;
  width: 100%;
  font-size: 1.5em;
  font-weight:bold;
   margin: 10px 10px -60px 70px;
  text-align: center;
 }
 
 .titulo1  h3{
  color: #ffffff;
}

.cuerpocde {
bottom: 210px;
}

.cuerpocde{
color: #1a528f;
font-weight:bold;
font-size: 2em;
line-height: 1em;
 margin: 10px 10px 10px 10px;
}

/******************************************************************** PAGINA VIDEOCONFERENCIA************************************************/

.vc-slider {
	margin: 10px auto;
	list-style-type: none;
	padding: 0;
}

.vc-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.vc-slider li > a {
	outline: none;
}

.vc-slider li > a img {
	border: none;
}

.vc-slider img {
	max-width: 100%;
	display: block;
}

.vc-tema, .vc-magistrado, .vc-fecha, .titulo1, .cuerpocde {
	 position: absolute;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.vc-tema, .titulo1 {
	width: 80%;
	text-align:justify;
}

.titulo1 {
bottom: 500px;
}

.vc-tema{
bottom: 400px;
}

.cuerpocde {
bottom: 210px;
}

.vc-magistrado, .vc-fecha{
width: 80%;
bottom: 240px;
text-align: center;
word-wrap: break-word;
margin: 0px 0px 0px 70px;
font-weight:bold;
}

.cuerpocde{
color: #1a528f;
font-weight:bold;
font-size: 2em;
line-height: 1em;
 margin: 10px 10px 10px 10px;
}


.vc-fecha {
bottom: 120px;
}

 .vc-magistrado h3, .vc-fecha  h3{
  margin: 0px 0px 0px 70px;
  width: 80%;
  font-size: 1.5em;
  line-height: 1em;
  color: #575448;
  font-family: serif;
  word-wrap: break-word;
 }
 
 .vc-magistrado h3{
  font-size: 2em;
  color: #1a528f;
 }
 
.vc-tema h3, .titulo1  h3{
  word-wrap: break-word;
  width: 100%;
  font-size: 1.5em;
  font-weight:bold;
  text-align: center;
 }
 
 .titulo1  h3{
  color: #ffffff;
   margin: 10px 10px -60px 70px;
}
  
 .vc-tema h3 {
 color: #575448;
 margin: 10px 10px 10px 70px;
}
 

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;
	-moz-backface-visibility : hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.shadow {
	width: 100%;
	height: 168px;
	position: relative;
	margin-top: -110px;
	background: transparent url(/images/cdeenlinea/shadow.png) no-repeat bottom center;
	background-size: 100% 100%; /* stretches it */
	z-index: -1;
	display: none;
}

.nav-arrows {
	display: none;
}
.nav-arrows a {
	width: 42px;
	height: 42px;
	background: #1a528f url(/images/cdeenlinea/nav.png) no-repeat top left;
	position: absolute;
	top: 50%;
	left: 2px;
	text-indent: -9000px;
	cursor: pointer;
	margin-top: -21px;
	opacity: 0.9;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
.nav-arrows a:first-child{
	left: auto;
	right: 2px;
	background-position: top right;
}
.nav-arrows a:hover {
	opacity: 1;
}
.nav-dots {
	text-align: center;
	position: absolute;
	bottom: -5px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}
.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #1a528f;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span.nav-dot-current {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #1a528f,
		inset 0 0 0 8px #fff;
}
.nav-options {
	width: 70px;
	height: 30px;
	position: absolute;
	right: 70px;
	bottom: 0px;
	display: none;
}
.nav-options span {
	width: 30px;
	height: 30px;
	background: #1a528f url(/images/cdeenlinea/options.png) no-repeat top left;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.7;
	display: inline-block;
	border-radius: 50%;
}  
.contenedorvideos {
	text-align: center;
	height: 100%;
	width: 500px;
	margin: 1em;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.contenedorprensacabecera{
    border-bottom: 2px solid #1a528f;
}
.contenedorprensacabecera h4 {
font-weight:bold;
margin: 0.4em;
color: #1a528f;
}

.contenedor-informacion {
    padding: 10px;
}
.contenedor-informacion p{
    margin: 0;
	color: #103359;
	font-weight:bold;
}

/******************************************************************** PAGINA JURISDICCION************************************************/
.mi-slider {
	position: relative;
	height: 100%;
	padding: 1px 1px 1px;
}

.mi-slider {
height: 500px;
}

.mi-slider ul{
	list-style-type: none;
	position: absolute;
	width: 100%;
	left: -40px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.mi-slider ul.mi-current
 {
	pointer-events: auto;
}

.sliderhv ul li,
.mi-slider ul li,
.slider-jurid ul li
{
	display: inline-block;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}


.mi-slider ul li {
	padding: 10px;
	width: 20%;
	
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.rotarimg{	
	/*codigo para mover img*/
    transform-style: preserve-3d;
    -webkit-animation: rotate-img 2s infinite alternate ease-in-out;
	-moz-animation: rotate-img 2s infinite alternate ease-in-out;
	transition: all 2s ease-in-out;
}
@-webkit-keyframes rotate-img {
    0%   { transform: perspective(1652px) rotateY(-25deg); }
    100% { transform: perspective(1652px) rotateY(25deg); }
	}/*fin codigo para mover img*/
}

/*.sliderhv ul li a,*/
.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

/*.sliderhv ul li,*/
.mi-slider ul li img {

	border: none;
}

.mi-slider ul li h4 {
	display: inline-block;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	font-style: italic;
	font-size: 18px;
	}

/*.sliderhv ul li h4,*/
.mi-slider ul li h4{
font-size: 18px;
}

.mi-slider ul li:hover
{
	opacity: 0.7;
} 

.mi-slider nav
{
	position: relative;
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
	border-top: 5px solid #1a528f;
}

.mi-slider nav {
top: 400px;
}


.mi-slider nav a
 {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 20px 10px 10px 10px;
	position: relative;
	color: #1a528f;
	outline: none;
	font-weight:bold;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before
 {
	content: '';
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after
  {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before
 {
	border-color: transparent;
	border-top-color: #1a528f;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

/*mi slider*/
.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}




.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}



.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}



.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}



.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}



.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* fin slider*/



@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}




/* ANIMACIONES*/
@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

/******************************************************************** FIN PAGINA JURISDICCION************************************************/

/******************************************************************** PAGINA NUESTRA ENTIDAD************************************************/
.caja {
    display: inline-block;
    width: 310px;
    height: 100px;
    vertical-align: top;
    margin: 1em 1.5em 2em 0;
    cursor: pointer;
    position: relative;
    font-family: Tahoma, Arial;
    -webkit-perspective: 4000px;
       -moz-perspective: 4000px;
        -ms-perspective: 4000px;
         -o-perspective: 4000px;
            perspective: 4000px;
  }
  
  .item {
    height: 100px;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transition: -webkit-transform .6s;
         -moz-transition: -moz-transform .6s;
          -ms-transition: -ms-transform .6s;
           -o-transition: -o-transform .6s;
              transition: transform .6s;
  }
  
     .item:hover {
      -webkit-transform: translateZ(-50px) rotateX(95deg);
         -moz-transform: translateZ(-50px) rotateX(95deg);
          -ms-transform: translateZ(-50px) rotateX(95deg);
           -o-transform: translateZ(-50px) rotateX(95deg);
              transform: translateZ(-50px) rotateX(95deg);
    }

      .item:hover img {
        box-shadow: none;
        border-radius: 15px;
      }

      .item:hover .informacion {
        box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
        border-radius: 3px;
      }

    .item img {
      display: block;
      position: absolute;
      top: 0;
      border-radius: 3px;
      box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
      -webkit-transform: translateZ(50px);
         -moz-transform: translateZ(50px);
          -ms-transform: translateZ(50px);
           -o-transform: translateZ(50px);
              transform: translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;

    }

    .item .informacion {
      display: block;
      position: absolute;
      top: 0;
      height: 120px;
      width: 290px;
      text-align: left;
      border-radius: 15px;
      padding: 10px;
      font-size: 12px;
      text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
      box-shadow: none;
      background: rgb(236,241,244);
      -webkit-transform: rotateX(-90deg) translateZ(50px);
         -moz-transform: rotateX(-90deg) translateZ(50px);
          -ms-transform: rotateX(-90deg) translateZ(50px);
           -o-transform: rotateX(-90deg) translateZ(50px);
              transform: rotateX(-90deg) translateZ(50px);
      -webkit-transition: all .6s;
         -moz-transition: all .6s;
          -ms-transition: all .6s;
           -o-transition: all .6s;
              transition: all .6s;

    }
.informacion strong {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 18px;
    margin: 0 0 4px;
    padding: 2px 0;
    text-align: center;
}
.informacion a {
    color: #013354;
    display: block;
    font-family: 'Prosto One',cursive;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}
.informacion a:hover {
	color: #2698CE;
}

.contenedornuestraentidad, .contenedororganigrama, .contenedorcuarenta {
 
  text-align: center;
  margin: 0 auto;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}

.contenedornuestraentidad {
  width: 70%;
   padding: 10px 10px 10px 10px;
}

.contenedororganigrama {
  width: 95%;
   padding: 10px 10px 10px 10px;
}

.contenedorcuarenta {
  width: 40%;
  padding: 10px 30px 30px 30px;
}




.contenedorboletin{
width: 50%;
margin: 0px auto;

}

.contenedornuestraentidad, .contenedorcuarenta h1 {
	font-family: arial;
	font-size: 16px;
	color: #103359;
	font-weight:bold;
	text-align : justify;
}

.contenedornuestraentidad h3	{
	font-size:30px;
	font-family: Arial;
	color: #000000;
	font-weight:bold;
}

.UO1, .UO2, .UO4, .UO3 {

display: inline-block;
vertical-align: top;
font-family: Tahoma, Arial;
cursor: pointer;
position: relative;
margin: 0.6em auto;

}


.UO1{
    width: 100%;
    height: 100px;

}
	
.UO2{
    width: 100%;
    height: 35px;
	}	
	
.UO3{
    width: 49%;
    height: 100px;
	
	}	

.UO4{
    width: 19%;
    height: 40px;
	}	

.UO1, .contenedornuestraentidad h1 {
	font-family: arial;
	font-size: 12px;
	color: #103359;
	font-weight:bold;
	line-height: 1.5;
	text-align : justify;
}

.UO1, .contenedornuestraentidad h3	{
	font-size:30px;
	font-family: Arial;
	color: #000000;
	font-weight:bold;
	line-height: 2;
}



.botonorga, .botonorga1{
	text-align: center;
	cursor: pointer;	
	background: rgb(61, 157, 179);
	padding: 8px 5px;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #fff;
	border: 1px solid rgb(28, 108, 122);	
	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

.botonorga{
	width: 50px;
	font-size: 18px;
}

.botonorga1{
	width: 19%;
	font-size: 10px;
}

.botonorga, .botonorga1:hover{
	background: rgb(74, 179, 198);
}

.botonorga, .botonorga1:active,
.botonorga, .botonorga1:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

hr {
	width: 50%;
    height: 1px;
    border: 0;
    background-color: rgb(40, 137, 154);
}


hr.v{
width: 2px;
height: 22px;
}


hr.salacon{
width: 80%;

}

hr.salagobierno:before {
display: block;
content: "";
height: 15px;
border-style: solid;
border-color: rgb(40, 137, 154);
border-width: 2px 2px 0 2px;

}

hr.salacon:before {
display: block;
content: "";
height: 15px;
border-style: solid;
border-color: rgb(40, 137, 154);
border-width: 2px 2px 0 2px;

}
/******************************************* consejeros ************************************************/

.tp-grid {
	list-style-type: none;
	position: relative;
	display: block;
}

.tp-grid li {
	position: absolute;
	cursor: pointer;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	display: none;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.no-js .tp-grid li {
	position: relative;
	display: inline-block;
}

.tp-grid li a {
	display: block;
	outline: none;
}

.tp-grid li img {
	display: block;
	border: none;
}

.tp-info,
.tp-title {
	position: absolute;
	background: #fff;
	line-height: 20px;
	color: #333;
	top: 70%;
	width: 75%;
	padding: 10px;
	font-weight: 700;
	text-align: right;
	/*left: -50;*/
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1),
		5px 0 5px -3px rgba(0,0,0,0.4),
		inset 0 0 5px rgba(0,0,0,0.04);
}



.no-touch .tp-info {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.no-touch .tp-grid li:hover .tp-info {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	transition-delay: 150ms;
}



.tp-title {
	padding: 10px 35px 10px 10px;
	left: 0px;
}

.tp-title span:nth-child(2){
	color: #aaa;
	padding: 0 5px;
	background: #F7F7F7;
	right: 0px;
	height: 100%;
	line-height: 40px;
	top: 0px;
	position: absolute;
	display: block;
}

/******************************************* fin consejeros ************************************************/


.st-accordion{
    width:100%;
	margin: 0px auto;
	
}
.st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
	
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-family: 'Josefin Slab',Georgia, serif;
    text-shadow: 1px 1px 1px #fff;
    font-size: 40px;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
	word-wrap: break-word;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 0px 0px 10px 10px;
	
}

.st-content img{
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding: 12px; 
	background: rgba(255,255,255,0.9);
    width:250px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}



.st-content1 {
 width: 950px;
 height: 880px;
}

.st-content1 .shelf {
  width: 950px;
  height: 440px;
 
}

.st-content1 .shelf .row-1 {
  position: relative;
  width: 884px;
  height: 280px;
 /* margin-left: 33px;*/
  
}

.st-content1 .shelf .row-2 {
  position: relative;
  margin-top: 150px;
  width: 884px;
  height: 280px;
/*  margin-left: 33px;*/
}



.st-content1 .shelf .loc {
  position: absolute;
  bottom: 0;
  width: 100%;
 }

.st-content1 .shelf .loc > div {
 /* width: 33%;*/
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
}

div {
  display: block;
}


element.style {
  visibility: visible;
}
.st-content1 .thumb1, .st-content1-row .thumb1 {
  background-image: url(../documentos/biblioteca/libros/2008sf/portada.jpg);
  width: 125px;
  height: 284px;
 }

.st-content1 .thumb2, .st-content1-row .thumb2 {
  background-image: url(../documentos/biblioteca/libros/2010ji/portada.jpg);
  width: 125px;
  height: 284px;
}

.st-content1 .thumb3, .st-content1-row .thumb3 {
  background-image: url(../documentos/biblioteca/libros/2011ij/portada.jpg);
  width: 125px;
  height: 284px;
}

.st-content1 .thumb4, .st-content1-row .thumb4 {
  background-image: url(../documentos/biblioteca/libros/2011si/portada.jpg);
  width: 125px;
  height: 284px;
}

.st-content1 .thumb5, .st-content1-row .thumb5 {
  background-image: url(../documentos/biblioteca/libros/2011la/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb6, .st-content1-row .thumb6 {
  background-image: url(../documentos/biblioteca/libros/2012id/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb7, .st-content1-row .thumb7 {
 background-image: url(../documentos/biblioteca/libros/2012cp/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb8, .st-content1-row .thumb8 {
 background-image: url(../documentos/biblioteca/libros/2012dm/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb9, .st-content1-row .thumb9 {
 background-image: url(../documentos/biblioteca/libros/2013de/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb10, .st-content1-row .thumb10 {
 background-image: url(../documentos/biblioteca/libros/2013l4/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb11, .st-content1-row .thumb11 {
 background-image: url(../documentos/biblioteca/libros/2014aj/portada.jpg);
	width: 125px;
  height: 284px;
}



.st-content1 .thumb13, .st-content1-row .thumb13{
 background-image: url(../documentos/biblioteca/revistas/edi00/portada.jpg);
	width: 250px;
  height: 284px;
}

.st-content1 .thumb14, .st-content1-row .thumb14 {
 background-image: url(../documentos/biblioteca/revistas/edi01/portada.jpg);
	width: 250px;
  height: 284px;
}


.st-content1 .thumb25, .st-content1-row .thumb25 {
 background-image: url(../documentos/biblioteca/memorias-sc/2009/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb26, .st-content1-row .thumb26 {
 background-image: url(../documentos/biblioteca/memorias-sc/2010t1/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb27, .st-content1-row .thumb27 {
 background-image: url(../documentos/biblioteca/memorias-sc/2010t2/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb28, .st-content1-row .thumb28 {
 background-image: url(../documentos/biblioteca/memorias-sc/2011t1/portada.jpg);
	width: 125px;
  height: 284px;
}

.st-content1 .thumb29, .st-content1-row .thumb29 {
 background-image: url(../documentos/biblioteca/memorias-sc/2011t2/portada.jpg);
	width: 125px;
  height: 284px;
}


.st-content1 .shelf .row-1:after, .st-content1 .shelf .row-2:after {
  background: url(../images/repisa.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 950px;
  height: 400px;
  display: block;
  content: "";
  margin-left: -38px;
}



.st-content1 .sample, .st-content1-row .sample {
  margin: auto;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  -webkit-transition: -webkit-transform 0.1s;
  -webkit-transform: translate(0, 0);
  -moz-transition: -moz-transform 0.1s;
  -moz-transform: translate(0, 0);
  -ms-transition: -ms-transform 0.1s;
  -ms-transform: translate(0, 0);
  -o-transition: -o-transform 0.1s;
  -o-transform: translate(0, 0);
  transition: transform 0.1s;
  transform: translate(0, 0);
}



@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}

.tablaveridatos table{
width: 80%;
border: 1px solid #006699;
margin: 0px auto;	
font: normal 20px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden;
}

.tablaveridatos table td, .tablaveridatos table th { padding: 3px 10px; }.tablaveridatos table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; }

.tablaveridatos table td { background: #E1EEF4; color: #00496B; }

.calendario {
	padding: 10px 10px 10px 10px;
	background:url('/images/index/81.jpg');
	border: 3px solid #1a528f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	  width:100%;
	   margin:0px auto;
}