body {
	line-height: 1;
}
body, textarea{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}
*{
	margin:0px;
	padding:0px;
}
a {
	outline:none;
	text-decoration:none;
	color:#333;
}
a:hover{
	color:white;
}
a#sesion{
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 1px -101px;
	height:20px;
	margin:5px 0px 0px 10px;
	padding:4px 0px 0px 30px;
	display:block;
}
a#sesion:hover{
	color:red;
}
div.desconectar{
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 1px -101px;
	height:20px;
}
a#blanco{
	color:#e1e1e1;
}
a.linea_clicable{
	display:block;
	/*text-decoration:underline;*/
	color:#333;
}
a#hip{
	margin-left:7%;
	padding:3px;
	border:2px solid #00a1cf;
	border-radius:5px;
	color:#00a1cf;
	font-weight:bold;
}
a#hip:hover{
	background:#00a1cf;
	color:white;
}
h1 {
	font-size:20px;
	font-weight: 600;
}
h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 10px;
	font-weight: 300;
}
header{
	/*height:120px;*/
	background:#f5f5f5;
	
}
input[type="text"]:disabled {
  background: #fbfbfb;
}
img#logo{
	padding:5px;
	height:47px;
	margin-top:4px;
}
div#contenedor_logo{
	width:100%;
	
}
div#bloque_logo{
	max-width:1280px;
	/*min-width:520px;*/
	margin:0 auto;
	position:relative;
	height:70px;
	background:#f5f5f5;
}
nav.menu_comfort{
	color:#EBEBEB;
	/*margin:auto;*/
	font-weight:bold;
	height:30px;
	width:100%;
	background:#333;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	-moz-box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	position:relative;
	z-index:8;
	clear:both;
}
div#menu_botones{
	margin:0 auto;
	max-width:1280px;
	height:30px;
	z-index:2;
}
a.botones_menu{
	color:#EBEBEB;
	margin:auto;
}
a.botones_menu:hover{
	color:white;
	/*border-bottom:4px solid #6089ff;*/
}
p.texto_menu{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	text-align:center;
	padding:6px 10px;
	/*height:30px;*/
}
div.boton2{
	/*width:140px;*/
	height:26px;
	float:left;
	cursor:pointer;
	padding:0px 0px;
}

