/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Definicion Variables Globales CSS - Colores */
:root {
    --main-bg-color: #fff;
    --header-bg-color: #000;
	--mainmenu-bg-color: #000;
	--contact-bg-color: #0d1b24;
	--servicios-bg-color: #eaeaea;
	--section-bg-color: #6c000a;
	--informacion-bg-color: #fff;
	--footer-bg-color: #011327;
}


/********************************Fonts******************************************/
@font-face { font-family: 'Adam';
  src: url('../css/fonts/adamCG_pro.otf');
}
@font-face { font-family: 'Dosis';
  src: url('../css/fonts/dosis_light.otf');
}
@font-face { font-family: 'FontAwesome';
  src: url('../css/fonts/FontAwesome.otf');
}
/* Global properties ======================================================== */
html, body {width:100%; height:100%; padding:0; margin:0;  background-color: var(--main-bg-color);}

body { 	 
	font-family: 'Dosis', sans-serif;
	font-size:1em; 
	line-height:1.1em;
	color:#000;
	position:relative;
}

h1 { font-family: 'Adam', sans-serif; font-size:22px; line-height:1.2em; font-weight:normal; margin-top:0px; padding-bottom:0px; margin-left:1px;}
h2 { font-family: 'Adam', sans-serif; font-size:18px; line-height:1.2em; letter-spacing:0px; font-weight:400; margin-top:2px;}
h3 { font-family: 'Adam', sans-serif; font-size:16px; line-height:1.2em; letter-spacing:0px; font-weight:400; }
h4 { font-family: 'Adam', sans-serif; font-size:12px; line-height:1.2em; letter-spacing:0px; font-weight:normal;}

p { font-family: 'Dosis', sans-serif; font-size:1.2em; line-height:1.2em; letter-spacing:0px; font-weight:light;}
/***********************************************************************/
ul li {list-style:none;}

a {text-decoration:none; cursor:pointer; color: #000;}
a:hover {text-decoration:none;}

a.link {cursor:pointer; color:#003399; text-decoration:underline;}
a.link:hover {text-decoration:none;  }

a.link2 {cursor:pointer; color:#0094d9; text-decoration:none; font-size:11px;}
a.link2:hover { text-decoration:underline; }

a.link3 {cursor:pointer; color:#0094d9; text-decoration:none;}
a.link3:hover { text-decoration:underline; }

a.link4 {cursor:pointer; color:#000000; text-decoration:underline;}
a.link4:hover {text-decoration:none; }

/*****************************************************************************/
.clear, .clr {clear:both; line-height:0; font-size:0; width:100%;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

.rounded {
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.wait {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;	
	top: 0;
	left: 0;
	vertical-align: middle;
	text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);	
}
.wait img{
	margin-top: 20%;
	line-height: 100%;
 }

#iframe_info {
	margin: 0 auto;
	width: 970px;
	height: 700px;
}
/*********************************header*************************************/
header {position: relative; width:100%; height:auto; top:0;  background-color: var(--header-bg-color); border-bottom: 2px solid #da251d; z-index: 102;}

#header_wrapper {width:100%; margin:0 auto;}

.head_bar {width:970px; margin:50px auto 0; z-index:99;}

.banner_top{
	margin: 0 auto !important;
	width: 970px !important;
}

.logo { width:300px; padding:0px 0; margin:10px auto; text-align:center; float:left;}

.menu {
	position: relative;
	font-weight:bold;
	width: 100%;
	line-height:50px;
	margin: 10px auto 0;
	background-color:var(--mainmenu-bg-color);
	float: none;
	text-align:center;
	display: table;
	clear: both;
	z-index:101;
}

.menu ul {
	line-height:30px;
	margin: 10px auto;
	float: right;
	display: table;
	font-size: 1.1em;
}

.menu li {
	float: left;
	margin: 0px;
	display:block;
	min-width: 80px;
}

.menu a {
	text-transform:uppercase;
	padding: 13px 25px;
	line-height:30px;
	width: 100%;
	color: #fff;
	border:0px;
}

.menu a:hover {
	background-color:#da251d !important;
	color: #fff !important;
}

.menu .active {
	color: #bf0411;
}

.lang_selector {
	font-family: 'Adam', sans-serif;
	width: 400px;
	height: 30px;
	text-align:center;
	display: table;
	float:right;
	clear:both;
}

.lang_selector ul {
	width:auto;
	margin: 0px auto;
	display: table;
	font-size: 1em;
	float:right;
}

.lang_selector li {
	float: left;
	margin: 0 7px;
	display:block;
	min-width: 80px;
}

.lang_selector a {
	padding: 5px;
	line-height:3em;
	width: 100%;
	color: #000;
}

.lang_selector a:hover {
	color: #6f6f6f !important;
}

.lang_selector .active {
	color: #67181a;
}

.user_bar {
	position: fixed; 	
	width: 100%;
	height: 43px;
	top:0;
	background-color:#011327;
	margin: 0 auto;
	padding: 4px 0;
	z-index:7000;
}

.user_bar ul{width:auto !important; margin: 0 auto; display:table; display:block;}
.user_bar li {
	width:117px;
	float: left;
	margin: 0px 1px;
	line-height:40px;
	color:#fff;
	text-align: center;
	font-size: 1em;	
}

.user_bar .user{
	width:234px !important;
	text-align: left;
	padding: 0 2px;
}

.user_bar span{
	font-weight: bold;
}

.user_bar .separador{
	border-right: 2px solid #000;
}

.user_bar .row_2{
	line-height:19px;
	margin-top: 3px;
}

.user_bar li a {
	color:#fff;
}

.user_bar li a:hover {
	color:#bf0411;
}

#baruser_infoped {
	position: relative;
	cursor: pointer;
	padding: 2px 0px 2px 20px;
	margin: 0px 5px;
	background-color: #0098db;
	min-height: 38px;
}

#baruser_infoped:hover {
	background-color: #bf0411;
}

#baruser_infoped:before {
	position: absolute;
    content: "\f06e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 2em;
    text-decoration: inherit;
    left: 5px;
    top: 10px;
}

#box_infoped {
	position: absolute;
	width: 500px;
	height: auto;
	background-color: #fafafa;
	border: 2px solid #bf0411;
	color:#000;
	top:47px;
	left:0;
	z-index: 5000;
	padding: 10px;
}

#box_infoped .boton {margin: 5px !important;}

#box_infoped a {color:#bf0411;}


.tabla_tucompra {
	width: 100%;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #fff;	
}
.tabla_tucompra td {
	padding: 3px;
	line-height: 50px;	
	border:1px solid #aaa;
}
.tabla_tucompra .mini_pedido { height: 50px;}

.tabla_tucompra .col_cant { width: 20px;}
.tabla_tucompra .col_ref { width: 250px; line-height:19px; vertical-align: middle; text-transform: uppercase;}

.buscador {
	padding: 2px 0;
	float:right;
}

.buscador form {
	height: 30px;	
	overflow:hidden;
	float: right;
	margin: 6px 10px 0 0;
}

.buscador input {
	width: 300px;
	height: 28px;
	color: #aaa;
	padding: 0 10px;
	border: 1px solid #ddd;	
}

.buscador button {
	margin: 0 !important;
	border: 0px !important;
	background-color: #bf0411;
	color: #fff;	
	width: 30px;
	height: 30px;
	float: right;
	text-align:center;
	position:relative;
}

.buscador button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    position: absolute;
    top: 6px;
    left: 7px;
}

/*********************************banner*************************************/
#banner {
	position: relative;
	width:100%;
	margin:0 auto 0;
	background-color:#fff;	
	overflow:hidden;
}

