section {
	margin-bottom: 80px;
}

.misc {
	padding-bottom: 15px;
	background: url(../img/footer-h2-misc.png) left bottom no-repeat;
	margin-top: 0;
}

.breadcrumb {
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
}

.breadcrumb ul li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.breadcrumb ul li.tit {
	padding-right: 10px;
}

.breadcrumb ul li.tit:after {
	content: url(../img/breadcrumb-bullet.png);
	position: absolute;
	right: 0;
	top: 0;
}

.breadcrumb ul li a {
	font-family: "Roboto", Arial, sans-serif;
	color: #7a003c;
	font-size: 10px;
	margin: 0;
	font-weight: 400;
	display: block;
	padding: 2px 4px;
}

.breadcrumb ul li.tit a {
	color: white;
	background-color: #7a003c;
}

.go-to-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 54px;
	height: 54px;
	display: block;
	background: url(../img/arrow-up-circile-45x45.png) center center no-repeat;
	opacity: .4;
	transition: all .4s ease;
	cursor: pointer;	
	visibility: visible
}

.go-to-top.fixed {
	position: absolute;
	bottom: auto;
	top: -95px;
}

.go-to-top.off {
	opacity: 0;
	visibility: hidden;
}

.go-to-top:hover {
	opacity: 1;
}

header {
	background: white;
	border-bottom: 5px solid #ababab;
}

h1.logo {
	margin: 12px 0;
}

header ul,
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav {
	padding: 0;

}

.menu-icon {
	width: 25px;
	height: 20px;
	margin: 7px 0 5px 0;
	display: block;
}

.menu-icon:after,
.menu-icon:hover:after {
	content: '';
	color: white;
	background: white;
	box-shadow: 0 0 0 white,
				0 8px 0 white,
				0 16px 0 white;
}

ul.menu {
	
}

ul.menu li {
	display: inline-block;
	vertical-align: top;
}

ul.menu li a {
	display: block;
	font: normal 400 13px/1.5 "Roboto Condensed", Arial, sans-serif;
	color: white;
	text-transform: uppercase;
	padding: 10px 40px;
}

ul.menu li:first-child a {
	padding-left: 5px;
}

ul.menu li.has-submenu ul {
	display: none;
}

ul.menu li.has-submenu ul li a {
	font-size: 1.1em;
	
}

.switch-lang li {
	float: left;
	margin: 0 5px;
}

.switch-lang li a {
	padding: 6px 10px;
	display: block;
}

.off-canvas ul.menu {
	margin-top: 30px;
}

.off-canvas ul.menu li {
	display: block;
	margin-right: 0;
}

.off-canvas ul.menu li a {
	font-size: 16px;
	line-height: 1.5;
	padding: 10px;
	outline: none;
}

.get-info-box {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ico-info-24x48.png) center center / auto 100% no-repeat #7a003c;
	border-radius: 50%;
	margin-bottom: 10px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 0;
}

.get-info-box:hover {
	color: white;
}

ul.social {
	margin: 10px 20px;
}

ul.social li {
	margin-bottom: 10px; 
}


ul.top-menu {
	position: absolute;
	right: 10px;
	top: 45px;
	text-align: right;
}

ul.top-menu li a {
	display: block;
	font: normal 400 11px/1.5 "Roboto Condensed", Arial, sans-serif;
	color: #231f20;
	padding: 3px 0;	
	text-transform: uppercase;
}

ul.top-menu li a:hover {
	color: #7a003c;
}

.large-submenu-wrapper {
	position: relative;
	z-index: 100
}

.large-submenu {
	position: absolute;
	width: 100%;
	background: white;
	padding: 25px 0 20px;
	border-radius: 0 0 40px 40px
}

.large-submenu {
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease-out;
	box-shadow: 0 2px 5px rgba(0,0,0,.45)
}

.large-submenu.on {
	visibility: visible;
	opacity: 1;
}

.submenu-item {
	padding: 0 20px;
	display: block
}

.submenu-item h2 {
	color: #585858;
	margin: 7px 0 9px;
}

.menu-img {
	width: 130px;
	height: 100px;
	display: inline-block;
	margin: 0 auto;
	border-radius: 20px 0 20px 0;
	border: 1px solid white;
	transition: all .4s ease;
	box-shadow: inset 0 0 0 2px white;
}

.submenu-item.sub-historia .menu-img {
	background: url(../img/historia.jpg) center center / cover no-repeat;
}

.submenu-item.sub-valores .menu-img {
	background: url(../img/valores.jpg) center center / cover no-repeat;
}

.submenu-item.sub-clientes .menu-img {
	background: url(../img/clientes.jpg) center center / cover no-repeat;
}

.submenu-item.sub-presencia .menu-img {
	background: url(../img/global.jpg) center center / cover no-repeat;
}

