/*!
 * Start Bootstrap - Portfolio Item HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
font-family: 'fuentemenu';
src: url('../fonts/fuentemenu.eot');
    src: url('../fonts/fuentemenu.eot?#iefix') format('embedded-opentype'), url('../fonts/fuentemenu.woff2') format('woff2'), url('../fonts/fuentemenu.woff') format('woff'), url('../fonts/fuentemenu.ttf') format('truetype'), url('../fonts/fuentemenu.svg#@fuentemenu') format('svg');
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, 
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, 
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, 
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, 
.col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0; padding-right: 0px;}
header {padding: 16px 0 0 28px; width: 100%; height: 158px; margin: 0}
.header-text {margin-top: 68px; margin-left: 21px;}
#redessociales {float: right; width: 255px; overflow: hidden; margin-top: 24px; display: block ;}
#redessociales > div{}
#facebook {background-image: url("../img/client_template/iconos/facebook_new.png");background-repeat:  no-repeat; background-size:  30px 30px ;width: 30px;height: 30px; cursor: pointer; float: right; margin: 2px 1px 0 0;}
#facebook:hover {background-image: url("../img/client_template/iconos/facebook_new_r.png");background-repeat:  no-repeat; background-size:  30px 30px ; width: 30px;height: 30px;cursor: pointer}
#twitter {background-image: url("../img/client_template/iconos/twitter_new.png");background-repeat:  no-repeat; background-size:  30px 30px ; width: 30px;height: 30px; cursor: pointer;float: right; margin: 2px 2px 0 0;}
#twitter:hover {background-image: url("../img/client_template/iconos/twitter_new_r.png");background-repeat:  no-repeat; background-size:  30px 30px ; width: 30px;height: 30px;cursor: pointer}
#instagram {background-image: url("../img/client_template/iconos/instagram.png");background-repeat:  no-repeat; background-size:  30px 30px ; width: 30px;height: 30px; cursor: pointer;float: right; margin: 2px 2px 0 0;}
#instagram:hover {background-image: url("../img/client_template/iconos/instagram_r.png");background-repeat:  no-repeat; background-size:  30px 30px ; width: 30px;height: 30px;cursor: pointer}
#youtube {background: url(../img/client_template/iconos/youtube_new.png) no-repeat; width: 30px;height: 30px; cursor: pointer;float: right; margin: 0px 0 0 0;}
#youtube:hover {background: url(../img/client_template/iconos/youtube_new_r.png) no-repeat; width: 30px;height: 30px;cursor: pointer}
#idioma-i {background: url(../img/client_template/iconos/United-States.png) no-repeat; width: 32px;height: 32px; cursor: pointer;float: right; margin: 1px 0 0 0}
#idioma-t {cursor: pointer;float: right; margin: 8px 5px 0 14px; color: #FFFFFF; font-weight: bold}
.t { cursor: pointer;float: right; margin: 5px 3px 0 10px; color: #FFFFFF; font-weight: bold}
 #t-contactenos a{cursor: pointer;float: right; margin: 4px 4px 0 0; color: #FFFFFF; font-weight: bold}
#t-telefonos {cursor: auto;float: right; margin: -4px 15px 0 5px; color: #FFFFFF; font-weight: bold }
#idioma-t:hover {text-decoration: underline;}

#basic-addon2 {background: #F6C55D;}
#line2 {float: right; width: 455px; display: block; margin-top: 10px;}
#line3 {margin-top: 5px; width: 650px;}
#search {float: right; width: 179px;}
.form-control-search {height: 25px; padding: 2px 12px;}
#basic-addon2 {padding: 2px 12px}
#mail {background: url(../img/client_template/iconos/icon_contacto.png) no-repeat; width: 32px;height: 32px; cursor: pointer; float: right; margin: -3px 10px 0 0}
#telefIMG {background: url(../img/client_template/iconos/telefono.png) no-repeat; width: 32px;height: 32px; cursor: pointer; float: right; margin-top: -4px; }

#menuhead {list-style: none; width: 100%; text-align: right; float: right;}
ul#menuhead li {display: inline;color: #FFFFFF; font-weight: bold;margin: 0 0px !important;}
ul#menuhead li a{color: #FFFFFF; font-weight: bold; margin: 0;}



#container {width: 982px !important;}
/*Menu principal*/
#menup { background: url(../img/client_template/menu/menu_superior_01.png); min-height: 40px !important; overflow: hidden;display: block;}
#menup ul li.verde{background: url(../img/client_template/menu/bg_azul.png); color: #ffffff !important}
#menup ul li.verde a{color: #ffffff !important}
#menup ul li a{font-family: fuentemenu; color: #ffffff !important; font-size: 18px; margin: 0 6px;}
#menup ul li:hover a{color: #000000 !important}
#menup ul li.activo, #menup .activo {background: url('../img/client_template/menu/bg-tienda_hover.png'); }
#menup ul li.activo a, #menup .activo {color: #000000 !important}
.navbar-header{width: 86px; padding-left: 14px; text-align: right}
.navbar-brand {font-family: fuentemenu; color: #ffffff !important; font-size: 18px; height: 40px !important; padding: 12px 15px 0px 15px  !important;}
.navbar-nav > li > a {padding: 12px 14px 8px 15px;}
.navbar-nav > li:hover, #menup ul li.verde:hover {background: url('../img/client_template/menu/bg-tienda_hover.png') !important;}
.inicio {margin-left: 0px !important; width: 70px }
.navbar {margin-bottom: 0px;}
#menup .separador {background :url('../img/client_template/menu/separador.png') repeat-x;height: 40px;width: 2px;float: left;}
#separador {margin-left: 0px;}
.navbar-nav > li:hover > span{background: url('../img/client_template/menu/separador_hover.png');}
.navbar-toggle {padding: 2px 6px 2px 6px !important; margin-top: 12px !important}
body {
    background: url(../img/client_template/bg-default.jpg);
    font-size: 12px;
    font-family: Tahoma;
}
#page-wrapper{width: 100%;}
.wrapper {background: #ffffff; padding: 10px 5px; width: 100%; height: auto; overflow: hidden}
.portfolio-item {
    margin-bottom: 25px;
}


.margintop10 {margin-top: 10px;}
.margintop15 {margin-top: 15px;}
.marginbottom5 {margin-bottom: 5px;}
.margintop20 {margin-top: 20px;}
.float_left {float: left;}
.float_right {float: right;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}


/* Carousel base class */

#myCarousel {
position: relative;
height: 260px;
} 
#myCarousel .item {
  height: 260px;
}