#banner_wrapper {
	position: relative;
	width: 1050px;	
	background-color:#fff;	
	border: 0px solid transparent;
	padding: 15px 0 15px 0;
	margin: 0 auto;
	z-index: 40;
	overflow: hidden;
}

.banner_slider { width: 1050px; height:450px; margin: 0 auto; overflow:hidden;}
.banner_slider .slides_container { width:100%; min-height:450px; text-align:center;}
.banner_slider .slides_container img{ width:100%; height:auto; text-align:center;}

.pagination {
	position:absolute;
	width:150px;
	height:12px;
	bottom:20px;
	right:20px;
	overflow: hidden;
	z-index: 1001;
}

.pagination li {
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:12px;
	padding-top:13px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	margin: 0 5px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -13px;
}

/********************** Novedades ************************/
#noved {
	width: 100%;
	background-color: #000;
	background:url(../images/bg_dark2.png) repeat;
	margin: 0;
}

#noved h4 {
	font-size: 12px;
	color: #000;
}

#noved h3 {
	font-size: 2em;
	color: #bf0411;
	margin: 0 0 20px 0;
}

#noved_wrapper {
	width: 930px;
	margin: 0 auto;
	padding: 20px 10px;
	background:url(../images/bg_dark2.png) repeat;
	position: relative;
}

.noved_slider {
	margin: 10px auto;
	position: relative;
}

.noved_slider ul {
	margin: 20px 20px;
}

.noved_slider li{
	float: left;
	margin: 6px;
	width: 210px;
	height: 270px;
	overflow: hidden;
	background:url(../images/bg_light.png) repeat;
	position: relative;

}

.noved_slider li .imagen{
	margin: 10px;
	width: 190px;
	height: 190px;
	overflow: hidden;
	text-align: center;
	line-height: 190px;
}

.noved_slider li img{
	margin: 0;
	max-height: 190px;
	vertical-align: middle;
}

.noved_slider li h4{
	margin: 0 10px !important;
}

.noved_slider li .titulo{
	min-height: 2.5em;
	margin: 0 10px !important;
}
.noved_slider li .nuevo{
	position:absolute;
	margin: 0 !important;
	top:0;
}
.noved_slider li .compra{
	display: none;
}