.submenu-item:hover .menu-img {
	box-shadow: inset 0 0 0 2px white;
	border-color: #7a003c;
}

.submenu-item:hover h2 {
	color: #7a003c;
}

.submenu-item p {
	color: #231f20 !important;
}


/*
	SLIDER
*/

.slider-wrapper {
}

.slide,
.static-slide {
	background: center center / cover no-repeat;
	width: 100%;
	position: relative;
}
#slide-0 { background-image: url(../contents/home-slider/fondo-00.jpg); }
#slide-1 { background-image: url(../contents/home-slider/fondo-01.jpg); }
#slide-2 { background-image: url(../contents/home-slider/fondo-02.jpg); }
#slide-3 { background-image: url(../contents/home-slider/fondo-03.jpg); }
#slide-4 { background-image: url(../contents/home-slider/fondo-04.jpg); }
#slide-5 { background-image: url(../contents/home-slider/fondo-05.jpg); }

#quienes #slide-1 { background-image: url(../contents/quienes/quienes-01.jpg); }
#representadas #slide-1 { background-image: url(../contents/representadas/representadas-01.jpg); }
#proyectos #slide-1 { background-image: url(../contents/proyectos/proyectos-01.jpg); }

.slide-inner,
.static-slide {
	height: 240px;
	position: relative;
}

.slide-info {
	background: rgba(255,255,255,.8);
	border-radius: 0 30px 0 30px;
	padding: 5px 10px 10px;
	
	position: absolute;
	bottom: 20px;
	left: 0;
}

.slide-info h1 {
	margin: 5px 0;
	line-height: 1.1;
}

.slide-info p {
	font-size: 15px;
}


/*
	BIG BUTTONS 
*/

.home-button {
	max-width: 300px;
	margin: 0 auto;
}

.home-button a {
	width: 100%;
	height: 0;
	padding-top: 79.09%;
	display: block;
}

.home-button a:hover {
	background-position: center bottom;
}

.quie a {
	background: url(../img/icon-quienes.jpg) center top / 100% auto no-repeat;
}
.solu a {
	background: url(../img/icon-soluciones.jpg) center top / 100% auto no-repeat;
}
.proy a {
	background: url(../img/icon-proyectos.jpg) center top / 100% auto no-repeat;
}
.repr a {
	background: url(../img/icon-representadas.jpg) center top / 100% auto no-repeat;
}

.home-button p {
	margin: 0;
}

.home-button p.tit {
	font: normal 400 24px/1.3 "Roboto Condensed", Arial, sans-serif;
	text-transform: uppercase;
	margin: 15px 0 10px;
}


/*
	QUIENES SOMOS

	HISTORIA
*/

#historia > .row:first-child {
	
}

#historia .col2 {
	padding-left: 10px;
}

.historia {
	padding: 20px 20px 7px 20px;
	display:inline-block;
}

.historia h1 {
	margin: 0 0 10px;
}

.quotes {
	padding: 70px 70px 20px 20px;
	background: url(../img/quotes.png) 20px 10px / 50px 50px no-repeat;
}

.quotes p {
	color: white;
	font: normal 400 30px/1.5 "Eurostyle", Arial, sans-serif;
}

/*
	NUESTROS VALORES
*/

#valores {
	background: url(../img/back-form.jpg) center center / cover no-repeat;
}

.valores-wrapper {
	background: rgba(255,255,255,.9);
	padding: 10px 10px 40px;
	border-radius: 40px 0 40px 0;
}

.val-box {
	display: inline-block;
	padding: 0 20px;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.45);
}

.val-box.rad-right {
	border-radius: 0 40px 0 40px;
}

.val-box.rad-left {
	border-radius: 40px 0 40px 0;
}

/*
	REPRESENTADAS
*/

.representadas-submenu {
	padding-left: 20px;
	padding-right: 20px;
}

.representadas-submenu h1 {
	margin-top: 0;
}

.rep-logos {
	margin-top: 15px;
}

.rep-logos a {
	float: left;
	width: 25%;
	text-align: center;
}

.rep-logos a img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-width: 150px;
	margin: 0 auto;
}

.rep-logos a:hover img {
	-webkit-filter: none;
	filter: none;
}

.rep-img {
	border: 1px solid #a00650;
	border-radius: 40px 0 40px 0;
	margin-bottom: 10px;
	overflow: hidden
}

.rep-img + a {
	font-family: "Roboto Condensed", Arial, sans-serif;
	color: #a00650;
	font-size: 1.25rem;
	margin: 1rem 0;
	font-weight: 400
}

#representadas h2 {
	margin-top: 0;
}


/*
	SOLUCIONES
*/

.solucion {
	border-bottom: 1px solid black;
}

