/*Base style*/
@font-face {
    font-family: 'AntipastoRegular';
    src: url('fuentes/antipasto_regular-webfont.eot');
    src: url('fuentes/antipasto_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/antipasto_regular-webfont.woff') format('woff'),
         url('fuentes/antipasto_regular-webfont.ttf') format('truetype'),
         url('vantipasto_regular-webfont.svg#AntipastoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	 }
	 
@font-face {
    font-family: 'HoneyScriptLight';
    src: url('fuentes/honeyscript-light-webfont.eot');
    src: url('fuentes/honeyscript-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/honeyscript-light-webfont.woff') format('woff'),
         url('fuentes/honeyscript-light-webfont.ttf') format('truetype'),
         url('fuentes/honeyscript-light-webfont.svg#HoneyScriptLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri';
    src: url('fuentes/big_noodle_titling-webfont.eot');
    src: url('fuentes/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/big_noodle_titling-webfont.woff') format('woff'),
         url('fuentes/big_noodle_titling-webfont.ttf') format('truetype'),
         url('fuentes/big_noodle_titling-webfont.svg#BigNoodleTitlingRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0px; padding: 0px; border: 0px; box-sizing: border-box;}
body{margin: 0; padding: 0; background-color: #EEE; color: #333333 !important; height: 100%; min-height: 100%;position: relative; font-size: 14px; font-family: 'Verdana'; /*background-image: url(../img/e.png); background-repeat: no-repeat; background-size: 20%; background-position: -150px -100px;*/ }
img, video, object { width:100%; }
html{min-height: 100%;}
a{ text-decoration: none; color: #333;}
a:hover { color: #007eae;}

.oculto{display: none;}

/*login*/
#contenedor_login{position: relative; z-index: 2; width:356px; height: 156px;margin: 100px auto;}
#cuadro_login{ background-image: url(../img/e.png); background-repeat: no-repeat; z-index: 2; position: relative;width:350px; height: 150px; border:2px solid #CCCCCC; margin: 100px auto 5px auto; background-color: #007eae; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; behavior: url(PIE.htc); -webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;}
#formulario_login{ text-align: center; color: #FFFFFF; height: 100px; margin-top: 40px;}

input.login{float: left; height:20px; margin:2px 0px; border:1px solid #CCCCCC; width:190px;  color:#444444; padding: 2px 5px;
				font-size: 14px;
				font-family:Arial; 
				-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;  
				-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;}

				
.label_login{width: 70px; line-height: 20px; float: left; font-size: 16px; letter-spacing: 1px; text-align: left;  padding: 2px 5px;font-family:'AntipastoRegular';}

.campo_login{width: 272px; margin: 5px auto; overflow: hidden;}

.b_login{margin: 10px 49px 0 0;}



#desarrollo{margin-left: 5px; font-size: 11px; margin-top: 10px;}
#desarrollo a{color:#666666;}
#desarrollo a:hover{color:#333333;}

a.linkCliente:hover{color:#dc29c1;}



/** overlay generico */
#overlay{display:none; z-index:10; background-color: #000000; height: 100%; left: 0; opacity: 0.45;  position: fixed; top: 0; width: 100%;}
#contenedor_cuadro_overlay{position: fixed; display: none; top: 0%; left: 0px; width: 100%; overflow: auto; z-index: 15; height: 100%; }
#cuadro_overlay{
				padding: 20px;
				font-size: 16px;
				background-color: #FFFFFF;
				margin: 10% auto 0 auto;
				width: 500px;
				overflow: hidden;
								
				font-size: 12px;
				color: #333333;
				border: 2px solid #4f4f4f;
                border-radius: 6px;
				
				
				}

.cancelarOverlay:hover{}
.cancelarCuadroFlotante:hover{ }

.selected{background-color: #EEEEEE; color: #007eae;}


/*boton generico*/
.boton {
	
		font-family: 'AntipastoRegular';
		background-color: transparent !important;
		/*border: 1px solid #CCCCCC !important;*/
		letter-spacing: 2px;
		font-size: 15px;	
		
		
		/*background: linear-gradient(#FFFFFF, #DDDDDD); */
		/*background: -webkit-linear-gradient(#FFFFFF, #DDDDDD);*/
		/*background: -moz-linear-gradient(#FFFFFF, #DDDDDD);*/
		/*background: -o-linear-gradient(#FFFFFF, #DDDDDD);*/
		/**/
		/*-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; */
		/**/
		/**/
		/*-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.21);*/
		/*-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.21);*/
		/*box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.21);*/
		/**/
		
		
		height: 28px;					
		cursor: pointer;
		width: auto;
		float: right;
		text-align: center;
		line-height: 28px;
		padding: 0 10px;		
		margin-left: 10px;		
		color:#007eae !important;
		
}


.boton_login {
	
		font-family: 'AntipastoRegular';
		background-color: transparent !important;
		/*border: 1px solid #CCCCCC !important;*/
		letter-spacing: 2px;
		font-size: 15px;	
		
		
		background: linear-gradient(#FFFFFF, #DDDDDD); 
		background: -webkit-linear-gradient(#FFFFFF, #DDDDDD);
		background: -moz-linear-gradient(#FFFFFF, #DDDDDD);
		background: -o-linear-gradient(#FFFFFF, #DDDDDD);
		
		-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; 
		
		-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.21);
		-moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.21);
		box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.21);
		
		
		
		height: 28px;					
		cursor: pointer;
		width: auto;
		float: right;
		text-align: center;
		line-height: 28px;
		padding: 0 10px;		
		margin-left: 10px;		
		color:#007eae !important;
		
}


.boton:hover{
		/*background: linear-gradient(#FFFFFF, #CCCCCC); */
		/*background: -webkit-linear-gradient(#FFFFFF, #CCCCCC);*/
		/*background: -moz-linear-gradient(#FFFFFF, #CCCCCC);*/
		/*background: -o-linear-gradient(#FFFFFF, #CCCCCC);*/
		color:#007eae; !important;
}


.boton_login:hover{
		background: linear-gradient(#FFFFFF, #CCCCCC); 
		background: -webkit-linear-gradient(#FFFFFF, #CCCCCC);
		background: -moz-linear-gradient(#FFFFFF, #CCCCCC);
		background: -o-linear-gradient(#FFFFFF, #CCCCCC);
		color:#007eae !important;
}

#menu_sup a {color: #333;}

/*inicio*/
#barra_sup{ background-color:#007eae; position: fixed; top: 0; left: 0; width: 100%; z-index: 200;}
#logotipo{background-color: #FFF;  width: 100%; margin: 10px 0; padding-left: 10px; float: left;}
#logotipo img{height: 50px; width: auto; float: left;}
#menu_sup{float: right; color: #333; font-family: 'AntipastoRegular'; letter-spacing: 2px; font-size: 16px;padding: 5px 20px;}



.separadores_menu{background-color: #004C69; font-family: 'AntipastoRegular';letter-spacing: 1px; font-size: 16px;padding-left: 10px;line-height: 30px; color: #FFFFFF; font-weight: bold;}

ul#menu_perm{ background-color: #007eae; width: 229px;  color: #EEE; list-style: none; position: fixed; top: 48px; bottom: 0; left: 0; padding-top:10px;}
ul#menu_perm li {font-family: 'AntipastoRegular';letter-spacing: 1px; font-size: 16px; border-left: 5px solid; border-color: #004C69; padding-left: 10px;line-height: 40px;}
ul#menu_perm li:hover  {cursor: pointer; border-color: #00B5FA;}

ul#menu_perm li.menu_seleccionado {border-color: #00B5FA;}


/*
ul#menu_perm li.facturas {border-color: #007eae;}
ul#menu_perm li.clientes {border-color: #007eae;}
ul#menu_perm li.presupuestos {border-color: #007eae;}
ul#menu_perm li.albaranes {border-color: #007eae;}
ul#menu_perm li.fabricantes {border-color: #007eae;}
ul#menu_perm li.productos {border-color: #007eae;}
*/



#centro_opciones{background-color: #EEE; height: auto; width: auto; padding-top: 100px; margin-left: 250px; }
ul#menu_perm a{color: #FFF;}


.fa-power-off{vertical-align: middle;}

#contenedor_menu{height: 51px; background-color: #EEE; border-bottom: 1px solid #DDD;position: fixed;left:250px;right: 10px;top:45px;}

ul#menu_especifico{line-height: 50px; background-color: #EEE; right: 0px; font-family: 'AntipastoRegular';letter-spacing: 1px;font-size: 16px; float: right; margin-right: 20px; list-style: none;}
ul#menu_especifico li{ float: left; cursor: pointer; padding: 0 10px;}
ul#menu_especifico li:hover{ color:#007eae; }



table{ border-collapse: collapse; width: 100%; border: 0px;}

table tr td{border-bottom: 1px solid #CCC; line-height: 28px;padding: 10px;}

table tr th{font-family: 'AntipastoRegular';letter-spacing: 1px;font-size: 16px; border-bottom: 1px solid #CCC; height: 50px; background-color: #CCC; padding: 10px;}

table tr:hover{background-color: #DDD;}

.link_activo:hover{color:#007eae;}
.pointer {cursor: pointer;}

td a{color: #333;}

#listado {padding: 10px;}

table.listado_editable tr{cursor: pointer;text-align: left; height: 40px; border-bottom: 1px solid #CCC;}
.eliminar{font-size: 14px;}


/*forms*/
.form_editar input,select{float: left; height:30px; border:1px solid #CCCCCC; width:40%;  color:#444444; padding: 2px 5px;
				font-size: 14px;
				font-family:Arial; 
				-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; behavior: url(PIE.htc);
				}
.form_editar input[type="file"]{
   height: auto;
}
.campo_form{ clear: both; margin-bottom: 10px; overflow: hidden; margin-left: 20px;}
.campo_form .label{float: left; width: 145px;  line-height: 30px;}

.form_editar textarea{float: left; height:100px; border:1px solid #CCCCCC; width:40%;  color:#444444; padding: 2px 5px;
				font-size: 14px;
				font-family:Arial; 
				-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; behavior: url(PIE.htc); resize: vertical;
				}
				
				

.form_editar .titulo_form{line-height: 50px; border-bottom: 1px solid #CCC;font-family: 'AntipastoRegular'; letter-spacing: 2px; font-size: 16px; font-weight: bold; margin-bottom: 20px;}

.form_editar .titulo_apartado_form{font-weight: bold;margin: 40px 0 12px;}
.form_editar .input_unidades{
				float: left; height:30px; border:1px solid #CCCCCC; width:100%;  color:#444444; padding: 2px 5px;
				font-size: 14px;
				font-family:Arial; 
				-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; behavior: url(PIE.htc);
				}
.imagen_formulario_editar{
    max-height: 200px;
    display: block;
    float: none;
    clear: both;
    width: auto;
    padding: 8px;
    margin-left: 112px;
}
.jodit_container{margin-left:145px;}.jodit_container:not(.jodit_inline) .jodit_wysiwyg{padding: 10px 20px;}.jodit_placeholder{padding:10px 20px;}

.filtro input{float: left; height:30px; border:1px solid #CCCCCC; width:40%;  color:#444444; padding: 2px 5px;
				font-size: 14px;
				font-family:Arial; 
				-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; behavior: url(PIE.htc);}
.campo_ver{text-align: center; font-size: 18px;}
.campo_eliminar{text-align: center; font-size: 18px;}

.filtro .filtro_label{line-height: 30px; float: left; margin-right: 5px; }
.tabla_factura{width: 80%; margin-top: 50px;}

.lineaSeleccionable{cursor: pointer;}
.linea_numero{text-align: right;}

.totales{width: 80%;font-weight: bold;margin-top: 15px;}
.totales_linea{overflow: hidden;line-height: 30px;}
.totales_label{float: right;margin-right: 16px; width: 150px;}
.totales_importe{float: right;padding: 0 10px;width: 140px;text-align: right}
.totales_label input {width: 51px;float: none;height: 22px;padding: 2px;margin: 3px;}
.linea_albaran{font-weight: bold;}
.totales_total{margin-top: 20px;border-top: 1px solid #e0e0e0;padding-top: 8px;}
#anadir_linea{margin-top: 15px; cursor: pointer;float:left;}
/***/


.w_80{width: 80% !important;}
.ti_15{text-indent: 15px;}
.no_cursor{cursor:none;}