@charset "utf-8";
/* CSS Document */

/* Small screens */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
	.slide-info h1 {
		font-size: 18px;
	}
	
	.slide-info p {
		font-size: 12px;
	}
	
	.bottom-bar p {
		padding-left: 60px;
		padding-top: 20px;
	}
	
	.data-fiscal {
		position: static;
		float: left;
		top: auto;
		left: auto;
		margin-bottom: 15px;
	}
	
	.solu-img {
		display: inline-block;
	}
	
}

/* Medium screens */
/* min-width 641px, medium screens and up */
@media only screen and (min-width: 40.063em) { 
	
	.slide-info {
		padding: 10px 20px 25px;
		border-radius: 0 40px 0 40px;
	}
	
	.slide-inner,
	.static-slide {
		height: 520px;
	}
	
	.slide-info {
		bottom: 60px;
	}
	
	#historia .col2 {
		padding-left: 50px;
	}
	
	.solu-img:after {
		content: '';
		width: 0;
		height: 0;
		border-width: 10px 7px;
		border-style: solid;
		border-color: transparent;
		position: absolute;
		right: -39px;
		top: 50%;
		margin-top: -10px;
	}
	
	.form-wrapper {
		padding: 50px 0 20px;
		background: rgba(255,255,255,.8);
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 450px;
	}
	
	.form-toggle {
		display: block;
	}
	
	
	#map-canvas {

		height: 590px;
	}
	
	.footer-inner .contacto {
		margin: 0;
	}
} 	

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } 

/* Large screens */
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 
	
	ul.top-menu {
		margin-top: 58px;
		margin-right: 40px;
	}
	
	ul.top-menu li {
		border-left: 1px solid #58595b;
		border-right: 1px solid #58595b;
		display: inline-block;
		vertical-align: top;
	}
	
	ul.top-menu li:first-child {
		border-right: none;
	}
	
	.switch-lang li a {
		padding: 8px 10px;
	}
	
	.get-info-box {
		display: block;
		width: 140px;
		height: 90px;
		background: url(../img/ico-info-24x48.png) 25px 35px no-repeat;
		padding: 55px 0 0 60px;
		font: normal 400 15px/1.5 "Roboto Condensed", Arial, sans-serif;
		color: white;
		text-transform: uppercase;
		border-radius: 0 0 15px 15px;
		margin-bottom: 10px;
		box-shadow: 1px 1px 2px rgba(0,0,0,.4);
		margin: 0;
		text-indent: 0
	}
	
	ul.top-menu {
		position: static;
		right: auto;
		top: auto;
		text-align: left;
	}
	
	ul.top-menu li a {
		display: block;
		font: normal 400 11px/1.5 "Roboto Condensed", Arial, sans-serif;
		color: #231f20;
		padding: 0 40px;	
		text-transform: uppercase;
	}
	
	.footer-inner .contacto {
		margin: 20px 0;
	}
	
	.rep-logos a {
		float: left;
		margin: 0 10px;
		width: 150px;
	}
	
	.rrhh-wrapper {
		min-height: 300px;
	}

}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } 

/* XLarge screens */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 
	
} 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } 

/* XXLarge screens */
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }