body{
	background-image: url("imagenes/idear-fondo.jpg");
}
#respuesta{
	padding-top: 20px;
	padding-bottom: 20px;
	position: fixed;
	left: 100px;
}

.menu{
	background: #04605D;
	/*position: fixed;
	/*background-image: url("../../imagenes/fondo-menu.jpg");*/
	/*-webkit-background-size: cover;
	background-size: cover;*/
	-webkit-box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}

.menu li{
	text-align: center;
	cursor: pointer;
	padding:10px 10px;
	border-style: 
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;

	text-decoration: none;

	margin: 5px 5px -10px -10px;

}

.menu li:hover{
	background: #12B2C3;
}

.menu a{
	text-decoration: none;
	text-align: center;
	color:#fff;
	
}

.menu ul{
	list-style: none;
	
	padding: 10px;
}

input[type="file"]{
	margin: 0 0 15px;
	padding: 10px 1px;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
}

.principal{
	width:80%; 
	margin:0 auto;
	padding: 3% 0 6% 0;
	clear: both;

}

.barra{
	background-color: #f3f3f3;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,.2);
	height: 25px;
}

.cancel{
	background:#ed1f3c !important;
}

.barra_azul{
	background-color: #247cc0;
	border-radius: 10px;
	display: block;
	height: 25px;
	text-align: center;
	width: 0%;
}

.barra_verde{
	background-color: #2ea265 !important;
}

.barra_roja{
	background-color: #de3152 !important;
}

#barra_estado span{
	color: #fff;
	font-weight: bold;
	line-height: 25px;
}

.buscar{
	width: 40px;
	cursor: pointer;
	margin: 5px;
}

.mensaje-error{
	background-color: #D16F5A;
	color: #2B0401;
	width: 300px;
	height: 100px;
	text-align: center;
	padding: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	position: fixed;
	left: 70%;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

.mensaje-ok{
	background-color: #73D15A;
	color: #082401;
	width: 300px;
	height: 100px;
	text-align: center;
	padding: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	position: fixed;
	left: 70%;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

div#ayuda {
	background-color: #FAF9E1;
	color: #082401;
	width: 300px;
	height: 100px;
	text-align: center;
	padding: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	position: absolute;
	left: 40%;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

div#ayudapass{
	margin-left: 10px;
}

div#img_ayuda:hover div#ayuda {
	opacity: 1;
}

.wifeo_pagemenu a{
	color:#FFFFFF;
	text-decoration:none
} 

.wifeo_rubrique a{
	color:#FFFFFF;
	text-decoration:none
} 

.wifeo_pagesousmenu a{
	color:#FFFFFF;
	text-decoration:none
}

.wifeo_conteneur_menu{
	border-spacing:0px
} 

.wifeo_conteneur_menu{
	height:auto;
	width:170px
} 

.wifeo_pagemenu a{
	border-top:1px solid #2AADBB;
	border-bottom:2px solid #005D6B;
	background-color:#028593;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	width:170px;
	padding:5px;
	height:40px;
	text-align:left;
	display:table-cell;
	vertical-align:middle
} 

.wifeo_pagemenu a:hover{
	border-top:1px solid #002B39;
	border-bottom:2px solid #002B39;
	background-color:#002B39;
	width:170px;
	padding:5px;
	height:40px;
	text-align:left;
	display:table-cell;
	vertical-align:middle
} 

.wifeo_rubrique a{
	background-color:#028593;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	border-top:1px solid #2AADBB;
	border-bottom:2px solid #005D6B;
	padding:5px;
	height:40px;
	width:170px;
	text-align:left;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle
} 

.wifeo_rubrique a:hover{
	background-color:#002B39;
	border-top:1px solid #002B39;
	border-bottom:1px solid #002B39
}
	 
.wifeo_pagesousmenu{
	background-color:#143F4D;
	background-image:url();
	background-position:right;
	background-repeat:no-repeat;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
	border-top:1px solid #1E4957;
	border-bottom:1px solid #0A3543;
	padding:5px;
	width:160px;
	display:table;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px
} 

.wifeo_pagesousmenu:hover{
	background-image:url();
	background-position:left;
	background-repeat:no-repeat;
	background-color:#000007;
	border-top:1px solid #28282F;
	border-bottom:1px solid #000000;
	padding:5px;
	width:160px;
	display:table;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px
} 

.wifeo_sousmenu{
	width:170px;
	display:none
}

.cajalogin{
	padding: 25px;
	border-width: 1px;

	-webkit-box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 8px 5px 0px rgba(0,0,0,0.75);

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}