@import url('base.css'); 
body {
	position:relative;
	background-color: #8CD1FB;
	color: #FFF;
}
p,i,a,span,strong,em,li,div {
	font-family:'Proxima'; 
}
p {
	line-height: 140%;
}
.e {clear: both;}


#top-line{
	position:relative; 
	padding:15px;
	background: url(img/top-line.png);
	box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	border-radius: 0 0 2px 2px;
	z-index: 1;
}
	#top-line #content {
		width: 1000px;
		margin: 0 auto;
	}
	#top-line #content a{
		display: block;
		text-align: right;
		font-size: 13px; 
		padding-right: 20px;
	}
#bottom-line{
	position: relative;
	height: 62px;
	background-color: #0D5886;
	box-shadow: 0 -1px 5px rgba(0,0,0,0.6);
	border-radius: 0 0 2px 2px;
	z-index: 1;
}
	#bottom-line #content {
		width: 1000px;
		margin: 0 auto;
	}
	#bottom-line #content #copyright a{
		position: absolute;
		text-align: left;
		font-size: 12px;
		padding-top: 24px;
		padding-left: 20px;
	}
	#bottom-line #content #menu {
		height: 50px;
		padding-right: 20px;
	}
		#bottom-line #content #menu ul {
			padding: 0;
			display: block;
			float: right;
		}
		#bottom-line #content #menu li {
			display: block;
			float:left; 
			padding-top: 23px;
			padding-right: 10px;
			padding-left: 10px;
		}
		#bottom-line #content #menu li a { 
			font-size: 13px; 
			text-decoration: none; 
			color: #FFF;
		}
		#bottom-line #content #menu li a:hover { 
			color: #007FFF;
		} 