.soluciones-left-submenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.soluciones-left-submenu li {
	margin-bottom: 15px;
}

.soluciones-left-submenu li a {
	padding: 2px 4px;
	display: block;
}

.soluciones-left-submenu li a:hover,
.soluciones-left-submenu li a.active {
	color: white;
}



.soluciones-right-submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #e7e8e8;
	border-radius: 0 20px 0 20px;
	/*overflow: hidden;*/
}

.soluciones-right-submenu > li {
	padding: 0 10px;
}

.soluciones-right-submenu > li > a {
	padding: 10px 0;
	display: block;
	font: normal normal 17px / 1.3 'Roboto Condensed', Arial, sans-serif;
	border-bottom: 1px solid white;
	color: #231f20;
}

.soluciones-right-submenu > li:hover > a,
.soluciones-right-submenu > li.active > a {
	color: white;
	border: none;
}

.large-submenu-inner-menu {
	position: relative;
}

.large-submenu .soluciones-right-submenu {
	width: 50%;
}

.large-submenu .soluciones-right-submenu > li > a {
	padding-right: 30px;
}

.large-submenu .soluciones-right-submenu ul {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	border-radius: 0 20px 0 20px;
	padding-top: 5px;
	display: none;
}

.large-submenu .soluciones-right-submenu > li:hover ul {
	display: block;
}

.large-submenu .soluciones-right-submenu ul li {
	margin: 7px 7px 7px 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid white;
}

.large-submenu .soluciones-right-submenu ul li a {
	color: white;
	padding-left: 0;
}

.solu-img {
	border-right: 25px solid black;
	position: relative;
	margin-bottom: 30px;
	
}

.menu-wrapper {
	position: relative;
}

.menu-col {
	position: absolute;
}

/* Soluciones colores */
/* Violeta*/
.solu-violeta .soluciones-left-submenu li a:hover,
.solu-violeta .soluciones-left-submenu li a.active {
	background-color: #713c75;
}
.soluciones-right-submenu li.solu-violeta.active,
.soluciones-right-submenu li.solu-violeta:hover,
.soluciones-right-submenu li.sub-violeta:hover,
.soluciones-right-submenu li.sub-violeta ul {
	background-color: #713c75;
	border-bottom: 1px solid #713c75;
}
.solu-violeta .solu-img {
	border-color: #713c75;
}
.solu-violeta .solu-img:after {
	border-left-color: #713c75;
}
/* Petrol */
.solu-petrol .soluciones-left-submenu li a:hover,
.solu-petrol .soluciones-left-submenu li a.active {
	background-color: #508387;
}
.soluciones-right-submenu li.solu-petrol.active,
.soluciones-right-submenu li.solu-petrol:hover,
.soluciones-right-submenu li.sub-petrol:hover,
.soluciones-right-submenu li.sub-petrol ul {
	background-color: #508387;
	border-bottom: 1px solid #508387;
}
.solu-petrol .solu-img {
	border-color: #508387;
}
.solu-petrol .solu-img:after {
	border-left-color: #508387;
}
/* Yellow */
.solu-yellow .soluciones-left-submenu li a:hover,
.solu-yellow .soluciones-left-submenu li a.active {
	background-color: #d08604;
}
.soluciones-right-submenu li.solu-yellow.active,
.soluciones-right-submenu li.solu-yellow:hover,
.large-submenu .soluciones-right-submenu li.sub-yellow:hover,
.large-submenu .soluciones-right-submenu li.sub-yellow ul {
	background-color: #d08604;
	border-bottom: 1px solid #d08604;
}
.solu-yellow .solu-img {
	border-color: #d08604;
}
.solu-yellow .solu-img:after {
	border-left-color: #d08604;
}
/* Green */
.solu-green .soluciones-left-submenu li a:hover,
.solu-green .soluciones-left-submenu li a.active {
	background-color: #777700;
}
.soluciones-right-submenu li.solu-green.active,
.soluciones-right-submenu li.solu-green:hover,
.large-submenu .soluciones-right-submenu li.sub-green:hover,
.large-submenu .soluciones-right-submenu li.sub-green ul {
	background-color: #777700;
	border-bottom: 1px solid #777700;
}
.solu-green .solu-img {
	border-color: #777700;
}
.solu-green .solu-img:after {
	border-left-color: #777700;
}
/* Purple (Proyectos) */
.large-submenu .soluciones-right-submenu li.sub-purple:hover,
.large-submenu .soluciones-right-submenu li.sub-purple ul {
	background-color: #7a003c;
	border-bottom: 1px solid #7a003c;
}


/*
	NOVEDADES
*/

.nov-sub {
	font: normal 700 16px / 1.3 'Roboto Condensed', Arial, sans-serif;
}

