@charset "utf-8";
/* CSS Document */

/* Versión móvil */

@media only screen and (max-width: 500px)
{
	body{
		-webkit-user-select:none;
		-webkit-touch-callout:none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#contenidos,#contenedor,#bloque_cabecera,.login fieldset,#menu,.menubar li,.menubar li a,.tabla_datos,.dataTable,.tabla,.bloque2{
		float:left;
		width:100%;
		min-height:auto;
		padding:0px;
		margin:0px;
	}
	.b_acceso,
	.oculto{
		display:none!important;
	}
	#contenidos,
	#bloque_cabecera p,
	#contenidos h3{
		box-shadow:0px 1px 2px #e3e3e3;
		-moz-box-shadow:0px 1px 2px #e3e3e3;
		-webkit-box-shadow:0px 1px 2px #e3e3e3;
		-o-box-shadow:0px 1px 2px #e3e3e3;
	}
	
	
	#cabecera {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		height: 90px;
		padding-bottom: 0;
		position:static;
		top: 0;
		z-index: 99999;
	}
	.cabecera{
		margin:0px!important;
		padding-bottom:25px;
	}
	#bloque_cabecera span {
		background: #fff url("../imagenes/logo2.svg") no-repeat scroll left 15px center / auto 70%;
		float: left;
		height: 40px;
		margin: 0;
		padding-top:40px;
		position: fixed;
		top: 0;
		width: 50%;
		z-index: 10;
		border-right:1px solid rgba(0, 0, 0, 0.1);
	}
	
	.login {
		margin: 15% 5% 3% !important;
	
	}
	
	#bloqueUsuarioConectado {
		margin-top: 0;
		width: 100%;
	}
	
	.cntCrearPedidoFS {
		margin-top:0;
	}
	#contenidos h3{
		margin-bottom:0;
	}
	#bloque_cabecera p {
		background: #000 none repeat scroll 0 0;
		color: #fff;
		font-size: 0.8em !important;
		padding: 6px 0;
		text-align: center;
		text-shadow: none;
		width: 100%;
		line-height: 1em;
	}
	
	.b_suministro {
		border-left: 0 none;
		margin: 0;
		padding-left: 0;
		padding-right: 20px;
		background: rgba(0, 0, 0, 0) url("../imagenes/Q8Hpos.png") no-repeat scroll right 15px center / 74% auto;	
	}
	.b_suministro span,.cabecera a,.main h3{
		display:none;
	}
	/*
	#menu{
		height:auto;
		position:fixed;
		z-index:1000;
		left:0px;
		top:23px;
		box-shadow:0px 1px 1px #CCC;
		-moz-box-shadow:0px 1px 1px #CCC;
		-webkit-box-shadow:0px 1px 1px #CCC;
		-o-box-shadow:0px 1px 1px #CCC;
	}
	*/
	#contenidos h4{
		float:left;
		width:90%;
		margin:8% 5% 10px 5%;
		/*padding-bottom:6px;*/
		color:#002451;
		/*border-bottom:1px dotted #002451;*/
	}
	table td,
	table th{
		vertical-align:middle;
	}
	.dataTable,.tabla{
		background:#fff;
		padding:0px;
	}
	.dataTable tr,.tabla tr{
		border-bottom:1px solid #fff;
	}
	.dataTable tr:focus,.tabla tr:focus{
		background:#002451;
	}
	.dataTable, .tabla{
		background:#fff;
		padding:0px;
	}
	.dataTables_info{
		padding-top:0;
	}
	
	.dataTables_info, .dataTables_paginate {
		font-size: 0.8em;
		margin-bottom: 5px;
		padding-top: 15px;
		text-align: center;
		width: 100%;
	}
	.paging_full_numbers{
		padding-top:25px !important;
	}
	
	.dataTables_paginate{
		margin:10px 0px;
		font-size:1.1em;
	}
	.dataTables_paginate .paginate_button{
		color:#fff;
		background:#002451;
		text-decoration:none;
	}
	.dataTables_paginate .paginate_active{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active{
		margin: 0 2px;
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	#cntDesconectar
	{
		float:left;
		width:90%;
		margin:0 5%;
		margin-top:-40px;
		padding-top:80px;
	}
	#pie{
		width:90%;
		margin:5%;
		padding:0%;
		font-size:0.7em;
		background:none;
		padding: 0 0 15px;
		height:auto;
	}
	.mostrar,.paginador{
		width:100%;
		margin-bottom:5px;
		font-size:0.8em;
	}
	.paginador{
		margin:10px 0px;
	}
	.paginador a{
		color:#fff;
		background:#002451;
		text-decoration:none;
	}
	.paginador span{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.paginador a,.paginador span{
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	.cabeceraInicio{
		display:block!important;
	}
	#bloque_cabecera a{
		display: block;
	}	
	.dataTables_filter {
		margin: 5px 0 0 5%;
		float: left;
		width:90%;
	}
	#bloqueUsuarioConectado hr{
		display:none!important;
	}
	#infoClienteSeleccionado {
		box-sizing: border-box;
		float: left;
		padding: 5%;
		text-align: center;
		width: 100%;
	}
	#botonDeseleccionarCliente {
		box-sizing: border-box;
		margin-right: 0;
		margin-top: 0;
		padding: 5%;
		width: 100%;
	}
	#botonDeseleccionarCliente a {
		float: left;
	}
	.form_pedidoFS input {
		width:100%;
	}
	#formAltaClienteFS .bloque2:nth-child(2n+1) {
		margin-left:0;
	}
	
	#formAltaClienteFS .bloque2 {
		width:100% !important;
	}
	
	.form_pedidoFS select {
		width:100% !important;
	}
	#cntEnvioPrecios .bloque2 {
		margin-right:0 !important;
	}
	#formAltaClienteFS .bloque4 {
		width: 48% !important;
	}
	#cntEnvioPrecios .bloque4:nth-child(4) {
		margin-right: 2% !important;
	}
	#cntEnvioPrecios .bloque4:nth-child(2n+2) {
		margin-right: 0% !important;
	}
	#cntEnvioPrecios .bloque4:nth-child(2n+1) {
		margin-right: 4% !important;
	}
	select, input[type="text"], input[type="password"], input[type="button"], textarea, label
	{
		/*
		* No se habilita para las checkboxes porque nos desaparecen en chrome
		*/
		-moz-appearance:none !important;
		-ms-appearance:none !important;
		-o-appearance:none !important;
		-webkit-appearance:none !important;
		appearance:none !important;
		font-size:1em !important;
	}
	#menuM li:last-child {
		display: block;
	}
	.fd_input3, .login_input {
		width: 100% !important;
	}
	#opciones_login label {
		font-size: 1em !important;
	}
	.cntNombreUsuario, #enlaceDesconectarSup {
		display:none !important;
	}
	.cntNombreUsuario {
		margin-top: 0 !important;
	}
	.logo {
		background: rgba(0, 0, 0, 0) url("../imagenes/Q8Hpos.png") no-repeat scroll center center / auto 80%;
		width: 100%;
	}
	#contenidos {
		min-height: 200px !important;
	}
}
@media only screen and (max-width: 760px)
{
	#cntCampoHoraserfin, #cntCampoHoraser, #cntCampoHoraseri2, #cntCampoObserva, #cntCampoHoraserf2 {
		
		width: 48% !important;
	}
	#cntCampoHoraserfin{
		margin-right: 0% !important;
	}
	#cntCampoObserva, textarea{
		width:100% !important;
	}

}
@media only screen and (min-width: 500px) and (max-width: 1024px)
{
	body{
		-webkit-user-select:none;
		-webkit-touch-callout:none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		width:100%;
		height:100%;
	}
	#contenedor,.login fieldset,#menu,.tabla_datos,.dataTable,#bloque_cabecera,.bloque2{
		float:left;
		width:100%;
		min-height:auto;
		padding:0px;
		margin:0px;
	}
	#cabecera {
		box-sizing: border-box;
		margin: 0 !important;
		padding: 0 2% !important;
		width: 100% !important;
	}
	#cntDesconectar
	{
		float:left;
		width:96%;
		margin:0 2%;
	}
	#bloque_cabecera p{
		float:right;
	}
	/*.b_suministro{
		max-width:55%;
		margin:8% 2% 2% 5%;
		text-align:right;
	}*/
	.b_acceso,
	.oculto, #bloqueUsuarioConectado hr{
		display:none!important;
	}
	#cabecera,
	#contenidos,
	#pie,#menu{
		width:96%;
		margin:2%;
		padding:0%;
	}
	
 #contenidos {
		padding: 15px;
		margin-top:0;
	}
	.recargar_captcha{
		clear:right;
	}
	/*.b_suministro{
		width:auto;
	}*/
	#menu{
		height:auto;
		margin-bottom:0;
		/*box-shadow:0px 1px 1px #CCC;
		-moz-box-shadow:0px 1px 1px #CCC;
		-webkit-box-shadow:0px 1px 1px #CCC;
		-o-box-shadow:0px 1px 1px #CCC;*/
	}
	#contenidos h3,
	#contenidos h4
	{
		width:96%;
		margin:2%;
		padding:0%;
	}
	#contenidos h4{
		color:#002451;
	}
	label{
		/*font-size:1em!important;*/
		/*margin-bottom:11px!important;*/
	}
	.paginador a{
		color:#fff;
		background:#002451;
		text-decoration:none;
	}
	.paginador span{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.paginador a,.paginador span{
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	table td,
	table th{
		vertical-align:middle;
	}
	#fseguridad{
		clear:left;
	}
	.seguridad{
		width:300px;
		height:80px;
	}
	#captcha{
		clear:both;
	}
	#center2{
		float:left;
		width:100%;
	}
	#pie{
		width:96%;
		margin:20px 2% 40px 2%;
		padding:0%;
		font-size:0.7em;
		background:none;
	}
	.general {
		padding: 10px !important;
		box-sizing:border-box;
	}
	.menubar li, #menuAltaCliente{
		border:none !important;
	}
	select, input[type="text"], input[type="password"], input[type="button"], textarea, label
	{
		/*
		* No se habilita para las checkboxes porque nos desaparecen en chrome
		*/
		-moz-appearance:none !important;
		-ms-appearance:none !important;
		-o-appearance:none !important;
		-webkit-appearance:none !important;
		appearance:none !important;
		font-size:1em !important;
	}
}