@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('OpenSans-LightItalic-webfont.eot');
    src: url('OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-LightItalic-webfont.woff') format('woff'),
         url('OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('OpenSans-BoldItalic-webfont.eot');
    src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('OpenSans-ExtraBold-webfont.eot');
    src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('robotocondensed-bold-webfont.eot');
    src: url('robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bold-webfont.woff') format('woff'),
         url('robotocondensed-bold-webfont.ttf') format('truetype'),
         url('robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('robotocondensed-bolditalic-webfont.eot');
    src: url('robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('robotocondensed-italic-webfont.eot');
    src: url('robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-italic-webfont.woff') format('woff'),
         url('robotocondensed-italic-webfont.ttf') format('truetype'),
         url('robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('robotocondensed-light-webfont.eot');
    src: url('robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-light-webfont.woff') format('woff'),
         url('robotocondensed-light-webfont.ttf') format('truetype'),
         url('robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('robotocondensed-lightitalic-webfont.eot');
    src: url('robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('robotocondensed-regular-webfont.eot');
    src: url('robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotocondensed-regular-webfont.woff') format('woff'),
         url('robotocondensed-regular-webfont.ttf') format('truetype'),
         url('robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'optimusprincepsregular';
    src: url('optimusprinceps-webfont.eot');
    src: url('optimusprinceps-webfont.eot?#iefix') format('embedded-opentype'),
         url('optimusprinceps-webfont.woff2') format('woff2'),
         url('optimusprinceps-webfont.woff') format('woff'),
         url('optimusprinceps-webfont.ttf') format('truetype'),
         url('optimusprinceps-webfont.svg#optimusprincepsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	font-family: 'OpenSansRegular';
	font-weight: 300;
}

.avatar-responsive {
  background: url(../../../images/back/background.jpg) center center;
  background-size: contain;
}


a,
a:link,
a:visited,
.avatar-main-menu ul li a:hover,
.avatar-main-menu ul li span:hover,
.lcUsername {
	color: #0b77be; 
	cursor: pointer;
    text-decoration: none;
}

a:hover, a:focus {
  color: #3fc8f4;
  text-decoration: none;
}

.menu span:hover,
.menu a:hover, 
a:hover,
em, code {
	color: #FF6600;
    text-decoration: none;
}
p, span,
.content  {
	color: #999;
}
p, .content { 
	font-size: 13px;
	line-height: 23px;
}
table {

}
/*thead {
  background: #0b77be;
  color: #fff;
}
thead:hover tr th {
  background: #0b77be;
  color: #fff;
}
thead:hover {
  background: #0b77be;
  color: #fff;
}
thead tr th:hover{
  color: #fff;
}*/

.avatar-wrapper {
    max-width: 1024px;
}


#avatar-header-inside-block {
	background:url(../../../images/back/header.jpg) #fff no-repeat;
	margin: 0;
	background-size: cover;
	padding: 20px 0;
	margin: 60px 0 -15px 0;
	border-bottom: 10px solid #0b77be;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.55);
	-ms-box-shadow: 0px 3px 3px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 3px 3px rgba(0,0,0,0.55);
}
#avatar-header-block {
	width: 100%;
	background: #0b77be;
	padding: 0;
	position: fixed;
	top: 0;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.25);
	-ms-box-shadow: 3px 3px 5px rgba(0,0,0,0.25);
	-o-box-shadow: 3px 3px 5px rgba(0,0,0,0.25);
	z-index: 999999;
}
#avatar-tool-block {
	padding: 0;
}

#avatar-body-top-block {
  /*background: url(../../../images/back/background.jpg);*/
      padding: 0 0 100px 0;
}

#avatar-body-middle-block {
  margin: 20px 0 0;
}


#avatar-tool-block .avatar-module, 
#avatar-header-inside-block .avatar-module {
	margin: 0;
}
#avatar-pos-top-right .avatar-module {
	float: right;
}

/*menu*/
#bm-cool-menu-125 .bm-cool-menu li.active > a {
	background: transparent;
	font-weight: bold;
	color: #3fc8f4;
}
.bm-cool-menu li ul {
  display: none;
}


/*======= LOGO =======*/
#avatar-template-logo a{
	height: 90px;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) center center no-repeat;
  min-width: 290px;
}
.st-footer-logo {
	height: 60px;
	width: 190px;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) center center no-repeat #df2e37;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-	border-radius: 2px;
}
/*======= SEARCH BOX ==============*/
#avatar-tool-block {
	color: #fff !important;
	width: 100%;
  height: 100%;
    margin: 0 0 50% 0;
}

#avatar-body-bottom-block {
	color: #fff !important;
	width: 100%;
  height: 100%;
}
#avatar-tool-block .avatar-module .module-content {
	padding: 13px 0 0;
}
#avatar-tool-block > .avatar-wrapper:after {
	content: ' ';
	clear:both;
	display: table;
	line-height: 0;
}
#avatar-tool-block form {
	margin: 0;
}
#avatar-tool-block .search {
	float: right;
	margin: -8px 0 0 0;
	padding: 0;
}
#avatar-tool-block .search label {
	display: none;
}
#avatar-tool-block .search  #mod-search-searchword {
	border: none;
	border-radius: 0;
	padding: 7px 15px;
	background: url(../images/st_theme/icons/icon-search.png) no-repeat 215px center #b9282f;
	font-size: 12px;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-ms-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-o-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	margin: 5px 0;
	padding: 7px 15px;
}
.st-custom-login {
	float: right;
	margin: -15px;
}
.st-custom-login a {
	color: #fff;
	padding: 26px 20px 28px 6px;
	font-size: 12px;
	margin: -26px 16px 10px 0;
	border-right: 1px solid #b9282f;
}
.st-custom-login a:last-child {
	border: none;
}

/*Login*/
#login-form {
    margin: 25px 0;
}

.login-greeting p {
    color: #fff;
}

.module-content .cbOnlineUsers {
  display: none;
}


ul.unstyled {
    display: block;

}
.input-prepend .add-on {
  display: none;
}

.add-on {
    display: none;
}

#form-login-username {
  display: inline-block;
}

#form-login-password {
  display: inline-block;
    float: none;
}

form-login-remember {
    display: block;
}
#form-login-forgot {
  display: inline-block;
  padding: 0 20px 0 0;
}

#form-login-forgot span {
  color: #fff;
}

#form-login-forgot a:hover {
  color: #000;
  text-decoration: none;
}
#form-login-forgot a {
  color: #0b77be;
}



#form-login-submit {
  display: inline-block;
}

#form-login-register {
  display: inline-block;
}

#form-login-register span {
  color: #fff;
}

#form-login-register a:hover {
  color: #000;
  text-decoration: none;
}
#form-login-register a {
  color: #0b77be;
}

#modlgn-username {
  padding: 5px;
    border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
  height: 32px;
}

#modlgn-passwd {
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
  height: 32px;
}

.input-small {
    width: 150px;
}

.btn:first-child {
  background: #0b77be;
  border: none;
  background-image: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  box-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}

.btn:first-child:hover {
  background: #3fc8f4;
  border: none;
  background-image: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  box-shadow: none;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
}



