/**************************************** BANNER *****************************************/

/*.iosSlider .slider .item .fondoTrans{
	position: absolute;
	right:0;
	top:0;
	margin-right: 10px;
	margin-bottom:0px;
	z-index:200;
	padding: 24px 19px 10px;
	margin-top:57px;
}*/

.iosSlider .slider .item .fondoTrans{
	position: inherit; 
	right: inherit;
	top: inherit;
	margin-right: 0px;
	z-index: 200;
	padding:0px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}


.iosSlider .slider .item .fondoTrans h2{
	font-size:42px;
	color: #0D50A7;
	text-align:center;
}
.iosSlider .slider .item .fondoTrans p{
	font-size:18px;
	color: #0D50A7;
	text-align:center;
}

.iosSlider .slider .item .fondoTrans .btn{
	margin-left:auto;
	margin-right:auto;
}

.iosSlider {
	margin-bottom: 50px;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
}
.iosSlider .slider .item{
	position: relative;
	top: 0;
	left: 0;
	height:100%;
	background:none;
	margin: 0 0 0 0;
	width:100%;
}
.iosSlider .slider .item img{
	border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}


.iosSlider .slider .item .text1 {
	position: absolute;
	top: 30px;
	right: 150px;
	opacity: 0;
	filter: alpha(opacity:0);
	background: #000;
}

.iosSlider .slider .item .text1 span {
	color: #fff;
	padding: 0 8px;
}



.iosSlider .slider .item .text2 {
	position: absolute;
	top: 90px;
	right: 0;
	opacity: 0;
	filter: alpha(opacity:0);
	background: #000;
	padding: 5px 7px 7px 7px;
}

.iosSlider .slider .item .text2 span {
	color: #fff;
}


/*CIRCULOS*/
.iosSliderButtons {
	width:100%;
	position: absolute;
	bottom: 25px;
	left: 0;
	height: 25px;
	background:url(../img/animacion/banner_fondo_btn.png) repeat-x left top;
	z-index:2;
}

#botones_animacion{
	text-align: center;
	width:100px;
	margin:0 auto;
}

.iosSliderButtons .button {
	display:block;
	float:left;
	width:14px;
	height:14px;
	cursor:pointer;
	margin:8px 3px;
	background: url(../img/animacion/banner_btn_off.png) no-repeat left top;
}

.iosSliderButtons .selected {
	background: url(../img/animacion/banner_btn_on.png) no-repeat left top;
}
/**/


/*FLECHAS*/
.doubleSliderPrevButton {
	position: relative;
	float: left;
	bottom: 290px;
	left: 1px;
	height: 59px;
	width: 29px;
	background:url(../img/animacion/banner_izquierda.png) no-repeat left;
	z-index:201;
}
.doubleSliderNextButton {
	position: relative;
	float:right;
	bottom: 290px;
	right: 1px;
	width: 29px;
	height: 59px;
	background:url(../img/animacion/banner_derecha.png) no-repeat left;
	z-index:201;
}
/**/

/*ICONOS*/

#iconos ul{
	margin:0;
	top:-23px;
	position:relative;
	padding:0;
}
#iconos{
	margin-top:20px;
	background-color:#ececec;
	border:#cccccc 1px solid;
	padding:10px 15px;
	height:110px;
}	
#iconos a{
	opacity:1;
}	
#iconos .fbar{
	width:24px;
	height:20px;
}	
#iconos li{
	display:inline-block;
	float:left;
	width:109px;
	list-style:none;
	height:141px;
	overflow:hidden;
}	
#iconos li span{
	border:#CCC 1px solid;
	top:27px;	
	cursor:pointer;
	position:relative;
}

#iconos li:first-child {
	margin-left:0px;
}

#icon1{
	background:url(../img/animacion/banner_diapositiva_1.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}
#icon2{
	background:url(../img/animacion/banner_diapositiva_2.jpg) no-repeat left top;
	width:106px;	
	display:block;
	height:101px;
}	
#icon3{
	background:url(../img/animacion/banner_diapositiva_3.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}
#icon4{
	background:url(../img/animacion/banner_diapositiva_4.jpg) no-repeat left top;
	width:106px;	
	display:block;
	height:101px;
}	
#icon5{
	background:url(../img/animacion/banner_diapositiva_5.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}

li.act,li.act:hover{
	opacity:1;
	background:url(../img/animacion/banner_diapositiva_flecha.png) no-repeat center top;
}
.act #icon1{
	background:url(../img/animacion/banner_diapositiva_1ON.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}
	
.act #icon2{
	background:url(../img/animacion/banner_diapositiva_2ON.jpg) no-repeat left top;
	width:106px;	
	display:block;
	height:101px;
}
	
.act #icon3{
	background:url(../img/animacion/banner_diapositiva_3ON.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}
.act #icon4{
	background:url(../img/animacion/banner_diapositiva_4ON.jpg) no-repeat left top;
	width:106px;	
	display:block;
	height:101px;
}	
.act #icon5{
	background:url(../img/animacion/banner_diapositiva_5ON.jpg) no-repeat left top;
	width:106px;
	display:block;
	height:101px;
}
/******************************** FIN BANNER **********************************/