.link_{
    width:45px;
	height: 35px;
	border: 0px solid #000;
	float:left;
	text-align:center;
	vertical-align: middle;
	padding-top: 0px;
}
.link_ima{
    width:28px;
	padding-top: 15px;
	opacity: 0.8;

}
.link_ima:hover{
    width:33px;
	padding-top: 10px;
	filter:  drop-shadow(1px 1px 2px #333);
	-webkit-filter:  drop-shadow(1px 1px 2px #333);
	-moz-filter:  drop-shadow(1px 1px 2px #333);
	-o-filter:  drop-shadow(1px 1px 2px #333);
	-ms-filter:  drop-shadow(1px 1px 2px #333);
	opacity: 1;
}
#transition_ima{
  -webkit-transition: width 0.1s ease-out, padding-top 0.1s ease-out, filter 0.1s ease-out;
  -moz-transition: width 0.1s ease-out, padding-top 0.1s ease-out, filter 0.1s ease-out;
  -o-transition:  width 0.1s ease-out, padding-top 0.1s ease-out, filter 0.1s ease-out;
  -ms-transition: width 0.1s ease-out, padding-top 0.1s ease-out, filter 0.1s ease-out;
  transition:  width 0.1s ease-out, padding-top 0.1s ease-out, filter 0.1s ease-out;
  
}


.icos {
background-image: url('../image/iconos-family.png');
background-repeat:no-repeat;
background-size: 230px auto;
/*opacity: 0.7;
filter: alpha(opacity=50);*/

}


.link_div {
    width:140px;
	float:left;
	vertical-align: middle;
	padding: 0px;
	margin: 30px 0px 0px 10px;
	cursor:pointer;
	 text-align:center;  
}

.link_link{
color: #fff;
font-size: 24px;
opacity: 0.8;
}
.link_link:hover{  
color: #fff;
font-size: 25px;
text-shadow: 2px 2px 5px #000000;
opacity: 1;
}
#transition_link{
  -webkit-transition: font-size 0.2s ease-out, text-shadow  0.2s ease-out ;
  -moz-transition:font-size 0.2s ease-out, text-shadow  0.2s ease-out;
  -o-transition: font-size 0.2s ease-out, text-shadow  0.2s ease-out ;
  -ms-transition:font-size 0.2s ease-out, text-shadow  0.2s ease-out ;
  transition: font-size 0.2s ease-out, text-shadow  0.2s ease-out;
}






.link_globo-2{
width:180px;
height: 180px;
display: table-cell;
vertical-align: middle;
left: 50%;
}
.link_ima_globo-2{
    width:92%;
	height: 92%;
	border: 1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.link_ima_globo-2:hover{
    width:100%;
	height: 100%;
	border: 0px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	border-radius:50%;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9);
}

@media (max-width:768px) {
	.link_ima_globo-2{
		-webkit-border-radius: 0%;
		-moz-border-radius:0%;
		border-radius:0%;
	}
	.link_ima_globo-2:hover{
		-webkit-border-radius: 0%;
		-moz-border-radius:0%;
		border-radius:0%;
	}
}

#transition_ima_globo-2{
  -webkit-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -moz-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -o-transition:  width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  -ms-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
  transition:  width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, box-shadow 0.1s ease-out, border 0.1s ease-out;
}






.link_globo-3{
    width:70px;
	height: 65px;
	border: 1px solid #000;
	float:left;
	text-align:center;
	vertical-align: middle;
	padding-top: 5px;
}
.link_ima_globo-3{
    width:50px;
	padding-top: 5px;

}
.link_ima_globo-3:hover{
    width:55px;
	padding-top: 5px;
	filter:  drop-shadow(1px 1px 2px #333);
	-webkit-filter:  drop-shadow(1px 1px 2px #333);
	-moz-filter:  drop-shadow(1px 1px 2px #333);
	-o-filter:  drop-shadow(1px 1px 2px #333);
	-ms-filter:  drop-shadow(1px 1px 2px #333);
}
#transition_ima_globo-3{
  -webkit-transition: width 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -moz-transition: width 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -o-transition:  width 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -ms-transition: width 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  transition:  width 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  
}

.efe_globo{
width:90px;
height: 90px;
display: table-cell;
vertical-align: middle;
left: 50%;
}
.link_efe_globo{
 /* -webkit-filter: grayscale(1);
  filter: grayscale(1);*/
    width:95%;
	height: 95%;
}
.link_efe_globo:hover{
  /*-webkit-filter: grayscale(1);
  filter: grayscale(1);
    width:100%;
	height: 100%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.9);*/
}
#transition_efe_globo{
  -webkit-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -moz-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -o-transition:  width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  -ms-transition: width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
  transition:  width 0.1s ease-out, height 0.1s ease-out, padding 0.1s ease-out, filter 0.1s ease-out;
}



/*EFECTO GALERIA PASA IMAGENES*/
.slider-galery-2 {
width: 100%;
height:180px;
overflow: hidden;
}
.slider-galery-2 ul {
display:flex;
width: 300%;
padding:0px;
animation: efecto-galeria-2 20s infinite alternate linear;
}
.slider-galery-2 li {
width: 100%;
list-style:none;
border: 0px solid #000; 
height: 300px;
overflow: hidden;
}

@media (max-width:768px) {
	.slider-galery-2 li {
	height: 180px;
	}
}

@keyframes efecto-galeria-2 { 
	1% { margin-left:0%;}
	10% { margin-left:0%;}
	
	90% { margin-left:-200%;}
	100% { margin-left:-200%;}
}



/************/
/*! Banner  */
/************/

#banner{
	background: url('../image/ajax-loader-small.gif') no-repeat 50% 50%;
	margin: 0px;
	position: relative;
}
.height-banner {height: 100%; overflow:hidden;}
#banner .slider-container {
	width: 100%;
	 overflow:hidden;
	 height: 100%;
}

#banner .slider-container .slider {
	width: 100%;
	position: relative;
}

#banner .slider-container .slide a{
	color: #FFF;
}
#banner .slider-container .slide h1,
#banner .slider-container .slide h2,

.slider {
width: 100%;
height:auto;
overflow: hidden;
}

.slider ul {
display:flex;
width: 800%;
padding:0px;
animation: efecto 30s infinite alternate ease-in-out;
}

.slider li {
width:100%; 
height:560px;
list-style:none;
overflow: hidden;
}

@media (max-width:992px) {
	.slider li {
	height:500px;
	}
}
@media (max-width:768px) {
	.slider li {
	height:430px;
	}
}
@media (max-width:375px) {
	.slider li {
	height:360px;
	}
}

/*EFECTO DE 4 RONDAS*/
/*@keyframes efecto { 
	0% { margin-left:0%;}
	20% { margin-left:0%;}
	
	25% { margin-left:-100%;}
	45% { margin-left:-100%;}
	
	50% { margin-left:-200%;}
	70% { margin-left:-200%;}
	
	75% { margin-left:-300%;}
	100% { margin-left:-300%;}
}*/

/*EFECTO DE 8 RONDAS*/
@keyframes efecto
{ 
	0% 		{ margin-left:0%;	}
	10% 	{ margin-left:0%;	}

	12% 	{ margin-left:-100%;}
	22% 	{ margin-left:-100%;}
	
	24% 	{ margin-left:-200%;}
	34% 	{ margin-left:-200%;}

	36% 	{ margin-left:-300%;}
	46% 	{ margin-left:-300%;}
			
	48% 	{ margin-left:-400%;}
	58% 	{ margin-left:-400%;}
	
	60% 	{ margin-left:-500%;}
	70% 	{ margin-left:-500%;}
	
	72% 	{ margin-left:-600%;}
	82% 	{ margin-left:-600%;}

	84% 	{ margin-left:-700%;}
	100% 	{ margin-left:-700%;}
}

#detente:hover {
	animation-play-state:paused;
}
/*EFECTO GALERIA PASA IMAGENES*/
.slider-galery {
width: 100%;
height:auto;
overflow: hidden;
}
.slider-galery ul {
display:flex;
width: 300%;
padding:0px;
animation: efecto-galeria 10s infinite alternate linear;
}
.slider-galery li {
width: 100%;
list-style:none;
border: 0px solid #fff; 
height: 200px;
}
.slider-galery img {
width:100%;
}
.slider-galery p {
	background: transparent url('../image/transparent_bg.png');
	position: absolute; /*leave as is*/	
	width: 100%;
	font-size: 30px;
	color:#fff;
	LINE-HEIGHT: 110%;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);
	padding-left: 0.3%;
	top: 63%;
}
@keyframes efecto-galeria { 
	6% { margin-left:0%;}
	33% { margin-left:0%;}
	
	43% { margin-left:-100%;}
	66% { margin-left:-100%;}
	
	76% { margin-left:-200%;}
	100% { margin-left:-200%;}
}