/*========== BREADCRUMBS=================*/
.breadcrumbs {
    padding: 0;
    margin: 30px 0 -10px 0;
}
.breadcrumbs .showHere {
	display: none;
}
.breadcrumbs > * {
	padding: 7px 15px;
	background-color: #b9282f;
	font-size: 12px;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-ms-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	-o-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.breadcrumbs > *:first-child {
    background: url(../images/st_theme/icons/icon-home.png) no-repeat 10px center #0b77be;
    padding-left: 29px;
    color: #d9d9d9;
    text-shadow: none;
}
.breadcrumbs a {
    padding-left: 29px;
    color: #d9d9d9;
    text-shadow: none;
}

.breadcrumbs a:hover {
    color: #fff;
}
.breadcrumbs > * {
    padding: 7px 15px;
    background-color: transparent;
    font-size: 12px;
    color: #fff;
    /* text-shadow: 1px 1px rgba(0, 0, 0, 0.4); */
    -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
    -ms-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
    -o-text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    background: #0b77be;
    font-weight: bold;
    padding: 10px;
    border-left: 1px solid rgba(255,255,255,0.25);
    -webkit-border-left: 1px solid rgba(255,255,255,0.25);
    -o-border-left: 1px solid rgba(255,255,255,0.25);
    -ms-border-left: 1px solid rgba(255,255,255,0.25);
}


/* =============== MENU =============== */
body.avatar-responsive .avatar-nav-responsive span.toggle {
	display: none;
}
.avatar-nav-responsive .pull,
.avatar-nav-responsive .pull-main {
	display: none;
}
.avatar-main-menu > .active > a,
.avatar-main-menu > .active > span {
	font-family: 'roboto_condensedbold';
	color: #fff;
}
.avatar-main-menu a:hover,
.avatar-main-menu span:hover {
	color: #fff;
}
.avatar-main-menu,
.avatar-main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'roboto_condensedlight';
	color: #9c9c9c;
}
.avatar-main-menu {
	padding: 20px 0;
	float: right;
}
.avatar-main-menu .parent {
	position: relative;
}
.avatar-main-menu > li {
	float: left;
	background: url(../images/st_theme/icons/menu-separate.png) no-repeat right;
	margin-right: 23px;
	padding: 10px 23px 10px 0;
}
.avatar-main-menu > li:last-child {
	background: none;
}
.avatar-main-menu > li > a,
.avatar-main-menu > li > span {
	color: #9C9C9C;
	font-size: 16px;
	text-transform: uppercase;
}
.avatar-main-menu a {
	text-decoration: none;
}
.avatar-main-menu ul {
	width: 0px;
	height: 0px;
	opacity: 0;
	left:-99999px;
	filter: alpha(opacity=0);
	position: absolute;
	background: #f0f0f0;
	right: -38px;
	top: 39px;
}
.avatar-main-menu ul:before {
	content: '';
	display: block;
	position: absolute;
	background: url(../images/st_theme/icons/menu-anchor.png) no-repeat;
	top: -6px;
	height: 10px;
	width: 10px;
	left: 50%;
}
.avatar-main-menu ul li {
	border-bottom: 1px solid #ddd;
}
.avatar-main-menu ul li:last-child {
	border-bottom: none;
}
.avatar-main-menu ul li a,
.avatar-main-menu ul li span {
	padding: 8px 10px;
	color: #444;
	display: block;
}
.avatar-main-menu li:hover > ul {
	width: 200px;
	height: auto;
	opacity: 1;
	left:auto;
	filter:alpha(opacity=99);
}
.k2CategoriesListBlock ul,
.avatar-tree-menu,
.avatar-tree-menu ul,
.avatar-side-menu,
.avatar-side-menu ul {
	list-style: none;
	background-color: #fff;
}
.k2CategoriesListBlock ul,
.avatar-tree-menu,
.avatar-side-menu,
.avatar-side-menu ul {
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
}
.st-module-3 .avatar-tree-menu {
	border: none;
	margin: -15px;
}
.k2CategoriesListBlock li,
.avatar-tree-menu > li,
.avatar-side-menu li {
	border-bottom: 1px solid #ddd;
}
.k2CategoriesListBlock > li:last-child,
.avatar-tree-menu > li:last-child,
.avatar-side-menu li:last-child {
	border-bottom: none;
}
.k2CategoriesListBlock li > span,
.k2CategoriesListBlock li > a > span,
.avatar-tree-menu a,
.avatar-tree-menu span,
.avatar-side-menu a,
.avatar-side-menu span  {
	padding: 10px 0 10px 44px;
	display: block;
	font-size: 18px;
	color: #444;
	text-decoration: none;
}
.k2CategoriesListBlock li,
.avatar-tree-menu li,
.avatar-side-menu li {
	position: relative;
}
.k2CategoriesListBlock li:before,
.avatar-tree-menu li:before,
.avatar-side-menu li:before {
	content: ' ';
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	background: url(../images/st_theme/icons/icon-arrow-right.png) no-repeat 12px 12px;
	left: 0;
}
.k2CategoriesListBlock span,
.avatar-tree-menu ul a,
.avatar-tree-menu ul span {
	font-size: 18px;
}
.avatar-side-menu ul {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	min-width: 200px;
	top: -1px;
	z-index: 4;
	overflow: hidden;
	width: 0px;
	height: 0px;
	left: -9999px;
}
.avatar-side-menu li:hover > ul {
	opacity: 1;
	filter:alpha(opacity=100);
	width: auto;
	height: auto;
	left: 200px;
}
#avatar-right .avatar-side-menu li:hover > ul {
	left: -200px;
}
.css3-effect .k2CategoriesListBlock li span,
.css3-effect .menu span,
.css3-effect .menu span:hover,
.css3-effect a,
.css3-effect a:hover,
.css3-effect table tr th,
.css3-effect table tr:hover th {  
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.k2CategoriesListBlock li span:hover,
.avatar-tree-menu a:hover,
.avatar-tree-menu span:hover,
.avatar-side-menu a:hover,
.avatar-side-menu span:hover {
	padding-left: 55px;
}
/* GO TO TOP */
#avatar-go-to-top {
	display: block;
	height: 38px;
	width: 38px;
	position: fixed;
	right: 10%;
	bottom: 30px;
	z-index: 9999;
	background: url(../images/icons/go-to-top.png) no-repeat;
}
/*=========== MODULE STYLES =============*/
.avatar-module {
	margin: 10px;
}
.avatar-module-heading {
	font-size: 22px;
	text-transform: uppercase;
	padding: 25px 0;
	margin: 0px;
	line-height: 48px;
	font-family: 'roboto_condensedregular';
  text-align: center;
}
.avatar-module-heading span {
	color: #000000;
}
#avatar-right .avatar-module,
#avatar-left .avatar-module {
	margin: 10px 0;
}  
.st-module-1 .avatar-module-heading {
	border-top: 4px double #D0D0C8;
	/*margin: 0 10px;*/
}
.st-content-grid-3 .module-content .inner {
	border: 1px solid #ddd;
	background: #fff;
	padding: 23px 20px;
	margin-bottom: 13px;
}
#sidebar-a .st-module-1 .avatar-module-heading,
#sidebar-a .st-module-2 .avatar-module-heading {
	margin: 0;
} 
.st-module-2 .avatar-module-heading {
	border-bottom: 4px double #D0D0C8;
	text-transform: none;
	padding: 35px 0 15px 25px;
	margin-bottom: 13px;
}
.st-module-3,
.st-module-5 .avatar-module-heading,
.st-module-5 .module-content {
	background-color: #fff;
	border: 1px solid #ddd;
}
.st-module-3 .avatar-module-heading,
.st-module-4 .avatar-module-heading,
.st-module-5 .avatar-module-heading,
.st-module-3 .module-content,
.st-module-4 .module-content,
.st-module-5 .module-content {
	padding: 15px;
}
.st-module-3 .avatar-module-heading,
.st-module-4 .avatar-module-heading,
.st-module-5 .avatar-module-heading {
	display: block;
	text-transform: none;
	padding-left: 40px;
	background-position: 0 20px;
	margin: 0;
}
.st-module-3 .avatar-module-heading {
	border-bottom: 4px double #ddd;
}
.st-module-5 .avatar-module-heading {
	margin-bottom: 2px;
}
.st-module-4 {
	border: 1px solid #ddd;
}
.st-module-4 .module-content {
	border-top: 4px double #ddd;
	background: #fff;
}
/*=========== CUSTOM HOME ===============*/
.st-home-1 {
	font-family: 'OpenSansRegular';
	font-weight: 300;
	padding: 20px 0;
}
.st-home-1 .title,
.st-home-1 .heading {
	font-family: 'OpenSansLight';
	font-weight: 300;
}
.st-home-1 .heading {
	font-size: 56px;
	line-height: 56px;
}

.st-home-1 strong {
	font-size: 18px;
	font-weight: 300;
}
.st-home-1 .title {
	font-size: 20px;
	padding: 19px 0 0 0;
	line-height: 23px;
	margin: 0;
}
.st-home-1 p {
	font-size: 13px;
	padding: 20px 0;
}
.st-home-1 .hint {
	padding-left: 99px;
	position: relative;
	min-height: 85px;
	margin: 10px 0;
}
.css3-effect .st-home-1 .hint {
	-webkit-animation: moveleft 1s;
	-moz-animation: moveleft 1s;
	-o-animation: moveleft 1s;
	-ms-animation: moveleft 1s;
	animation: moveleft 1s;	
}
.st-home-1 .hint p {
	padding: 0;
}
.st-home-1 .icons-rocket {
	background-color: #df2e37;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.st-home-1 .icons-setting,
.st-home-1 .icons-rocket {
	border-radius: 78px;
	webkit-border-radius: 78px;
	-moz-border-radius: 78px;
	-ms-border-radius: 78px;
	-o-border-radius: 78px;
	height: 70px;
	width: 70px;
	display: block;
	box-shadow: 0 0 1px #acacac;
	-webkit-box-shadow: 0 0 1px #acacac;
	-moz-box-shadow: 0 0 1px #acacac;
	-ms-box-shadow: 0 0 1px #acacac;
	-o-box-shadow: 0 0 1px #acacac;
	border: 5px solid #fff;
	position: absolute;
	left: 0;
}
.st-home-1 .icons-rocket {
	background: url(../images/st_theme/icons/icon-rocket.png) no-repeat center center #df2e37;
}
.st-home-1 .icons-setting {
	background: url(../images/st_theme/icons/icon-setting.png) no-repeat center center #df2e37;
}

.st-home-1 .title,
.st-home-1 .heading {
	color: #df2e37;
}
/*=========== HOME - Service ==============*/
#avatar-full-2-block {
  background: url(../../../images/back/background2.jpg);
  padding: 60px 0;
    border-top: 5px solid #fff;
}
.st-services {
	text-align: center;
}
.st-services [class*="icons-"] {
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	height: 98px;
	width: 98px;
	display: block;
	box-shadow: 0 0 1px #acacac;
	-webkit-box-shadow: 0 0 1px #acacac;
	-moz-box-shadow: 0 0 1px #acacac;
	-ms-box-shadow: 0 0 1px #acacac;
	-o-box-shadow: 0 0 1px #acacac;
	border: 1px solid #ddd;
	margin: 0 auto 40px;
	box-shadow: inset 0px 14px 28px #ddd;
	-webkit-box-shadow: inset 0px 14px 28px #ddd;
	-moz-box-shadow: inset 0px 14px 28px #ddd;
	-ms-box-shadow: inset 0px 14px 28px #ddd;
	-o-box-shadow: inset 0px 14px 28px #ddd;
	position: relative;
}
.st-services [class*="icons-"]:before {
	content: ' ';
	display: block;
	box-shadow: 2px -12px 22px #fff;
	-webkit-box-shadow: 2px -12px 22px #fff;
	-moz-box-shadow: 2px -12px 22px #fff;
	-ms-box-shadow: 2px -12px 22px #fff;
	-o-box-shadow: 2px -12px 22px #fff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	height: 98px;
	width: 98px;
}
.st-services [class*="icons-"]:after {
	content: ' ';
	box-shadow: 0px 23px 40px #ccc;
	-webkit-box-shadow: 0px 23px 40px #ccc;
	-moz-box-shadow: 0px 23px 40px #ccc;
	-ms-box-shadow: 0px 23px 40px #ccc;
	-o-box-shadow: 0px 23px 40px #ccc;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	height: 98px;
	width: 98px;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.st-services .icons-crop {
	background: url(../images/st_theme/icons/icon-crop.png) no-repeat center 30px;
}
.st-services .inner:hover .icons-crop {
	background-position: center -90px;
} 
.st-services .icons-cmd {
	background: url(../images/st_theme/icons/icon-cmd.png) no-repeat center 30px;
}
.st-services .inner:hover .icons-cmd {
	background-position: center -90px;
}
.st-services .icons-mail {
	background: url(../images/st_theme/icons/icon-mail.png) no-repeat center 29px;
}
.st-services .inner:hover .icons-mail {
	background-position: center -90px;
}
.st-services .inner:hover [class*="icons-"] {
	background-color: #df2e37;
	box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	-moz-box-shadow: 0 0 1px #ccc;
	-ms-box-shadow: 0 0 1px #ccc;
	-o-box-shadow: 0 0 1px #ccc;
}


.st-services .inner:hover [class*="icons-"]:before,
.st-services .inner:hover [class*="icons-"]:after {
	opacity: 0;
	filter:alpha(opacity=0); 
}
.st-services h1 {
	font-size: 22px;
	text-shadow: 0 1px 1px #fff;
	font-family: 'roboto_condensedbold';
	text-transform: uppercase;
}
.st-services p {
	font-size: 12px;
	text-shadow: 0 1px 1px #fff;
	font-family: 'OpenSansRegular';
	font-weight: 300;
}

/*============ Boostrap ================*/

/*mi cuenta*/

.back {
    background-color: rgba(255,255,255,0.5);
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 10px 5px;
}



.collapse {
    overflow: initial;
}



#credito {
  width: 97%;
  position: relative;
}

#utilitarios {
  width: 102%;
  position: relative;
}


.cerrar {
    position: absolute;
    top: 2%;
    right: 2%;
    border-radius: 100%;
}

/*Accesos Aceros*/
.accesosDirectos {
}

#accesos {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.accesosDirectos h1, .nosotros h1, .servicios h1{
  font-family: 'optimusprincepsregular';
  text-align: center;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0b77be;
  margin: 50px 0 30px 0;
}

.accesosDirectos p {
  color: #000;
  margin: 0 0 30px 0;
    text-align: center;
}

.accesosDirectos p a {
  color: #0b77be;
  text-decoration: none;
  font-weight: bold;
}

