/* Fonts */
body {
	font-family: 'Quicksand' !important;
}

@font-face {
font-family: Sansation_Regular;
src: url("../../javax.faces.resource/fonts/Sansation_Regular.ttf.xhtml?ln=fielopolis");
}

@font-face {
font-family: Sansation_Bold;
src: url("../../javax.faces.resource/fonts/Sansation_Bold.ttf.xhtml?ln=fielopolis");
}

/* Icon Fonts */
.fa-trademark {
	vertical-align: super;
	font-size: small;
}


/* Header */
.landing-header {
	background-color: snow !important;
	color: #018ccd !important;
	height: 48px
}
.landing-header figure {
	margin: 0;
}
.landing-header img {
	width: 8em;
	margin-top: -2px;
}
.landing-header-content {
	padding: 0 2vw;
	vertical-align: middle;
	position: fixed;
	line-height: 48px;
	height: 48px
}
.landing-header-content #contact span {
	font-size: larger
}
.landing-wrapper .landing-header .landing-header-content ul.overlay-menu {
	display: block;
	height: 100%;
	width: 100%
}
.sub-menu-start {
	padding-top: 5em !important	
}

/* Navigation */
.menu-container {
	font-size: large;
	width: 100%;
}
.landing-wrapper #sub-menu-button {
	display: none;
	text-decoration: none;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.landing-wrapper .landing-header .landing-header-content a .fa {
	color: #018ccd
}
.landing-wrapper .landing-header .landing-header-content ul li a {
	color: white;
	font-size: 0.8em
}
.landing-wrapper .landing-header .landing-header-content ul li a:hover {
	background-color: snow;
	color: #018ccd;
	border-bottom: 0.2em solid #018ccd;
	padding-bottom: 0.6em; 
}
.landing-wrapper .landing-header .landing-header-content .menu-content ul li a:hover {
	color: #018ccd;
}
.landing-wrapper .landing-header .landing-header-content .menu-content ul li a {
	color: #5C5D60;
	margin: 0 1em
}
.landing-wrapper .landing-header .landing-header-content .sub-menu-title {
	color: white;
}
.landing-wrapper .landing-header .sub-menu-container {
	position: fixed;
	top: 48px;
	background-color: rgba(33, 37, 41, 0.8);
	padding: 0 2vw;
	z-index: -1;
}
.landing-wrapper .landing-header .sub-menu-container .sub-menu-title {
	margin-right: auto;
}
.sub-menu-container .fa {
	padding: 0 1vw;
}



/* Content */
.main {
	padding-top: 48px
}
.intro {
	color: snow;
	text-align: center
}