/*      ANCHO X ALTO */
.twiter {
 background-position: 0px 0px;
}
.ofi {
 background-position: -70px -140px;
}
.tel {
 background-position: 10px -70px;
}
.tel {
	background-image: url('../image/info.png');
	background-repeat:no-repeat;
	background-size: 80px 80px;
	background-position: 50% 50%;
}
.up {
 background-position: -70px -215px;
}
.ubi {
 background-position: -150px -70px;
}
.ubi {
	background-image: url('../image/ubi.png');
	background-repeat:no-repeat;
	background-size: 80px 80px;
	background-position: 50% 50%;
}
.webs {
 background-position: -150px -140px;
}
.webs {
	background-image: url('../image/guia.png');
	background-repeat:no-repeat;
	background-size: 80px 80px;
	background-position: 50% 50%;
}
.info {
 background-position: -150px -215px;
}
.buzon {
 background-position: 10px -140px;
}
.buzon {
	background-image: url('../image/buz.png');
	background-repeat:no-repeat;
	background-size: 80px 80px;
	background-position: 50% 50%;
}
.wsapp {
 background-position: -70px -70px;
}

/*----------------------------------*/
.despliega_top{
	background: #fff url('../image/logo-diputados-w.png') no-repeat 10% 99%;
	background-size: auto 70px;
	color:#fff;	
	position: relative;
	height:100%;
	width:100%;
	top:-87%;
	cursor:pointer;
	z-index:2;
}
.despliega_top:hover{
	color:#fff;
	height:100%;
	width:100%;
	top:0px;
}
#transition_despliega_top{
  -webkit-transition:  top 0.7s ease-out;
  -moz-transition:  top 0.7s ease-out;
  -o-transition:  top 0.7s ease-out;
  -ms-transition:  top 0.7s ease-out;
  transition:   top 0.7s ease-out; 
}