.accesosDirectos p a:hover {
  color: #3fc8f4;
  text-decoration: none;
  font-weight: bold;
}

.accesosDirectos div div article {
	text-align: center;
}

.accesosDirectos article {
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 48%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 48%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 48%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 48%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 48%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
  border-top: 2px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  height: 50px;
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  /* vertical-align: middle; */
  font-weight: bold;
  margin: 30px;
}

.accesosDirectos article strong {
  color: #0b77be;
}


.accesosDirectos article strong:after {
  content: "+";
  background: #0b77be;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  margin: 0 5px;
  padding: 0px;
  font-size: 16px;
  display: inline-block;
}


.accesoProductos, .accesoServicios, .accesoContacto {
  width: 200px;
  height: 200px;
  border-radius: 150px;
  background: #3fc8f4;
  position: relative;
  margin: 30px auto;
  cursor: pointer;
  border: 4px solid #0b77be;
}

.accesoProductos:hover, .accesoServicios:hover, .accesoContacto:hover  {
	background: #0b77be;
}

.accesoProductos p, .accesoServicios p, .accesoContacto p {
  position: absolute;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
  border-radius: 100%;
  bottom: -15px;
  left: 70px;
  border: 3px solid #fff;
  background-color: transparent;
  z-index: 9;
  background: #0b77be;
}

.accesoProductos p:after, .accesoServicios p:after, .accesoContacto p:after {
  content: "+";
  color: #fff;
  font-size: 64px;
  position: relative;
  left: 7px;
  top: 18px;
 }

.accesoProductos:hover p, .accesoServicios:hover p, .accesoContacto:hover p {
     background: #3fc8f4;
}

.accesoProductos {
	background-image: url(../../../images/accesos/productos.png);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
  background-size: 100%;
  	background-repeat: no-repeat;
 	background-position: center center;
	position: relative;
}

.accesoProductos:hover {
	background-image: url(../../../images/accesos/productos.png);
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.accesoProductos:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	-ms-border-radius: 200px;
	-o-border-radius: 200px;
}

.accesoServicios {
	background-image: url(../../../images/accesos/servicios.png);
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}


.accesoServicios:hover {
	background-image: url(../../../images/accesos/servicios.png);
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.accesoServicios:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
}

.accesoContacto {
	background-image: url(../../../images/accesos/contacto.png);
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.accesoContacto:hover {
	background-image: url(../../../images/accesos/contacto.png);
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.accesoContacto:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
}

.acessoP {
  text-align: center;
  font-size: 24px;
  padding: 0 0 5px 0;
  /* border-bottom: 10px solid #3fc8f4; */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 0px auto 0;
  color: #0b77be;
  position: absolute;
  bottom: 75px;
  min-width: 175px;
  left: 10px;
  color: #fff;
  background: rgba(11,119,190,0.75);
}

.accesoProductos:hover .acessoP,  .accesoServicios:hover .acessoP, .accesoContacto:hover .acessoP {
}

/*Accesos*/
.accesos {
	width: 100%;
    text-align: center;
}

.accesos h1 {
  font-family: 'optimusprincepsregular';
  text-align: center;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0b77be;
  margin: 50px 0 30px 0;
}

.accesos h2 {
    font-family: 'arial';
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #0b77be;
    margin: 15px 0 5px;
}

.accesos div {
	max-width: 250px;
	position: relative;
	display: inline-block;
	margin: 10px;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
    box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
	-ms-box-shadow: 2px 2px 3px #000;
	-o-box-shadow: 2px 2px 3px #000;
    cursor: pointer;
    transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.accesos div:hover {
    box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
    transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.accesos div img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.accesos div article {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../../images/accesos/fondo-azul.png);
  background-position: 100% 0%;
  height: 150px;
  width: 250px;
 transition:all 1s ease;
 	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
    border-radius: 10px;
	-webkit- border-radius: 10px;
	-moz- border-radius: 10px;
	-ms- border-radius: 10px;
	-o- border-radius: 10px;
    border-bottom: 5px solid #0b77be;
}

.accesos div article:hover {
    background-position: 0% 100%;
    transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
}

.accesos div p {
  position: absolute;
  bottom: -2px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 20%;
  font-weight: bold;
     transition:all 1s ease;
	 -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
      margin: 0 0 10px;
}

.accesos div:hover .p2 {
  position: absolute;
  bottom: 7px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 51%;
  font-weight: bold;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.accesos div .p2 {
  position: absolute;
  bottom: -2px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 20%;
  font-weight: bold;
     transition:all 1s ease;
	 -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
}

.accesos div:hover p {
  position: absolute;
  bottom: 7px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 35%;
  font-weight: bold;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.accesos div span {
  position: absolute;
  bottom: 35px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  left: 5%;
  font-weight: normal;
     transition:all 1s ease;
	 -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
}

.accesos div:hover span {
  position: absolute;
  bottom: 15px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 5%;
  font-weight: bold;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.accesos div article img.vermas {
  position: absolute;
  bottom: -150px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  left: -75px;
  font-weight: normal;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.accesos div article:hover img.vermas {
  position: absolute;
  bottom: 55px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  left: 38%;
  font-weight: bold;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
  height: 65px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.vermas:hover {
    transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transition-duration: 0.25s;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
}

/*Zona Cliente*/
#accordion_1 {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
  margin: 0 0 -10px;
}

h3.toggler_1 {
  padding: 10px 20px;
}

.content_1 {
  background-color: #fff;
  margin: 0 4px 0;
}

/*Pasivado */
.panel2 {
    margin: 10px 0;
}

.pasivado .panel-group {
    margin-bottom: 0;
}


.pasivado .panel-default > .panel-heading {
    background: #0b77be;
    color: #fff;
}

.pasivado .panel-default > .panel-heading:hover {
    background: #e9e9e9;
    color: #555;
}

.pasivado .panel-default > .panel-heading a:hover {
    text-decoration: none;
}

.pasivado .panel-body {
    background: rgba(255,255,255,0.75);
}


.pasivado {
    margin-top: -30px;
}

.pasivado h5 {
    margin: 10px 0;
    text-align: center;
    font-size: 18px;
}

.pasivado p {
    text-align: justify;
    color: #555;
    margin: 10px 0;
}

.pasivado .imagenes {
  text-align: center;
}

.pasivado .imagenes img {
    margin: 10px 0;
    box-shadow: 3px 3px 3px #555;
    -webkit-box-shadow: 3px 3px 3px #555;
    -ms-box-shadow: 3px 3px 3px #555;
    -o-box-shadow: 3px 3px 3px #555;
    max-width: 200px;
}

.pasivado .imagenes img.sin {
    margin: 10px 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}


.pasivado ul {
    padding-left: 0;
    padding-right: 0;
}
.pasivado li {
    min-height: 85px;
    padding: 10px 20px;
    vertical-align: top;
    border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
.pasivado li {
    /* max-height: 90px; */
      padding: 10px 20px;
      vertical-align: top;
      border-bottom: 1px solid #e5e5e5;
      min-height: 150px;
    }
}

.pasivado li:nth-child(odd) {
    background: #3fc8f4;
    color: #fff;
}

.imagenPasivado {
  margin: 50px auto -150px;
}

.imgPasivado {
  text-align: center;
}

.imgPasivado img{
  margin: 10px;
  display: inline-block;
  max-width: 250px;
  max-height: 200px;
}

.imgPasivado iframe {
  margin: 10px;
  display: inline-block;
  max-width: 250px;
  max-height: 200px;
  vertical-align: top;
}

.imgPasivado2 {
  text-align: center;
}

.imgPasivado2 img{
  margin: 10px;
  display: inline-block;
}

.imgPasivado2 img.aceros{
  margin: 10px;
  display: inline-block;
  max-width: 135px;
  max-height: 100px;
}

.imgPasivado3 {
  text-align: center;

}

.imgPasivado3 img{
  margin: 10px;
  display: inline-block;
    max-height: 135px;
}

.mercados p {
    border: 1px solid #000;
    padding: 10px 20px;
    text-align: left;
}

.mercados h5 {
    font-weight: bold;
}

.pasivado .titulo {
  text-align: center;
}

.pasivado h6 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}




.logosPasivado {
    margin: 40px 0;
}

.logosPasivado img {
    margin: 10px 0;
}


.sliderPasivado {
  margin: 50px auto -150px;
}


.productosPasivado div {
    float: none;
    display: inline-block;
    max-width: 200px;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 0;
    margin: 10px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.productosPasivado img {
    height: 150px;
    display: inline-block;
    padding: 0;
}

.productosPasivado p {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: rgba(63,200,244,0.75);
    -webkit-background: rgba(63,200,244,0.75);
    -ms-background: rgba(63,200,244,0.75);
    -o-background: rgba(63,200,244,0.75);
    font-size: 16px;
    color: #fff;
    padding: 10px 65px;
    z-index: 99;
    width: 200px;
    height: 38px;
    border: none;
    overflow: hidden;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}


.productosPasivado a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.productosPasivado a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


.productosPasivado div:hover p {
    position: absolute;
    top: 0px;
    right: 0;
    background: rgba(63,200,244,0.75);
    -webkit-background: rgba(63,200,244,0.75);
    -ms-background: rgba(63,200,244,0.75);
    -o-background: rgba(63,200,244,0.75);
    width: 200px;
    font-size: 16px;
    color: #fff;
    padding: 25% 10px;
    z-index: 999;
    min-height: 150px;
    border: 2px solid #fff;
    overflow: none;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}


.productosPasivado p i {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.productosPasivado div:hover p i {
   position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}


.pasivadoMargin {
  margin: -50px 0 0;
}

.pasivadoFooter {
  background: rgba(11,119,190,0.85);
  width: 100%;
  max-width: 1024px;
  padding: 20px;
  margin: 0 auto 30px;
}

.pasivadoFooter p {
  text-align: center;
  color: #fff;
}



/*=========== Carrito de compras ======================*/

.cbPoweredBy {
  display: none;
}


/*Categorías */

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  padding: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu {
  margin: 50px 0;
}

#cssmenu p {
  background: #0b77be;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
}


#cssmenu a {
  line-height: 1.3;
}
#cssmenu > ul > li {

}
#cssmenu > ul > li:hover {
  
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  color: #ded400;
}
#cssmenu > ul > li > a:hover {
  color: #fff;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li > a span {
  color: #555;
}
#cssmenu > ul > li > a span:hover {
  color: #fff;
}

#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../../../images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(../../../images/icon_minus.png) 96% center no-repeat;
  color: #fff;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  border-left: 1px solid #0b77be;
  margin: 0;
}
#cssmenu ul ul li {
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #0b77be;
}
#cssmenu ul ul a:hover {
  color: #ded400;
}

#cssmenu {
  margin: 50px 0;
}

.menuProductos ul li {
  border-bottom: 1px solid #0b77be;
}

.menuProductos ul li .menuActive:hover {
  background: #0b77be;
}

.menuProductos ul li .menuActive:hover ul li {
  background: none;
}