.noved_slider li .precio .price{
	color:#990000;
	font-family: 'Dosis', sans-serif;
	font-size: 1.3em !important;
	font-weight:bold;
	text-decoration:none;
}
.noved_slider li .precio .promo{
	font-family: 'Dosis', sans-serif;	
	font-size: 1.2em !important;
	color:#888;
	font-weight:bold;
	text-decoration:line-through;
}

.next, .prev{
	position:absolute;
	width: 34px;
	height: 34px;
	top: 155px;
    padding:0;
	background-color:#990000;
	color: #fff !important;
	z-index: 500;
    font-size: 1.7em;
	border-radius: 17px;
	-ms-border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	-khtml-border-radius: 17px;		
}
.prev{right: -5px; }
.next{left: -5px; }
.prev:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    position: absolute;
    top: 10px;
    left: 10px;
}
.next:before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    position: absolute;
    top: 10px;
    left: 5px;
}

.prev:hover{ background-position: -107px -78px; background-color:#bf0411;}
.next:hover{ background-position: -22px -78px; background-color:#bf0411;}


/*********************************content*************************************/	
.content {
	width: 100%;
}
.content_wrapper {
	margin: 0 auto;
	clear:both;
	display:block;
	font-size: 1em;
}

.content_main {
	width:970px;
	display:block;
	position: relative;
	padding: 0;
	margin: 10px auto 0;
	overflow:hidden;
}

.content_main h1 {font-size:2em !important; color:#bf0411;}
.content_main h2 {color:#bf0411;}

.content_main p{
	margin: 1em 0px;
	line-height: 1.4em;
	text-align:justify;
}

.content_main ul{
	margin: 2em 30px;
	font-size:1.2em;	
	line-height: 1.4em;
	list-style-image: url('../images/bg_disc.png');	
}
.content_main li{
	line-height: 1.4em;
}

.content_main .col-1 h1{
	margin-left: 40px;
}

.content_main .col-1 > ul{
	font-size:1.4em;
}

.content_main .col-1 img{
	margin: 1px;
}

.content_main .col-1 span{
	font-weight: normal;
	color: #000;
}

/**************************COLUMNAS******************************/
.content_main .col-1{
	width: 970px;
	margin: 0 auto;
}

.content_main .col-2{
	width: 472px;
	float: left;
	margin: 0 5px;
	display:block;
}

.content_main .col-3{
	width: 300px;
	float: left;
	margin: 0 5px;
	padding:5px;
}

.content_main .col-4{
	width: 230px;
	float: left;
	margin: 0 5px;
}

.content_main .col_separate{
	background:#fff url(../images/col_spacer.png) right top no-repeat;
}
/********************** Catalogo ************************/

.categoria{
	width:230px;
	float: left;
	margin: 0;
	padding:0;
}

.categoria h3 {
	color: #000;
	text-align: center;
	padding: 10px 0;
	border-bottom: 2px solid #bf0411;
}

.categoria h1 {
	font-size: 1.4em !important;
	color: #bf0411;
	border-bottom: 2px solid #bf0411;
	padding: 10px 0;
	text-align:center;
}

.destacado{
	margin-bottom: 25px;
	width:100%;
	padding:0;
}
.destacado ul{  width:100%; margin:0; padding:0; display:table;}
.destacado li { border-bottom: 1px solid #aaa; display: inline-block; clear:both; float: none; width:100%; margin: 3px auto;}
.destacado li .imagen{ margin:0 5px 0 0; padding:0; width:80px; height: 80px; border:1px solid #aaa; float:left; overflow: hidden; display: block; text-align: center; line-height: 80px;}
.destacado li .imagen img{ max-width: 80px; max-height: 80px; vertical-align: middle; }
.destacado li .titulo { margin: 0 0 5px 0; min-height: 45px; border:0px solid blue;}
.destacado li .precio {
	width:90px;
	min-height:45px;
	line-height: 1em;
	display: table;
	text-align:center;
	float:right;
}
.destacado li .precio .price{
	color:#990000;
	font-family: 'Dosis', sans-serif;
	font-size: 1.3em !important;
	font-weight:bold;
	text-decoration:none;
}
.destacado li .precio .promo{
	font-family: 'Dosis', sans-serif;	
	font-size: 1.2em !important;
	color:#888;
	font-weight:bold;
	text-decoration:line-through;
}

.destacado li .compra{
	width: 40px;
	font-size: 0.8em;
	color:#fff;
	background:#bf0411 url(../images/ic_car.png) 5px 8px no-repeat;		
	border:0px;
	padding: 5px;
	margin: 0px 5px!important;
	float: right;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

.destacado li .nuevo {display: none;}

.categoria-lista{
	margin-bottom: 25px;
	width:100%;
	padding:0;
}
.categoria-lista ul{ padding:0; margin:0; }
.categoria-lista li{
	margin:0;
	padding: 5px;
	width: 220px;
	font-size:0.9em;
	line-height: 1.2em;
}
.categoria-lista .active, .categoria-lista li:hover { color: #bf0411; }

.categoria-linea{
	font-family: 'Adam', sans-serif;
	margin-bottom: 36px;
	width:100%;
	padding:0;
}
.categoria-linea ul{ padding:0; margin:0; }
.categoria-linea li{
	margin:0;
	padding: 5px;
	width: 220px;
	font-size:0.8em;
	line-height: 1.3em;
	text-transform: uppercase;
}

.categoria-linea .active, .categoria-linea li:hover {
	background-color:#bf0411;
	color: #fff;
}

.categoria-linea .active a, .categoria-linea a:hover, .categoria-linea li a:hover {color:#fff;}

.catalogo {
	width: 720px;
	float: right;
	display: table;
	padding: 0;
}
.catalogo ul{
	padding:0;
	margin:20px auto;
}
.catalogo li{
	width: 229px;
	height: 390px;
	float: left;
	background-color: #fff;
	margin: 5px;
	position: relative;
}
.catalogo li .titulo{
	height:40px;	
	line-height:1.2em;
	margin: 0 !important;
	overflow: hidden;
	padding: 11px;
}
.catalogo li .titulo  a {
	font-weight:bold;
	color: #000;
	margin: 0px;
}
.catalogo li .imagen{
	width: 210px;
	height: 200px;
	text-align:center;
	line-height: 200px;
	display: block;
	overflow:hidden;
	margin: 5px !important;
}
.catalogo li .imagen img{
	margin: 5px 10px !important;
	vertical-align: middle;
	max-height: 190px;
}

.catalogo li .nuevo{
	position:absolute;
	margin: 0 !important;
	top:0;
}

.catalogo li .precio {
	width:100%;
	min-height:50px;
	line-height: 1.2em;	
	border-top:2px solid #c33973;
	display: table;
	text-align:center;
}

.catalogo li .precio .price{
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}

.catalogo li .precio .promo{
	color:#888;
	font-size: 0.8em;
	font-weight:bold;
	text-decoration:line-through;
}

.catalogo li .compra{
	width: 160px;
	font-size: 0.8em;
	color:#fff;
	background:#bf0411 url(../images/ic_car.png) 120px 8px no-repeat;		
	border:0px;
	padding: 4px 20px 8px 2px;
	margin:5px 35px!important;
	float: left;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

.catalogo .paginador { width: 700px; height: 30px; margin: 50px auto; padding:10px 0; background:url(../images/bg_light.png) repeat !important; clear:both;}
.catalogo .paginador ul { border:0; margin:2px auto; padding:0; display:table;}
.catalogo .paginador li  { width: auto; height:auto; border:0; margin:0; padding:0; list-style:none; float:left;  background-color: transparent !important; clear: none;}
.catalogo .paginador .xlixspan { background-color:#bf0411; color:#fff !important; font-size: 0.8em !important; display:block; line-height:21px; float:left; padding:5px 10px 5px 10px !important; margin: 0 2px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}
.catalogo .paginador .pag_button,  .catalogo .paginador span{ padding:6px 15px 6px 15px !important; margin: 0 3px; background-color:#bf0411; border: 0; color:#fff; font-size: 0.8em !important;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}
/********************** Producto ************************/
.producto {}

.producto .ruta { margin: 20px; font-size:1.2em; line-height: 1.2em; font-weight:bold;}
.producto .ruta a, .producto .ruta span{margin: 0 5px; color:#4b0004;}
.producto .ruta a:hover{color:#bf0411; text-decoration:underline;}

.producto .galeria {
	width: 380px;
	margin-top: 30px;
	float: left;
}
.producto .galeria .foto_show {
	width: 380px;
	float: left;
	text-align: center;
	background-color: #fff;
}

.producto .galeria .foto_show img{
	width: 350px;
	margin:15px;
}
.producto .galeria .mini_foto {}
.producto .galeria .mini_foto ul {margin:0 0 0 5px; padding:0;}
.producto .galeria .mini_foto li{ float:left; border:1px solid #aaa; margin:5px; width:110px; height:110px; overflow:hidden; text-align:center;}
.producto .galeria .mini_foto li img{ height:110px; margin:0; padding:0;}

.producto .galeria .video iframe { width: 380px; height:260px; margin: 10px 0!important;}

.producto .info {
	display: table;
	width: 530px;
	margin-top: 0px;
	float: right;
}
.producto .info h1 {color:#000; font-size:1.5em !important; line-height: 1.2em; margin:0px; padding:0;}
.producto .info h2 {color:#bf0411; font-size:1em; line-height: 1.2em; margin:0px;}
.producto .info h3 {color:#bf0411; font-size:0.8em; line-height: 1.2em; margin:0px;}
.producto .info ul {text-align: left; margin: 0;}
.producto .info li {margin-bottom: 1em; list-style: disc inside;}


.producto .info .social_share {
	width:100%;
	min-height:50px;
	line-height: 1.2em;	
	border-top:2px solid #c33973;
	display: table;
	text-align:center;
	margin-top:20px;
	padding:20px 0 0;
}

.producto .info .descripcion {
	width:100%;
	min-height:50px;
	line-height: 1.2em;	
	display: table;
	text-align:justify;
	padding:10px 0;
}

.producto .info .precio {
	width:100%;
	min-height:50px;
	line-height: 1.2em;	
	border-top:2px solid #c33973;
	display: table;
	text-align:center;
	margin-top:20px;
	padding:10px 0;
}
.producto .info .precio .price{
	color:#990000;
	font-size: 1.5em;	
	font-weight:bold;
	text-decoration:none;
}
.producto .info .precio .promo{
	color:#888;
	font-size: 1.2em;
	font-weight:bold;
	text-decoration:line-through;
}

.producto .info .capture {
	width:100%;
	height: 55px;
	border-top:2px solid #c33973;
	border-bottom:2px solid #c33973;
	padding:10px 0;
	font-size: 1em;
}

.producto .info .capture .cant {
	width: 160px;
	height: 45px;
	border:1px solid #aaa;
	float:left;
	margin:5px 5px 5px 75px!important;	
}

.producto .info .capture .cant input{
	width: 160px;
	height: 45px;
	border:0px;
	text-align: center;
	padding: 0px;
}

.producto .info .capture .compra{
	width: 160px;
	font-size: 1em;
	color:#fff;
	background:#bf0411 url(../images/ic_car.png) 120px 8px no-repeat;		
	border:0px;
	padding: 8px 20px 10px 2px;
	margin:10px 85px 0 0!important;
	float: right;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

.producto .info .capture .cant .boton_cant{width:18px; height:20px; float:right; margin:0; padding:0!important; overflow:hidden;}
/**************************PEDIDO*************************/
.data_pedido #tabla_item{ width: 99%; margin: 0 auto;}

.data_pedido #tabla_item td, .data_pedido #tabla_item th{
	border:1px solid #ddd;
	vertical-align: middle;
}

.data_pedido #tabla_item tbody{	text-transform: uppercase; }

.data_pedido #tabla_item th{
	height: 80px;
	padding: 0 20px;
	font-size: 1.1em;
}

.data_pedido #tabla_item td{
	padding: 0 5px;
}

.data_pedido #tabla_item td .mini_pedido{
	width: 80px;
}

.data_pedido #tabla_item td input{
	border:1px solid #ddd;
	text-align: center;
	padding: 5px;
}

.data_pedido #tabla_item td .bt_cant{
	padding: 4px 17px;
	color: #fff;
	background-color: #bf0411;
	width: 20px;
	line-height: 2em;
	text-align: center;
	clear: both;
	margin-right: 3px;
}
.data_pedido #tabla_item tfoot tr{
	line-height: 3em;
}

.data_pedido #tabla_item tfoot td input{
	width: 407px;
	text-align: left;
	margin: 7px 0 0;
}

.data_pedido #tabla_item tfoot td button {
	line-height: 1em;
}

.data_pedido #tabla_item .col_image{
	max-width: 10px;
	min-width: 10px;	
}
.data_pedido #tabla_item .col_descrip{
	max-width: 390px;
	min-width: 390px;
}

.addr_pedido h2 { margin: 20px 5px; float: left;}

.addr_pedido p { 
	margin: 5px 15px; padding: 10px;
	float: right; border:2px solid #c33973;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

.addr_pedido table { width: 60%; margin: 20px 5px; float: left;}

.addr_pedido table td {
	max-width: 420px;
	border:1px solid #ddd;
	vertical-align: middle;
	padding: 0 5px;
}
.addr_pedido table td input{
	width: 400px;
	border:1px solid #ddd;
	text-align: left;
	padding: 5px;	
	margin: 5px;
}

#bt_updaddr {
	margin: 55px 70px;
}

.data_cliente {}
.data_cliente li { width: 600px; clear:both; line-height:38px; height:38px;}

.data_cliente input{
	width: 450px;
	border:1px solid #ddd;
	text-align: left;
	padding: 5px;
	float:right;
}

.data_cliente label{
	padding: 4px 15px;
}

.botonera_pedido {margin:20px;} 

.botonera_pedido #bt_pago{
	background:url(../images/ic_card.png) 15px center no-repeat;	
	background-color: #bf0411;
	font-family: 'Adam', sans-serif;
	font-size: 1.4em;
	color: #fff;
	padding: 0px 10px 0px 90px;
	margin-right: 22px !important;
	line-height: 1.8em;
	float: right;
}

.botonera_pedido #bt_pago img{vertical-align: middle; margin: 15px 10px;}

.botonera_pedido #bt_pedido{
	background:url(../images/ic_card.png) 15px center no-repeat;	
	background-color: #bf0411;
	font-family: 'Adam', sans-serif;
	font-size: 1.4em;
	color: #fff;
	padding: 3px 10px 3px 90px;
	margin-right: 22px !important;
	line-height: 1.8em;
	float: right;
}

.botonera_pedido #bt_pago:hover, .botonera_pedido #bt_envped:hover{ background-color: #e2ab3b;}

/**************************PEDIDO*************************/
#tabla_pedido{ width: 99%; margin: 0 auto;}

#tabla_pedido td, #tabla_pedido th{
	border:1px solid #ddd;
	vertical-align: middle;
}
#tabla_pedido tr{
	line-height: 3em;
}
#tabla_pedido .tabla_items {
	padding: 0 !important;
}
#tabla_pedido th{
	height: 30px;
	padding: 0 20px;
	font-size: 1.1em;
}

#tabla_pedido td{
	padding: 0 5px;
}


#tabla_pedido .col_descrip{
	max-width: 390px;
	min-width: 390px;
}