#app{
	width: 1000px;
	height: 100%;
	background-color: #FFF;
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
	#app #menu {
		height: 103px;
	}
		#app #menu .logo {
			position: absolute;
			height: 52px;
			width: 126px;
			background: url(img/logo.png);
			margin: 25px 37px 26px;
		}
		#app #menu ul {
			padding: 0;
			display: block;
			float: right;
		}
		#app #menu li {
			display: block;
			float:left; 
			padding-top: 45px;
			padding-right: 25px;
			padding-left: 25px;
		}
			#app #menu li a { 
				font-size:15px; 
				text-decoration: none; 
				color:#868686;
			}
			#app #menu li a:hover { 
				color: #007FFF;
			}  

	#app #slidercontainer {
		position: relative;
		margin:auto;
		height: 411px;
		background-color: #158DD4;
	}
		#app #slidercontainer .next{
			position: absolute;
			height: 51px;
			width: 29px;
			background: url(img/next.png);
			left: 960px;
			top: 180px;
			z-index: 1;
		}
		#app #slidercontainer .prev{
			position: absolute;
			height: 51px;
			width: 29px;
			background: url(img/prev.png);
			left: 11px;
			top: 180px;
			z-index: 1;
		}
	#app #slider {
		position: relative;
		margin: auto;
		height: 411px;
		overflow: hidden;
	}
		#app #slider .slider{
			position: relative;
			margin: auto;
			height: 411px;
			width: 3000px;
		}
		#app #slider .sliderimg{
			width: 1000px; 
			height: 411px; 
			float: left;
			position: relative;
		}
		#app #slider p{
			position: absolute;
			border-radius: 20px;
			width: 380px; 
			background-color: rgba(000, 0, 0, 0.55);
			display: block;
			font-size: 18px;
			top: 190px;
			left: 70px;
			padding: 35px;
		}
	#app #content {
		width: 1000px;
		height: 100%;
		background-color: #EEEEEE;
	}
		#app #content .service{
			overflow: hidden;
		}
			#app #content .service .type-1{
				width:273px;
				height:365px;
				background: #DDDDDD;
				padding:30px;
				float:left;
			}
			#app #content .service .small{
				height:280px !important;
			}
				#app #content .service .small p{
					height:70px !important;
				} 
			#app #content .service .type-2{
				width:273px;
				height:365px;
				background: #EEEEEE;
				padding:30px;
				float:left;
			}
			#app #content .service h3{
				color: #222222; 
				font-size: 15px;
				padding-bottom: 10px;
				font-weight: bold;
			}
			#revindustrial h3 {
				margin-top: -5px !important;
				position: relative;
			}
			#app #content .service p{
				height:155px;
				color: #444444;
				font-size: 12px;
			}
			#app #content .service ul{
				height:150px;
				color: #444444;
				font-size: 12px;
				margin-top: 15px;
			}
				#app #content .service li{
					background: url(img/iconlist.png) no-repeat top left;
					padding-left:20px;
					margin-top: 5px;
				}
			#app #content .service .button{
				height: 24px;
				width: 82px;
				background: url(img/button.png) no-repeat center top;
				display: block;
				text-align: center;
				font-size: 13px;
				padding-top: 4px;
				float:right;
				text-decoration: none;
				color: #FFF;
			}
			#app #content .service .img{
				display: block;
				border: 1px solid #DDDDDD;
				background-color: #FFF;
				text-align: center;
				margin-left: 10px;
				margin-bottom:10px;
			}
				#app #content .service .img img{
					width:263px;
					height:160px;
				}
				
			

		#app #content #left{
			position: relative;
			width: 724px;
			margin-right: 276px;
		}

		#app #content #left #services{
			background-color: #F3F3F3;
			height: 154px;
		}
		#app #content #left #services .next{
			position: absolute;
			height: 41px;
			width: 41px;
			background: url(img/next-service.png);
			left: 660px;
			top: 55px;
			z-index: 1;
		}
		#app #content #left #services .prev{
			position: absolute;
			height: 41px;
			width: 41px;
			background: url(img/prev-service.png);
			left: 23px;
			top: 55px;
			z-index: 1;
		}

		#app #content #left #services #service-slider{
			position: relative;
			top: 28px;
			height: 98px;
			width: 580px;
			margin: 0 auto;
			overflow: hidden;
		}

		#app #content #left #services #service-slider .service-slider{
			position: relative;
			margin: auto;
			height: 98px;
			width: 936px;

		}
		#app #content #left #services #service-slider .sliderimg{
			height: 96px;
			width: 107px;
			display: block;
			border: 1px solid #DDDDDD;
			background-color: #FFF;
			text-align: center;
			float: left;
			margin-right: 4px;
			margin-left: 4px;
		}
		#app #content #left #services #service-slider .sliderimg a{
			font-size: 12px;
			color: #666666;
			font-family: 'Helvetica Neue','Helvetica',sans-serif;
		}
		#app #content #left #services #service-slider .sliderimg img{
			position: relative;
			height:67px;
			width:107px;
		}
		#app #content #left .map{
			height: 233px;
		}










		#app #content #left #contact{
			display:block;
			color: #000;
			width: 684px;
			padding: 20px;
		}
		#app #content #left #contact h3{
			font-size: 20px;
			padding-bottom: 20px;
		}

		#app #content #left #contacto .fields {
			width:270px;
		}
		#app #content #left #contacto .fields fieldset {
				display:block;
		}
		#app #content #left #contact .fields fieldset label {
			display:block;
			font-size:13px;
			padding-bottom:3px;
		}
				#app #content #left #contact .fields fieldset span {
					font-size:9px;
					text-align:right;
					text-transform:uppercase;
					color:#F33;
					padding:5px 0 0 0;
					display:block;
				}

				#app #content #left #contact .fields fieldset .nombre,
				#app #content #left #contact .fields fieldset .email,
				#app #content #left #contact .fields fieldset .telefono,
				#app #content #left #contact .fields fieldset .mensaje {
					display:block; 
					width:100%;
					background:#fff;
					border:1px solid #c2c2cc;
					padding:10px 0;
				}
				#app #content #left #contact .fields .email{
					width: 330px;
					float: left;
				}
				#app #content #left #contact .fields .telefono{
					width: 330px;
					float: right;
				}
				#app #content #left #contact .fields fieldset .mensaje {
					height:200px;
					text-indent:0;
					width:664px;
					padding:10px;
				}
				#app #content #left #contact .fields .submit {
					display:block;
					background: url(img/send-button.png) no-repeat;
					width:115px;
					height:38px;
					color: #FFF;
					text-align:center;
					font-size:12px;		
				}
		#app #content #right{
			float: right;
			width: 276px;
			position: relative;
		}
			#app #content #right .content{
			border-left: 1px solid #BBBBBB;
			position: absolute;
			width: 100%;
			color: #333333;
			}
			#app #content #right .content .history{
				height: 298px;
				padding-top: 10px;
				padding-left: 25px;
				padding-right: 25px;
			}
				#app #content #right .content .history .title{
					font-size: 20px;
					font-weight: bold;
					padding-left: 30px;
					padding-bottom: 5px;
					border-bottom: 1px solid #BBBBBB;
					background: url(img/history.png) no-repeat left;
				}
				#app #content #right .content .history .text{
					padding-top: 9px;
					font-size: 13px; 
					line-height: 140%;
				}
			#app #content #right .content .about{
				height: 298px;
				padding-top: 30px;
				padding-left: 25px;
				padding-right: 25px;
			}
				#app #content #right .content .about .title{
					font-size: 20px;
					font-weight: bold;
					padding-left: 30px;
					padding-bottom: 5px;
					border-bottom: 1px solid #BBBBBB;
					background: url(img/about.png) no-repeat left;
				}
				#app #content #right .content .about .text{
					padding-top: 9px;
					font-size: 13px; 
					line-height: 140%;
				}
			#app #content #right .content .all{
				height: 720px;
				padding-top: 30px;
				padding-left: 25px;
				padding-right: 25px;
			}
				#app #content #right .content .all .title{
					font-size: 20px;
					font-weight: bold;
					padding-bottom: 5px;
				}
				#app #content #right .content .all .text{
					padding-top: 9px;
					font-size: 13px;
					text-align: justify;
				}
				#app #content #right .content .all .text p{
					padding-top: 9px;
					padding-left: 5px;
				}
				#app #content #right .content .all .text strong{
					font-family: 'Bold';
				}

	#app #content #about{
		width: 920px;
		height: 100%;
		padding: 40px;
	}
	#app #content #about h2{
		color: #111111;
		font-size: 20px;
		padding-bottom: 20px;
	}
	#app #content #about .text p{
		font-size: 14px; 
		padding-bottom: 15px;
		line-height: 140%;
	}
	#app #content #about p{
		font-size: 13px;
		color: #444444;
		top: 60px;
		text-align: justify;
		padding-bottom: 15px;
	}
	#app #content #about img{
		float:right;
		width: 310px;
		height: 200px;
		border: 10px solid #FFF;
		margin-left: 40px;
		margin-bottom: 30px;
	}
	#app #content #about .acordion {
		background-color: #FFF;
		display: block;
		position: relative;
		font-size: 13px;
		color: #707070;
		border: 1px solid #e0e0e0;
		overflow: hidden;
	}
	#app #content #about .acordion h3{
		background: url(img/about/acordeon-inactive.png) no-repeat 15px 13px;
		background-color: #F4F4F4;
		padding: 15px 0 15px 45px;

	}
	#app #content #about .acordion div{
		padding: 15px 20px 15px 30px;
	}

	#app #content #left #services-content{
		position: relative;
	}
		#app #content #left #services-content #service-slider{
			position: relative;
			height: 482px;
			width: 724px;
			margin: 0 auto;
			overflow: hidden;
		}
			#app #content #left #services-content #service-slider .service-slider{
				position: absolute;
				margin: auto;
				height: 482px;
				width: 724px;
			}
		#app #content #left #services-content #content{
			position: absolute;
			top: 354px;
			height: 128px;
			width: 724px;
			display: block;
			background-color: rgba(000, 0, 0, 0.5);
		}
				#app #content #left #services-content #content .title{
					height: 20px;
					width: 135px;
					position: absolute;
					left: 15px;
					top: -28px;
					display: block;
					background-color: rgba(000, 0, 0, 0.5);
					font-size: 14px;
					font-weight: bold;
					text-align: center;
					padding-top: 8px;
				}
				#app #content #left #services-content #content .info{
					font-size: 14px;
					margin-top: 20px;
					margin-left: 25px;
					margin-right: 25px;
					margin-bottom: 5px;
				}
				#app #content #left #services-content #content .button{
					position: absolute;
					height: 24px;
					width: 82px;
					background: url(img/button.png) no-repeat center top;
					display: block;
					text-align: center;
					font-size: 13px;
					padding-top: 4px;
					color: #fff;
					left: 600px;
					top: 92px;
				}
	#app #footer {
		height: 240px;
		background-color: #0786D1;
	}
		#app #footer #content{
			height: 200px;
			width: 684px;
			padding: 20px;
			float: left;
			background-color: #0786D1;
		}
		#app #footer #content #history{
			width: 332px;
			height: 200px;
			float: left;
		}
			#app #footer #content #history .logo{
				position: absolute;
				background: url(img/footer_logo.png);
				width: 126px;
				height: 42px;
			}
			#app #footer #content #history p{
				height: 80px;
				width: 100%;
				padding-top: 50px;
				font-size: 13px;
			}
		#app #footer #content #info{
			width: 332px;
			height: 200px;
			float: right;
		}
			#app #footer #content #info h1{
				padding-top: 10px;
				padding-bottom: 12px;
				font-size: 18px;
				font-weight: bold;
			}
			#app #footer #content #info div{
				padding: 7px;
				font-size: 13px;
				padding-left: 25px;
			}
			#app #footer #content #info .address{
				background: url(img/address.png) no-repeat;
				background-position: left center;
			}
			#app #footer #content #info .phone{
				background: url(img/phone.png) no-repeat;
				background-position: left center;
			}
			#app #footer #content #info .mail{
				background: url(img/mail.png) no-repeat;
				background-position: left center;
			}
		#app #footer #map{
			float: right;
			height: 240px;
			width: 276px;
		}

	#app #img-top {
		position: relative;
		margin:auto;
		height: 215px;
		background-color: #158DD4;
	}
	#app #title-content {
		position: relative;
		margin:auto;
		height: 90px;
		display: block;
		color: #212121;
		border-bottom: 1px solid #DDDDDD;
	}
		#app #title-content .title{
			float: left;
			font-size: 22px;
			padding-top: 32px;
			padding-left: 30px;
		}
		#app #title-content .position{
			float: right;
			font-size: 12px;
			padding-top: 39px;
			padding-right: 30px;
		}
		#app #title-content .position a{
			text-decoration: none;
			color: #006CD8;
		}