@font-face{
    	font-family: "Muli";
    	src: url('Questrial-Regular.ttf');
}
@font-face{
    	font-family: "Droid Sans";
    	src: url('Questrial-Regular.ttf');
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.Contenido-col1{
	width: 5%;
	float:left;
	background-color:#1E2938;
}
.Contenido-col2{
	width: 95%;
	float:left;
	min-height:1024px;
	background-color: #EBE9EF;
}
.Contenido-col2-dentro{
	width:94%;
	float:left;
	padding:3%;
	padding-top:2%;
	
}
.Contenido-bloque-dentro{
	width:96%;
	padding:2%;
	float:left;
}
.Contenido-bloque-dentro2{
	width:92%;
	padding:4%;
	float:left;
}
.Contenido-bloque-sep{
	width:100%;
	float:left;
	height:40px;
}
.Contenido-bloque100{
	width:99%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
}
.Contenido-bloque50-1{
	width:48.5%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
	margin-right:2%;
}
.Contenido-bloque50-2{
	width:48.5%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
}

.Arial_P {
	font-family: 'Muli';
	font-size: 11px;
	color: #595959;
}
.Arial11_Negro {
	font-family: 'Muli';
	font-size: 14px;
	color: #595959;
}
.Arial_Titulos {
	font-family: 'Droid Sans', sans-serif;
	font-size: 30px;
	color: #595959;
}
.Arial_Subtitulos {
	font-family: 'Droid Sans', sans-serif;
	font-size: 22px;
	font-weight:bold;
	line-height:22px;
}

.borde {
	border: 1px solid #E6E6E6;
}
.borde-abajo {
	border-bottom: 1px solid #E6E6E6;
}
.Botones {
	font-family: 'Muli';
	font-size: 11px;
	color: #FFFFFF;
	cursor: hand;
	background-color: #003399;
	border: 0px solid #D8E0E7;
	text-transform: uppercase;
	padding: 14px 18px;
	cursor:pointer;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px;
}
.Botones:hover {
	background-color: #0066CC;
	cursor:pointer;
	text-decoration:none;
}
.Botones2 {
	font-family: 'Muli';
	font-size: 11px;
	color: #666666;
	cursor: hand;
	background-color: #FFFFFF;
	border: 1px solid #A4A4A4;
	text-transform: uppercase;
	padding: 14px 18px;
	cursor:pointer;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	-khtml-border-radius: 6px; 
	border-radius: 6px;
}
.Botones2:hover {
	color: #000000;
	cursor: hand;
	background-color: #EAEAEA;
	border: 1px solid #333333;
	text-decoration:none;
	
}
.BotonesGris {
	font-family: Muli;
	font-size: 11px;
	color: #FFFFFF;
	cursor: hand;
	background-color: #5C5C5C;
	border: 1px solid #5C5C5C;
	text-transform: uppercase;
	padding: 14px 18px;
	cursor:pointer;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	-khtml-border-radius: 6px; 
	border-radius: 6px;
}
.BotonesGris:hover {
	color: #000000;
	cursor: hand;
	background-color: #D8D8D8;
	border: 1px solid #D8D8D8;
	text-decoration:none;
	
}

.Botones_Guardar {
	background-color: #FFFFFF;
	background-image:url(images/ico-guardar.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 34px;
	width: 34px;
	border: 0px none;
	cursor:pointer;
}
.Botones_Guardar:hover {
	filter:alpha(opacity=60);
	opacity:0.60;
	cursor:pointer;
}

.ColorBlanco{
	color:#FFFFFF;
}
.ColorAzul{
	color: #4F5B4F;
}
.ColorNegro{
	color:#595959;
}
.campostexto {
	font-family: 'Muli';
	font-size: 14px;
	color: #8D8D8D;
	background-color: #F8FAFC;
	border: 1px solid #B1C7CF;
	padding: 10px;
	-moz-border-radius:1px; 
	-webkit-border-radius: 1px; 
	-khtml-border-radius: 1px; 
	border-radius: 1px;
	outline: none;
}
.campostexto:focus{
	color: #333333;
	border: 1px solid #BECCD8;
	box-shadow: 0 0 10px #9ecaed;
	background-color: #EFEFEF;
}
.campostextoG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #394E5E;
	background-color: #FFFFFF;
	height: 26px;
	border: 1px solid #BECCD8;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 5px;
	padding-bottom:5px;
}
.campostexto_falta {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D8D8D;
	background-color: #F8FAFC;
	border: 1px solid #FF6600;
	padding: 8px;
	-moz-border-radius:1px; 
	-webkit-border-radius: 1px; 
	-khtml-border-radius: 1px; 
	border-radius: 1px;
	outline: none;
}
.campostextoG_falta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #394E5E;
	background-color: #FFFFFF;
	height: 26px;
	border: 1px solid #FF6600;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 5px;
	padding-bottom:5px;
}
.Facturas-paso1{
	width:19%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
	margin-right:2%;
	padding:2%;
	border-bottom-width:0px;
}
.Facturas-paso2{
	width:19%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
	margin-right:2%;
	padding:2%;
	border-bottom-width:0px;
}
.Facturas-paso3{
	width:19%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
	margin-right:2%;
	padding:2%;
	border-bottom-width:0px;
}
.Facturas-paso4{
	width:19%;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #D5DADD;
	padding:2%;
	border-bottom-width:0px;
}
.Facturas-paso-height{
	min-height:30px;
}
.Facturas-paso-oculto{
	background-color:#EBE9EF !important;
}
.fondo-forms{
	background-image: url(../images/fondo-gris2.png);
	background-repeat: repeat;
	background-position: center center;
}
.ficha-col1{
	width:8%;
	float:left;
	margin-right:5%;
	margin-bottom:10px
}
.ficha-col2{
	width:87%;
	float:left;
	margin-bottom:10px
}
.ficha-col-campo100{
	width:100% !important;
}
.ficha-col-campo50{
	width:50% !important;
}
.ficha-col-campo25{
	width:25% !important;
}
.filtro-div{
	position:fixed; width:100%; height:100%; top:0px; left:100%; z-index:13;
}
.filtro-div-dentro{
	position:absolute; width:40%; height:100%; top:0px; left:50%; background-color:#FFFFFF;
	padding-left:5%;
	padding-right:5%;
}
.iconos-menu{
	width:26px;
	height:auto;
}
.iconos-menu:hover{
	filter:alpha(opacity=60);
	opacity:0.60;
	cursor:pointer;
}
.iconos-menu-sep{
	margin-bottom:25px;
}
.iconos-oper{
	height:24px;
	width:auto;
}
.iconos-btn{
	height:20px;
	width:auto;
}
.Imagen {
	filter:alpha(opacity=100);
	opacity:1.00;
	cursor:pointer;
}
.Imagen:hover {
	filter:alpha(opacity=60);
	opacity:0.60;
	cursor:pointer;
}
.Imagen100{
	width:100%;
	height:auto;
}
.Listado-tablas{
	margin-top:30px;
	border-top:1px solid #E6E6E6;
}
.Listados-filas{
	cursor:pointer;
}
.Listados-filas:hover{
	background-color: #E5E5E5;
}
.Menu-left{
	background-color:#1E2938;

}
.Menu-top{
	background-color:#EBE9EF;
	height:50px;
	border-bottom:1px solid #CCCCCC;
	color:#333333 !important;
}
.Menu-top-nombre{
	padding-top:12px;
}
.Menu-top-icono{
	display:none;
}
.Menu-top-icono-blancos{
	display:none
}
.Menu-top-icono-negros{
	display:inline
}
.mostrar-movil{
	display:none;
}
.ocultar-movil{

}
.sepH{
	width:100%;
	height:1px;
	background-color:#E6E6E6;
	margin-top:15px;
	margin-bottom:15px;
}
.Totales-bloque1{
	width:25%;
	float:left;
	margin-right:5%;
}
.Totales-bloque2{
	width:70%;
	float:left;
}
.Totales-bloque2-c1{
	width:23%;
	float:left;
	margin-right:2%;
}
.Totales-bloque2-c2{
	width:23%;
	float:left;
	margin-right:2%;
}
.Totales-bloque2-c3{
	width:23%;
	float:left;
	margin-right:2%;
}
.Totales-bloque2-c4{
	width:23%;
	float:left;
}
@media only screen and ( max-width: 1920px ){
	.ficha-col1{
		width:10%;
		float:left;
		margin-right:5%;
		margin-bottom:10px
	}
	.ficha-col2{
		width:75%;
		float:left;
		margin-bottom:10px;
		padding-right: 10%;
	}
}
@media only screen and ( max-width: 1760px ){
	.ficha-col1{
		width:7%;
		float:left;
		margin-right:3%;
		margin-bottom:10px
	}
	.ficha-col2{
		width:75%;
		float:left;
		margin-bottom:10px;
		padding-right: 15%;
	}
}
@media only screen and ( max-width: 1280px ){
	.Contenido-col1{
		width: 6%;
		float:left;
		background-color:#1E2938;
	}
	.Contenido-col2{
		width: 94%;
		float:left;
		
	}
	.ficha-col1{
		width:10%;
		float:left;
		margin-right:5%;
		margin-bottom:10px
	}
	.ficha-col2{
		width:75%;
		float:left;
		margin-bottom:10px;
		padding-right: 10%;
	}
}
@media only screen and ( max-width: 1024px ){
	.Arial_Titulos {
		font-size: 28px;
	}
	.Arial_Subtitulos {
		font-size: 18px;
		line-height:18px;
	}
	.Contenido-col1{
		width: 8%;
		float:left;
		background-color:#1E2938;
	}
	.Contenido-col2{
		width: 92%;
		float:left;
		min-height:800px;
	}
	.Contenido-bloque50-1{
		width:99%;
		margin-right:0px;
		margin-bottom:2.5%;
	}
	.Contenido-bloque50-2{
		width:99%;
	}
	.Contenido-cab-bot100{
		width:100%;
		border-top:1px solid #CCCCCC;
	}
	.Contenido-cab-bot100-sep{
		display:inline !important;
		width:100%;
		height:20px;
	}
	.Facturas-paso-height{
		min-height:45px;
	}
	.filtro-div{
		position:fixed; width:100%; height:100%; top:0px; left:100%; z-index:13;
	}
	.filtro-div-dentro{
		position:absolute; width:85%; height:100%; top:0px; left:5%; background-color:#FFFFFF;
		padding-left:5%;
		padding-right:5%;
	}
	.ficha-col1{
		width:15%;
		float:left;
		margin-right:5%;
		margin-bottom:10px
	}
	.ficha-col2{
		width:70%;
		float:left;
		margin-bottom:10px;
		padding-right: 10%;
	}
}
@media only screen and ( max-width: 800px ){
	.Botones {
		font-size: 10px;
		padding: 10px 14px;
		cursor:pointer;
		-moz-border-radius:6px; 
		-webkit-border-radius:6px; 
		-khtml-border-radius: 6px; 
		border-radius: 6px;
	}
	

}
@media only screen and ( max-width: 700px ){
	.Facturas-paso-height{
		min-height:55px;
	}
}
@media only screen and ( max-width: 600px ){
	.Arial_Titulos {
		font-size: 24px;
	}
	.Arial_Subtitulos {
		font-size: 16px;
		line-height:16px;
	}
	.Botones_Guardar {
		height: 24px;
		width: 24px;
	}
	.Contenido-col1{
		display:none
	}
	
	.Menu-top{
		background-color:#1E2938;
		color:#CCCCCC !important;
	}
	.Menu-top-nombre{
		padding-top:0px;
	}
	.Menu-top-icono{
		display:inline;
	}
	.Menu-top-icono-blancos{
		display:inline;
	}
	.Menu-top-icono-negros{
		display:none;
	}
	.Contenido-col2{
		width: 100%;
		float:left;
		min-height:800px;
	}
	.Contenido-col2-dentro{
		width:90%;
		float:left;
		padding:5%;
		padding-top:5%;
		background-color: #EBE9EF;
	}
	.Contenido-bloque-sep{
		width:100%;
		float:left;
		height:1.5%;
	}
	.Contenido-bloque-dentro{
		width:92%;
		padding:4%;
		float:left;
	}
	.ficha-col1{
		width:100%;
		float:left;
		margin-right:0px;
		margin-bottom:10px
	}
	.ficha-col2{
		width:100%;
		float:left;
		margin-bottom:10px
	}
	.ficha-col-campo100{
		width:100% !important;
	}
	.ficha-col-campo50{
		width:70% !important;
	}
	.ficha-col-campo25{
		width:50% !important;
	}
	.Menu-left{
		display:none;
	}
	.Menu-top{
		width:100%;
		float:left;
		display:inline;
		padding-top:15px;
	}
}