.tabla_items_pedido {
	width: 100%;
	margin: 0;
	font-size: 0.9em;
	background-color: #efefef;
}

.tabla_items_pedido td, .tabla_items_pedido th{
	border: 1px solid #fff !important;
	height: 20px !important;
}

/**************************empresa*************************/
#ide_empres {
	list-style:none !important;
	font-size:1em;
}

#ide_empres li {
	width: 80%;
	float:left;
	margin: 10px 0;
}

#ide_empres li  h1{ margin:5px 0 !important;}

#ide_empres li:nth-child(even){
	float:right;
	margin-right: 20px;
}
#ide_empres li:nth-child(even) h1{ text-align:right;}

#ide_empres li p{margin:0;}

/***************************Login************************/

#login input { 	
	width: 350px;
	height: 30px;
	color: #aaa;
	padding: 0 10px;
	margin: 5px 0;
	margin-right: 10px 5px 0;
	border: 1px solid #ddd;
}

#login label {
	padding: 10px 0;
	line-height: 1em;
	font-size: 1.3em;
	font-weight: bold;
	clear: both;
}

#login a {
	float: right;
	color: #c33973;
	text-decoration: underline;
	margin: 15px 100px 0;
}

/*************************SUSCRIBE***********************/
.suscribe {
	width:966px;
	height: 80px;
	margin:15px auto;
	background:url(../images/bg_suscribe.png) 0 0 no-repeat;	
	overflow:hidden;
	border: 2px solid #bf0411;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
}
.suscribe p {
	float: left;
	width: 300px;
	margin: 6px 0 0 80px;
	font-size: 1em;
	line-height: 1.2em;
}
.suscribe span {
	font-weight:bold;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #bf0411;
}