div.boton2:hover{
	background:black;
	color:white;
	border-bottom:4px solid #6089ff;
}
div#logo{
	max-width:480px;
	margin:auto;
	/*height:90px;*/
	position:relative;
	float:left;
	z-index:15;
}
div#logo2{
	float:left;
	padding-left:2%;
	width:45%;
}
div#logo3{
	margin-top:20px;
	float:right;;
}
article{
	width:100%;
	position:relative;
}
textarea.cliente{
	width:100%;
	border:1px solid #ddd;
}
textarea#text_was{
	height:35px;
}
textarea#text_comentario{
	height:60px;
}
textarea#text_reparaciones{
	height:40px;
	width:100%;
}
/*################################## DIVS DATOS ###################################*/
div.cuerpo_general{
	max-width:1280px;
	min-height:500px;
	margin:0 auto;
	/*overflow:auto;*/
}
div#ancho{
	max-width:1280px;
}
/*################################## BARRA GRABAR ##################################*/
div.grabar{
	margin:10px 10px 0px 10px;
	position:relative;
}
button.boton{
	width:45px;
	height:45px;
	display:inline-block;
	border-radius:12px;
	text-align:center;
}
button.boton#grabar{
	border:2px solid #91e842;
	background: rgba(0, 0, 0, 0) url("../images/grabar_borrar.png") no-repeat scroll 1px -4px;
	background-color:#b4ee7f;
}
button.boton#borrar{
	margin-left:8px;
	border:2px solid rgba(248,80,50,1);
	background: rgba(0, 0, 0, 0) url("../images/grabar_borrar.png") no-repeat scroll 1px -49px;
	background-color:#f77d68;
}
button.boton#nuevo{
	margin-left:8px;
	border:2px solid rgba(75,145,232,1);
	background: rgba(0, 0, 0, 0) url("../images/grabar_borrar.png") no-repeat scroll 1px -100px;
	background-color:#74a7e8;
}
button.boton#nuevo,button.boton:hover{
	color:white;
	cursor:pointer;
}
button.boton#grabar:hover,button.boton#borrar:hover,button.boton#nuevo:hover{
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
}
/*############################ BUTTONS #############################*/
a.boton_azul{
	display:inline-block;
	border:2px solid #00a1cf;
	border-radius:5px;
	font-weight:bold;
	padding:7px;
	background:white;
	transition:0.5s;
}
a.boton_azul:hover{
	background:#00a1cf;
	color:white;
}
/*############################ BARRA DE DATOS GRABADOS OK #############################*/
div.grabacion{
	width:99%;
	border-radius:5px;
	text-shadow:1px 1px 1px #ccc;
	padding:10px 10px 10px 45px;
	margin:10px 0.5% 0px 0.5%;
	box-shadow: 0 1px 1px #fff inset;
	box-sizing: border-box;
}
div.grabacion#ok{
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 8px -471px;
	background-color:#ebf8a4;
	border:2px solid #91e842;
}
div.grabacion#error{
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 8px -520px;
	background-color:#f8aea4;
	border:2px solid #e84a42;
}
/*################################## FIN BARRA GRABAR #################################*/
div.recuadros{
	margin:10px 0.19% 0px 0.5%;
	padding:5px;
	border:2px solid #00a1cf;
	width:40%;
	height:285px;
	display:inline-block;
	border-radius: 5px;
	background:#e5f1ff;
	box-sizing:border-box;
}
div.recuadros th{
	padding:3px;
}
div.recuadros2{
	margin:10px 10px 5px;
	padding:2px 5px;
	float:left;
}
div#movimientos2{
	width:97%;
	margin-left:5px;
}
div#cliente2{
	width:31%;
	min-width:170px;
}
div#cliente3{
	width:26%;
	min-width:165px;
}
div#cliente4{
	width:99%;
	height:auto;
}
div#insertar_mov{
	width:99%;
	height:auto;
	margin-left:5px;
}
div#movimientos{
	width:1000px;
	height:auto;
}
div.barra_azul{
	height:40px;
	padding:4px 5px 0px 20px;
	/*width:100%;*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:34px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	color:#fff;
	background:#00a1cf;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	-moz-box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	box-shadow: 0px 2px 2px 0px rgba(40,40,40,0.6);
	position:relative;
	z-index:3;
	/*float:left;*/
}
div.barra_azul#links{
	background:#ddd;
	height:30px;
	z-index:2;
}
div.boton_links{
	height:22px;
	width:auto;
	padding:1px 10px;
	display:inline-block;
	position:relative;
	top:-10px;
	font-family:"Open Sans Condensed", sans-serif;
	font-size:18px;
	font-weight:600;
	color:#333;
}
div.boton_links#activo{
	border-bottom:3px solid #00a8ff;
}
div.div1000px{
	max-width:1280px;
	margin:0 auto;
}
div.div_tit_azul{
	height:30px;
	display:inline-block;
}
div#ult_cambio{
	font-size:16px;
	/*width:200px;*/
	line-height: 110%;
	padding:0px 20px;
	float:right;
}
div#boton_grabar{
	position:relative;
	float:right;
	margin-right:20px;
}
/*################################# INPUTS ######################################*/
.input_datos, select.select_datos, select#tarifaselec{
	width:100%;
	height:22px;
	border:1px solid #ddd;
}

input#coche, select#coche{
	/*width:130px;*/
}

