@charset "utf-8";
/* CSS Document */

body {background-color:#E7E7E7!important}


.top-container{background-color:#2C2C2C!important;height:37px;}
.top-container a{color:#FFFFFF!important;font-size:12px;}
.img_logo{padding-bottom:10px;}

.header-container{background:url('../img/bg_header.gif') repeat-x;}

.nav-container{background:url('../img/bg_menu.gif') repeat-x;}
.nav-container a{color:#333333!important;font-size:13px;font-weight:bold}

.page-title{background:url('../img/bg_title.gif') repeat-x;font-size:16px;padding:10px 10px 10px 20px;margin:25px 0}

.thumbnail{background:url('../img/bg_grid.gif') repeat-x;border: 1px solid #fff!important;border-radius:0!important;}
.bg_white{background-color:#FFF!important;margin:20px;padding:10px;}
.bg_white_list{background-color:#FFF!important;margin:5px;padding:8px;}
.bg_white_sm{background-color:#FFF!important;padding:10px;}
.bg_white_about{background-color:#FFF!important;padding:0 30px 30px 30px;}
.bg_white_about h3{font-size: 13px;
text-transform: uppercase;
color: #09afdf;
margin-bottom: 12px;font-weight:bold;
}
.bg_white_about p{
    font-size: 12px;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}

.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px #CCCCCC;
     -moz-box-shadow: 0 8px 6px -6px #CCCCCC;
          box-shadow: 0 8px 6px -6px #CCCCCC;
}

.right_head{color:#09afdf!important;}

.bd-right-gris{border-right:1px solid #C7C6C6;height:77px;}
.cart-items{color:#777777;font-size:11px;}
.text-gris{color:#333333!important;}
.text-gris-claro{color:#777777!important;}

.sz10{font-size:10px!important;}
.sz11{font-size:11px!important;}
.sz12{font-size:12px!important;}
.sz16{font-size:16px!important;}
.sz18{font-size:18px!important;}
.sz22{font-size:22px!important;}
.sz40{font-size:40px!important;}


.carousel-holder{margin:20px 0 20px 0;}
.slide-image{border:1px solid #FFF}

.banner_img{border:1px solid #FFF;padding:2px}

.carousel-holder2{margin:20px 0 2px 0!important}


.banner_holder{text-align:center;top: 32px;
right: 15px;
position: absolute;}

.title_naranga{font-size:26px;color:#09afdf!important;font-weight:bold;padding-right:30px;}
.subtitle_black{font-size:18px;color:#333333!important;padding-right:30px;}


.banner_holder_2{margin-top:20px;font-size:25px;color:#C7C6C6;}
.caption{text-align:center;}


.desc_grid a{color:#09afdf!important;font-size:13px;font-weight:bold;}
.desc_grid_gris{color:#777777!important;font-size:13px;}

.desc_grid_price{font-size:18px;}

.btn-cart{padding:5px;background-color:#fe7b68;border:1px solid #cb4c3b;color:#FFF;font-size:20px;height:35px;}
.btn-details{padding:9px;background-color:#414141;border:1px solid #121212;color:#FFF;height:35px;margin-left:10px;}

.price_si{color:#09afdf!important;font-size:18px}
.price_no{font-size:18px;text-decoration:line-through}

.footer_top{background:url('../img/bg_title.gif') repeat-x;font-size:16px;padding:10px 10px 10px 20px;margin-top:10px;
  -webkit-box-shadow: 0 -6px 6px -6px #CCCCCC;
     -moz-box-shadow: 0 -6px 6px -6px #CCCCCC;
          box-shadow: 0 -6px 6px -6px #CCCCCC;}
		  
		  
.footer-container{background-color:#363636;color:#09afdf!important;line-height:10px;padding-top:40px;}
.footer-container a{color:#FFFFFF;}
.footer-container ul{list-style:none;padding:0;line-height:22px; font-size:12px;}
.socials-container{background-color:#303030;padding:30px 0;}
.socials-container a{background-color:#303030;color:#ffffff;font-weight:bold;}
.bottom-container{background-color:#222222;color:#777777;padding-top:10px;font-size:11px;}

.social1{background:url(../img/social1.png) no-repeat;padding:0 35px;}
.social2{background:url(../img/social2.png) no-repeat;padding:0 35px;}
.social3{background:url(../img/social3.png) no-repeat;padding-left:35px;}

.slide-text{top:80px;right:220px;position:absolute;text-align:center;text-transform:uppercase;line-height:35px;}
.carousel_title_1{font-size:30px;color:#777777}
.carousel_title_2{font-size:50px;color:#09afdf;font-weight:bold}
.carousel_title_3{font-size:35px;color:#222222}

.page-breadcrump{background-color:#FFF;border:1px solid #BBBBBB;font-size:13px;padding:10px 10px 10px 20px;margin-top:20px;}
.page-seo{color:#777777;border:1px solid #BBBBBB;font-size:13px;padding:3px 10px 10px 20px;margin:20px 0;}


.toolbar {
    margin-bottom: 30px;font-size:13px;color:#777777
}
.toolbar .pager {
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
    padding: 0 0 10px;
}

.pager {
    margin: 20px 0;
    list-style: none;
}

.pager .amount {
    float: left;
    padding-top: 2px;
}
.pager .amount strong {
    font-weight: normal;
    display: inline-block;
    padding-top: 0px;
}
.pager .limiter {
    float: right;
    min-width: 89px;
}
.pager .limiter label {
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
    float: left;
}


.sorter .sort-by select {
    margin-right: 15px;
}
.toolbar select {
    min-width: 63px;
}
select {
    padding: 2px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*input.input-text, select, textarea, .form-control {
    border: 1px solid #bbb;
    border-radius: 0;
}
input, select, textarea, button {
    font: 12px Arial,Helvetica,sans-serif;
    vertical-align: middle;
    color: #000;
}*/

 .right {
    float: right !important;
}
.sorter .view-mode {
    float: left;
    font-size: 0;
    overflow: hidden;
    height: 30px;
    width: 150px;
    padding: 0;
}
.sorter .sort-by {
    float: right;
    min-width: 152px;
	padding-top:20px;
}


.sorter .grid, .sorter .list {
    display: block;
    float: left;
    background:url(../img/grid-list.gif) no-repeat left bottom;
    width: 17px;
    height: 16px;
}

.sorter .list {
    display: block;
    float: left;
    background: url(../img/grid-list.gif) no-repeat left bottom;
    width: 17px;
    height: 16px;
	background-position:right top;
	margin-left:10px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}
.block .block-subtitle {
    font-size: 13px;
    line-height: 16px;
    color: #2d2328;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.block-layered-nav dt {
    border-top: 1px solid #bbb;
    font-weight: bold;
    padding-top: 15px;
}

.block-layered-nav dd {
    padding: 10px 0 10px 19px;
    margin-bottom: 15px;
}
.block-layered-nav dd li {
    color: #09afdf;
    padding: 0 0 3px;
list-style: none;	
}

.block-layered-nav dd li::before {
    content: "\f105";
    margin-right: 10px;
    font-size: 14px;
	font-family: FontAwesome;
	font-weight:normal;
}

.odd a{color:#333;font-size:12px;font-weight:normal;}
.even a{color:#333;font-size:12px;font-weight:normal;}
.even{color:#777;font-size:12px;font-weight:bold;}
.odd{color:#777;font-size:12px;font-weight:bold;}

.bd_gris{border-bottom:1px solid #bbb}


/* --------------- MENU */
 /* Dropdown Button */
.dropbtn {
    background-color: #09afdf;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
font-weight:normal;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/* ---------------------- FIN MENU */

/* Center responsive images*/
.img-fluid.img-center {
  margin: 0 auto;
}
.cart_tr_1{font-weight:bold;font-size:12px;}
.table_cart tr td{padding:5px;border:1px solid #BBBBBB;font-size:12px;}

.table_carr_total{background-color:#3A3A3A; color:#FFFFFF;margin-top:20px;}
.table_carr_total tr td {border-bottom:1px solid #606060;padding:10px;}
.txt_iva{text-decoration:line-through; font-size:11px;}

.form_cart_pay{
    border: 1px solid #bbb;
    padding: 20px;
    position: relative;
    overflow: hidden;
	clear:both;
}

.form_cart_pay h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #09afdf;
}

.form_cart_pay h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #09afdf;
}
p.required {
    margin: 0 0 10px;
    font-size: 12px;
    color: #09afdf;
}


.menu-categ > li.active > a{color: #09afdf!important;}
/* para poder IR TOP PAGINA*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.new-users h2 {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
    text-transform: uppercase;
    color: #09afdf;
}

.registered-users h2 {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #bbb;
    font-size: 12px;
    text-transform: uppercase;
    color: #09afdf;
}

.new-users{background:url(../img/bg-login-2.gif) no-repeat right bottom #fff;
border: 1px solid #bbb;
padding: 20px;
min-height: 260px;font-size:13px;color:#777;}

.registered-users{background:url(../img/bg-login.gif) no-repeat right bottom #fff;
border: 1px solid #bbb;
padding: 20px;
min-height: 260px;font-size:13px;color:#777;}





.step-title {
    padding: 4px 5px 6px;
    text-align: right;
    background: #3a3a3a;
}
.step-title .number {
    float: left;
    background: #09afdf;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    padding: 3px 0 0;
    height: 27px;
    width: 27px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-background-clip: padding-box;
}

.step-title h2 {
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
}

.step-title a {
    display: none;
    float: right;
}


.fieldset .legend {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    color: #09afdf;
}

.form-list label {
    color: #000;
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 0;
font-size:12px;
}

.checkbox {
    display: inline-block!important;
    margin-top: 0;
}

.success-msg {
    background-color: #f7fde1;    
    color: #95bc01;
    font-weight: bold;
	border-color: #dfebb5;
border-style: solid !important;
border-width: 1px !important;
background-position: 17px center !important;
background-repeat: no-repeat !important;
min-height: 24px !important;
padding: 7px 8px 10px 20px !important;
font-size: 12px !important;
font-weight: bold !important;
}

.error-msg {
    background-color: #fde1e1;    
    color: #bc0101;
    font-weight: bold;
	border-color: #ebb5b5;
border-style: solid !important;
border-width: 1px !important;
background-position: 17px center !important;
background-repeat: no-repeat !important;
min-height: 24px !important;
padding: 7px 8px 10px 20px !important;
font-size: 12px !important;
font-weight: bold !important;
}

.box .box-title {
    border-bottom: 1px solid #bbb;
    margin-bottom: 13px;
}

.box .box-title h3 {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #09afdf;
    font-weight: bold;
    margin-bottom: 5px;
}
.box .box-title h3 i {padding:0 13px 13px 0;font-size:25px;color:#777777}
.box .box-title p {font-size:12px;color:#777777}



.submenu{padding-left:45px;}



.precio_rand{color:#777}

.items_rand .sel a{font-weight:bold;font-size:14px!important;}
.items_rand p a{color:#333;font-size:14px;}

.busq_xs{font-size:11px;margin-right:11px}
.busq_s{font-size:13px;margin-right:13px}
.busq_m{font-size:16px;margin-right:16px}
.busq_l{font-size:20px;margin-right:20px}

.marg-bot-20{margin-bottom:20px;}
.marg-top-20{margin-top:20px;}

.separation-right li{border-bottom:1px solid #bbb;margin-bottom:10px;}
.separation-right li h3{font-size:13px;color:#09afdf;text-transform:uppercase;font-weight:bold;}
.separation-right li p{font-size:11px;color:#777;}

.contact{font-size:17px;text-transform:uppercase;border-bottom:2px solid #3A3A3A;padding-bottom:3px;margin-bottom:20px; }
.contact2{font-size:17px;text-transform:uppercase;border-bottom:2px solid #3A3A3A;color:#09afdf;padding-bottom:3px;margin-bottom:20px; }

.products-list li {
    border: solid 1px #fff;
    background: #fff url(../img/bg_grid.gif) repeat-x;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.products-list .list-right{border-left: 1px solid #d1d0d0;
padding-left: 20px;
padding-right: 4px;
padding-bottom: 90px;}
.pad-left-20{padding-left:20px;}
.pad20{padding:20px;}
.marg20{margin:20px;}

.bg_azul_info{margin:20px;padding:20px;text-align:left;}
.bd_azul_2px {border:2px solid #91c7d7}


.logo{padding:50px}

.bd_line_white{border-top: 1px solid #fff;padding-top:10px;margin-top:50px;}
.black{color:#777;padding-bottom:10px;padding-top:20px;}
.tbl_admin{margin-bottom:50px;}
.tbl_admin tr{ border-bottom:1px solid #fff;}
.tbl_admin .td_first td{text-transform:uppercase;font-weight:bold;font-size:16px;padding:20px 0;}
.tbl_admin_div .row{ border-bottom:1px solid #fff;padding:10px 0px 20px 0px;}
.txt_azul{color: #09afdf;}
.pad-lef-10{padding-left:10px;}
/*honeypot*/
.hide{display:none!important;}