.suscribe form {
	float: right;
	margin: 12px 60px 0 0;
}
.suscribe input {
	width: 300px;
	height: 30px;
	color: #aaa;
	padding: 0 10px;
	margin-right: 5px;
	border: 1px solid #ddd;
}
.suscribe label {
	visibility: hidden;
}
.suscribe li {
	float: left;
}

/****************************contact************************/
.contact {
	width: 300px;
	background:#fff url(../images/col_spacer.png) right top no-repeat;
	float:left;
	font-size:0.9em;
}
.contact h2 {margin-left:40px;}
.contact ul {list-style:none inside; margin:0;}
.contact li  p{margin:1em 0 0;}

.form_contact{
	position: relative;
	max-width: 500px;
	width: 440px;
	margin: 0;
	padding: 20px;
	color:#fff;
	float:left;
}
.text_contact{
	float:right;
	text-align:center;
}

.text_contact h1{
	font-family: 'Lovelo', sans-serif;
	font-size: 4em;
	margin:20px 0;
}
/****************************footer************************/
footer {
	position:relative;
	width:100%;
	z-index:1005;
	margin-top:10px;
	background-color: var(--footer-bg-color);	
}

#footer_wrapper {
	width: 970px;
	margin: 10px auto 0;
}

.footer_nav {
	width: 100%;
	padding-top: 10px;
}

