* {
	font-family: 'Arial Rounded MT Bold' !important;
}

.viewport {
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

#btn-inicio {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	margin-left: -225px !important;
}

.top {
	background-color: rgba(200,200,200,.7)
}

#btn-nosotros {
	background-image: url(images/INICIO/menu_1.png);
	background-repeat: no-repeat;
}

#btn-productos {
	background-image: url(images/INICIO/menu_2.png);
	background-repeat: no-repeat;
}

#btn-portales {
	background-image: url(images/INICIO/menu_3.png);
	background-repeat: no-repeat;
}

#btn-contacto {
	background-image: url(images/INICIO/menu_4.png);
	background-repeat: no-repeat;
}

.x-btn-over {
	padding-top: 2px
}

.content {
	color: #000;
	font-size: 13px;
}

.content h1 {
	font-size: 16px;
}

.inicio {
	background-image: url(images/INICIO/FONDO.jpg) !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

.nosotros {
	background-image: url(images/NOSOTROS/FONDO.jpg) !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

.productos {
	background-image: url(images/PROD_Y_SERV/FONDO.jpg) !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

.portales {
	background-image: url(images/PORTALES_VENTA/FONDO.jpg)!important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

.contacto {
	background-image: url(images/CONTACTO/FONDO.jpg) !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -mz-transition: .5s ease-in-out;
}

ul > li {
	font-family: 'Arial Rounded MT Bold';
}

#companias, #saldocel, #multisaldo, #sistemas {
	-webkit-transition: z-index .5s ease-in-out; 
    transition: z-index .5s ease-in-out;
}





/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0;
background: transparent; 
width: 430px; 
height: 30px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 430px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 430px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: transparent;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
} 
ul.newsticker span {
margin: 0;
}