@charset "UTF-8";
/* CSS Document */

.icono{ width:15%; float:left; margin-right:10px; margin-top:20px; margin-bottom:20px}
.icono img{ width:100%}

.especi { height:auto; margin-right:10px; margin-top:0px; margin-bottom:20px!important; clear:both!important;  font-size:.9em}
.especi img{ height:50px; float:left;}
.especi p{ float:left; font-size:1.5em;  color:#003366; font-family: 'mulisemibold'; margin-top:5px; margin-left:10px}

#images-slider-2-pager img, .slides img{ width:100%}
.top {
	color:#fff;
	width:100%;
	height:35px;
  background-color:#efefef;
  z-index: 1;
}

.top a{ color:#AC3573; line-height:2.5em}
.top a:hover{ color:#363636}


	#images-slider-2-pager {
		margin: 0 -5px 0px -5px;
		text-align: center; 
	}
	
	#images-slider-2-pager a {
		float: left;
		display: block;
		width: 15%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 4px;
	}
	
	#images-slider-2-pager a img { border: 2px solid transparent; border-color: #ccc; }
	
	#images-slider-2-pager a.active img,
	#images-slider-2-pager a:hover img { border-color: #7ca3dc; }
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	#images-slider-2-pager:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}

@media only screen and (max-width:1024px) {
#images-slider-2-pager a {
		float: left;
		display: block;
		width: 20%;}

}

@media only screen and (max-width: 870px) {
#images-slider-2-pager a {
		float: left;
		display: block;
		width: 11%;}
.icono{ width:10%; float:left; margin-right:10px; margin-top:20px; margin-bottom:20px}

}