@charset "utf-8";

@font-face {
  font-family: 'Poppins';
  src: url('../fuentes/poppins-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fuentes/poppins-v4-latin-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fuentes/poppins-v4-latin-regular.woff2') format('woff2'), /* Pretty Modern Browsers */
       url('../fuentes/poppins-v4-latin-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('../fuentes/poppins-v4-latin-regular.svg#DroidSerif') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fuentes/Roboto-Regular.woff2') format('woff2'), /* Pretty Modern Browsers */
       url('../fuentes/Roboto-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* CSS Document */
html, body {
	height:100%;
	overflow:hidden;
	padding:0 !important;
}

html, body, a, p, div, h1, h2, h3, input, textarea, select, button { 
font-family:Poppins;
margin:0px;
color:#fff;
}

h2{
background-color:#59005b;
width:100%;
text-align:center;
font-weight:normal;
font-size:1.4em;
text-shadow:none;
padding:0.5em 0 0.5em 0;
}

h3{
width:100%;
background:rgba(153,102,0,0.8);
padding:0.3em 0 0.3em 0;
text-align:center;
}

p{
text-shadow:none;
font-size:1em;
padding:0.5em;	
}

label{
color:#fff;
}

label::after{
background-image:none !important;
}

input{
color:#565555;	
}

.ui-input-text{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.seccionbg{
background-color:#000;
}

.fadeIngE {
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.ui-loader {
color:#02214b;
font-family:Poppins;
text-align:center;

}

.ui-loader img {
vertical-align:middle;
margin-right:1em;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width:3em;
padding:0.5em;
background-color:#d7d7d7;
}

.ui-page-footer-fixed {
	padding:0 !important;	
}

/* Elementos de la cabecera */
.cabecera {
padding:0;
background-color:#9f511a;
height:4.5em;
border:none !important;
}

.cabecera .lgact{
left:1.3em;
top:1.5em;
z-index:3;
background:url(../images/ico_esp.png) 0 0 no-repeat;
background-size:50% 100%;
width:4em;
height:1.5em;
display:inline-block;
padding-right:2em;
padding:0;
box-sizing:border-box;
}

.cabecera .lgact span{
width:1.3em;
height:1.5em;
background:url(../images/ico-arrow-down.svg) 0 0 no-repeat;
background-size:100% 100%;
float:right;
}

.cabecera .idiomas {
display:none;
list-style:none;
position:absolute;
left:0.9em;
top:3.5em;
width:3.5em;
height:2em;
z-index:2;
padding:0.5em 0 0 0;
margin:0;
background-color:rgba(0,0,0,0.6);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.cabecera .idiomas li a{
width:100%;
height:100%;
display:inline-block;
}

.cabecera .sp{
background:url(../images/ico_esp.png) 0 0 no-repeat;
background-size:50% 100%;
}

.cabecera .en{
background:url(../images/ico_eng.png) 0 0 no-repeat;
background-size:50% 100%;
}

.cabecera .idiomas li{
background-size:100% 100% !important;
box-sizing:border-box;
width:1.8em;
height:1.5em;
padding:0;
padding-bottom:0.5em;
margin-left:0.8em;
}

.cabecera .headlogo {
box-sizing:border-box;
background:url(../images/logo.png) center center no-repeat;
width:11em;
height:3.5em;
background-size:99% 95%;
margin:0.5em 0 0 5.5em;
}

/* Pie */
.pie{
background-color:#619608;
text-align:center;
padding:0.5em 0.3em 0.5em 0.3em;
box-sizing:border-box;
border:0;
height:4.5em;
}

.pie .lg1{
background:url(../images/bt_viandas.png) 0 0 no-repeat;
}

.pie .lg2{
background:url(../images/bt_haciendas.png) 0 0 no-repeat;
}

.pie .lg3{
background:url(../images/bt_zoritas.png) 0 0 no-repeat;
}

.pie .lg4{
background:url(../images/bt_ware_house.png) 0 0 no-repeat;
}

.pie .lg1, .pie .lg2, .pie .lg3, .pie .lg4{
background-size:100% 100%;
width:4.5em;
height:3.5em;
display:inline-block !important;
}

/* Menu principal */
#menuppal {
background-color:transparent;	
width:90%;
margin-top:0.5em;
list-style:none;
position:absolute;
top:0.5em;
left:20em;
box-sizing:border-box;
}

#menuppal li {
color:#fff;
padding:0.5em 0 0 0.7em;
font-size:1em;
font-weight:300;
margin-bottom:0.5em;
box-sizing:border-box;
display:inline-block;
margin-right:1em;
cursor:pointer;
}

#menuppal ul li span {
width:12em;
display:inline-block;	
}

#menuppal ul li.mpres, #menuppal ul li.mpnmar, #menuppal ul li.mpdesc, #menuppal ul li.mpres2{
	padding-top:0.9em;
}

#menuppal ul li.mpdesc {
padding-top:0.8em;
}

#menuppal ul li.mpdesc2 {
padding-top:0.35em;
line-height:2.5em;
}

.contenido {
	display:block;	
}

.notas{
font-size:0.9em;
font-style:italic;
font-weight:normal;	
}

.buttons {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background-color:#9f511a;
color:#fff;
font-size:1em;
padding:0.5em;
text-decoration:none;
display:inline-block;
box-sizing:border-box;
}

a.volver {
	display:inline-block;
	background:url(../images/ico-volver.svg) 0 0 no-repeat;
	background-size:100% 100%;
	height:1em;
	width:1.5em;
	margin:0.5em;
	float:left;
}

#log{
display:none;	
}

.legal{
position:absolute;
bottom:0;
left:0;
z-index:3;
width:100%;
text-align:center;
display:inline-block;
color:#525252;
}

p.legalreg{
text-align:center;
color:#525252;
}

.legal a, .legalreg a{
text-decoration:none;
font-size:0.9em;
color:#525252;	
}

/* parsley */
.parsley-errors-list{
color:#666;	
}

.clear {clear:both; border:0 !important;}