.menuProductos ul li .menuActive2:hover {
  background: #0b77be;
}

.menuProductos ul li .menuActive2:hover ul li {
  background: none;
}

.menuProductos ul li ul li:hover  {
  background: none;
}

.menuProductos ul li a:hover{
  background: #0b77be;
  color: #fff;
}

.menuProductos ul li a:hover span{
  color: #fff;
}

.menuProductos ul li ul li {
  width: 90%;
}

.menuProductos ul li.active .menuActive {
  background: #0b77be;
  /* background-size: cover; */
}

.menuProductos ul li .menuActive:before {
  content: "+";
  position: absolute;
  right: 5%;
  top: 25%;
  color:#0b77be;
}

.menuProductos ul li .menuActive:hover:before {
  content: "+";
  position: absolute;
  right: 5%;
  top: 25%;
  color:#fff;
}


.menuProductos ul li.active .menuActive:before {
  content: "-";
  position: absolute;
  right: 5%;
  top: 25%;
  color: #fff;
}

.menuProductos ul li.active .menuActive span {
  color: #fff;
}




.menuProductos ul li.active .menuActive2 {
  background: #0b77be;
  /* background-size: cover; */
}

.menuProductos ul li .menuActive2:before {
  content: "";
  position: absolute;
  right: 5%;
  top: 25%;
  color:#0b77be;
}

.menuProductos ul li .menuActive2:hover:before {
  content: "";
  position: absolute;
  right: 5%;
  top: 25%;
  color:#fff;
}


.menuProductos ul li.active .menuActive2:before {
  content: "";
  position: absolute;
  right: 5%;
  top: 25%;
  color: #fff;
}

.menuProductos ul li.active .menuActive2 span {
  color: #fff;
}

.menuProductos ul li ul li {
  background: none;
}


/*====================== Productos ================*/

.productos {

}

.productos h1 {
  margin-top: 0; 
}


.productosH1 {
    display: none;
}

.productosIcon {
    display: none;
}

.productdetails-view .product-short-description{
    display: none;
}


.vm-product-container {
  display: none;
}


.product-description .title {
    display: none;
}



/*Categorias Productos*/

#unseen {
    margin: 15px 0;
}


.acerosMaquinaria h1, .acerosHerramientas h1, .acerosInoxidables h1, .acerosEstructurales h1, .aluminio h1, .bronce h1, .plasticosIngenieria h1,  .otrosProductos h1 {
  color: #fff;
  font-size: 21px;
  padding: 5px 10px;
}

.acerosMaquinaria h1 {
  background: #7aa233;
}

.acerosHerramientas h1 {
  background: #0087c5;
}

.acerosInoxidables h1 {
  background: #b40617;
}

.acerosEstructurales h1 {
  background: #b0653e;
}

.aluminio h1 {
  background: #969696;
}

.bronce h1 {
  background: #e10019;
}

.plasticosIngenieria h1 {
  background: #e39708;
}

.otrosProductos h1 {
  background: #3700ae;
}


.acerosMaquinaria h2, .acerosHerramientas h2, .acerosInoxidables h2, .acerosEstructurales h2, .aluminio h2, .bronce h2, .plasticosIngenieria h2, .otrosProductos h2 {
  font-size: 24px;
  border-bottom: 1px solid #999;
  padding: 0 0 10px 0;
  font-weight: bold;
}

.acerosMaquinaria h2 {
  color: #7aa233;
}

.acerosHerramientas h2 {
  color: #0087c5;
}

.acerosInoxidables h2 {
  color: #b40617;
}

.acerosEstructurales h2 {
  color: #b0653e;
}

.aluminio h2 {
  color: #969696;
}

.bronce h2 {
  color: #e10019;
}

.plasticosIngenieria h2 {
  color: #e39708;
}

.otrosProductos h2 {
  color: #3700ae;
}


.acerosMaquinaria h3, .acerosHerramientas h3, .acerosInoxidables h3, .acerosEstructurales h3, .aluminio h3, .bronce h3, .plasticosIngenieria h3, .otrosProductos h3 {
  font-size: 21px;
  padding: 10px 0;
}

.acerosMaquinaria h3 {
  color: #7aa233;
}

.acerosHerramientas h3 {
  color: #0087c5;
}

.acerosInoxidables h3 {
  color: #b40617;
}

.acerosEstructurales h3 {
  color: #b0653e;
}

.aluminio h3 {
  color: #969696;
}

.bronce h3 {
  color: #e10019;
}

.plasticosIngenieria h3 {
  color: #e39708;
}

.otrosProductos h3 {
  color: #3700ae;
}



.acerosMaquinaria h4, .acerosHerramientas h4, .acerosInoxidables h4, .acerosEstructurales h4, .aluminio h4, .bronce h4, .plasticosIngenieria h4, .otrosProductos h4 {
  color: #555;
  font-size: 16px;
  padding: 0 0 10px;
}



.acerosMaquinaria h5, .acerosHerramientas h5, .acerosInoxidables h5, .acerosEstructurales h5, .aluminio h5, .bronce h5, .plasticosIngenieria h5, .otrosProductos h5 {
  color: #0b77be;
  font-size: 16px;
  padding: 10px 0 5px;
  border-bottom: 1px solid #999;
  text-align: left;
  font-weight: bold;
}

.acerosMaquinaria .descripcion,.acerosHerramientas .descripcion,.acerosInoxidables .descripcion,.acerosEstructurales .descripcion,.aluminio .descripcion,.bronce .descripcion,.plasticosIngenieria .descripcion, .otrosProductos .descripcion {
  margin:0;
  padding: 0 15px 0 0;
}

.acerosMaquinaria p,.acerosHerramientas p, .acerosInoxidables p, .acerosEstructurales p, .aluminio p, .bronce p, .plasticosIngenieria p, .otrosProductos p {
  font-size: 14px;
  text-align: justify;
  color: #555;
}

.acerosMaquinaria ul,.acerosHerramientas ul, .acerosInoxidables ul, .acerosEstructurales ul, .aluminio ul, .bronce ul, .plasticosIngenieria ul, .otrosProductos ul {
  color: #555;
}

 .acerosMaquinaria .aleacion,.acerosHerramientas .aleacion, .acerosInoxidables .aleacion, .acerosEstructurales .aleacion, .aluminio .aleacion, .bronce .aleacion, .plasticosIngenieria .aleacion, .otrosProductos .aleacion {
    text-align: center;
}
.acerosMaquinaria .aleacion img,.acerosHerramientas .aleacion img, .acerosInoxidables .aleacion img, .acerosEstructurales .aleacion img, .aluminio .aleacion img, .bronce .aleacion img, .plasticosIngenieria .aleacion img, .otrosProductos .aleacion img {
    max-width: 85px;
    margin: 0 0 20px;
}


.acerosMaquinaria .ficha,.acerosHerramientas .ficha, .acerosInoxidables .ficha, .acerosEstructurales .ficha, .aluminio .ficha, .bronce .ficha, .plasticosIngenieria .ficha, .otrosProductos .ficha {
    position: relative;
    max-width: 172px;
}

.acerosMaquinaria .ficha img,.acerosHerramientas .ficha img, .acerosInoxidables .ficha img, .acerosEstructurales .ficha img, .aluminio .ficha img, .bronce .ficha img, .plasticosIngenieria .ficha img, .otrosProductos .ficha img{
    max-height: 212px;
}

.acerosMaquinaria .ficha:hover article,.acerosHerramientas .ficha:hover article, .acerosInoxidables .ficha:hover article, .acerosEstructurales .ficha:hover article, .aluminio .ficha:hover article, .bronce .ficha:hover article, .plasticosIngenieria .ficha:hover article, .otrosProductos .ficha:hover article {
    left: 0;
    top: 0;
    height: auto;
    max-height: 212px;
    transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  opacity: 1;
  filter: alpha(opacity=1);
}


.acerosMaquinaria .ficha article,.acerosHerramientas .ficha article, .acerosInoxidables .ficha article, .acerosEstructurales .ficha article, .aluminio .ficha article, .bronce .ficha article, .plasticosIngenieria .ficha article, .otrosProductos .ficha article{
    position: absolute;
    left: 0;
    top: 212px;
    width: 100%;
    height: 0;
    text-align: center;
    ransition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  opacity: 0;
  filter: alpha(opacity=0);
}

.acerosMaquinaria .ficha article {
    background: rgba(101,163,34,0.85);
}

.acerosHerramientas .ficha article {
    background: rgba(0,135,197,0.85);
}

.acerosInoxidables .ficha article {
    background: rgba(180,6,23,0.85);
}

.acerosEstructurales .ficha article {
    background: rgba(176,101,62,0.85);
}

.aluminio .ficha article {
    background: rgba(150,150,150,0.85);
}

.bronce .ficha article {
    background: rgba(225,0,25,0.85);
}

.plasticosIngenieria .ficha article {
    background: rgba(227,151,8,0.85);
}

.acerosMaquinaria .ficha span,.acerosHerramientas .ficha span, .acerosInoxidables .ficha span, .acerosEstructurales .ficha span, .aluminio .ficha span, .bronce .ficha span, .plasticosIngenieria .ficha span, .otrosProductos .ficha span {
    margin: 40px 0;
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    max-width: 172px;
    color: #fff;
    padding: 10px 0;
    text-decoration: none;
}

.acerosMaquinaria .ficha article a:hover,.acerosHerramientas .ficha article a:hover, .acerosInoxidables .ficha article a:hover, .acerosEstructurales .ficha article a:hover, .aluminio .ficha article a:hover, .bronce .ficha article a:hover, .plasticosIngenieria .ficha article a:hover, .otrosProductos .ficha article a:hover{ 
    text-decoration: none;
}

.acerosMaquinaria .ficha article img,.acerosHerramientas .ficha article img, .acerosInoxidables .ficha article img, .acerosEstructurales .ficha article img, .aluminio .ficha article img, .bronce .ficha article img, .plasticosIngenieria .ficha article img, .otrosProductos .ficha article img  {
    display: block;
    margin: 0 auto;
    padding: 0 0 10px;
    transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}


.acerosMaquinaria .ficha article img:hover,.acerosHerramientas .ficha article img:hover, .acerosInoxidables .ficha article img:hover, .acerosEstructurales .ficha article img:hover, .aluminio .ficha article img:hover, .bronce .ficha article img:hover, .plasticosIngenieria .ficha article img:hover, .otrosProductos .ficha article img:hover {
    transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
}

.acerosMaquinaria table thead,.acerosHerramientas table thead, .acerosInoxidables table thead, .acerosEstructurales table thead, .aluminio table thead, .bronce table thead, .plasticosIngenieria table thead, .otrosProductos table thead {
  color: #fff;
}

.acerosMaquinaria table thead {
  background: #7aa233;
}

.acerosHerramientas table thead {
  background: #0087c5;
}

.acerosInoxidables table thead {
  background: #b40617;
}

.acerosEstructurales table thead {
  background: #b0653e;
}

