body {
	overflow: hidden;
	margin-top: 80px;
}
html { overflow-y: scroll; }
/* preloader */
#preload-01 { background: url(../images/1.jpg) no-repeat -9999px -9999px; }
#preload-02 { background: url(../images/2.jpg) no-repeat -9999px -9999px; }
#preload-03 { background: url(../images/3.jpg) no-repeat -9999px -9999px; }
#preload-04 { background: url(../images/4.jpg) no-repeat -9999px -9999px; }
#preload-05 { background: url(../images/5.jpg) no-repeat -9999px -9999px; }
#preload-06 { background: url(../images/6.jpg) no-repeat -9999px -9999px; }
#preload-07 { background: url(../images/7.jpg) no-repeat -9999px -9999px; }
#preload-08 { background: url(../images/logo500.png) no-repeat -9999px -9999px; }
#preload-09 { background: url(../images/logo_algesa.png) no-repeat -9999px -9999px; }



#preloader {
	position: fixed;
	top:0; left:0;
	right:0; bottom:0;
	background: #000;
	z-index: 100;
}


#loader {
	width: 100px;
	height: 100px;
	position: absolute;
	left:50%; top:50%;
	background: url(../images/loader1.gif) no-repeat center 0;
	margin:-50px 0 0 -50px;
}

.navbar{
    font-family: Arial;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #ff9900;
    background-color: #3d3d3d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ff9900;
}
.imagen_logo{
    width: 130px;
}

.content_center{
	margin: 20px;
	background: rgba(1,1,1,0.7);
	border-radius: 20px;
	font-family: Arial;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	display: block;
	text-align: left;
	padding: 40px;
}
.content_center_small{
	margin: 20px;
	background: rgba(1,1,1,0.6);
	border-radius: 20px;
	font-family: Arial;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	display: block;
	text-align: left;
	padding: 40px;
	max-width: 97%;

}

.container{
	width: 98%;
	height: auto;
	/*border: solid 2px white;*/
}
.link_contactos{
	text-decoration: none;
	font-size: 12px;
	color: darkgrey;
}

a:link{
	color: darkgrey;
}

a:active{
	text-decoration: none;
	color: darkgrey;
}
a:visited {
	text-decoration: none;
	color: darkgrey;
}
a:hover {
	text-decoration: none;
	color: #ff9900;
}
.cargando{
	
	background: rgba(1,1,1,1);
	z-index: 100;
}

/*@media screen and (min-width: 1650px){
	
	.content_center_small{
		margin: 20px;
		background: rgba(1,1,1,0.7);
		border-radius: 20px;
		font-family: Arial;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,1);
		display: block;
		text-align: left;
		padding: 40px;
		max-width: 600px;
	}
}*/

.test{
	margin: 20px;
	background: rgba(1,1,1,0.6);
	border-radius: 20px;
	font-family: Arial;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	display: block;
	text-align: left;
	padding: 40px;
	max-width: 97%;

}

.txt_orange{
	color: #ff9900;
	text-shadow: 2px 2px 5px rgba(1,1,1,0.8);
	font-size: 20px;

}
.txt_bold{
	font-weight: bold;
}

.img_clientes{
	display: inline;
	flex: 1;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

.fotos_box_terminales{
	text-align: center;
	margin-top:20px;
	
}

.fotos_box_terminales img{
	/*width: 150px;*/
	height: 86px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: : 10px;
	border:solid 1px #ff9900;
	transition: 0.3s;
}
.fotos_box_terminales img:hover{
	opacity: 0.7;
}
.img_mail{
	height: 18px; /*18px*/
	margin-right: 5px;
	/*border: solid 1px red;*/
}
.link_mail{
	text-decoration: none;
	color: #ff9900;

	
}

@media screen and (min-width: 400px){
	.img_clientes{
		margin-left:auto;

	}
	#cont_clientes{
		width: 30%;
		padding-left: 13%;
	}
	.fotos_box_terminales img{
		/*height: 86px;*/
		width: 100px;
		height: auto;
		margin-top: 10px;
		border:solid 1px #ff9900;
		transition: 0.3s;
	}
}
@media screen and (min-width: 600px){
	.img_clientes{
		margin-left:auto;

	}
	#cont_clientes{
		width: 30%;
		padding-left: 12%;
	}
	.fotos_box_terminales img{
		width: auto;
		height: 86px;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: : 10px;
		border:solid 1px #ff9900;
		transition: 0.3s;
	}
}
@media screen and (min-width: 800px){
	.img_clientes{
		margin-left:auto;

	}
	#cont_clientes{
		width: 30%;
		padding-left: 15%;
	}
	
	
}
/*COLLAPS EARLY - */
@media (min-width: 601px) and (max-width: 820px) {
   .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media screen and (min-width: 900px){
	.img_clientes{
		margin-left:none;

	}
	#cont_clientes{
		width: 90%;
		padding-left: 10%;
	}

	
}

@media screen and (max-width: 1400px){
	
	.test{
		margin: 20px;
		background: rgba(1,1,1,0.6);
		border-radius: 20px;
		font-family: Arial;
		color: #fff;
		font-size: 16px;
		line-height: 16px;
		text-shadow: 1px 1px 1px rgba(0,0,0,1);
		display: block;
		text-align: left;
		padding: 40px;
		max-width: 97%;
	}
	
}

@media screen and (min-width: 1401px){
	
	.test{
	margin: 20px;
	margin-left: 8%;
	background: rgba(1,1,1,0.6);
	border-radius: 20px;
	font-family: Arial;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	display: block;
	float: left;
	text-align: left;
	padding: 40px;
	max-width: 500px;
	}
	
}

@media screen and (min-width: 1600px){
	
	.test{
	margin: 20px;
	margin-left: 10%;
	background: rgba(1,1,1,0.6);
	border-radius: 20px;
	font-family: Arial;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	display: block;
	float: left;
	text-align: left;
	padding: 40px;
	max-width: 500px;
	}
	
}