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

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400&display=swap');

@font-face {font-family: 'Ubuntu'; font-weight: normal; font-style: normal; src: url('../fonts/Ubuntu-Regular.eot'); src: local('☺'), url('../fonts/Ubuntu-Regular.woff') format('woff'), url('../fonts/Ubuntu-Regular.ttf') format('truetype'), url('../fonts/Ubuntu-Regular.svg#webfont3jnenQ5S') format('svg');}
@font-face {font-family: 'UbuntuL'; font-weight: normal; font-style: normal; src: url('../fonts/Ubuntu-Light.eot'); src: local('☺'), url('../fonts/Ubuntu-Light.woff') format('woff'), url('../fonts/Ubuntu-Light.ttf') format('truetype'), url('../fonts/Ubuntu-Light.svg#webfont3jnenQ5S') format('svg');}
@font-face {font-family: 'UbuntuB'; font-weight: normal; font-style: normal; src: url('../fonts/Ubuntu-Bold.eot'); src: local('☺'), url('../fonts/Ubuntu-Bold.woff') format('woff'), url('../fonts/Ubuntu-Bold.ttf') format('truetype'), url('../fonts/Ubuntu-Bold.svg#webfont3jnenQ5S') format('svg');}



body {font-family: 'Lato'; background-color: #fff; font-size: 16px; line-height: 1.8;}

.no_title #cboxLoadedContent {padding: 25px;}

header .container {width: 100%;}

#sp-main-body {padding: 70px 0;}

.sp-my-account {display:none;}

.body-wrapper {}

#sp-top1 {width: 25%;}
#sp-menu {width: 75%;}
#sp-menu .sp-column .sp-module {float: right; width: 25%;}
#sp-menu #offcanvas-toggler {display: none;}
.sp-module .nav.menu_login li a {color: #000; display: inline-block; background-color: #fc0; padding: 0 15px; border-radius: 4px;}
.sp-module .nav.menu_login li a::before {content: "\f007";}

.sp-megamenu-wrapper {float: right; width: 75%;}

.sp-megamenu-parent > li {margin-left: 10px;}
.sp-megamenu-parent > li > a::before {background: transparent;}
#offcanvas-toggler {line-height: 60px;}
.sp-megamenu-parent {float: right; padding: 17px 0;}
.sp-megamenu-parent > li > a {font-size: 13px; display: initial; line-height: 21px; color: #686859;}
.sp-megamenu-parent > li.sp-has-child > a::after {content: "";}
.sp-megamenu-parent > li > a::before {content: '\f111'; font-family: "FontAwesome"; font-size: 7px; color: #DFB812;  left: 4px; top: 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {color:#0065A3;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color:#0065A3;}

.nav-placeholder {height: auto !important;}

#sp-header {height: 60px; top: 0; box-shadow: inherit; background: #0065A3; background: -moz-linear-gradient(left, #0065A3 0%, #161F2E 61%); background: -webkit-linear-gradient(left, #0065A3 0%,#161F2E 61%); background: linear-gradient(to right, #0065A3 0%,#161F2E 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065A3', endColorstr='#161F2E',GradientType=1 ); position: initial;}
#sp-logo {margin-top: -45px; position: absolute; z-index: 1;}
#sp-top-bar {background-color: transparent !important; padding:0;}
#sp-top-bar .container {width: 100%;}
#sp-header.menu-fixed {position: relative;}
#sp-top2 {float: right;}
#sp-top2 .nav.menu_login {float: right; margin-top: 11px;}

#sp-page-title {max-width: 100%; width: 100%;}

.moduletable_cabecera-portada {height: 470px; background-image: url(../../../images/estructura/backcabecera_home.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; display: table; width: 100%;}
.moduletable_cabecera-portada .custom_cabecera-portada {display: table-cell; vertical-align: middle;}
.moduletable_cabecera-portada h3 {font-family: 'UbuntuB'; color: #fff; font-size: 44px; margin: 0 25px; text-align: center;}


.moduletable_mensaje-portada {margin: 0 auto; text-align: center; color: #333; padding: 35px 0; font-size: 18px; max-width: 1260px;}
.moduletable_mensaje-portada h2 {font-size: 34px;}
.moduletable_mensaje-portada h2 span {font-family: 'UbuntuB';}

.moduletable_banners-portada {max-width: 1260px; margin: 0 auto;}
moduletable_banners-portada ul {margin: 0 3%;}
.moduletable_banners-portada ul li {float: left; list-style: none; padding: 15px 10px;}

.moduletable_iconos-portada {margin-top: 30px;}
.moduletable_iconos-portada p {text-align: center;}
.moduletable_iconos-portada img {display: inline; margin: 20px;}


/*********** GALERIA FLOTANTE ****************/

.custom_galeria-float .sticky-container-diario {padding:0px; margin:0px; position:fixed; right:-277px; top:180px; width:310px; z-index: 1100;}
.custom_galeria-float .sticky-diario ul {padding-left: 34px;}
.custom_galeria-float .sticky-diario > li{padding:0px; margin:0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor:pointer; list-style:none !important;}
.custom_galeria-float .sticky-diario > li:first-child {background-color: transparent;}
.custom_galeria-float .sticky-diario > li:hover{margin-left:-175px;}
.custom_galeria-float .sticky-diario li.iconos-modal-diario {	list-style: none !important; padding: 0; background: rgba(0,0,0,0.5); width: 220px; display: table; float:left;}
.custom_galeria-float .sticky-diario > li > img {float:left !important;}
.custom_galeria-float .sticky-diario li  a {text-decoration:none; color:#fff !important;}



/************** JS JOBS ******************/

.layout-jobs .js-image {display: none !important;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data {width:100%;}



.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-first-row span.js-title a {font-size: 18px; color: #DD4D59; float: inherit;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-second-row div.js-fields span.js-totaljobs {   color: green; border: 1px solid green; font-weight: bold;}

.layout-jobs div#js-jobs-wrapper {display: inline-block; width: 47%; margin: 1%; border-radius: 7px;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-first-row span.js-title {width: 100%; text-align: center; float: initial;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-first-row span.js-jobtype {text-align: center; margin-top: 5px; position: inherit; right: 0; bottom: 0px; width: 100%; padding: 0px;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-first-row {padding-bottom: 10px;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-second-row div.js-fields {width: 100%;}
.layout-jobs div#js-jobs-wrapper div.js-bottomrow {border-radius: 0 0 7px 7px;}
.layout-jobs div#js-jobs-wrapper div.js-bottomrow div.js-actions a.js-btn-apply {background: #4D89DC; color: #FFFFFF; border: 1px solid #4D4D4D; border-radius: 4px;}
.layout-jobs div#js-jobs-wrapper div.js-toprow div.js-data div.js-first-row span.js-jobtype span.js-type {border-radius: 4px; border: 1px solid #666;}
.layout-jobs div#jsjobs-wrapper div.page_heading {color: #555; text-align: center; font-size: 25px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.layout-jobs .js-address {display: none;}
.layout-jobs .js-actions {float: none !important; text-align: center !important;}

/************* FORMULARIO INSCRIPCIÓN ************/

.itemid-130 #group1 .row-fluid {width: 50%; float: left;}
.itemid-130 .checkbox input[type="checkbox"],.itemid-130 .checkbox-inline input[type="checkbox"],.itemid-130 .radio input[type="radio"],.itemid-130 .radio-inline input[type="radio"] {position: relative; margin-top: -5px; margin-left: 10px; margin-right: 3px;}
.itemid-130 .row-fluid .span3 {width: auto; display: block;}
.itemid-130 .input-medium.fabrikinput.inputbox.text {width: 75%;}
.itemid-130 #registration_form___birthdate_cal_cal_img {padding: 11px 20px 7px;}
.itemid-130 #registration_form___birthdate_cal {width: 93%;}
.itemid-130 .progress {display: none;}
.itemid-130 #registration_form___password {width: 75%;}
.itemid-130 #registration_form___password_check {margin-top: 8px; width: 75%;}
.itemid-130 .fabrikLabel, .itemid-130 .fabrikgrid_radio span, .itemid-130 .fabrikgrid_checkbox span {color: #333;}

#sp-footer {background: #0065A3; color: #fff; padding: 34px 0; border-top: 10px solid #E0B612;}
#sp-footer .container {width: 100%;}
.moduletable_logo-omil-pie {float: left;}
.moduletable_logo-pie {float: right; margin-top: 25px;}
.moduletable_mesa-ayuda {max-width: 400px; margin: 0 auto; margin-bottom: 0px; background-color: #0065A3; border-radius: 5px; margin-bottom: 10px; padding: 10px;}
.moduletable_mesa-ayuda h3 {margin: 0 0 7px 0; font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.moduletable_mesa-ayuda a {text-decoration: underline;}
#sp-footer .sp-copyright {text-transform: initial; font-size: 13px; display: table; margin: 20px auto 0 auto; width: 100%;}
#sp-footer a {text-decoration: underline;}

.alert.alert-error{display:initial;}

@media screen and (max-width: 480px) {
	
	.offcanvas .offcanvas-menu {z-index: 999999999999999; background-color: rgb(15, 15, 15); position:absolute;}
	#offcanvas-toggler > i {color: #333;}
	#sp-logo {width: 35%;}
	#sp-top1 {width: 0; padding: 0;}
	#sp-menu {width: 100%;}
	#sp-menu #offcanvas-toggler {display: inherit;}
	#sp-menu {margin-left:0; margin-top: 0px;}
	.sp-default-logo {margin-top: -27px; display: initial !important;}
	#sp-menu .sp-column .sp-module {width: 70%; position: absolute; top: 10px; left: 10px;}
	
	.sp-module .nav.menu_login li a {padding: 0 10px;}
	
	#sp-top2 {width: 65%;}
	
	.moduletable_cabecera-portada {height: 300px;}
	.moduletable_cabecera-portada h3 {font-size: 30px;}
	
	.moduletable_mensaje-portada h2 {padding: 0 20px;}	
	
  	.moduletable_banners-portada ul li {padding: 15px 30px; margin-left: -40px;}
  
	.moduletable_logo-omil-pie {float: inherit; text-align: center;}
	.moduletable_logo-omil-pie img {margin: 0 auto 20px;}
	.moduletable_logo-pie {float: inherit; margin-top: 25px; text-align: center;}
	.moduletable_logo-pie {float: inherit; margin-top: 25px; text-align: center;}
	.moduletable_logo-pie img {margin: 0 auto 30px;}
}