.aluminio table thead {
  background: #969696;
}

.bronce table thead {
  background: #e10019;
}

.plasticosIngenieria table thead {
  background: #e39708;
}

.otrosProductos table thead {
  background: #3700ae;
}


.acerosMaquinaria table thead:hover,.acerosHerramientas table thead:hover, .acerosInoxidables table thead:hover, .acerosEstructurales table thead:hover, .aluminio table thead:hover, .bronce table thead:hover, .plasticosIngenieria table thead:hover {
  color: #fff;
}
.acerosMaquinaria table thead:hover {
  background: #7aa233;
}

.acerosHerramientas table thead:hover {
  background: #0087c5;
}

.acerosInoxidables table thead:hover {
  background: #b40617;
}

.acerosEstructurales table thead:hover {
  background: #b0653e;
}

.aluminio table thead:hover {
  background: #969696;
}

.bronce table thead:hover {
  background: #e10019;
}

.plasticosIngenieria table thead:hover {
  background: #e39708;
}

.otrosProductos table thead:hover  {
  background: #3700ae;
}

.acerosMaquinaria .table-striped tbody>tr:nth-child(odd)>td, .acerosMaquinaria .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.acerosHerramientas .table-striped tbody>tr:nth-child(odd)>td, .acerosHerramientas .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.acerosInoxidables .table-striped tbody>tr:nth-child(odd)>td, .acerosInoxidables .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.acerosEstructurales .table-striped tbody>tr:nth-child(odd)>td, .acerosEstructurales .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.aluminio .table-striped tbody>tr:nth-child(odd)>td, .aluminio .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.bronce .table-striped tbody>tr:nth-child(odd)>td, .bronce .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.plasticosIngenieria .table-striped tbody>tr:nth-child(odd)>td, .plasticosIngenieria .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.otrosProductos .table-striped tbody>tr:nth-child(odd)>td, .plasticosIngenieria .table-striped tbody>tr:nth-child(odd)>th {
  /*background-color: #e0ffd1;*/
  background-color: #fff;
}

.otrosProductos .table-striped > tbody > tr:nth-of-type(even) td {
    color: #ccc;
}



.acerosMaquinaria .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #8dc96f;
}

.acerosHerramientas .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #03b0ff;
}

.acerosInoxidables .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #e03243;
}

.acerosEstructurales .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #b0653e;
}

.aluminio .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #969696;
}

.bronce .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #e10019;
}

.plasticosIngenieria .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #e39708;
}

.otrosProductos .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #3700ae;
}



.acerosMaquinaria .col-lg-3,.acerosHerramientas .col-lg-3, .acerosInoxidables .col-lg-3, .acerosEstructurales .col-lg-3, .aluminio .col-lg-3, .bronce .col-lg-3, .plasticosIngenieria .col-lg-3, .otrosProductos .col-lg-3 {
  padding: 0 0 0 15px;
}

.otrosProductos  .otrosImg {
  text-align: center;
}

.otrosProductos .otrosImg img {
    max-height: 200px;
}

.vm-img-desc {
  display: block;
  position: absolute;
  bottom: 0;
  background-color: rgba(11,119,190,0.75);
  color: #fff;
  width: 100%;
  padding: 10px 0;
}

.main-image img {
  max-width: 100%;
  max-height: 260px;
}

/*Productos*/

.productDescripcion .col-lg-12 {
  padding: 0;
}

.productDescripcion ul {
  color: #555;
}
/*
.productDescripcion h2 {
  color: #0b77be;
  font-size: 24px;
  border-bottom: 1px solid #999;
  padding: 0 0 10px 0;
  font-weight: bold;
}

.productDescripcion h3 {
  color: #0b77be;
  font-size: 21px;
  padding: 10px 0;
}

.productDescripcion h4 {
  color: #999;
  font-size: 16px;
  padding: 0 0 10px;
}

.productDescripcion p {
  font-size: 14px;
  text-align: justify;
}
*/

/*Otros clases productos*/

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    width: 48%;
    display: inline-block;
    float: left;
    margin: 5px;
    position: relative;
}
@media (max-width: 767px) { 
    .panel-group .panel {
      margin-bottom: 0;
      border-radius: 4px;
      width: 100%;
      display: inline-block;
      float: left;
      margin: 5px;
      position: relative;
    }
}


#headingGuantes, #headingLentes, #headingCascos, #headingproteccionPies, #headingproteccionAuditiva, #headingSoldador, #headingRopa, #headingVarios {
  height: 200px;
  padding: 0;
  cursor: pointer;
}

#headingDiscos1, #headingDiscos2, #headingDiscos3 {
  height: 200px;
  padding: 0;
  cursor: pointer;
}

#headingSoldadura1, #headingSoldadura2, #headingSoldadura3, #headingSoldadura4, #headingSoldadura5, #headingSoldadura6, #headingSoldadura7 {
  height: 200px;
  padding: 0;
  cursor: pointer;
}


#headingDiscos1 {
    background: url(../../../images/otros-productos/abrasivos/1-discos-corte.jpg);
}

#headingDiscos2 {
    background: url(../../../images/otros-productos/abrasivos/2-discos-corte-rapido.jpg);
}

#headingDiscos3 {
    background: url(../../../images/otros-productos/abrasivos/3-discos-esmerilar.jpg);
}



#headingSoldadura1 {
    background: url(../../../images/otros-productos/soldaduras/soldadura1.jpg);
}

#headingSoldadura2 {
    background: url(../../../images/otros-productos/soldaduras/soldadura2.jpg);
}

#headingSoldadura3 {
    background: url(../../../images/otros-productos/soldaduras/soldadura3.jpg);
}

#headingSoldadura4 {
    background: url(../../../images/otros-productos/soldaduras/soldadura4.jpg);
}

#headingSoldadura5 {
    background: url(../../../images/otros-productos/soldaduras/soldadura5.jpg);
}

#headingSoldadura6 {
    background: url(../../../images/otros-productos/soldaduras/soldadura6.jpg);
}

#headingSoldadura7 {
    background: url(../../../images/otros-productos/soldaduras/soldadura7.jpg);
}



#headingGuantes {
    background: url(../../../images/otros-productos/guantes.jpg);
}

#headingLentes {
    background: url(../../../images/otros-productos/lentes.jpg);
}

#headingCascos {
    background: url(../../../images/otros-productos/cascos.jpg);
}

#headingproteccionPies {
    background: url(../../../images/otros-productos/proteccionPies.jpg);
}

#headingproteccionAuditiva {
    background: url(../../../images/otros-productos/auditiva.jpg);
}

#headingSoldador {
    background: url(../../../images/otros-productos/soldador.jpg);
}

#headingRopa {
    background: url(../../../images/otros-productos/ropa.jpg);
}

#headingVarios {
    background: url(../../../images/otros-productos/varios.jpg);
}

#headingGuantes h4, #headingLentes h4, #headingCascos h4, #headingproteccionPies h4, #headingproteccionAuditiva h4, #headingSoldador h4, #headingRopa h4, #headingVarios h4 {
    background: rgba(11,119,190,0.75);
    width: 100%;
    padding: 10px;
    color: #fff;
    position: relative;
    top: 155px;
    text-align: center;
    font-size: 24px;
}

#headingDiscos1 h4, #headingDiscos2 h4, #headingDiscos3 h4 {
    background: rgba(11,119,190,0.75);
    width: 100%;
    padding: 10px;
    color: #fff;
    position: relative;
    top: 155px;
    text-align: center;
    font-size: 24px;
}



#headingSoldadura1 h4, #headingSoldadura2 h4, #headingSoldadura3 h4, #headingSoldadura4 h4, #headingSoldadura5 h4, #headingSoldadura6 h4, #headingSoldadura7 h4 {
    background: rgba(11,119,190,0.75);
    width: 100%;
    padding: 10px;
    color: #fff;
    position: relative;
    top: 155px;
    text-align: center;
    font-size: 24px;
}


#headingGuantes h4 a, #headingLentes h4 a, #headingCascos h4 a, #headingproteccionPies h4 a, #headingproteccionAuditiva h4 a, #headingSoldador h4 a, #headingRopa h4 a, #headingVarios h4 a {
   text-decoration: none;
}

#headingDiscos1 h4 a, #headingDiscos2 h4 a, #headingDiscos3 h4 a {
   text-decoration: none;
}

#headingSoldadura1 h4 a, #headingSoldadura2 h4 a, #headingSoldadura3 h4 a, #headingSoldadura4 h4 a, #headingSoldadura5 h4 a, #headingSoldadura6 h4 a, #headingSoldadura7 h4 a {
   text-decoration: none;
}


#headingGuantes h4 a:hover, #headingLentes h4 a:hover, #headingCascos h4 a:hover, #headingproteccionPies h4 a:hover, #headingproteccionAuditiva h4 a:hover, #headingSoldador h4 a:hover, #headingRopa h4 a:hover, #headingVarios h4 a:hover {
   text-decoration: none;
}

#headingDiscos1 h4 a:hover, #headingDiscos2 h4 a:hover, #headingDiscos3 h4 a:hover {
   text-decoration: none;
}

#headingSoldadura1 h4 a:hover, #headingSoldaduras2 h4 a:hover, #headingSoldadura3 h4 a:hover, #headingSoldadura4 h4 a:hover, #headingSoldadura5 h4 a:hover, #headingSoldadura6 h4 a:hover, #headingSoldadura7 h4 a:hover {
   text-decoration: none;
}


.panel-body article p {
    border: 1px solid #999;
    min-height: 290px;
    padding: 10px 15px;
    margin: 10px 0;
}

.panel-body article p img {
  max-height: 230px;
}

.panel-body article.proteccion p {
    min-height: 400px;
}


.socials {
  text-align: center;
  margin: 40px 0 0;
}

.socials span {
    width: 28px;
    height: 28px;
    padding: 5px;
    background: #fff;
    color: #3fc8f4;
    font-size: 16px;
    margin: 10px;
    border-radius: 50%;
    display: inline-block;
}

.socials span a {
  color: #3fc8f4;
}

.socials span:hover {
  background: #3fc8f4;
  color: #fff;
}

.socials span:hover a {
  color: #fff;
}


.orderby-displaynumber {
    color: #999;
}

.vm-product-media-container {text-align:center;max-width: 100%;margin-bottom:15px; min-height: 120px;}

p.product_s_desc{padding:0;height: 3.4em;margin: 0 0;display: none;}


.browseProductImage {
    max-height: 100%;
    width: auto;
    max-width: 100%;

}

div.vm-details-button {display: none;}

.vm-product-descr-container-1, .vm-product-descr-container-0 {
    height: auto;
    margin-bottom: 0px;
    text-align: center;
    padding: 10px 0;
    background: #3fc8f4;
    color: #fff;
    margin: 10px 20px;
    box-shadow: 2px 2px 0px #0b77be;
    -webkit-box-shadow: 2px 2px 0px #0b77be;
    -ms-box-shadow: 2px 2px 0px #0b77be;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
}