.despliega_bottom{
	background: #000 url('../image/iconos/solap.png') no-repeat 50% 2%;
	background-size: auto 8px;
	padding-top:25px;
	position: relative;
	height:100%;
	width:100%;
	top:-8%;
	cursor:pointer;
	-webkit-border-radius: 16px 16px 0px 0px;
	-moz-border-radius: 16px 16px 0px 0px;
	border-radius: 16px 16px 0px 0px;	
}
.despliega_bottom:hover{
	height:100%;
	width:100%;
	top:-86.5%;	
}

#transition_despliega_bottom{
  -webkit-transition:  	top 0.3s ease;
  -moz-transition:  	top 0.3s ease;
  -o-transition:  		top 0.3s ease;
  -ms-transition:  		top 0.3s ease;
  transition:   		top 0.3s ease; 
}

.despliega_{
	position: relative;
	height:100%;
	width:100%;	
	top:80%;
	-webkit-animation: despliega_automatico 15s infinite alternate ease;
	animation: despliega_automatico 15s infinite alternate ease;	
}
.despliega_:hover{
	position: relative;
	height:100%;
	width:100%;
	top:0%;	
	animation: detengo_top 1s linear;		
}
@keyframes despliega_automatico{ 
	0% { top:0%;}
	45% { top:0%;}
	
	55% { top:-78%;}
	100% { top:-78%;}
}

@keyframes detengo_top{ 

	animation-play-state:paused;	
}


.tema_banner {
	color:#999; 
	font-size:11px;
	line-height:120%;
	text-align:center;
	padding:10px 10px 6px 10px;
}
.despliega_bottom_leer{
	background: #000 url('../image/iconos/solap.png') no-repeat 50% 2%;
	background-size: auto 8px;
	padding-top:25px;
	position: relative;
	height:100%;
	width:100%;
	top:4.5%;
	-webkit-border-radius: 16px 16px 0px 0px;
	-moz-border-radius: 16px 16px 0px 0px;
	border-radius: 16px 16px 0px 0px;
}


.tarjeta {
	position: fixed; 
	background: url('../image/tono-6.png') repeat;
    height: 100%;
    width:100%;
    overflow: hidden;
	margin: 0px;
	z-index:10;
	animation: despliega_tarjeta 1s linear;	
}
.pop_int {
    height: 96%;
    width:80%;
    overflow: hidden;
	margin: 1% 10% 1% 10%;
	text-align:center;
	border:0px solid #000;
}
@keyframes despliega_tarjeta{ 
	0% { top:-100%;}
	100% { top:0%;}
}