input.datepicker, input#fechaentrada, input#fechasalida{
	height:22px;
	border:1px solid #ddd;
}
input.submit_grabar{
	display:inline-block;
	border:2px solid #00a1cf;
	border-radius:5px;
	font-weight:bold;
	padding:3px 5px 5px 5px;
	height:25px;
	background:white;
	transition:0.5s;
}
input.submit_grabar:hover{
	background:#00a1cf;
	color:white;
}
input.submit_modern{
	color:#fff;
	display:inline-block;
	transition:all 0.2s ease-in-out 0s;
	border-width:2px;
	font-size:13px;
	font-weight:bold;
	letter-spacing:2px;
	word-spacing:2px;
	vertical-align:middle;
	cursor:pointer;
	padding:9px 18px;
	background-color:#27aae0;
	border-color:#27aae0;
	border:1px solid transparent;
	font-family:Roboto,Helvetica,Arial;
}
input.submit_modern:hover{
	background:black;
	color:white;
}
input.input_movim{
	background:none;
	border:none;
}
/*################################# TABLAS ######################################*/
table#cuerpo_cliente1{
	border-collapse:collapse;
}
td#datos_izq{
	width:30%;
	vertical-align:center;
	font-weight: 600;
}
td#datos_dcha{
	width:70%;
}
table.t_busqueda{
	margin:20px;
	font-size:16px;
	background:#eee;
}
tr#t_busqueda_titulo{
	padding-top:5px;
	background:#2a93ff;
	color:white;
}
td#t_busqueda_columna{
	padding:3px 5px;
}
tr.fondogris{
	background:#eee;
}
table.tabla_movimientos tr#borderojo td{
	border-top:3px solid red;
}
table.tabla_datos_cliente{
	width:100%;
}
table.tabla_checkbox{
	text-align:right;padding-top:6px;border-top:1px solid #ccc;width:100%;min-width:143px;
}
/*################################# BUSCAR ######################################*/

div#div_boton_buscar {
	width:26px;
	height:28px;
	margin-left:-32px;
	display:inline-block;
	position:absolute;
}
input.boton_buscar {
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 1px -765px;
	width:32px;
	height:28px;
	border: 0px solid;
	cursor:pointer;
	margin-top:3px;
}
input.input_busqueda {
	border: 1px solid #bababa;
	height:30px;
	padding-left:5px;
	width:100%;
	float:left;
	background:white;
}
div#buscador{
	/*height:50px;*/
	padding-top:5px;
	width:100%;
	margin:0px 0px 6px 10px;
	display:inline-block;
	position:relative;
}
div#datos_usuario{
	padding:5px;
	display:inline-block;
	margin:-10px 5px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	position:relative;
	vertical-align:top;
}
div.busqueda_opciones{
	margin:-3px 0px 0px 10px;
	display:inline-block;
}
/*################################# MOVIMIENTOS ######################################*/