.vm-product-descr-container-1:hover, .vm-product-descr-container-0:hover {
  box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
}


.vm-product-descr-container-1 h2 a, .vm-product-descr-container-0 h2 a {
    color: #fff;
    text-decoration: none;
}


.vm-product-descr-container-1 h2 a:hover, .vm-product-descr-container-0:hover h2 a:hover {
    color: #fff;
    text-decoration: none;
}



.addtocart-area{margin: 0;}


div.product {
    float: left;
    min-width: 220px;
    position: relative;
    background: rgba(255,255,255,0.5);
} 

div.product:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #0b77be;
    z-index: 99;
}


.category-view h1 {
    font-family: 'Arial';
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0b77be;
    margin: 20px;
}


.back-to-category {
    float: left;
    display: block;
    position: relative;
    margin: 10px 0 30px;
}



/*=========== Registro Usuarios ======================*/

.cb_template .fa-star:before {
  color: #960000;
}

#cblabcb_comprobantedepgo, #cblabcb_enviarregistro {
  font-weight: bold;
  font-size: 16px;
  padding: 25px 15px;
}

.cbRegistrationConclusion {
  color: #0b77be;
}

/*==============Formularios===============*/

.bfQuickMode fieldset section:hover {
  background: none;
}

.bfQuickMode legend {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    border: none;
}


.formularioSolicitud h3 {
    font-family: 'Arial';
    text-align: center;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0b77be;
    margin: 30px;
}

.formularioSolicitud h3 span span {
    color: #0b77be;
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton {
    background: #0b77be;
    box-shadow: 2px 2px 0px #000;
    border-radius: 5px;
    margin: 0 5px;
}

.bfQuickMode .bfCancelButton {
    background: #3fc8f4;
    box-shadow: 2px 2px 0px #000;
    border-radius: 5px;
    margin: 0 5px;
}

.bfQuickMode .bfSubmitButton span, .bfQuickMode .bfCancelButton span {
  color: #fff;
}

.bfQuickMode .bfNextButton:hover, .bfQuickMode .bfSubmitButton:hover {
    background: #3fc8f4;
    box-shadow: none;
}

 .bfQuickMode .bfCancelButton:hover {
    background: #0b77be;
    box-shadow: none;
}


.button {
    background: #0b77be;
    color: #fff;
}



.bfSubmitButton {
    background: #0b77be;
}


.formulario h1 {
  font-family: 'optimusprincepsregular';
  text-align: center;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0b77be;
  margin: 50px 0 0 0;
}

.formulario p {
    color: #555;
    margin: 20px 0 -30px;
}




/*=========== sección contactenos ======================*/

/*formulario*/

.formularioContacto .avatar-module-heading {
    text-align: center;
}

.formularioContacto .avatar-module-heading span {
    color: #0b77be;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'optimusprincepsregular';
    text-align: center;
}

.jsn-master .jsn-text-center{
  display: none;
}


/*informacion contacto*/

.informacionContacto {
    margin: 30px 0 0;
}

.informacionContacto h1 {
    background: #0b77be;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.informacionContacto h2 {
    color: #0b77be;
    padding: 15px 0px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.informacionContacto p {
    color: #555;
    line-height: 30px;
}

.informacionContacto p strong {
    font-weight: bold;
    color: #0b77be;
}


#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input, #jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls select, #jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
    padding: 4px 6px;
    font-size: 14px;
}

.jsn-bootstrap .gm-style-iw .thumbnail .caption h4 {
    color: #0b77be;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}


/*=========== HOME 1 ======================*/
.st-home-2 img {
	border: 5px solid #f0f0f0;
	float: left;
	margin: 0 20px 20px 0;
}
.galleria-container {
	background: none;
}
.galleria-stage {
	border: 5px solid #f0f0f0;
	bottom: 100px !important;
}
.galleria-thumbnails-container {
	bottom: 40px !important;
}
.galleria-thumbnails .galleria-image {
	border: 5px solid #F0F0F0;
	height: 80px;
	width: 100px;
}
.galleria-thumb-nav-right:hover, .galleria-thumb-nav-left:hover {
	background-color: transparent !important;
}
.galleria-thumb-nav-right, .galleria-thumb-nav-left {
	background-image: url(../images/st_theme/icons/galleria-nav.png);
	width: 25px;
	height: 60px;
	top: 10px;
}
.galleria-thumb-nav-right {
	background-position: right 23px;
}
.galleria-thumb-nav-left {
	background-position: left 23px;
}
.galleria-thumb-nav-right:hover {
	background-position: right -85px;
}
.galleria-thumb-nav-left:hover {
	background-position: left -85px;
}
.galleria-info-link, .galleria-info-close {
	display: none;
}
.galleria-info {
	bottom: 105px;
	top: auto;
	width: 95%;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.galleria-info-text,
.galleria-info-title,
.galleria-info-description {
	display: block;
	background-color: #DF2E37;
} 
.galleria-info-title {
	font-size: 22px;
	font-style: normal;
	font-family: 'roboto_condensedbold';
	text-transform: uppercase;
	color: #fff;
}
.galleria-info-description {
	font-size: 12px;
	font-style: normal;
	color: #fff;
	line-height: 23px;
}
.st-senior-member .image img {
	border: 5px solid #f0f0f0;
}
.st-senior-member .inner {
	padding: 3px;
}
.st-senior-member .st-news-horizonal .inner .title {
	font-family: 'OpenSansBold';
	font-weight: 700;
	font-size: 18px;
	margin: 20px 0 6px;
	line-height: 20px;
	text-transform: uppercase;
}
.st-senior-member .title strong {
	display: block;
	color: #df2e37;
	font-size: 13px;
	font-family: 'OpenSansRegular';
	font-weight: 300;
}
.st-senior-member .inner:hover {
	transform: translate(0px, -10px);
	-webkit-transform: translate(0px, -10px);
	-moz-transform: translate(0px, -10px);
	-ms-transform: translate(0px, -10px);
	-o-transform: translate(0px, -10px);
} 

/*=========== CUSTOM BANNER ===============*/
.mirror  {
	display: none;
}
.css3-effect .mirror {
	display: block;
	background: rgba(255, 255, 255, .2);
	transform: translate(-119% , 0) skew(-45deg);
	-moz-transform: translate(-119% , 0) skew(-45deg);
  	-webkit-transform: translate(-119% , 0) skew(-45deg);
  	-ms-transform:  translate(-119% , 0) skew(-45deg);
  	-o-transform: translate(-119% , 0) skew(-45deg);
  	
  	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}
article .image-intro,
.catItemImage {
	overflow: hidden;
	position: relative;
}

/*============ RIGHT SIDE BAR ===========*/
.st-access-statistics .item {
	text-align: center;
	float: left;
	width: 78px;
}
.st-access-statistics .image {
	height: 54px;
	width: 54px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: block;
	background: url(../images/st_theme/icons/icon-socials.png) no-repeat;
	text-indent: -9999px;
	margin: auto auto 17px auto;
	position: relative;
}
.st-access-statistics .facebook .image {
	background-position: 22px center;
	background-color: #4370d5;
}
.st-access-statistics .facebook .image:after {
	border-color: #4370d5;
} 
.st-access-statistics .twitter .image {
	background-position: -57px center;
	background-color: #5abadd;
}
.st-access-statistics .twitter .image:after {
	border-color: #5abadd;
} 
.st-access-statistics .google .image {
	background-position: -138px center;
	background-color: #c74c34;
}
.st-access-statistics .google .image:after {
	border-color: #c74c34;
} 
.st-access-statistics .rss .image {
	background-position: -221px center;
	background-color: #e2974d;
}
.st-access-statistics .rss .image:after {
	border-color: #e2974d;
} 
.st-access-statistics .counter {
	font-size: 12px;
	color: #1f1f1f;
	display: block;
	font-family: 'OpenSansRegular';
	font-weight: 300;
}
.st-access-statistics .counter {
	font-size: 12px;
	color: #1f1f1f;
	display: block;
	font-family: 'OpenSansBold';
	font-weight: 700;
}
.st-access-statistics .sub {
	font-size: 12px;
}
.st-access-statistics .image:after  {
	opacity: 0;
	filter: alpha(opacity=0);
	content: '';
	display: block;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px dashed #000;
	border-width: 3px;
	position: absolute;
	top: -11px;
	left: -11px;
	z-index: -1;
	animation: rotate 20s infinite;
	-webkit-animation: rotate 20s infinite;
	-moz-animation: rotate 20s infinite;
	-ms-animation: rotate 20s infinite;
	-o-animation: rotate 20s infinite;
}
.st-access-statistics .item:hover .image:after {
	opacity: 1;
	filter: alpha(opacity=1);
}
.st-access-statistics .item:hover .image {
	opacity: 1;
	filter: alpha(opacity=1);
	transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
  	-webkit-transform: scale(1.15, 1.15);
  	-ms-transform:  scale(1.15, 1.15);
  	-o-transform: scale(1.15, 1.15); 
}
.css3-effect .st-access-statistics .image,
.css3-effect .st-access-statistics .item:hover .image, 
.css3-effect .st-access-statistics .image:after,
.css3-effect .st-access-statistics .item:hover .image:after {
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
}
.st-what-news .inner:after {
	content: ' ';
	display: block;
	clear: both;
}
.st-what-news .date {
	font-size: 13px;
	color: #424242;
	background: url(../images/st_theme/icons/icon-arrow-black.png) no-repeat left center;
	padding-left: 10px;
	margin: 5px 0 10px 0;
}
.st-what-news .content {
	font-size: 12px;
}
.st-what-news .readmore {
	float: right;
	background: #df2e37;
	padding: 4px 15px;
	color: #fff;
	margin: 5px;
	text-decoration: none;
	font-size: 12px;
	text-transform: none;
}
.st-what-news .readmore:hover {
	background: #1e1e1e;
}
.st-newsletter {
	background: #f0f0f0;
	padding: 20px 20px 1px 20px;
	margin-top: 35px !important;
}
.st-newsletter .avatar-module-heading {
	padding: 0;
	margin: 0 0 10px 0;
}
.st-latest-comments ul {
	list-style: none;
	margin: 0;
}
.st-latest-comments ul li {
	margin-bottom: 12px;
}
.st-latest-comments .lcUsername {
	display: block;
	font-size: 12px;
	font-family: 'OpenSansSemibold'; 
	font-weight: 600;
	margin-bottom: 6px;
}
.st-latest-comments .lcComment {
	padding: 10px;
	background: #F0F0F0;
	display: block;
	position: relative;
	font-size: 12px;
}
.st-latest-comments .lcComment:before {
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid #F0F0F0;
	position: absolute;
	top: -6px;
	left: 5%;
}
.st-popular-tags a {
	background: #df2e37;
	color: #fff !important;
	margin: 5px 20px 5px 0;
	padding: 1px 15px !important;
	font-size: 11px !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	position: relative;
}
.st-popular-tags a:hover {
	background: #df2e37 !important;
}
.st-popular-tags a:after {
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	border-left: 12px solid #df2e37;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: 99%;
	top: 1px;
	color: #fff;
}
.st-popular-tags a:after {
	content: '.';
	display: block;
	position: absolute;
	left: 99%;
	top: 1px;
	color: #fff;
}
.st-testimonals .content {
	background: #fff;
	color: #999;
	padding: 8px 10px;
	border: 1px solid #ccc;
}
.st-testimonals .author {
	text-align: right;
	padding-top: 20px;
}
.st-testimonals .author .name {
	font-size: 18px;
	padding: 10px 66px 4px 0;
}
.st-testimonals .author .job {
	font-size: 13px;
	padding-right: 66px;
}
.st-testimonals .author img {
	float: right;
}
.acymailing_form {
	padding: 0;
	margin: 0;
	width: 100%;
}
.acymailing_form input {
	width: 96% !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border-color: #ddd;
	color: #999;
	font-size: 12px;
	padding: 8px;
}
.acymailing_introtext {
	font-size: 12px;
}
.acysubbuttons {
	text-align: right;
}
.acysubbuttons input {
	width: auto !important;
}
.st-content-tabs .outter {
	margin: 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px
}
.st-content-tabs img {
	width: 100%;
	padding-bottom: 10px;
}
.st-content-tabs .title {
	padding-left: 10px;
	display: block;
}
/*=========== MIDDLE CONTENT =============*/
.st-news-block {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #ddd;
}
.st-news-block .intro {
	padding-right: 10px;
}
.st-news-block img {
	width: 100%;
}
.st-news-block .article-info {
	padding: 8px 0 8px 20px;
	background: url(../images/st_theme/icons/icons.png) no-repeat -10px 12px;
	background-size: 30px;
	display: block;
	float: none;
}
.st-news-block .title {
	border-top : 4px double #ddd;
	padding: 18px 0;
	font-size: 24px;
	line-height: 27px;
	margin: 0;
}
.st-news-block .span4 .title {
	padding: 10px 0;
	font-size: 18px;
}

/*========== FOOTER =====================*/
#avatar-footer-block {
  background: #0b77be;
  font-size: 12px;
  padding: 15px 0 20px 0;
  text-align: center;
  border-top: 2px solid #fff;
}
#avatar-footer-block .avatar-module {
	margin: 0;
}
#avatar-footer-inside-block {
	padding: 20px 0;
	background: url(../images/st_theme/icons/background-header.jpg) repeat;
    border-top: 5px solid #fff;
    margin: -20px 0 0;
}
#avatar-footer-block, 
#avatar-footer-block p,
#avatar-footer-inside-block,
#avatar-footer-inside-block p,
#avatar-footer-inside-block .avatar-module-heading span {
	color: #fff;
}
#avatar-footer-inside-block .avatar-module-heading {
	color: #fff;
	padding: 21px 0;
}
.footer2 a {
  color: #000;
}

