/*Animations*/


/*Fuentes*/

.paginado , .num_referencias{text-decoration: none;
font-size: 14px;
color: #474e58;} 


.boton_compra{
  background-color: #FFF;
  border: medium none;
  margin-left: 0;
  color:#474e58;
  font-weight: bold;
}

.boton_compra:hover{
  background-color: #FFF;
  border: medium none;
  margin-left: 0;
  color:#1CBD18;
}



.paginado:hover {color: #0888F4;} 


#boton_llamada, #boton_catalogo{
  background-color: #FFF;
  color:#474e58;
  border: none;
  font-size: 14px;
}

#boton_llamada:hover, #boton_catalogo:hover{
  color:#0888F4;
}


/************************************************************************************
RESET 
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

p {  font-size: 14px; line-height: 28px; }

.center  {text-align: center;}

ul li {list-style: none;}

body {font-family: 'Open Sans', sans-serif; font-size: 13px; overflow-x:hidden;}
.content { max-width:1320px;width:calc(100% - 24px);margin:0 auto;padding:0 12px;}
section {max-width:1320px;width:calc(100% - 24px);margin:0 auto;padding:0 12px;}


/***************  HEADER  ***************/

.bg-superior        {background-color:#474e58; width: 100%;}
.superior{background-color:#474e58;height:35px;color:#fff;font-weight:300;width:100%;margin:0 auto;}
.superior .datos-picola {width:245px;float:left;}
.superior .datos-user {width:calc(100% - 245px);float:right;}
.superior .datos-user ul 	{float: right;}

.superior ul li             {float: left; margin-top: 7px;  }
.superior #verde 			{background: url(../img/flecha.png) no-repeat; color:#474e58; font-weight: 400; font-size: 12px; width: 134px; height: 19px; background-size: 140px 19px; padding: 1px 3px; text-transform: uppercase; } 
.superior ul li a 			{text-decoration: none; color: #a4ff98;}
.superior ul li a:hover 	{color: #fff;}

.superior .datos-picola li {margin-right: 15px; }
.superior .datos-user li {margin-left: 15px; }

.superior #usuario a 		{background: #0888f4; color: #fff; padding: 1px 3px; text-transform: uppercase; font-size: 12px; } 
.superior #usuario a:hover {background: #53affd; color: #fff;  }

.superior #presupuestos a    { color: #fff; padding: 1px 3px;  font-size: 12px; } 
.superior #presupuestos a:hover { color: #fff;  } 

.superior #items a 				{color: #fff; } 
.superior #items a:hover  		{color: #53affd;  } 
.superior #items a .fa-shopping-cart,.fa-list-ul {color: #53affd;}

.superior #desconectar a 				{color: #fff; } 
.superior #desconectar a:hover  		{color: #ff0000;  } 
.superior #desconectar a .fa-times-circle {color: #ff0000;}

.col-logo 				{overflow: hidden;}
.col-logo .logo {float:left;height:70px;width:65px;}
.logo h1 				{background: url(../img/logo.png) no-repeat; width: 59px; height: 50px; background-size: 59px 50px; text-indent: 10000px; margin-top: 18px;}
.col-logo .buscador {float:right;text-align:right;height:60px;padding-top:22px;width:calc(100% - 85px);max-width:600px;}




/***************  SECTION  ***************/

h2{font-size:26px;font-weight:400;color:#474e58;}
h2 span             {color: #0888f4;}
.busca-titulo       {margin: 20px 0;}
.busca-titulo li    {display: inline-block;}
#numero {background:#0888f4;color:#fff; width:30px;font-size:20px;font-weight:400;margin-right:5px;text-align:center;height:30px;border-radius:100%;line-height:30px;}
#tit-numero {font-size:18px;color:#0888f4;font-weight:400; }
.busca-cajas p      { text-transform: uppercase;}
.busca-cajas        {background: #0888f4; color: #fff; padding-left: 12px;}
.busca-cajas li     {display: inline-block; width: 190px; margin: 3px;}
.call               {background: url(../img/t-busca1.png) no-repeat; width: 817px; height: 81px; margin-left: 110px; margin-top: 20px;}

.busca-producto {position: relative;}
.call2               {background: url(../img/t-busca2.png) no-repeat; width: 496px; height: 55px; margin-left: 110px; margin-top: 20px; position: absolute; right: 0;}
.resultado {background:#f5f5f5;padding:20px 0;overflow:hidden;width:100%;}

.altura__prod_busqueda {display:flex;}
.altura__prod_busqueda .z1{width:90px;display:inline-block;vertical-align:top;}
.altura__prod_busqueda .z2{width:calc(100% - 445px);display:inline-block;vertical-align:top;flex:1;}
.altura__prod_busqueda .z3{width:135px;display:inline-block;vertical-align:top;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.altura__prod_busqueda .z4{width:105px;display:inline-block;vertical-align:top;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.altura__prod_busqueda .z5{width:130px;display:inline-block;vertical-align:top;display:flex;flex-direction:column;justify-content:center;align-items:center;}

#busca-nivel1       {min-height: 580px;}

.resultado ul li    { display: inline-block;   margin-top: 6px;}
.resultado ul li table    { background: #e7e7e7; width: 1020px; color: #000;  }
.resultado ul li table:hover    { background: #fafafa;}
.resultado ul li #bt-ampliar {margin-left: 10px; font-weight: 600; padding-top: 15px; font-size: 13px;}
.resultado ul li input {z-index: 1000; height: 20px; border:1px solid #0888f4; padding-left: 5px; }
.resultado ul li input:hover {background:#0888f4; color: #fff; }
.resultado ul li a    {color: #000; text-decoration: none; height: auto;  display: block;position:static;}
.resultado ul li a:hover    {color: #0888f4; }

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

ul#material_3{
      
    padding: 3px 0px 15px 27px;
    margin: 0 auto;
    /* height: calc(100% - 322px) !important; */
    overflow: auto;
}


#prods ul li    { display: inline-block;  width: 100%; margin-top: 10px;}
#prods ul li table    { background: #e7e7e7; width: 1020px; color: #000;  }


#prods ul li table:hover    { background: #fafafa;}
#prods ul li #bt-ampliar {margin-left: 10px; font-weight: 600; padding-top: 15px; font-size: 13px;}
/*#prods ul li img    { margin-top: -23px; }*/
#prods ul li input {z-index:1000;height:30px;border:1px solid #0888f4;padding-left:5px;width: 60px;}
#prods ul li input:hover {background:#0888f4; color: #fff; }
#prods ul li a    {color: #000; text-decoration: none; height: 30px;  display: block; }
#prods ul li a:hover    {color: #0888f4; }

/***************  FICHA  ***************/

#section_ficha{width: 100% !important;}

.nav-ficha { overflow: hidden; height: 30px; margin-top: 20px;}
.nav-ficha a { text-decoration: none; font-size: 14px; color: #474e58;}
.nav-ficha a:hover {color: #0888f4;}

.nav-ficha a .azul { text-decoration: none; font-size: 14px; color: #474e58;}
.nav-ficha a:hover .azul {color: #0888f4;}

.nav-left { width: 280px; float: left;}
.nav-right { width: 300px;  float: right; }

.nav-left  .green {color: #1cbd18;}
.nav-left  a {color: #485165;}
.nav-left  a:hover {color: #1cbd18;}

.nav-right #ficha-left { float: left; width: 160px; text-align: right; }
.nav-right #ficha-right { float: right; width: 140px; text-align: right; }



a#volver_a_referencias, #ficha-right a, #ficha-left a{text-decoration: none; font-size: 14px; color: #474e58;}
a#volver_a_referencias:hover, #ficha-right a:hover, #ficha-left a:hover{color:#1cbd18;}




.nav-ficha .fa-lg {color: #0888f4;}

.resultado-foto {width:35%;float:left;margin-left:10px;}
.resultado-detalle {padding:0;width:calc(65% - 40px);float:right;margin-right:10px;}
.resultado-detalle img {width: calc(100% - 30px);}
.resultado-detalle .clsInputMetros {font-size:15px;} 
.resultado-detalle #unidades {font-size:15px;height:30px;}
.Estilo5 {margin-bottom:10px;}
.Estilo5 > label {width:150px;display:inline-block;font-size:14px;line-height:24px;}
.Estilo5 > select {min-width:220px;;display:inline-block;line-height:24px;height:24px;font-size:14px;}

.box-detalle {background: #0888f4; padding: 20px;}
#tx-articulo { color: #fff; font-size: 18px;}
#tx-referencia {color: #fff; font-size: 14px; font-weight: 300;}
#tx-precio {color: #fff; font-size: 16px;}
.tx-precio_unidad {color: #fff; font-size: 16px;}

.box-pedido ul li { display: inline-block; width: 85px;}
.box-pedido ul #carro {width: 170px; }
.box-pedido .fa-shopping-cart {color: #0888f4;}
.resultado-detalle hr { height: 1px; background-color: #0888f4; border: 0; margin: 15px 0;}

.box-componentes ul { background-color: #e3e0e0; padding: 10px 20px 20px 20px; margin-top: 15px; }
.box-componentes ul li { display: -moz-grid; display: -webkit-grid;  display: -o-grid; width: 138px;  height: 260px; overflow: hidden;}
.box-componentes img {width: 118px; height: 118px;}
.box-componentes p { color: #7f7f7f; }
.box-componentes #tx-detalle  {font-size: 10px; line-height: 14px; padding-top: 10px;}
.box-componentes  a:hover #tx-detalle { color: #0888f4; }

.lastOfRow { margin: 0 0 0 0 !important; }

/***************  CARRITO  ***************/

.nav-carrito {  float: left;}
.nav-carrito a { margin-right: 15px; }

.listado-pedido ul li    { display: inline-block;  width: 100%; margin-top: 0;}
.listado-pedido ul li table    { background: #e7e7e7; width: 100%; color: #000; border-collapse: separate;  border-spacing: 0px 20px;padding: 5px 5px;}

.listado-pedido ul li table:hover {
          background-color: #fafafa !important;
    }

.listado-pedido ul li table td .prod   { height: 50px; }

.listado-pedido ul li .bt-ampliar {margin-left: 10px; font-weight: 600; padding-top: 15px; font-size: 13px;}
.listado-pedido ul li img    { margin-top: -20px;}
.listado-pedido ul li input {z-index: 1000; height: 20px; border:1px solid #1cbd18; padding-left: 5px; }
.listado-pedido ul li input:hover {background:#1cbd18; color: #fff; }
.listado-pedido ul li a    {color: #000; text-decoration: none; height: 30px;  display: block; }
.listado-pedido ul li a:hover    {color: #1cbd18; }
.listado-pedido span { font-weight: 700; font-size: 14px;}

.listado-pedido a .fa-refresh, .listado-pedido a .fa-times-circle  { color: #d3d1d1;}
.listado-pedido a:hover .fa-refresh { color: #1cbd18;}
.listado-pedido a:hover .fa-times-circle  { color: #ff0000;}

.listado-pedido a #recargar_captcha{ color: #0888F4;font-size: 13px;}
.listado-pedido a:hover #recargar_captcha{ color: #1cbd18;font-size: 13px;}

.listado-pedido2 ul li    { display: inline-block;  width: 100%; margin-top: 0;}
.listado-pedido2 ul li table    { background: #e7e7e7; width: 500px; color: #000;}
.listado-pedido2 ul li table td .prod   { height: 50px; padding: 10px;}
.listado-pedido2 ul li table tr:hover    { background: #fafafa;}
.listado-pedido2 ul li .bt-ampliar {margin-left: 10px; font-weight: 600; padding-top: 15px; font-size: 13px;}
.listado-pedido2 ul li img    { margin-top: -9px; }
.listado-pedido2 ul li input {z-index: 1000; height: 20px; border:1px solid #1cbd18; padding-left: 5px; }
.listado-pedido2 ul li input:hover {background:#1cbd18; color: #fff; }
.listado-pedido2 ul li a    {color: #000; text-decoration: none; display: block; }
.listado-pedido2 ul li a:hover    {color: #1cbd18; }
.listado-pedido2 span { font-weight: 700; font-size: 14px;}


.listado-pedido2 a .fa-refresh,.listado-pedido a .fa-times-circle  { color: #d3d1d1;}
.listado-pedido2 a:hover .fa-refresh { color: #1cbd18;}
.listado-pedido2 a:hover .fa-times-circle  { color: #ff0000;}
.listado-pedido2 hr { height: 1px; background-color: #0888f4; border: 0; margin: 15px 0;}
.listado-pedido2 span.total { color: #0888f4;}


.listado-detalles {color:#999;width:100%;font-size:14px;}

.listado-resultado {margin: 20px 0; width: 100%;}
.listado-resultado a { text-decoration: none; font-size: 14px; color: #474e58;}
.listado-resultado a:hover {color: #0888f4;}

.listado-pedido hr { height: 1px; background-color: #0888f4; border: 0; margin: 15px 0;}
.listado-pedido span.total { color: #0888f4;}
.listado-pedido hr.log {margin: 15px 0 !important;}
.listado-pedido .fa-sign-in {margin-top: 0;}

.nav-carritoend-right { width: 400px;  float: right; }
.nav-carritoend-right #ficha-carritoend-left { float: left; width: 190px; text-align: right; }
.nav-carritoend-right #ficha-carritoend-right { float: right; width: 200px; text-align: right; }

#ficha-carritoend-left .green {color: #1cbd18;}
#ficha-carritoend-left a {color: #485165;}
#ficha-carritoend-left a:hover {color: #1cbd18;}

#ficha-carritoend-right .green {color: #1cbd18;}
#ficha-carritoend-right a {color: #485165;}
#ficha-carritoend-right a:hover {color: #1cbd18;}


.direccion-entrega li {display: inline-block; margin: 25px 50px 0 0;}
.direccion-entrega span.titulo {font-weight: 700; color:#0888f4; }
.direccion-entrega hr { height: 1px; background-color: #0888f4; border: 0; margin: 25px 0;}

.direccion-entrega textarea { margin-top:30px; border: 1px solid #0888f4; }

#btnImprimir{cursor:pointer;}

#btnSaveAsPresupuesto{cursor:pointer;}




/***************  SISTEMAS CONFECCIONADOS  ***************/

.bloque-confeccionados    { overflow: hidden;}
.bloque-confeccionados li { overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 20px; margin: 20px 0;}
.bloque-confeccionados h3 {font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px;}
.bloque-confeccionados p  {text-align: justify; margin-bottom: 10px;}
.bloque-conf-ft           {float: left;width: 50%;}
.bloque-conf-ft img {width: calc(100% - 30px);}
.bloque-conf-tx           {float: right; width: 50%; position: relative;}
.bt-personalizacion a     {color: #fff; padding: 18px 68px; background:#0888f4; text-decoration: none; font-size: 14px; font-weight: 300; position: absolute; top: 215px;}
.bt-personalizacion a:hover {background:#52abf7;}
.bg-confeccionados        {
    width: 100%; 
    margin: 20px auto 0 auto; 
    background: url(../img/bgConfeccionados2.jpg) no-repeat;
    background-position: -160px 0;
    background-size: 133%;
    background-repeat: no-repeat;
  }


.paso-1       {background: none !important; height: 800px;width:100%;}
.col-left  {float: left;  width: 50%; height: 764px;}


.col-right {width: 38%; background-color: #fff;height: 800px;margin-right:9%;float:right;}
.pad-right {padding-top: 5px; padding-left: 10px;padding-right: 10px;}

.col-right .busca-titulo       {margin: 0 0 20px 0;}
.col-right .busca-titulo li    {display: inline-block;}
.col-right #numero             {background: #0888f4; padding:6px; -webkit-border-radius: 90px; border-radius: 90px; color: #fff; font-size: 19px; font-weight: 400; margin-right: 5px;text-align:center;}
.col-right #tit-numero         {font-size: 18px; color:#0888f4; font-weight: 400; width: auto;}
.tx-exp { font-size: 13px; line-height: 18px;}

.col-right .tit-datos {float: right; top: 22px; right: 20px; font-size: 12px; color: #999;padding-top: 17px;}

/*@media(max-width: 1040px){
  .col-right{
    position: static;
    float: right;
  }
  .bg-confeccionados {
    width: 1020px;
    background-position: 10% 50%;
  }
}
@media(min-width: 1591px){
  .bg-confeccionados {
    -webkit-background-size: 1920px;
    background-size: 1920px;
  }
}*/

.tipo-lista              {overflow: hidden; margin-bottom: 20px;text-align: center;}
.tipo-lista li           {margin-right: 20px;}
.tipo-lista li span      {display: inline-block; overflow: hidden; font-size: 14px; font-weight: bold;}
.tx-exp-2                 { font-size: 16px; line-height: 18px; color:#0888f4;}
.lista-material        {margin-top: 20px;}
.lista-material li        {margin-top: 4px !important;}



a.tooltip {outline:none;  }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip .tooltip-container {
    z-index:10;display:none; padding:14px 20px;
    width:300px; line-height:16px;
}
a.tooltip:hover .tooltip-container{
  display:table; position:absolute; 
  border:1px solid #ddd;  color:#000;
  background:#fff; font-size: 12px;
	margin-top:-270px;margin-left:-80px;z-index:9999;
}
.callout {z-index:20;position:relative;border:0;top:160px;left:calc(50% - 15px);}
.tooltip-container{
	 display: table;
  width: 100%;
  padding: 20px 10px 20px 0;
  position: relative;
  box-sizing: border-box;
    
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;

}
.tooltip-caption{
    width: calc(100% - 180px);
    height: auto;
    float: left;
}
.tooltip-img{
  float: right;
  width: 150px;
  height: 150px;
  margin-right: 30px;
}
#preview{
  padding: 5px 0 0 15px;
  margin-top: 20px;
  width: calc(100% - 10px);
  border-top: solid 1px #ccc;

  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;

   transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;

  box-shadow: 0px 27px 0px -5px rgba(255, 255, 255, 0.58);

  position: relative;
  z-index: 999;

}

#preview.close{
  height: 0;
  min-height: 0;
}
#preview.open{
  height: auto;
  min-height: 200px;
  border-bottom: solid 1px #ccc;
}

i#close-preview {
    text-align: center;
    font-style: normal;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    cursor: pointer;
}

.detalle-sistemas-paso2 {

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease-out;
  
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}   
.detalle-sistemas-paso2:hover, .detalle-sistemas-paso2:focus {

  box-shadow: 0 6px 20px #afafaf;
} 
#muestra {opacity:0.7;width:46%;height: 351px;left:20%;top:2%;position: relative;}

#tela_titulo, #tela_opciones, #material_1, #material_2, #material_3, #btn_continuar {display: none}

.bt-continuar         {margin: 50px 10px; display: block;}
.bt-continuar a       {color: #fff; padding: 14px 68px; background:#0888f4; text-decoration: none; font-size: 18px; font-weight: 400; }
.bt-continuar a:hover {background:#52abf7;}


.tipo-lista-2              {overflow: hidden; margin: 20px 0; text-align: center;}
.tipo-lista-2 li           {float: left ; margin-right: 6px;}
.tipo-lista-2 li span      {display: inline-block; overflow: hidden; font-size: 12px; font-weight: bold;}

.tipo-lista-3              {overflow: hidden; margin: 20px 0; text-align: center;}
.tipo-lista-3 li           {float: left ; margin-right: 20px;}
.tipo-lista-3 li span      {display: inline-block;  font-size: 12px; }
.tipo-lista-3 li input     {width:100px;}


.bt-validar         {margin: 50px 0 50px 25%; display: block;}
.bt-validar a       {color: #fff !important; padding: 18px 68px; background:#0888f4; text-decoration: none; font-size: 14px !important; font-weight: 300 !important; }
.bt-validar a:hover {background:#52abf7;}

#accordion .busca-titulo #numero {padding: 10px 1px 10px 17px;} 

.sc-total {padding: 5px 0;}
.sc-total span {font-weight: 300; font-size: 50px; color: #999; padding-left: 20px;}

.barra-val {background: rgba(250, 250, 250, 0.7);}
.bts-val {margin-left: 20px;}

.bts-val .bt-volver         {display: block;}
.bts-val .bt-volver a       {color: #fff; padding: 18px 68px; background:#f27d00; text-decoration: none; font-size: 14px; font-weight: 300; height: 20px; }
.bts-val .bt-volver a:hover {background:#f09b41; color: #fff;}

.bts-val .bt-anadir         {display: block;}
.bts-val .bt-anadir a       {color: #fff; padding: 18px 68px; background:#40ba16; text-decoration: none; font-size: 14px; font-weight: 300; height: 20px; }
.bts-val .bt-anadir a:hover {background:#76d654; color: #fff;}


.bt-color         {margin: 10px 0 30px; display: block; position: absolute; top: 1010px;}
/*.bt-color a*/   .bt-color    {color: #fff; padding: 18px ; background:#a6a6a6; text-decoration: none; font-size: 14px; font-weight: 300; height: 20px; }
/*.bt-color a:hover {background:#c0c1c0; color: #fff;}*/


/* REFERENCIAS CARRITO */

.referencia{
    display: block;
    text-overflow: ellipsis;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    left: 15px;
}





/***************  DATOS AREA PRIVADA  ***************/
#accesoPicola{color: #000;}
#accesoPicola:hover{color: #0888F4;}





#boton_login, #boton_solicitar_acceso{ padding: 0; border: 0; background: none; color: #474e58;}
#boton_login:hover, #boton_solicitar_acceso:hover{ padding: 0; border: 0; background: none;color:#0888f4;}

.datos-privada tr { height: 30px;}
.datos-privada tr i { margin-top: 20px;}
.datos-privada a { text-decoration: none; font-size: 14px; color: #474e58;}
.datos-privada .login{color:#0888f4;}
.datos-privada a.login:hover{color:#999;}
.datos-privada a:hover {color: #0888f4;}
.datos-privada .azul {color: #0888f4;}
.datos-privada input, .datos-privada select {z-index: 1000; height: 20px; border:1px solid #0888f4; padding-left: 5px; }
.datos-privada input:hover {background:#0888f4; color: #fff; }


.datos-privada textarea {z-index: 1000; height: 80px; width:300px; border:1px solid #0888f4; padding-left: 5px; }
.datos-privada textarea:hover {background:#0888f4; color: #fff; }

.datos-privada select {z-index: 1000; height: 24px; border:1px solid #0888f4; padding-left: 5px; }
.datos-privada select:hover {color: #0888f4;}

.listado-pedido .login{color:#0888f4;}
.listado-pedido a.login:hover{color:#999;}

.pedidos-realizados  li {display: inline-block; margin: 5px 0;width:100%;}
.pedidos-realizados  span {font-weight: 700; color:#0888f4; }
.pedidos-realizados hr, .facturas-realizadas hr { height: 1px; background-color: #0888f4; border: 0; margin: 25px 0;}
.pedidos-realizados textarea { margin-top:30px; border: 1px solid #0888f4; }
.pedidos-realizados ul li table {background-color: #fafafa;}
.pedidos-realizados ul li table td {padding:3px;}
.pedidos-realizados td ul li {display: list-item;}


.Pendiente {color:#ff0000;font-weight: bold;}
.Parcialmente-Servido {color:#ff6600;font-weight: bold;}
.Servido {color:#2cd000; font-weight: bold;}



.atencion {  margin-top: 30px;  text-align: center; padding: 20px; width: 600px; background: #f8f7f7; border: 1px dashed #999;}
.msg{  text-align: center; width: 600px;}

.pie-log {font-size: 10px; color: #999; line-height: 16px; margin-top: 30px;}
.rellene-form {margin-top: 60px;}
.rellene-form hr {border: 1px dashed #999; height: 0; margin-bottom: 50px;}

.ver_password{background-color: #FFF;border: none; margin-left: 8px;}
.ver_password span{font-family: "Open Sans",sans-serif; font-size: 14px; color:#474e58; font-weight: 400; }
.ver_password:hover span{color: #0888F4;}
.ver_password i{color:#0888F4; font-size: 16px; }

.boton_miarea {background-color: #FFF; border: none; margin-left: 197px; margin-top: 12px;}
.boton_miarea i{color:#0888F4; font-size: 16px; }
.boton_miarea span{font-family: "Open Sans",sans-serif; font-size: 14px; color:#474e58; font-weight: 400; }
.boton_miarea:hover span{color: #0888F4;}

/***************  FOOTER  ***************/

footer {margin-top:20px;background-color:#474e58;padding:15px 0;}
footer > .content {display:flex;max-width:460px;}
#img-footer{width:120px;}
#tx-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;}
/***************  FORMULARIO  ***************/


input.button {
/*	background-image:url(../../img/newsletter-bg.png);
	background-repeat:no-repeat;
    background-position: 11px 50%;*/
    float: none;	
    margin: 0 auto;
    padding-left: 37px;
    max-width: 209px;
}

.input-xlarge {
	float:left;
	color:#333333;
	font-family: 'Open Sans', sans-serif;
	border-radius:0;
	width: 100%;
	height:34px;
	border: none;
    border-radius: 0;
   -webkit-appearance: none;
   overflow: hidden;
   background: #fff url(../img/formelements-select.png) right center no-repeat;
   padding-left: 5px;
   margin-bottom: 10px;
}

input.button{
	float: center;
	width: auto;
	color: #fff;	
	padding: 8px 40px 8px 40px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	line-height: 31px;
	margin: 10px auto;
	display: block;
	height: auto;
	border:0;
	text-align:left;
	text-transform:uppercase;
	text-shadow:none;
	background-color:#008853;
	
}

input.button:hover{
	background-color:#999;
}


.cancel{

  background-color:#00ffff;
  
}


/***************  BUSCADOR  ***************/

  .cf:before, .cf:after {
    content:"";
    display:table;
  }
  .cf:after {clear:both; }
  .cf { zoom:1; }

  .form-buscador {width:100%;}

  .form-buscador input { float: left;height: 18px;padding: 10px 5px;width: 100%;}
  .form-buscador input:focus{outline: 0;background: #53affd;color: #fff;border: 1px solid #53affd;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
  .form-buscador input:-moz-placeholder { color: #474e58; font-weight: normal;  }
  .form-buscador input::-webkit-input-placeholder { color: #474e58; font-weight: normal;  }
  .form-buscador input:-ms-input-placeholder { color: #474e58; font-weight: normal;  }


  .form-buscador input:required { box-shadow: none; }

  .form-buscador button {
    background-color: #eee;
    border: 1px solid #eee;
    color: #53affd;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    overflow: visible;
    padding: 0;
    position: relative;
    text-transform: uppercase;
  
    width: 40px;
  }
  .form-buscador button:hover{ background: #dedede;  border: 1px solid #dedede;} 
  .form-buscador button:active, .form-buscador button:focus{ background: #fff; }
  .form-buscador button:before { /* el detalle del triángulo izquierdo */
    content: "";
    border-color: transparent #eee transparent;
    border-style: solid solid solid none;
    border-width: 8px 8px 8px 0;
    left: -6px;
    position: absolute;
    top: 12px;

  }
  .form-buscador button:hover:before { border-right-color: #dedede; }
  .form-buscador button:focus:before { border-right-color: #fff; }    



.bt-ampliar_2{ 
color: #000;
margin-top: 0px;

}

.bt-ampliar_2:hover{ 
    color: #0888F4;
}


.bt-ampliar_2:link, .bt-ampliar_2:active, .bt-ampliar_2:visited  { 
    text-decoration: none;
    height: 30px;
    display: block;
    margin-left: 10px;
    font-weight: 600;
    padding-top: 30px;
    font-size: 13px;
    

}


.descripcion{
  margin-left: 28px;
}

.content .no_referencias{

  text-decoration: none;
  color: #000;
}

.content .no_referencias:hover, .content .no_referencias:active, .content .no_referencias:visited{
  text-decoration: none;
  color: #0888F4;
}

@media screen and (max-width:680px) {
.superior {height:60px;}	
.datos-picola,.datos-user{width:100%!important;}
.nav-ficha {height:60px;}
.nav-ficha > .nav-left {width: 100%;margin-bottom: 10px;}
.resultado-foto {width: 100%;margin: 0;}
.resultado-detalle {margin: 20px 0 0 0;width: 100%;}
.retultado-foto .highslide {width:100%;}
#prods ul li {position:relative;}
.altura__prod_busqueda {    position: relative;  height: 90px;}
.altura__prod_busqueda .z2 {    width: calc(100% - 90px);    position: absolute;    top: 0;    right: 0;    height: 30px;overflow: hidden;}
.altura__prod_busqueda .z2 a {padding-top:10px;}
.altura__prod_busqueda .z3 {position: absolute;    top: 50px;    left: 90px;}
.altura__prod_busqueda .z4 {    position: absolute;    top: 40px;    right: 136px;}
.altura__prod_busqueda .z5 {    position: absolute;    top: 40px;    right: 0;}
}
@media screen and (max-width:420px) {
.datos-user li#desconectar{width: 20px;overflow: hidden;height: 20px;}
.flexinav .flexinav_wrapper .flexinav_menu > li {max-width: 125px;height: 55px;}
.flexinav .flexinav_wrapper .flexinav_menu > li > span {font-size: 13px;line-height: 18px;padding-top: 6px;}
}
@media screen and (max-width:550px) {
	.datos-user li#items {margin:0;position:absolute;top:6px;right:10px;}
}