table.tabla_movimientos{
	width:100%;
	text-align:center;
}
table.tabla_movimientos#filtros{
	margin-top:5px;
}
table.tabla_movimientos#listado_movimientos td{
	padding:5px;
}
table.tabla_movimientos#listado_movimientos tr#titulo{
	margin:10px 0px;color:white;background:#00a1cf;
}
table.tabla_movimientos#listado_movimientos tr:hover td a{
	color:white;
}
table.clicable#listado_movimientos tr#clicable:hover td{
	background-color:#ccc;
}
div.sino{
	width:17px;
	height:17px;
}
div.sino#si{
	background: rgba(0, 0, 0, 0) url("../images/si_no.png") no-repeat scroll 1px -3px;
}
div.sino#no{
	background: rgba(0, 0, 0, 0) url("../images/si_no.png") no-repeat scroll 1px -21px;
}
/*################################## DIARIO ########################################*/
table.tabla_movimientos#diario td{
	padding:15px;
	font-size:24px;
}
table.tabla_movimientos#diario tr#celda_diario{
	margin:10px 0px;color:black;background:#eee;
}
div.reloj{
	vertical-align:bottom;
	width:17px;
	height:20px;
	border-left:none !important;
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 9px -658px !important;
}
div.hecho{
	vertical-align:bottom;
	width:17px;
	height:20px;
	border-left:none !important;
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 9px -462px !important; 
}
div.celda_mov{
	display:inline-block;
	padding:15px;
	min-height:20px;
	vertical-align:middle;
	margin-left:2px;
	text-align:center;
	font-size:20px;
	border-left:1px solid #ddd;
}
div.celda_expan{
	display:inline-block;
	padding:15px;
	font-size:16px;
	vertical-align:middle;
}
div.grupo_celdas{
	margin-top:6px;
	border-left:5px solid #0092ef;
	cursor:pointer;
}
div.ampliado{
	width:98%;
	padding:10px;
	margin-bottom:10px;
	background-color:#f5f5f5;
	border-left:5px solid #0092ef;
	display:none
}
input.input_diario{
	height:27px;
	border:none;
	display:block;
	margin-top:7px;
}
select.select_diario{
	height:27px;
	margin-top:7px;
	width:100px;
	border:none;
	display:block;
}
.iconomas{
	width:11px;
	height:20px;
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 9px -342px;
}
.iconomenos{
	width:11px;
	height:20px;
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 9px -405px;
}
.iconocandado{
	width:11px;
	height:20px;
	background: rgba(0, 0, 0, 0) url("../images/pictos2.png") no-repeat scroll 9px -1612px;
}
/*################################## LISTADOS ########################################*/
div.filtra_listado{
	max-width:1280px;
	margin:5px auto;
	border-bottom:3px solid #ccc;
}
div.filtro{
	margin:0.5%;
	padding:10px;
	width:32%;
	background:#e5f1ff;
	border:2px solid #00a1cf;
	border-radius:5px;
	display:inline-block;
	box-sizing:border-box;
}
/* ############################### MENU DESPLEGABLE ################################*/
ul, ol {
	list-style:none;
}
.menu > li {
	float:left;
}
.menu li a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	text-align:left;
	height:18px;	
	
	color:#EBEBEB;
	text-decoration:none;
	padding:6px 5px;
	display:block;
	z-index:12;
}
.menu li a:hover {
	color:white;
}
.menu li ul a:hover{
	background-color:#6089ff;
}
.menu li ul {
	background-color:#3c3c3c;
	display:none;
	position:absolute;
}
.menu li:hover ul , li:focus ul{
	display:block;
	z-index: 999 !important;
}

.menu li ul li {
	position:relative;
}

/*################################## FOOTER ########################################*/
div.cont_piepagina{
	height:100px;
	background:#f5f5f5;
	clear:both;
	/*position:relative;*/
}
div.piepagina{
	margin:auto;
	height:70px;
	max-width:350px;
	min-width:100px;
	padding-top:15px;
	position:relative;
	background:#f5f5f5;
}
div.piepagina a{
	font-size:12px;
}

@media screen and (max-width: 675px) {
	div.recuadros#cliente1{
		width:99%;
	}
	div.recuadros#cliente2{
		width:49%;
	}
	div.recuadros#cliente3{
		width:48%;
	}
	table.tabla_movimientos#listado_movimientos{
		font-size:12px;
	}
}
@media screen and (max-width: 555px) {
	div.busqueda_opciones#llave_anterior,div.busqueda_opciones#extendida,div.boton2#cliente{
		display:none;
	}
	div.barra_azul{
		font-size:16px;
	}
	div.boton_links{
		top:3px;
	}
	div.recuadros#cliente3,div.recuadros#cliente2{
		width:99%;
	}
	textarea#text_comentario,textarea#text_reparaciones{
		height:120px;
	}
	textarea#text_was{
		height:65px;
	}
	div#logo2{width:40%;}
}
@media screen and (max-width: 400px) {
	img#logo{
		height:30px;
	}
	div.boton2#tarifas{
		display:none;
	}
}
@media print {
	div.filtra_listado,div.recuadros, div.barra_azul, nav.menu_comfort, div#logo2, div#logo3{
		display:none;
	}
	table.tabla_movimientos#listado_movimientos tr#titulo{
		margin:10px 0px;font-weight:bold;
		-webkit-print-color-adjust: exact;
	}
	tr.fondogris{
		background:#eee !important;
		-webkit-print-color-adjust: exact;
	}
}