.footer2 a:hover {
  color: #fff;
  text-decoration: none;
} 
.footer2 a:visited {
    color: #fff;
    text-decoration: none;
}

.facebook {
    background: url(../../../images/facebook/facebook1.png) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    float: right;
    background-size:  contain;
}

.facebook:hover {
    background: url(../../../images/facebook/facebook2.png) no-repeat;
      background-size:  contain;
}

.botonFacebook {
  text-align: center;
  margin: 0 50%;
}

.st-contact {
	list-style: none;
	margin: 0;
}
.st-contact li {
	position: relative;
	padding: 8px 0 8px 35px;
    line-height: 20px;
}
.st-contact li[class*="icons-"]:after {
	content: ' ';
	display: block;
	position: absolute;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	top: 6px;
	left: 0;
}
.st-contact li.icons-phone:after {
	background: url(../images/st_theme/icons/icon-phone.png) no-repeat center center #3fc8f4;
}
.st-contact li.icons-email:after {
	background: url(../images/st_theme/icons/icon-email.png) no-repeat center center #3fc8f4;
}
.st-contact li.icons-twitter:after {
	background: url(../images/st_theme/icons/icon-twitter.png) no-repeat center center #3fc8f4;
}
.st-contact li.icons-direccion:after {
	background: url(../images/st_theme/icons/icon-direccion.png) no-repeat center center #3fc8f4;
}
.st-contact li.icons-apdo:after {
	background: url(../images/st_theme/icons/icon-apdo.png) no-repeat center center #3fc8f4;
}
.st-contact li.icons-fax:after {
	background: url(../images/st_theme/icons/icon-fax.png) no-repeat center center #3fc8f4;
}
.st-contact li:hover:after {
	border: 2px solid #fff;
	top: 4px;
	left: -2px;
}
.css3-effect .st-contact li:hover:after,
.css3-effect .st-contact li:after {
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;	
}
.st-photo-gallery .inner {
	border: 2px solid #fff; 
	margin: 5px 3px;
}

.footer-menu {
      list-style-image: url(../../../images/icon-list.png);
}

.footer-menu li{
    line-height: 40px;
}

.footer-menu li a {
  color: #fff;
  text-decoration: none;
}

.footer-menu li a:hover {
  color: #999;
  text-decoration: none;
}

.chat {
}




/*================ BLOG ===============*/
header .title {
	padding: 8px 0 27px;
	margin: 0px;
	display: block;
	font-size: 22px;
	line-height: 24px;
}
header .article-tool {
	padding: 8px 0;
	margin: 0;
	font-size: 12px;
}
header .article-tool ul,
header .article-tool dl {
	padding: 0;
	margin: 0;
}
header .article-tool .article-info > * {
	padding-left: 18px;
	background: url(../images/st_theme/icons/icons.png) no-repeat -9px 2px;
	background-size: 30px;
	margin-right: 11px;
	display: inline;
}
article {
	padding: 10px 10px 30px;
	position: relative;
}
article.date-display {
	padding: 10px 10px 30px 90px;
}
/*======= K2 *=============*/
div.k2CategoriesListBlock a {
	text-decoration: none;
}
div.k2CategoriesListBlock ul li a span.catCounter {
	display: inline;
	padding: 0;
	position: absolute;
	top: 13px;
	right: 15px;
}
div.catItemImageBlock,
div.itemImageBlock {
	padding: 0;
}
span.catItemImage img,
span.itemImage img {
	border: none;
	padding: 0;
}
div.itemHeader h2.itemTitle,
div.catItemHeader h3.catItemTitle,
div.itemAuthorLatest h3,
div.itemRelated h3,
div.itemCommentsForm h3,
.itemCommentsCounte,
.st-page-heading,
.contact .contact-name,
article header .title {
	font-size: 22px;
	text-transform: uppercase;
	color: #444;
	font-family: 'roboto_condensedregular';
	font-weight: normal;
    line-height: 110%;
    margin: 0;
    padding: 10px 0;
}
div.itemLinks,
div.itemLinks a,
div.catItemLinks,
div.catItemLinks a {
	font-family: 'OpenSansRegular';
	font-size: 14px;
}
div.itemAuthor,
div.itemCategory,
div.itemTagsBlock,
div.itemCommentsLink,
div.catItemAuthor,
div.catItemCategory,
div.catItemTagsBlock,
div.catItemCommentsLink,
.article-tool .article-info > * {
	border: none;
	padding: 0;
	float: left;
	position: relative;
	padding-left: 26px;
	margin: 5px 20px 5px 0;
}
div.itemAuthor:before,
div.itemCategory:before,
div.itemTagsBlock:before,
div.itemCommentsLink:before,
div.catItemAuthor:before,
div.catItemCategory:before,
div.catItemTagsBlock:before,
div.catItemCommentsLink:before,
.article-tool .article-info > *:before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/st_theme/icons/icon-blogs.png) no-repeat;
	position: absolute;
	left: 0;
}
.article-info .category-name:before,
div.itemAuthor:before,
div.catItemAuthor:before {
	left: 0;
}
div.itemTagsBlock:before, 
div.catItemTagsBlock:before {
	background-position: -268px 0px !important;
}
div.itemCommentsLink:before,
div.catItemCommentsLink:before {
	background-position: -125px 0px !important;
}
.article-info .hits:before {
	background-position: -678px 0px !important;
}
div.catItemCategory:before,
.article-info .category-name:before {
	background-position: -410px 0px !important;
}
div.itemLinks div.itemReadMore,
div.catItemLinks div.catItemReadMore {
	display: block;
	float: none;
}
div.catItemView,
div.itemView {
	border-bottom: 1px solid #ddd;
	padding: 30px 0 30px 90px !important;
	position: relative; 
}
div.catItemDateCreated {
	position: absolute;
	background: #000;
	border-bottom: 3px solid #df2e37;
	top: 30px;
	left: 0;
	color: #fff;
	padding: 18px 10px 10px 10px;
	text-align: center;
	width: 35px;
}
article div.catItemDateCreated {
	top: 10px;
}
div.catItemDateCreated .day {
	font-size: 27px;
	font-weight: 700;
}
div.catItemDateCreated .month {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
div.itemRelated .itemRelTitle {
	font-size: 13px;
	padding: 6px 0;
	display: block;
}
div.itemRelated .date {
	font-size: 11px;
}
div.itemContentFooter {
	font-size: 12px;
}
.itemAuthorLatest ul,
.st-recent-comments ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.itemAuthorLatest ul li,
.st-recent-comments ul li {
	padding-left: 25px;
	background: url(../images/st_theme/icons/icon-arrow-right.png) no-repeat left 0;
	margin: 8px 0;
}
div.itemComments {
	background: none;
	border: none;
	padding: 0;
}
.itemCommentsForm {
	background: #f0f0f0;
	border: none;
	padding: 20px;
}
div.itemCommentsForm p.itemCommentsFormNotes {
	border: none;
}
div.itemCommentsForm form textarea.inputbox {
	width: 95%;
	padding: 10px;
	margin: 10px 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	color: #999;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border: none;
}
div.itemCommentsForm form input.inputbox {
	width: 95%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	color: #999;
	width: 95%;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border: none;
}
div.itemCommentsForm form label {
	margin: 12px 0 12px 2px !important;
}
div.itemCommentsForm form strong {
	color: #df2e37;
}
div.itemCommentsForm form input#submitCommentButton {
	text-transform: none !important;
}
div.itemComments ul.itemCommentsList li {
	padding-left: 40px;
	margin: 20px 10px 20px 30px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: relative;
}
div.itemComments ul.itemCommentsList li > img {
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	left: -30px;
	top: 0;
	margin: 0;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
	color: #df2e37;
	font-size: 16px;
	font-weight: 600;
}
div.itemComments ul.itemCommentsList li span.commentDate {
	font-size: 12px;
	font-weight: 300;
	border: none;
}
/*============= CONTACT PAGE ===========*/
#avatar-full-1-block .avatar-module {
	margin: 0;
}
#avatar-pos-main-body {
	padding: 0;
  margin: 50px 0;
}