.footer_nav a{
	color:#8aa4c1 !important;
}

.footer_nav h1{
	color:#bf0411 !important;
}

.footer_nav a:hover{
	color: #0098db !important;
}

.footer_nav .col, .footer_nav .col1{
	width: 230px;
	margin: 10px auto;
	color: #000;
	float:left;
}

.footer_nav .colx3{
	width: 700px;
	margin: 10px auto;
	color: #fefefe;
	float:right;
	display:table;
}


.footer_nav .col2{
	width: 480px;
	height:255px;
	margin: 10px auto;
	color: #fff;
	float:left;
	overflow: hidden;
}
.footer_nav .fb-page{
	float:right;
	text-align:center;
}
.footer_nav #info{
	width: 230px;
	float:left;
	text-align: center;
	margin-top: 20px;
}

.footer_nav #info img { width:100%;}

.footer_nav #ic_redes{
	width: 100%;
	float: none;
	clear: both;
}

#ic_redes li{
	width:60px;
	height:60px;
	overflow:hidden;
	float: left;
	margin: 4px;
}
#ic_redes li img{
	width:60px;
	height:60px;	
}

.footer_nav #sedes{
	width: 100%;
	float: none;
}

#sedes li{
	width:220px;
	min-height:140px;
	overflow:hidden;
	float: left;
	margin: 4px;
}

