body { color:#00000; background: #9ca2a9 url(../include_imagenes/bg.jpg) 0 0 no-repeat; }

@media (min-width: 480px) {
  .container {
    width: 480px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.navbar-usuarios-xs {color: #ffffff; background-color: #000000; padding: 5px; text-align: right; }
.navbar-usuarios-xs .btn { color: #ffffff; background-color: #404040; margin-left: 5px; }
.navbar-usuarios-xs .btn:hover { background-color: #606060; }
.navbar-usuarios-xs .glyphicon { margin-right: 10px; }

.header_logo { width: 290px; margin-bottom: 20px; }
@media (min-width: 768px){
	.header_logo { width: 340px; margin-bottom: 20px; }
	}
@media (min-width: 992px){
	.header_logo { width: 480px; margin-bottom: 20px; }
	}
@media (min-width: 1200px){
	.header_logo { width: 480px; margin-bottom: 20px; }
	}

.header_phone { 
	font-family:'Open Sans'; 
	font-size:23px; 
	col4or:#b1b4bb; 
	color:#ffffff; 
	line-height: 50px; 
	text-align: right;
	}
.header_phone:before {
	font-family:'FontAwesome';
	color: #ffffff;
	content: "\f098";
	font-size:23px;
	margin-right:10px;
	}

.header_links {
	font-family:'Open Sans'; 
	font-size:14px; 
	line-height: 50px; 
	text-align: right; 
	}
.header_links a:before {
	font-family:'FontAwesome';
	color: #383838;
	content: "\f111";
	font-size: 14px;
	margin-right: 5px;
	}
.header_links a { color:#ffffff; margin-right: 10px; }
.header_links a:hover,
.header_links a:hover:before { text-decoration:none; }
.header_links a:hover:before { color:#ec1b24; }

.header_cart {
	font-family:'Open Sans';
	font-size:14px;
	line-height: 50px;
	color:#ffffff;
	background-color: #E80F19;
 	padding: 0 15px;
	text-align: center;
	}
.header_cart:before {
	font-family:'FontAwesome';
	color: #fff;
	content: "\f07a";
	font-size:36px;
	margin-right: 10px;
	}
.header_cart:after {
	font-family:'FontAwesome';
	color: #fff;
	content: "\f13a";
	font-size:24px;
	margin-left: 10px;
	}

.main-container {
	margin-top: 20px;
	*background-color: #ffffff;
	min-height: 300px;
	padding: 15px;
	overflow: hidden;
	}
	
.sidebar-container {
	background-color: #e0e000;
	min-height: 300px;
	padding: 15px;
	}

.footer-container {
	color: #9fa5ae;
	background-color: #40454b;
	border-radius: 0 0 6px 6px;
	padding: 15px;
	}
.footer-container h4 {
	font-weight: bold;
	color: #ffffff;
	}
.footer-container a {
	color: #9fa5ae;
	}


.navbar {
    border: 1px solid transparent;
    margin-bottom: 0;
    min-height: 40px;
    position: relative;
	
	-webkit-box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);
box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);

	}
.navbar-default {
	color: #ffffff !important;
	border-top: 1px solid #d26c70;
	b3order-bottom: none;
	b3order-left: none;
	b3order-right: none;
	background: #cc2229 url(../include_imagenes/bg_nav.gif) repeat-x;
	
    font-family: "Open Sans";
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
	}
@media (min-width: 768px){
	.navbar-default { font-size: 10px;  }
	}
@media (min-width: 992px){
	.navbar-default { font-size: 11px;  }
	}
@media (min-width: 1200px){
	.navbar-default { font-size: 14px;  }
	}
.navbar-brand {
	color: #ffffff !important;
	}
.navbar-toggle {
	color: #ffffff !important;
	}
.icon-bar {
    background-color: #fff !important;
	}
.navbar-nav > li > a {
	color: #ffffff !important;
	padding: 10px 15px;
	}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	color: #ffffff !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed3840', endColorstr='#ef6066');
	background: -webkit-gradient(linear, left top, left bottom, from(#ed3840), to(#ef6066));
	background: -moz-linear-gradient(top, #ed3840, #ef6066);
	background: -o-linear-gradient(top, #ed3840, #ef6066);
	background: -ms-linear-gradient(top, #ed3840, #ef6066);
	}

.navbar-separacion-xs { margin-bottom: 10px; }
@media (min-width: 768px){
	.navbar-separacion-xs { margin-bottom: 0; }
	}

 .7block-cart-header {
	float:right;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee1c25', endColorstr='#e2000a'); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ee1c25), to(#e2000a));
	background: -moz-linear-gradient(top,  #ee1c25,  #e2000a); /* firefox 3.6+ */
	background: -o-linear-gradient(top,  #ee1c25,  #e2000a); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee1c25,  #e2000a); /* IE10+ */
	position:relative;
	z-index:99;
	padding:9px 8px 0 13px;
	min-height:48px;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	}

.novedades_index { text-align: left; margin-bottom: 10px; }
.novedades_index img { width: 90px; height: 90px; margin-right: 5px; margin-bottom: 10px; float: left; }
.novedades_index div.titulo-top { font: normal 12px Arial; color: #4f555c; line-height: 1.2em; height: 50px; margin-bottom: 5px; display: none; }
.novedades_index div.titulo-right { font: normal 12px Arial; color: #4f555c; line-height: 1.2em; margin-bottom: 5px; display: block; }
.novedades_index .btn { padding: 6px 12px; }
.novedades_index .btn-danger { color: #ffffff; background-color: #EA131D; }
.novedades_index_separador { border: none; }

@media (min-width: 768px){
.novedades_index { text-align: center; }
.novedades_index img { width: 130px; height: 130px; margin-right: 0; float: none; }
.novedades_index div.titulo-top { font: normal 12px Arial; line-height: 1.2em; height: 50px; margin-bottom: 5px; display: block; }
.novedades_index div.titulo-right { display: none; }
.novedades_index_separador { border-left: 1px solid #c3c4c5; }
}
@media (min-width: 992px){
.novedades_index { text-align: center; }
.novedades_index img { width: 170px; height: 170px; margin-right: 0; float: none; }
.novedades_index div.titulo-top { font: normal 14px Arial; height: 60px; }
}
@media (min-width: 1200px){
.novedades_index { text-align: center; }
.novedades_index img { width: 190px; height: 190px; margin-right: 0; float: none; }
.novedades_index div.titulo-top { normal: bold 16px Arial; }
}
	
.lista_novedades { margin-bottom: 15px; overflow: hidden; }
.lista_novedades a { text-decoration: none;  }
.lista_novedades a:hover { text-decoration: none; }
.lista_novedades .imagen { width: 80px; height: 80px; float: left; margin-right: 6px; }
.lista_novedades .titulo { font: bold 14px Arial; color: #ba131a; margin-bottom: 6px; text-decoration: none; }
.lista_novedades .texto { font: normal 13px Arial; color: #000000; text-decoration: none; }

.novedad { overflow: hidden; }
.novedad .imagen { width: 300px; float: left; margin-right: 10px; margin-bottom: 10px; }
.novedad .titulo { font: bold 16px Arial; color: #000000; margin-bottom: 10px; }
.novedad .texto { font: normal 14px Arial; color: #000000; }

.page {
	padding: 15px;
	background: rgba(255,255,255, 0.6);
	}

.page-title {
	background: #92979d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTc5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzFiMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #ec1b24 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ec1b24));
	background: -webkit-linear-gradient(top,  #000000 0%,#ec1b24 100%);
	background: -o-linear-gradient(top,  #000000 0%,#ec1b24 100%);
	background: -ms-linear-gradient(top,  #000000 0%,#ec1b24 100%);
	background: linear-gradient(to bottom,  #000000 0%,#ec1b24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ec1b24',GradientType=0 );
    border-radius: 4px;
    margin: 0 0 27px;
    padding: 12px 20px 14px;
}
.page-title h1 {
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
}

.block_categorias {
    color: #000000;
	padding: 10px;
	background-color: #E4E4E4;
}
.block_categorias .encabezado {
    color: #40454A;
	margin: 0 0 10px 0;
}
.block_categorias a {
    color: #ffffff;
	border-radius: 2px;
	padding: 2px 4px;
	background-color: #40454b;
	display: block;
	margin-bottom: 1px;
	text-decoration: none;
}
.block_categorias a:hover {
    color: #ffffff;
	background-color: #e2010b;
}

.caja_buscador { margin: 2px 0; }
.caja_buscador select { width: 69%; margin-right: 2px; display: inline-block; }
.caja_buscador button { width: 30%; }


ul.lista_productos { list-style-type: none; padding:  0; margin: 20px 0 0 0; overflow: hidden; }
ul.lista_productos li { width: 100%; float: left; }
ul.lista_productos li.break2 { clear: none; }
ul.lista_productos li.break3 { clear: none; }
ul.lista_productos li .producto { background-color: #f0f0f0; padding: 10px; margin:  5px 2px; text-align: center; }
ul.lista_productos li .producto .imagen { border: 1px solid #bbbbbb; 
-webkit-box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);
box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.75);
}
ul.lista_productos li .producto .nombre { color: #000000; }

@media (min-width: 768px){
ul.lista_productos li { width: 50%; }
ul.lista_productos li.break2 { clear: both; }
ul.lista_productos li.break3 { clear: none; }
}
@media (min-width: 992px){
ul.lista_productos li { width: 33.3333333%; }
ul.lista_productos li.break2 { clear: none; }
ul.lista_productos li.break3 { clear: both; }
}
@media (min-width: 1200px){
ul.lista_productos li { width: 33.3333333%; }
ul.lista_productos li.break2 { clear: none; }
ul.lista_productos li.break3 { clear: both; }
}

.panel-default > .panel-heading {
    background-color: #92979d;
    border-color: #ddd;
    color: #ffffff;
}

.list-group-item { border-color: #888888; }



/* Formularios */

dl.datos_perfil { margin-bottom: 0; }
dl.datos_perfil dt { }
dl.datos_perfil dd { font-style: italic; padding: 1px 0 0 15px; margin-bottom: 5px; }

.formulario_usuarios { width: 100%; }
.formulario_usuarios a { color: #000; }

@media (min-width: 480px){
	.formulario_usuarios { width: 400px; }
	}
@media (min-width: 768px){
	.formulario_usuarios { width: 400px; }
	}
@media (min-width: 992px){
	.formulario_usuarios { width: 400px; }
	}
@media (min-width: 1200px){
	.formulario_usuarios { width: 400px; }
	}
	
.btn-default {
    background-color: #92979d;
    color: #ffffff;
}

.pagination > li > a, .pagination > li > span {
    color: #000000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #92979d;
    border-color: #ADB1B6;
    color: #ffffff;
}

/* Formularios */

/* contacto */

.contact-block {
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:25px;
}
.contact-block h2 {
	float:none;
	background:none;
	border:none;
	border-bottom: 2px solid #e2000a;
	font-size:17px;
	line-height:21px;
	color:#383737;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	margin: 0 0 16px;
	padding: 0 0 7px;
}

.contact-left{ width:25%; float:right; padding-bottom:20px;}
.contact-left h3 {
	font-size:13px;
	line-height:16px;
	color:#ee1c25;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:14px;
}
.contact-left p{ font-size:12px; color:#474747; line-height:17px;}
.contact-left ul li{border-bottom:1px solid #ececec; padding-bottom:17px; margin-bottom:17px;}
.contact-left ul li.last{ border:none; padding:0; margin:0;}

#contactForm { float:left; width:73%;}
#contactForm .form-list .input-box {width:auto;}
#contactForm .fieldset{ background:none; border:none; padding:0; margin:0;}
#contactForm .form-list input.input-text { border-box:border-box; width:95%;}
#contactForm .form-list .field {float:left;width:33.33%;}
#contactForm .form-list li {padding-bottom:10px;}
#contactForm .form-list li.wide textarea { border-box:border-box; width:100%; resize:none; }
#contactForm .form-list li.wide .input-box {width:98%;}
#contactForm .buttons-set button.button {float:left;}
#contactForm .buttons-set{ margin:0 0 0 0; padding:0; }
#contactForm .buttons-set p.required {color: #ec1b24; font-weight: normal; font-size: 12px; margin: 0 0 0px;float:left; padding-left:15px; padding-top:5px;}
.contact-btn a{ display:none;}
.contact-btn li{ padding:0; margin:0;}

fieldset      { border:0; }
.fieldset > p { margin-bottom:10px; }
.fieldset .legend {font-weight:bold; font-size:12px; text-transform:uppercase; position:relative; padding-bottom:8px; color:#fec40e; }

.form-list li { list-style:none; }
.form-list label { float:left; color:#000000; font-weight:bold; position:relative; z-index:0; display:inline-block; padding-bottom:5px; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; font-weight: normal; color:#ec1b24; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; margin-bottom:7px; width:260px; }
.form-list .field { float:left; width:360px; }
.form-list input.input-text { width:333px; }
.form-list textarea { resize:none; width:254px; height:10em; }
.form-list select {width: 98%;}
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:132px; }
.form-list .name-middlename input.input-text { width:104px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:318px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.field.name-suffix{ margin-top:8px;}
.field.name-prefix{ margin-bottom:10px}
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:230px; }

.opc .form-list .customer-name-suffix .name-lastname,
.opc .form-list .customer-name-middlename .name-firstname,
.opc .form-list .customer-name-middlename-suffix .name-firstname,
.opc .form-list .customer-name-middlename-suffix .name-lastname { width:191px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:202px; }

.opc .form-list .customer-name-prefix .name-firstname input.input-text,
.opc .form-list .customer-name-suffix .name-lastname input.input-text,
.opc .form-list .customer-name-middlename .name-firstname input.input-text,
.opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:171px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:35px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:213px; }

.form-list .field { float:left; width:360px; }

.form-list .field:after,

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; font-size:10px; line-height:13px; color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:10px; text-align:right; color:#f00; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { 
border:1px solid #b9b9b9;
moz-box-sizing:border-box;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
 box-sizing: border-box;
}
input.input-text,textarea { padding:3px 2px 4px 2px; resize:none; -webkit-appearance: none; border-radius: 0;}

.required {  color:#faebe7 }

.p_empresa {   text-indent: 25px;  }
.hr { border: 1px solid #ec1b24;}