div.scroller {
	/* modify width and height of scrolling section if necessary	*/		
	width: 844px;
	height: 280px;
	overflow: hidden;
}
div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:844px;
	height:280px;
	overflow:hidden;
	float:left;
	color:#FFFFFF;
	font-size:16px;
}
div.scroller div.content {
	width: 844px;
}
div#section1 {
	background-image: url(../img/apertura_y_cierre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#section2 {
	background-image: url(../img/man.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#section3 {
	background-image: url(../img/fortalecimiento.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#section4 {
	background-image: url(../img/firemen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#section5 {
	background-image: url(../img/cobertura.jpg);
	background-repeat: no-repeat;
	background-position: left -1em;
}



/* GALERĶAS */
#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:0;
	padding:0; 
	float:left;
}
#navi li a {
	display:block;
	height:35px;
	text-decoration:none;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
#navi li a:hover{
	color:#333;
	background-position: left -132px;
}
#navi li a:active, #navi li a.on {
	color:#fff;
	background-position: left -264px;
}
#navi li a:focus {
	color:#fff;
	background-position: left -264px;
}

/* BOTONES GALERIA SERVICIOS */
#btn01 a {
	background-image: url(../img/btn_apertura.png);
	width:125px;
}
#btn02 a {
	background-image: url(../img/btn_apoyo_al_relevo.png);
	width:134px;
}
#btn03 a {
	background-image: url(../img/btn_apoyo.png);
	width:163px;	
}
#btn04 a {
	background-image: url(../img/btn_rescate.png);
	width:97px;	
}
#btn05 a {
	background-image: url(../img/btn_cobertura.png);
	width:125px;
}
#section1 .sectiontxt {
	margin-right: 0px;
	float: right;
	margin-top: 8em;
	color: #FFFFFF;
	background-image: url(../img/bg_txt_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 505px;
	height: 92px;
	padding: 2em;
}

#section2 .sectiontxt {
	margin-right: 0px;
	float: right;
	margin-right: 300px;
	margin-top: 8em;
	color: #FFFFFF;
	background-image: url(../img/bg_txt_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px;
	width: 505px;
	height: 92px;
}

#section3 .sectiontxt {
	margin-right: 0px;
	float: right;
	margin-top: 8em;
	color: #FFFFFF;
	background-image: url(../img/bg_txt_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px;
	width: 505px;
	height: 92px;
}
#section4 .sectiontxt {
	margin-right: 0px;
	float: right;
	margin-right: 300px;
	margin-top: 8em;
	color: #FFFFFF;
	background-image: url(../img/bg_txt_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px;
	width: 505px;
	height: 92px;
}
#section5 .sectiontxt {
	margin-right: 0px;
	float: right;
	margin-top:2em;
	color: #FFFFFF;
	background-image: url(../img/bg_txt_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px;
	width: 505px;
	height: 92px;
}
.sectiontxt p {
	padding-right: 25px;
	padding-left: 25px;
}

.sectiontxt p {
	padding-top: 20px;
}
#my-glider {
	padding-bottom: 5em;
}