.contact-contactinfo {
	margin: 15px 0;
}
.contact-contactinfo > * {
	float: left;
}
.contact-contactinfo [class*="jicons-"] {
	display: none;
}
.contact-contactinfo .contact-telephone,
.contact-contactinfo .contact-emailto {
	position: relative;
	padding: 8px 15px 8px 35px;
}
.contact-contactinfo .contact-telephone:after,
.contact-contactinfo .contact-emailto:after {
	content: ' ';
	display: block;
	position: absolute;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	top: 6px;
	left: 0;
	background: url(../images/st_theme/icons/icon-phone.png) no-repeat center center #df2e37;
}
.contact-contactinfo .contact-emailto:after {
	background: url(../images/st_theme/icons/icon-email.png) no-repeat center center #df2e37;
}
.contact-form input,
.contact-form textarea { 
	width: 100%;
	padding: 8px 0 8px 8px;
	margin: 10px 0 !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	color: #999;
	margin: 10px 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
.contact-form label {
	display: inline;
}
#jform_contact_email_copy {
	width: auto;
	margin: 0 5px !important;
}
.contact-form button {
	margin: 10px 0;
}
.contact-form .invalid {
	border-color: #ff0000;
}
.contact-misc h1 {
	font-weight: 700;
	font-size: 24px;
	color: #666;
}
.contact-right {
	text-align: right;
}
.contact-right .contact-name {
	font-weight: 700;
	font-size: 18px;
	color: #666;
}
.contact-right .jicons-icons {
	display: none;
}
.contact-form address {
	font-size: 14px;
}
/*========== WORK PAGE ============*/
.st-content-showcase-wall .item .inner {
	padding: 0 20px 20px 0;
}
.st-content-showcase-wall .item .image_caption {
	display: none;
}
.st-content-showcase-wall .item .title {
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
}
.st-content-showcase-wall .media {
	border: 5px solid #f0f0f0;
}
.st-content-showcase-wall .media img {
	width: 100%;
}
.st-work-bottom {
	max-width: 34%;
	margin: auto;
	padding: 12px 25px;
	text-align: center;
	background-color: #b9282f;
	font-size: 22px;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);	
}
/*====== 404 Page ====*/
.error-404-page {
	margin: 100px auto;
}
.error-404-image {
	background: url(../images/st_theme/icons/404.png) no-repeat;
	height: 245px;
	width: 133px;
	float: right;
	margin: 0 20px 0 0;
}
.error-404-desc h1 {
	font-size: 36px;
	margin: 0;
}
.error-404-desc > * {
	margin: 20px 0;
}
.error-404-desc input {
	min-width: 300px;
	margin: 0;
	padding: 8px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	color: #999;
}
.error-404-desc button[name="Search"] {
	border: none;
	background: url(../images/st_theme/icons/search.png) right no-repeat;
	height: 33px;
	width: 33px;
	padding: 0 40px 0 0;
	text-indent: -9999px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
/*============= LAYOUT =============*/
.has-right-col #avatar-main-content-inner{
	padding-right: 30px;
}
.has-left-col #avatar-main-content-inner{
	padding-left: 30px;
}

@media (max-width: 767px) { 
    .has-left-col #avatar-main-content-inner{
    padding-left: 0;
    }
}

.copyright {
	display: none;
}
/* SOCIAL BUTTON */
.st-social-button a {
	height: 18px;
	width: 18px;
	background: url(../images/st_theme/icons/social.png) no-repeat transparent;
	display: inline-block;
	text-indent: -9999px;
	margin: 20px 20px 20px 0;
}
.st-social-button .twitter {
	background-position: -40px 0px;
}
/*========== SEARCH BOX ======*/
#avatar-pos-top-right .search label {
	display: none;
}
#avatar-pos-top-right .search #mod-search-searchword {
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
	padding: 8px 0;
	margin: 9px 0;
	width: 100%;
}
#avatar-pos-top-right .search {
	width: 0;
	overflow: hidden;
	border: none;
	background: url(../images/st_theme/icons/search.png) right no-repeat;
	padding: 0 40px 0 0;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}
#avatar-pos-top-right .search:hover {
	width: 160px;
}



/** NEW CSS**/
article [class*="img-intro-"],
article [class*="img-fulltext-"] {
	text-align: center;
	margin: 0 0 16px;
}
article header {
	margin-bottom: 16px;
}
.article-info{
	font-size: 12px;
	float: left;
}
.pager li>a{
	border:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	padding:0;
	margin:0;
}
.pager{
	margin:0;
}
.pager li>a:hover, .pager li>a:focus{
	text-decoration: underline;
	background:none;
}

/*Compañia*/
.row-fluid .span6 {
  margin: 10px 0.5%;
  margin-left: 0;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.st-price-table article {
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

.st-price-table .history {
    background: url(../../../images/compania/history.png) no-repeat;
}

.st-price-table:hover .history{
    background: url(../../../images/compania/history2.png) no-repeat;
} 

.vision{
    background: url(../../../images/compania/vision.png) no-repeat;
}

.st-price-table:hover .vision{
    background: url(../../../images/compania/vision2.png) no-repeat;
}

.mision{
    background: url(../../../images/compania/mision.png) no-repeat;
}

.st-price-table:hover .mision{
    background: url(../../../images/compania/mision2.png) no-repeat;
}

.politicas{
    background: url(../../../images/compania/politicas.png) no-repeat;
}

.st-price-table:hover .politicas{
    background: url(../../../images/compania/politicas2.png) no-repeat;
}


.calidad{
    background: url(../../../images/compania/calidad.png) no-repeat;
}

.st-price-table:hover .calidad{
    background: url(../../../images/compania/calidad2.png) no-repeat;
}

.valores{
    background: url(../../../images/compania/valores.png) no-repeat;
}

.st-price-table:hover .valores{
    background: url(../../../images/compania/valores2.png) no-repeat;
}





.nosotrosTexto {
  margin: 18px 0;
  font-family: 'Arial';
  font-size: 14px;
    padding: 0 15px;
    text-align: justify;
    color: #000;
}

.serviciosTexto {
  margin: 18px 0;
  font-family: 'Arial';
  font-size: 14px;
    padding: 0 15px;
    text-align: justify;
    color: #000;
    opacity: 0;
    display: none;
    transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}

.nosotros .st-price-table:hover .nosotrosTexto {
    color: #fff;
}

.servicios .st-price-table:hover .serviciosTexto {
    color: #fff;
    opacity: 1;
    display: block;
    transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}

.nosotros .st-price-table {
  background: #fff;
  width: 98%;
  text-align: center;
  padding: 10px 0 23px;
 border: 4px dotted rgba(0,0,0,0.25);
 -webkit-border: 4px dotted rgba(0,0,0,0.25);
	-moz-border: 4px dotted rgba(0,0,0,0.25);
	-ms-border: 4px dotted rgba(0,0,0,0.25);
	-o-border: 4px dotted rgba(0,0,0,0.25);
    transform: scale(1) skew(0deg) translate(0px);
	-webkit-transform: scale(1) skew(0deg) translate(0px);
	-moz-transform: scale(1) skew(0deg) translate(0px);
	-ms-transform: scale(1) skew(0deg) translate(0px);
	-o-transform: scale(1) skew(0deg) translate(0px);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
  cursor: col-resize;
    border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.servicios .st-price-table {
  background: none;
  background-size: cover;
  width: 98%;
  text-align: center;
  padding: 10px 0 23px;
 border: 4px dotted #fff;
 -webkit-border: 4px dotted #fff;
  -moz-border: 4px dotted #fff;
  -ms-border: 4px dotted #fff;
  -o-border: 4px dotted #fff;
    transform: scale(1) skew(0deg) translate(0px);
  -webkit-transform: scale(1) skew(0deg) translate(0px);
  -moz-transform: scale(1) skew(0deg) translate(0px);
  -ms-transform: scale(1) skew(0deg) translate(0px);
  -o-transform: scale(1) skew(0deg) translate(0px);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  cursor: col-resize;
    border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  min-height: 250px;
}

.nosotros .st-price-table:hover {
  background: rgba(11,119,190,0.65);
  width: 98%;
  text-align: center;
  padding: 10px 0 23px;
    border: 4px dotted rgba(255,255,255,0.95);
	-webkit-border: 4px dotted rgba(255,255,255,0.95);
	-moz-border: 4px dotted rgba(255,255,255,0.95);
	-ms-border: 4px dotted rgba(255,255,255,0.95);
	-o-border: 4px dotted rgba(255,255,255,0.95);
	
scale(1.05) skew(0deg) translate(0px)
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
    border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.servicios .st-price-table:hover {
  width: 98%;
  text-align: center;
  padding: 10px 0 23px;
    border: 4px dotted rgba(255,255,255,0.95);
  -webkit-border: 4px dotted rgba(255,255,255,0.95);
  -moz-border: 4px dotted rgba(255,255,255,0.95);
  -ms-border: 4px dotted rgba(255,255,255,0.95);
  -o-border: 4px dotted rgba(255,255,255,0.95);
  
scale(1.05) skew(0deg) translate(0px)
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
    border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.servicios .st-price-table:before {
    content: "";
    background: rgba(9,47,73,0.35);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -0-border-radius: 20px;
}

.servicios .st-price-table:hover:before {
    content: "";
    background: rgba(9,47,73,0.90);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    -0-border-radius: 0px;
}

.servicios .corte {
  background: url(../../../images/servicios/corte-material.jpg);
  background-size: cover;

}

.servicios .importacion {
  background: url(../../../images/servicios/importacion-directa.jpg);
  background-size: cover;
}

.servicios .desarrollo {
  background: url(../../../images/servicios/desarrollo-de-proyectos.jpg);
  background-size: cover;
}

.servicios .empaque {
  background: url(../../../images/servicios/empaque-manejo-ambiental.jpg);
  background-size: cover;
}

.servicios .calidad {
  background: url(../../../images/servicios/control-calidad.jpg);
  background-size: cover;
}


.nosotros .st-price-table h2{
  color: #0b77be;
    margin: 20px 0 0;
}

.nosotros .st-price-table:hover h2{
  color: #000;
}


.servicios .st-price-table h2{
  color: #fff;
  text-shadow: 2px 2px 2px #000;
    margin: 15% 0;
    padding: 0 25px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}

.servicios .st-price-table:hover h2{
  color: #3fc8f4;
  text-shadow: 1px 2px 1px #000;
  margin: 20px 0 0 0;
  font-size: 30px;
  font-weight: bold;
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
}

@media screen and (max-width: 1023px) {
    
    
    #avatar-tool-block {
	color: #fff !important;
	width: 100%;
  height: 100%;
    margin: 0 0 135% 0;
}

    
    
}


@media screen and (max-width: 420px) {
    
    
    .servicios .st-price-table h2{
    font-size: 36px;
}

    
    
}


@media (max-width: 580px) {
    #phoca-dl-categories-box div.pd-categoriesbox {
       width: 100%;
    }
}