.footer_nav p{
	font-size:1.1em; line-height:1.5em;
	font-weight: normal;
	margin: 0;
}

.footer_nav ul{
	margin: 0px;
	padding: 0px;
}

.footer_nav li{
	margin: 7px 0;
}
.footer_nav .icons{
	margin: 0 5px;
}
#sub_footer {
	margin: 10px auto 0;
	padding: 3px;
	background-color: #000;
}

#sub_footer p{
	width:970px;
	font-size: 0.5em;
	color: #fff;
	text-align:left;
	margin: 0px auto;
}

/****************************FORMULARIOS*******************************/

.boton { background-color: #bf0411!important;
	padding:6px 25px 6px 25px !important;
	height: auto !important;
	width: auto !important;
	font-size:18px !important; color:#fff !important; display:inline-block;
	border:0; border-radius:5px;
}

.bt_compra { background-color: #bf0411 !important;
	padding: 3px 10px 4px 50px !important;
	height: 35px !important;
	width: 125px !important; color:#fff !important; display:inline-block; line-height:35px;
	font-family: 'Adam', sans-serif; font-size: 1.4em;
	background:url(../images/ic_car.png) 10px 13px no-repeat;	
}

/************************CONTACT************************************/
#sendemail {
	margin: 40px 0px 0px 10px;
	width: 430px;
}

#sendemail li {
	width: 100%;
	clear: both;
	display: table;
}

#sendemail input, #sendemail select{
	border:#d7d7d7 1px solid;
	font-size:14px;
	color:#000 !important;
	width: 430px;
	height: 30px;
	color: #dedede;
	padding: 0 10px;
	float:left;
	opacity: 0.5;
    filter: alpha(opacity=50);
	clear: both;	
}

#sendemail select{
	width:350px;
}

#sendemail textarea {
	border:#d7d7d7 1px solid;
	background:#ffffff;
	font-size:14px;
	color:#000;
	width: 430px;
	height: 150px;
	outline: medium none;
	overflow: auto;
	padding: 9px 4px 6px 9px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
	opacity: 0.5;
    filter: alpha(opacity=50);
	clear: both;
}

#sendemail label {
	font-family: 'Adam', sans-serif;
	font-size: 1.1em;
	color: #000;
	clear: both;
	position:relative;
	display: inline-block;
	float: left;
	line-height: 1.4em;	
	min-height: 25px;
	margin: 5px 0 0 0;
}

#sendemail label > span {
	color: #990000;	
	font-size: 0.8em;
	line-height: 25px;
	position:relative;
	display: inline-block;
	margin-left: 5px;
}
#sendemail .form_err {
	color: #F00;
	font-size: 10px;
	line-height:25px;
}

#sendemail .form_ok {
	color: #339900;
	font-size: 10px;
	line-height:25px;
}

#sendemail .val_message {
	float:right;
	margin: 0 10px 0 0;
}


#sendemail .button-form {
	font-size: 1.2em;
	margin: 10px auto 0 !important;
	background-color: #bf0411 !important;
	padding: 2px 15px 2px 15px !important;
	height: 41px !important;
	width: 89px !important; color:#fff !important; display:inline-block; line-height:20px;
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

/************************FORMULARIOS*****************************/
#registro {
	margin: 40px auto 10px;
	width: 800px;
}

#registro li {
	width: 100%;
	min-height: 50px;
	margin-top: 5px;
	display: inline-table;
	position: relative;
}

#registro input {
	border:#d7d7d7 1px solid;
	font-size:14px;
	color:#000 !important;
	width: 300px;
	height: 30px;
	color: #dedede;
	padding: 0 10px;
	margin:0 !important;
	float:right;
    position: absolute;
    bottom: 5px;
}

#registro label {
	font-family: 'Adam', sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
	text-align: right;
	position:relative;
	display: inline-block;
	float: left;
	line-height: 3em;	
	min-height: 25px;
	min-width: 400px;
	margin: 5px 10px 0 0;
}

#registro label > span {
	color: #990000;	
	font-size: 0.5em;
	line-height: 3em;
	position:relative;
	display: none;
	margin-left: 5px;
}
#registro .form_err {
	color: #d00;
	font-size: 10px;
	float: right;
}

#registro .form_ok {
	color: #339900;
	font-size: 10px;
	float: right;
}

#registro .val_message {
	margin: 0 10px 0 0;
}

#registro .boton {
	color: #fff !important;
}

#lostpw_box form{
	width: 430px;
	padding: 20px;
	margin: 0 auto;
	border: 2px solid #bf0411;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	position: relative;
}

#lostpw_box input {
	border:#d7d7d7 1px solid;
	font-size:14px;
	color:#000 !important;
	width: 400px;
	height: 30px;
	color: #dedede;
	padding: 0 10px;
	margin:0 auto !important;
	clear: both;
}