.intro_rss {
background-image: url("../../javax.faces.resource/banners/Banner_fielopolis_noticias_sin_textos.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro_cloud {
background-image: url("../../javax.faces.resource/banners/Banner_fielopolis_cloud_sin_textos.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro_mobil {
background-image: url("../../javax.faces.resource/banners/Banner_fielopolis_mobile_sin_textos.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro_aplicaciones {
background-image: url("../../javax.faces.resource/banners/Banner-Aplicaciones.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro_software {
background-image: url("../../javax.faces.resource/banners/Banner_fielopolis_portal_sin_textos.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro_consultoria {
background-image: url("../../javax.faces.resource/banners/Banner_fielopolis_suite_sin_textos.jpg.xhtml?ln=fielopolis");
 background-repeat: no-repeat;
background-size: 100% !important;
}

.intro figure img {
	width: 14em;
}

.intro h1 {
	font-size: 5vw; 
padding-top:5vw;
padding-left:10vw;
padding-right:40vw;
font-family: Sansation_Regular;
}

.intro .only_h1 {
padding-top:9vw !important;
}

.intro p {
	font-size: 1.5vw; 
padding-right:40vw;
padding-left:10vw;
padding-bottom:15vw;	
font-family: Sansation_Regular;
}

.padding-logos{
padding:3vw;
}

.intro .ui-button .color_blue {
background: #0A4F94 !important; 
}

.intro .ui-button {
        width: 15vw;
        margin-left: 10vw; 
margin-right:45vw;
      }

.intro .button_red {
    background:#C8012A !important;
border: 1px solid #C8012A !important;
      }


.intro .button_orange {
    background:#F97B19 !important;
border: 1px solid #F97B19 !important;
      }

.intro .button_gray {
    background:#4D4F52 !important;
border: 1px solid #4D4F52 !important;
      }

.intro .ui-button .ui-button-text {
        padding: 1vw 1vw; 
font-family: Sansation_Regular;
font-size: 1vw; 
}

.intro .text_init {
padding-top:7vw;
padding-bottom:0vw;
}

.intro .text_init_large {
padding-top:20vw;
padding-bottom:0vw;
}

.intro .text_init_small {
padding-top:4vw;
padding-bottom:0vw;
}

.intro .text_middle {
padding-top:0vw;
padding-bottom:0vw;
}

.intro .text_end {
padding-top:0vw;
padding-bottom:11vw;
}


section.content {
	padding: 3em 16vw 5em;
	text-align: center
}
section.content p {
	color: #444;
	font-size: 1.1em;
}
section.content figure img {
	width: 64vw;
}
.block {
	display: block !important;	
}
.features {
	padding: 3em 16vw 0 !important;
	text-align: center
}
.features article img {
	margin-bottom: 2em
}
.features article h3 {
	margin-bottom: 1em
}
.features article p {
	color: #444
}
.features h2 {
	margin-bottom: 2em
}
.features-bg, .background {
	background-color: #eee
}
.features article {
	margin-bottom: 4em
}
.paneles {
	height: 5em;
}
.paneles i {
	font-size: 5em
}
.tab-content {
	text-align: left;
}
.texto-centro {
	text-align: center;
}
.img-column-bottom {
	width: auto !important;
	padding-top: 4em
}

/* Footer */
.landing-footer {
	background-color: #212529
}
.landing-footer img {
	width: 14em
}
.landing-footer .landing-footer-content .footer-top {
	padding: 1em 0;
}
.landing-footer .landing-footer-content .footer-top ul a {
	color: #eee !important;
	border-bottom: #a4a4a4 1px solid;
	width: 100%;
}
.landing-footer .landing-footer-content .footer-bottom {
	padding: 4em 0 2em 0;
}
.links2 a {
	padding-left: 2em !important;
}
#fidelizacion-opt, #suite-opt {
	display: none;
}
.landing-footer .landing-footer-content .footer-bottom > figure {
	display: block;
}

/* CSS Suite */
.suite-box{
	height: 370px !important;
}
.suite-fa-icons{
	font-size:80px; 
	width: 100%
}
.suite-box-text{
	margin-right: 10px ; 
	margin-left: 10px
}
.options-container article:hover {
	background-color: white;
	color: #018ccd;
	border-radius: 0.6em;
}
.options-container article {
	margin: 1em 0;
}


/* CSS Contacto */
.contacto-box{
	margin-top: 100px; margin-bottom: 100px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); width: 450px !important;
}
.contacto-title{
	color: #4f575b ; padding-top: 1em
}
.contacto-text{
	color: #4f575b ; padding-top: 1em
}
.contacto-boton{
	padding-bottom: 2em
}


/* Media Queries */
@media (min-width: 42em) {
	
	section.content figure img {
		width: 54vw;
	}
}

@media (min-width: 48em) {
	
	.intro article {
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.description {
		display: flex;
	}
	.intro article > .text {
		flex: 1;
	}
	.intro article > figure {
		flex: 1;
	}
	.intro article .text {
		text-align: left;
	}
	.intro figure {
		margin-left: 6em;
	}
	.intro figure img {
		width: 33vw;
	}
	.intro figure img.img-vertical {
		width: 14em
	}
	section.content p {
		text-align: left;
	}
	.features {
		text-align: left;
	}
}

@media (min-width: 62em) {
	
	.main {
		font-size: 1.1em;
	}
	section.content article {
		display: flex;
		padding-top: 6em;
		align-items: center;
	}
	section.content article figure {
		text-align: left;
		order: -1;
		margin-right: 4em;
	}
	section.content article figure img {
		width: 21em;
	}
	.landing-footer-content {
		padding: 0 8vw;
	}
	.landing-footer-content .links {
		display: flex;
		justify-content: space-between;
	}
	.landing-footer .landing-footer-content .footer-top ul a {
		border-bottom: 0;
	}
	.landing-footer .landing-footer-content .footer-top .link {
		font-weight: bold;
	}
	#fidelizacion-opt, #suite-opt {
		display: block;
	}
	.landing-footer .landing-footer-content .footer-bottom {
		border-top: 1px solid #a4a4a4;
		padding: 1em 0 2em 0;
	}
}

@media (min-width: 96em) {
	
	.landing-footer-content {
		padding: 0 16vw;
	}
}

@media (max-width: 68em) {
	
	.landing-header-content nav {
		display: contents;
	}
	.landing-wrapper .landing-header .landing-header-content ul {
		float: none;
		position: fixed;
		top: 48px;
		right: 0px;
		background-color: #212529;
		display: none;
		margin: 0
	}
	.landing-wrapper .sub-menu-container #sub-menu-button {
		display: inline-block
	}
	.landing-wrapper .menu-container #menu-button {
		display: inline-block
	}
	.landing-wrapper .landing-header .landing-header-content .menu-content ul li a {
		color: white;
	}
	.landing-wrapper .landing-header .sub-menu-container ul.overlay-menu {
		top: 96px;
		border-top: 1px solid white;
		background-color: rgba(33, 37, 41, 1);
		height: auto;
	}
}