.nov-pic {
	border: 1px solid #585858;
	margin-bottom: 15px;
}

#novedades tr,
#novedades td {
	padding: 0;
	background-color: white;
	border: none;
}

.cal-evento {
	border-collapse: separate;
}

.cal-evento,
.cal-img,
.cal-footer {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 15px;
}

#novedades td.cal-dato {
	border-bottom: 1px solid #333;
	padding: 5px 3px !important;
	font-size: 12px;
	line-height: 12px;
	color: black;
	font-family: "Roboto Condensed", Arial, sans-serif;
	
}

.cal-date {
	border: 1px solid #7a003c;
	width: 65px;
	height: 65px;
	border-collapse: separate;
	margin-right: 5px;
	margin-bottom: 0;
	background: url(../img/cal-date-bgr.png) center center no-repeat !important;
	border-radius: 0 7px;
}

#novedades .cal-date tr,
#novedades .cal-date tbody,
#novedades .cal-date td {
	background-color: transparent
}

#novedades .cal-date td {
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding: 2px 0;
}

.cal-img {
	border: none;
	border-collapse: separate;
}
#novedades .cal-img td {
	padding-bottom: 5px;
}

.cal-footer,
.cal-footer tr,
.cal-footer tbody,
.cal-footer td {
	background: #7a003c !important;
}

#novedades .cal-footer {
	border-bottom: 3px solid #7a003c;
}

#novedades .cal-footer tr td {
	padding: 5px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	font-family: "Roboto Condensed", Arial, sans-serif;
}

#novedades .cal-footer tr td a {
	color: white
}

/*
	PROYECTOS
*/

.accordion-title {
	display: block;
	font: normal normal 17px / 1.3 'Eurostyle', Arial, sans-serif;
	font-weight: 700;
/*	border-bottom: 1px solid white;*/
	color: #7a003c;

}

.accordion,
.accordion-title,
.accordion-content {
	border-color: #7a003c;

}

.is-active > .accordion-title {
	color: white;
	background-color: #7a003c;
}

/* 
Sobre escribe el display:none de foundation.css para posibilitar iniciar los sliders. 
Luego se vuelve a display:none via js */
.accordion-content {
	display: block;
}


/*
	CONTACTO
*/

section#contacto {
	position: relative;
	overflow: hidden;
}

#map-canvas {
	width: 100%;
	height: 250px;
}

.form-wrapper {
	padding: 50px 0 20px;
	
	
	-webkit-transform: translateY(-390px);
	   -moz-transform: translateY(-390px);
		-ms-transform: translateY(-390px);
		   	transform: translateY(-390px);
				
	-webkit-transition: all 0.5s;
			transition: all 0.5s;
}

.form-wrapper.is-open {
	
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
		-ms-transform: translateY(0);
		   	transform: translateY(0);

				
}

.form-toggle {
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	right: 30px;
	bottom: 15px;
	background: url(../img/arrow-up-35x35.png) center center / cover no-repeat;
	cursor: pointer;
	
	display:none;
	
	-webkit-transition: all .5s .5s;
			transition: all .5s .5s;
}

.is-open .form-toggle {

	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		   	transform: rotate(180deg);
	
	
}


/* 
	RRHH
*/

section#rrhh {
	background: url(../img/back-form.jpg) center center / cover no-repeat
}

.rrhh-wrapper {
	margin: 30px 0 70px;
	padding: 15px 10px;
	background-color: #626262;
	border-radius: 0 40px;
}

/*
	FOOTER
*/

footer {
	background: #d1d3d4;
	position: relative;
}

.newsletter {
	border-bottom: 5px solid #7a003c;
}

.newsletter input,
.newsletter .button {
	height: 20px;
/*	line-height: 20px;*/
	margin: 0;
	font-size: 15px;
	padding: 0 10px;
	border: 0;
	background: white
}



.newsletter .button {
	background-color: #7a003c;
}

.newsletter .input-group {
	margin: 5px 0 0;
}

.footer-inner .contacto {
	font: normal 400 20px/44px "Roboto Condensed", Arial, sans-serif;
	margin: 20px 0;
}

.footer-inner p {
	font: normal 400 12px/1.3 "Roboto Condensed", Arial, sans-serif;
	color: white;
}

.footer-inner h2 {
	padding-bottom: 15px;
	background: url(../img/footer-h2-misc.png) left bottom no-repeat;
}

.footer-inner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-inner ul li {
	border-bottom: 1px solid #585858;
	padding: 2px 0
}

.bottom-bar-inner {
	padding-top: 15px;
	position: relative;
}

.bottom-bar p {
	padding-left: 60px;
}

.bottom-bar a {
	color: white !important
}

.data-fiscal {
	position: absolute;
	top: -35px;
	left: 0;
}