#myCarousel .carousel-inner > .item img {
    position:absolute;
    right:0;
    left:50%;
    height:260px;
    max-width:none;
}
#myCarousel .s1 > .item img {margin-left:-486px; /* Half the width of the image */}
#myCarousel .s2 > .item img {margin-left:-357px; /* Half the width of the image */}
#myCarousel .s3 > .item img {margin-left:-307.5px; /* Half the width of the image */}
#myCarousel.carousel-inner {
  position: relative;
  overflow: hidden;
}


.border {
	width: 100%;
        display: block;
	display: inline-block; float: left;

	box-shadow:0 0 3px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0 0 9px rgba(0,0,0,0.3); 
	-moz-box-shadow:0 0 9px rgba(0,0,0,0.3);

	border-bottom-right-radius:5px; 
	-moz-border-radius-bottomright:5px; 
	border-bottom-left-radius:5px; 
	-moz-border-radius-bottomleft:5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright:5px; 
	border-top-left-radius: 5px;
	-moz-border-radius-topleft:5px;
        padding: 5px;
        
       
}
.binterno {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);

	border-bottom-right-radius:5px; 
	-moz-border-radius-bottomright:5px; 
	border-bottom-left-radius:5px; 
	-moz-border-radius-bottomleft:5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright:5px; 
	border-top-left-radius: 5px;
	-moz-border-radius-topleft:5px;
        margin: 10px auto; 
        

       
}
.carousel-left {background: url('../img/client_template/iconos/boton_izq.png') no-repeat; width: 30px; height: 61px;}
.carousel-right {background: url('../img/client_template/iconos/boton_der.png') no-repeat; width: 30px; height: 61px;}
footer {
    
}
.footerb {background: #FD523E; border-radius: 0 0 10px 10px; padding: 10px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center;}
.footerb > div {float: left;margin-right: 2px}
.footerb .bloque{width: 231px; overflow: hidden; float: left;}
.footerb .bloque .bloque-col{width: 50%; float: left}
.footerb .bloque .bloque-col100{width: 100%; float: left}
.footerb .bloque span{font-family: fuentemenu; color: #FFE400; font-size: 18px; width: 100%; float: left;}
.footerb .bloque .bloque-col ul, .footerb .bloque .bloque-col100 ul {padding: 0; margin: 0; }
.footerb .bloque .bloque-col ul li, .footerb .bloque .bloque-col100 ul li{list-style: none; padding: 0; margin: 0;line-height: 15px;}
.footerb .bloque .bloque-col ul li a, .footerb .bloque .bloque-col100 ul li a{font-family: Tahoma; font-weight: bold; color: #ffffff; padding: 0; margin: 0;}
#footer-text {width: 100%;text-align: center;color: #ffffff;margin-top: 10px;}




/*//////////////compañia/////////*/

#col1 {
}
#col2 {
    background: #ffffff;
    padding: 10px 10px 10px 0px;
    min-height: 260px;

}
#menu-lateral{margin-top: 5px;height: 100%;background: url("../img/client_template/menu_fondo_izq.png");width: 240px;}
#menu-lateral #menu-lateral-head {background: url("../img/client_template/menu-lateral-head.png"); width: 240px; height: 30px; overflow: hidden; display: block; padding: 5px 0 0 15px;}
#menu-lateral #menu-lateral-head span{color: #ffffff; font-weight: bold;font-family: Arial,​​Helvetica,​​sans-serif;font-size: 12px;}
#menu-lateral ul, #menu-centro ul {padding: 0; }
#menu-lateral ul li, #menu-centro ul li {list-style: none;}
#menu-lateral ul li a, #menu-centro ul li a {color: #000000; text-decoration: none; font-weight: bold; font-size: 12px; width: 240px; height: 30px; display: block;padding: 5px 0 0 10px; font-family: Arial,​​Helvetica,​​sans-serif;}
#menu-lateral ul li a:hover, #menu-centro ul li a:hover {color: #ffffff;background: url("../img/client_template/menu-lateral-hover.png"); }

#menu-lateral ul li .activo, #menu-centro ul li .activo {color: #ffffff;background: url("../img/client_template/menu-lateral-hover.png"); }

.cuerpo {width: 100%; margin-top: 10px;display: inline-block; float: left;}
.cuerpo .cuerpo-head{background: url("../img/client_template/producto_rayas_top.png"); width: 100%; height: 34px; padding: 2px 0 0 5px}
.cuerpo .cuerpo-head span, .titulohead {color: #CC0033; font-family: agency fb; font-size: 20px;font-weight: bold;}
.encabezado {color: #CC0033;font-family: Bombardier;font-size: 12.5px; font-weight: bold}
.encabezados1 {color: #CC0033;font-family: Bombardier;font-size: 12px !important; font-weight: bold}
.cuerpo-texto {margin: 10px 0 0 0;}
.asteriscorojo {color: #ff0000; font-weight: bold; margin: 4px 2px;}
.separador {background: url("../img/client_template/separador_de_puntos.png");width: 100%;height: 25px;}

.menu-acordion {background: url("../img/client_template/menu-centro.png") repeat-x; width: 230px; height: 30px; overflow: hidden; display: block; padding: 5px 0 0 15px;font-family: Arial,​​Helvetica,​​sans-serif; }
.menu-acordion a{color: #ffffff; font-weight: bold;font-family: Arial,​​Helvetica,​​sans-serif; text-decoration: none; font-size: 12px}
.menu-acordion .plus{float: right; margin-right: 5px; color: #ffffff; font-weight: bold; font-size: 14px;}


.nav-tabs {width: 100%;float: left;border-bottom-color: #d9d9d9; }
.count {font-size: 14px;}
  #mytabs.nav-tabs > li > a {
    text-align: left;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #EF3F35;
    color: #ffffff;
    font-size: 16px;
    font-family: Bombardier;
    background: #EF3F35; 
    padding: 5px 0 5px 10px;
    overflow: hidden
  }
  .dropdown-text {text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;overflow-y: hidden; width: 90%; float: left}
  .dropdown-icono i {float: left;}
    #mytabs.nav-tabs > li > a:hover {
      background: #025CA2;
      border-color: #025CA2; }
    
    #mytabs.nav-tabs > li.active:hover > a {
      background: #025CA2;
      border-color: #025CA2; 
      color: #ffffff;
    }
  #mytabs.nav-tabs > li.active > a {
      color: #ffffff;
    background: #EF3F35;
    border-color: #EF3F35;
    border-bottom-color: transparent; }
#mytabs.nav .open > a, #mytabs.nav .open > a:focus, #mytabs.nav .open > a:hover {
    background-color: #EF3F35;
    border-color: #EF3F35;
}
#mytabs .nav-tabs > li.active > a,#mytabs .nav-tabs > li.active > a:focus {
        background-color: #EF3F35;
    border-color: #EF3F35;
    color: #ffffff;
}
.instructions {
  text-align: center;
  padding: 10px 0; }

.tabs-dropdown > .dropdown-toggle {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #e0e0e0;
  border-radius: 4px 4px 0 0;
  color: #444444;
  background: #f2f2f2; }

.tab-content {
  padding: 10px;
  overflow: hidden;
  background: white;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 0 0 4px 4px; }
  .tab-content .tab-pane {
    color: #566473; }
  
  .dropdown-menu-100 {width: 100%;}
  .dropdown-menu {font-size: 12px;}
  
  .presntacion-producto {width: 160px; margin: 10px 10px;}
  .presntacion-producto img{margin: 10px 10px 5px 10px;}
  .presntacion-producto span {color: #074ABD; font-weight: bold; font-family: Arial,​Helvetica,​sans-serif;}
  .presntacion-producto .precio {color: #000000; font-weight: normal; font-family: Arial,​Helvetica,​sans-serif;}
  .presntacion-producto .precio_oferta {color: #FF0000; font-weight: bold; font-family: Tahoma; font-size: 14px}
  
  .strike {text-decoration: line-through; color: #000000;}
  .pick input { width: 25px !important; padding: 2px 0 2px 5px; height: 30px; color: #000000}
  
  .anadirp > *{float: left}
  .anadirp .pick {margin-right: 7px; margin-top: 1px;}
  
  .filap > * {float: left; margin-right: 10px;}
  .botonespd {width: 100%; display: block; overflow: hidden}
  
  .centrado {
display:                 flex;
  display:                 -webkit-flex; /* Safari */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari */
  justify-content:         center;
  -webkit-justify-content: center
  }
.cuerpo-redessociales {float: right; margin-top: 3px;}
.formulario-head {width: 100%; background: #F0F0F0;font-family: Arial,​Helvetica,​sans-serif; color: #000000; font-size: 16px; font-weight: bold;overflow: hidden; padding: 5px}
.formulario-head span {float: left;}
.formulario-head img {float: right;}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.promocion {
    padding: 0 0 0 10px;
    float: left;
    width: 450px;
    font-family: Arial,​Helvetica,​sans-serif;
}

.promocion span{
    color: #074A9C;
    font-weight: bold;
    font-size: 16px;
}


.btn.btn-rojo {
    color: #ffffff;
    background-color: #D30333;
    background-image: linear-gradient(to bottom, #d30333, #94032a);
    border-color: #800320 #800320 #800320;
    font-family: Bombardier;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px;
}
.btn.btn-rojo:hover {
    color: #ffffff;
    background-color: #94032a;
    background-image: linear-gradient(to bottom, #94032a, #94032a);
    border-color: #800320 #800320 #800320;
}

.btn.btn-azul {
    color: #ffffff;
    background-color: #0085cd;
    background-image: linear-gradient(to bottom, #0085cd, #0373ab);
    border: 1px solid #056896;
    font-family: Bombardier;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px;
}
.btn.btn-azul:hover {
    color: #ffffff;
    background-color: #0373ab;
    background-image: linear-gradient(to bottom, #0373ab, #0373ab);
    border-color: #0c608a #0c608a #0c608a;
}

.btn.btn-gris {
    color: #000000;
    background-color: #e7e7e6;
    background-image: linear-gradient(to bottom, #e7e7e6, #adadaa);
    border-color: #adadaa #adadaa #adadaa;
    font-family: Bombardier;
    font-weight: bold;
    font-size: 14px;
    border-radius: 7px;
}
.btn.btn-gris:hover {
    color: #000000;
    background-color: #adadaa;
    background-image: linear-gradient(to bottom, #adadaa, #adadaa);
    border-color: #adadaa #adadaa #adadaa;
}

.btn-buscar-rojo {
    background: linear-gradient(to bottom, #f51130, #f51130) repeat scroll 0 0 #f51130;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    padding: 3px 7px 3px 8px;
    text-decoration: none;
}
.btn-buscar-rojo:hover {
    background: linear-gradient(to bottom, #3cb0fd, #3498db) repeat scroll 0 0 #3cb0fd;
    text-decoration: none;
    color: #ffffff;
}

.btn-buscar-azul {
    background: linear-gradient(to bottom, #008ae6, #008ae6) repeat scroll 0 0 #008ae6;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-family: Arial;
    font-size: 18px;
    padding: 3px 8px;
    text-decoration: none;
}
.btn-buscar-azul:hover {
    background: linear-gradient(to bottom, #f70f2e, #f70f2e) repeat scroll 0 0 #f70f2e;
    text-decoration: none;
    color: #ffffff;
}
.btn.focus, .btn:focus {
    color: #ffffff;
}

.formulario {padding: 15px 10px;display: block;}
.formulario .input {width: 150px; height: 25px; padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.formulario .input-largo {width: 200px; height: 25px;padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.formulario .input-largop {width: 250px; height: 25px;padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.formulario .input-corto {width: 100px; height: 25px;padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.formulario .textarea {width: 90%;}
.formulario .input-tel {width: 50px; float: left; margin-right: 5px;height: 25px;padding-top: 0px; padding-bottom: 0px; font-size: 12px;}
.formulario .bloque {overflow: hidden;}
.formulario .bloque > span, .formulario .bloque > input,  .formulario .bloque > label,  .formulario .bloque > textarea, .formulario .bloque > select{float: left}
.form-group {
    margin-bottom: 3px;
}
.mascampos {color: #000000; font-weight: bold; font-family: tahoma; margin: 10px 0 0 20px}
/*/////////////Cotizacion////////////////*/
#colv1 {padding: 15px;float: left}

#colv2 { padding: 10px 15px 10px 0px; float: left}
.atencioncliente {
    position: absolute;
    left: 350px;
    top: 0px;
    z-index: 100;
}
.atencioncliente > span{color: #000000; font-family: Tahoma; font-weight: bold;}
.atencioncliente .texto{margin-top: 15px;}

.ubicacion {overflow: hidden; font-family: Arial,​Helvetica,​sans-serif; font-size: 11px; float: left}
.ubicacion .ubicacion-bloque {margin-top: 10px;}
.ubicacion .ubicacion-bloque div {float: left}
.ubicacion .ubicacion-bloque .c1 {width: 37px;}
.ubicacion .ubicacion-bloque .c2 {width: 265px;margin-left: 8px;}
.ubicacion .ubicacion-bloque span{color: #000000; font-family: Tahoma; font-weight: bold;font-family: Arial,​Helvetica,​sans-serif; font-size: 12px;}

.mapa {text-align: right; float: left; width: 310px}
.banner {text-align: right; float: left; width: 310px}
.mapa .texto{color: #000000; font-family: Tahoma; font-weight: bold;}

.detalle-producto {float: left;}
.detalle-producto > div {float: left}
.detalle-producto .c1{ text-align: center; margin-right: 10px;}
.detalle-producto .c2{width: 440px}

.dproductos {color: #000000; font-weight: bold; font-size: 14px;font-family: Arial,​Helvetica,​sans-serif;background: #F0F0F0}
.active .dproductos  {background: #F0F0F0; background-image: url("../img/client_template/bg-tabs.png")!important; background-repeat: repeat-x; border-top: 1px solid #FF0000; border-radius: 0;}
.bondades-img {width: 100%}
.bondades-img > img{float: right;margin-left: 10px; margin-bottom: 10px;}

.input-group-addon { padding: 3px 12px;}

.donde-comprar {width: 100%; font-family: Arial,​Helvetica,​sans-serif; font-size: 12px; padding-bottom: 8px; display: block; overflow: hidden}
.donde-comprar > div {float: left}
.donde-comprar > .col1{width: 60%; display: block}
.donde-comprar > .col1 .header{font-family: Arial,​Helvetica,​sans-serif; font-size: 16px; font-weight: bold; color: #1354A4}
.donde-comprar > .col1 .encab{font-family: Arial,​Helvetica,​sans-serif; font-size: 12px; font-weight: bold; color: #C4002A}
.donde-comprar > .col2{width: 30%px;display: block}


.carrito, .registro {width: 100%; font-family: Arial,​Helvetica,​sans-serif; background: #F7FAFD; padding: 5px;display: table}
.carrito .header, .registro .header{padding: 2px 10px;background: #D6E5F0; width: 100%; display: block; overflow: hidden}
.carrito .header span, .registro .header span {font-family: agency fb; font-size: 22px; font-weight: bold; color: #333333}



.cuenta {width: 100%; font-family: Arial,​Helvetica,​sans-serif; padding-bottom: 10px;}
.cuenta .header{padding: 2px 10px;background: #f2f2f2; width: 100%; display: block; overflow: hidden}
.cuenta .header span {font-family: agency fb; font-size: 22px; font-weight: bold; color: #333333}

.registro .col1, .registo .col12{padding: 5px;} 

.registro .medio2 {background: url("../img/client_template/iconos/or.jpg") no-repeat;}

.registro .head {font-family: agency fb; font-size: 20px; font-weight: bold; color: #333333}

.carrito .footer {padding: 2px 10px;background: #E3E1DF; width: 100%; display: block ; text-align: right;margin-top: 15px; overflow: hidden}
.carrito .footer .negrog {color: #000000;font-weight: bold; font-size: 24px;}
.carrito .footer .sub {margin-bottom: 15px}

.carrito .resp, .resumen-cuenta .resp{width: 100%; margin-top: 20px; text-align: right}

.carrito .valor, .resumen-cuenta .valor {border-bottom: 1px dashed #000000; width: 100px; display: inline-block}

.tablap {width: 100%; margin-top: 6px; font-family: Arial,​Helvetica,​sans-serif}
.tablap thead { font-weight: bold; color: #000000;  border-bottom: 1px solid #ED0A0A}
.tablap tbody tr{ border-bottom: 1px dashed #333333}
.tablap tbody tr td{padding: 5px 0}
.tablap .imagen {width: 100px; text-align: center}
.tablap .forma {width: 56px;}
.tablap .cantidad {width: 65px;}
.tablap .eliminar {width: 58px}
.tablap .total {width: 135px; text-align: center}
.tablap .azul {color: #074A9C; font-weight: bold}
.negro {color: #000000;font-weight: bold}


.resumen-cuenta {width: 100%;  background: #F7FAFD; font-family: Arial,​Helvetica,​sans-serif;}
.resumen-cuenta .header {padding: 2px 10px;background: #FF3300; width: 100%; display: block; overflow: hidden;}
.resumen-cuenta .header span {font-family: agency fb; font-size: 20px; font-weight: bold; color: #ffffff}
.resumen-cuenta .header img {float: right}


.resumen-cuenta .header1 {padding: 2px 10px;border-bottom: solid 2px #FF3300; width: 100%; display: block; overflow: hidden;}
.resumen-cuenta .header1 span {font-family: agency fb; font-size: 20px; font-weight: bold;}
.resumen-cuenta .header1 img {float: right}


.resumen-cuenta > .bloque {padding: 5px}

.resumen-cuenta .col2 {text-align: center}
.resumen-cuenta .fr {float: right}


.resumen-cuenta .footer {padding: 2px 10px;background: #0582AB; width: 100%; display: block ; text-align: right;margin-top: 15px; overflow: hidden; color: #ffffff}
.resumen-cuenta .footer .negrog {color: #ffffff;font-weight: bold; font-size: 24px;}
.resumen-cuenta .footer .sub {margin-top: -15px}

.resumen-cuenta .btn-group {width: 200px; }
.resumen-cuenta .multiselect {width: 100%;text-align: left !important}
.resumen-cuenta .multiselect span{width: 100%}

 .botonesp {width: 100%; text-align: right; float: right}
 .botonesp1 { float: left; width: 100%}
 .descuento {float: right; font-family: Arial,​Helvetica,​sans-serif}
 .bt-de {margin-right: 10px;margin-top: 4px;}
 
 
 .calidad {width: 100%; text-align: center; display: block; float: left}
 .cb {padding: 20px;}
 .cb1 {padding: 0 20px;}
 .botonesr  {width: 100%}
 
   .centrado {
    display:                 flex !important; 
  display:                 -webkit-flex !important; /* Safari */
  flex-wrap:               wrap !important;
  -webkit-flex-wrap:       wrap !important;         /* Safari */
  justify-content:         center !important;
  -webkit-justify-content: center !important
  }
  
  .derec {text-align: right; margin-right: 5px;}
  
  .mensajep {padding: 20px;}
  
  .form-horizontal .form-group {margin-left: 0; margin-right: 0;}
  
  .datosu {font-family: Arial,​Helvetica,​sans-serif; color: #FFCC00 !important}
  
  input.error, select.error, textArea.error, .error {
    border-color: #ff3333 !important;
}

.resumen-editar {float: right; }
.resumen-editar a {font-size: 13px !important; margin-top: 10px; font-family: tahoma; color: #000000}

.checkboxat {opacity: 1 !important;}
.fa1 {width: 100%; display: block; overflow: hidden}
.fa1 > * {float: left; padding: 5px;}
.fa1 .negro {text-align: right; width: 150px; display: block}

.sgr img{float: left; margin: 0 10px;}
.rojo {color: #ff0000; font-weight: bold}
.botonesre {text-align: right; width: 100%}





      .tableproducto {border: none;}
      .tableproducto > thead > tr > th, .tableproducto > tbody > tr > th, .tableproducto > tfoot > tr > th, .tableproducto > thead > tr > td, .tableproducto > tbody > tr > td, .tableproducto > tfoot > tr > td{border: none }
      
      /*.tableproducto > thead > tr > th, .tableproducto > thead > tr > td { border-bottom: 1px solid #ddd}*/
      .tableproducto > thead > tr > th, .tableproducto > thead > tr > td { border-bottom: 1px solid #CC0000}
      
      .tableproducto .actionp, .tableproducto .action {width: 100%; font-family: Arial,​Helvetica,​sans-serif; font-size: 13px; font-weight: bold; color: #fff;  margin-top: 10px; float: none; display: block; text-decoration: none}
      .tableproducto .icon-eye-open, .tableproducto icon-file {color: #fff; font-size: 16px}
      .tableproducto .icon-edit {color: #fff; font-size: 16px; }
      .tableproducto .icon-trash {color: #fff; font-size: 16px; }
      .tableproducto .icon-envelope {color: #fff; font-size: 16px; }
     
      .tableproducto .col2 .image {padding: 25px;}
.tableproducto > tbody > tr:nth-child(2n+1) > td, .tableproducto > tbody > tr:nth-child(2n+1) > th {
    background-color: #ffffff;
}
/*.tableproducto > tbody > tr > td {border-bottom: 1px solid #ddd}*/
.tableproducto > tbody > tr > td {border-bottom: 1px dashed #000000}

.input-group-addon, .input-group-btn {width: 0}

.btn-g {
    border-radius: 0 !important;
}
.btn-mini {
    border-width: 1px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
}


#deleteAll{
    cursor: pointer; 
    text-decoration: none;
}
#deleteAll > span:hover{
    color: #cc0033;
}




#header-lateral-info {
    display: block;
}
.info-user {
    float: right;
    /*margin-top: 10px;*/
    text-align: right;
}
span.black {
    color: #000;
    font-weight: bold;
}
span.red {
    color: #f00;
    font-weight: bold;
}
.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 0 20px;
    padding-bottom: 2px;
}
#corousel-content {overflow: hidden}

.dprod {cursor: pointer;}

  .panel-cusston {border-radius: 5px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);padding: 5px; }
  .panel-cusston .panel-heading {border: none; border-radius: 0; padding: 5px; font-size: 20px; color: #000000; font-weight: bold; font-family: agency fb;}
  .panel-cusston .panel-heading >a { color: #000000; font-weight: bold; font-family: agency fb;}
  .panel-cusston .panel-heading.color-m {background: #F0F0F0;}
  .panel-cusston .panel-body {padding: 10px; color: #000000}
  
  .del_disable{
      cursor: auto;
  }
  .volver{
      float: right;
      margin: -25px 5px 0 0; 
      font-weight: bold; 
      color: #337ab7;
  }
  
  .custtom {
      font-size: 15px !important;
      letter-spacing: -0.5px !important;
      padding: 3px !important;
  }
  #Ordenes_total{
    width: 200px;
  }