#lostpw_box label {
	font-family: 'Adam', sans-serif;
	font-size: 1.1em;
	color: #000;
	clear: both;
	position:relative;
	display: inline-block;
	float: left;
	line-height: 1.4em;	
	min-height: 25px;
	margin: 5px 0 10px 0;
}

#lostpw_box .boton { background-color: #990000!important;
	padding:6px 25px 6px 25px !important;
	color:#fff !important;
	background-color: #bf0411 !important;
	position: relative;
}

.enable {background-color: #bf0411 !important; color: #fff !important;}

.disable {background-color: #666 !important; color: #fff !important;}

.tt-menu {
	width: 300px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #d7d7d7;
}

.tt-suggestion {
	width: 280px;
	padding: 3px 10px;
	font-size: 0.8em;
	line-height: 1em;
	background-color: #fff;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #bf0411;
}
.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #bf0411;
}

 /* Media quires for a responsive layout */


    /* For smartphones 	*/
    @media (min-width: 320px) and (max-width: 767px) {

		body{width: 320px; max-width: 480px; font-size:0.9em; margin:0 auto !important;}
		header, footer { position:relative; max-width:320px;}

		.wrapper, #header_wrapper, .head-content, .contact_banner, #banner_wrapper, .slider-bar, #client-area, #content, #content_wrapper, #footer_wrapper, #contact_wrapper { width: 100%; margin:0 auto; overflow: hidden;}

		header {height: auto;}

		#iframe_info {width: 320px; height: 700px;}
		.banner_top {float:right;}
		.banner-top {margin: 0 auto !important; width: 320px !important; }
		.user_bar > ul {display:none; visibility: hidden;}
		.buscador {float:left; margin:0 10px !important; clear: both;}
		.buscador input {width: 250px;}		
		.logo {width: 320px;}
		.logo img{ height: 70px; margin: 0 auto;}
		.menu { width: 320px; height:auto; margin: 0 auto !important; float: left; clear: both; font-size: 1.2em; background-color: #4b0004;}
		.menu ul {width: 100% !important;}
		.menu li { float: left;  border-bottom: 1px solid #fff; width: 100% !important;}
		.menu a { padding: 0; width: 100%; color:#fff;}

		#banner { width:320px; height:auto; display:block; margin:0 auto; padding-top:10px;}

		.banner_slider {width:320px; height:180px; margin: 0 auto; overflow:hidden;}
		.banner_slider .slides_container { width:100%; min-height:180px; text-align:center;}
		.banner_slider .slides_container img{ width:auto; height:145px; text-align:center;}

		#noved_wrapper {width:320px; overflow: hidden; padding: 20px 0;}
		.noved_slider { overflow: hidden; margin: 10px 60px; width: 210px !important; }
		.prev {right: 1px;}
		.next {left: 1px;}

		.suscribe {width:315px; height:170px;}
		.suscribe p {width: 220px;}
		.suscribe input {width: 220px; margin: 0 0 5px 20px !important;}
		.center img {width: 320px;}

		.content_main{width:320px;}
		.content_main .col-1, .content_main .col-2{width:320px; margin:0;}

		.catalogo {width: 320px; margin: 0 auto;}
		.catalogo ul{margin:10px auto;}
		.catalogo li{width: 250px; height: 400px; margin: 5px 35px;}
		.catalogo li .imagen{width: 250px; height: 240px; line-height: 240px;}

		.catalogo .paginador {width: 320px; height: 30px; margin: 20px auto !important; font-size:0.9em; clear:both;}
		.catalogo .paginador input.submit {font-size:0.9em;  padding:6px 10px 6px 10px;}
		.catalogo .paginador li span {display:none; visibility: hidden;}

		.producto {width: 320px; margin: 0 auto;}
		.producto .galeria {width: 320px; margin-top: 10px;}
		.producto .ruta a, .producto .ruta span{margin: 0;}
		.producto .galeria .foto_show {width: 320px;}
		.producto .galeria .foto_show img {	width: 300px; margin:10px;}
		.producto .galeria .mini_foto li{ margin:5px; width:95px; height:95px;}
		.producto .galeria .mini_foto li img{ height:95px;}
		
		.producto .galeria .video iframe { width: 320px; height:280px; margin: 10px 0!important;}
		
		.producto .info {width: 320px;}

		#sendemail { margin: 20px 0 0 0; width: 320px; }
		#sendemail input, #sendemail select {width: 290px;}
		#sendemail textarea {width: 300px;}
	/*
	*/
		.fb-page, .categoria-linea, .destacado {display:none; visibility: hidden;}

		.footer_wrapper {width:320px;}
		.footer_nav .col{ width: 310px; margin: 0 5px;}
		.footer_nav .col2{ width: 310px; height: auto !important; margin:0  5px !important;}
		.footer_nav #ic_redes{ width: 320px; float: left; margin: 10px auto;}
		
		#sub_footer p{width:320px;}