/*

#------------------------------------------------------------------------

# Shop and Buy - July Joomla! template (for Joomla 2.5)

#

# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com 

*/



button,

.button,

#gkMainbody .itemReadMore,

#gkMainbody .readmore > a,

input.button,

span.button,

button.button,

div.button,

input[type="submit"],

input[type="button"],

.pagenav-prev a,

.pagenav-next a,

.readon,

.pagination ul li a,

.pagination ul li span,

.gkShowCart a {

  border: none;

  color: #fff;

  cursor: pointer;

  display: block;

  float: left;

  font-size: 11px;

  font-weight: 400;

  height: 30px;

  line-height: 30px;

  text-align: center;

  text-transform: uppercase;

  background-color: #000000;

  margin-top: 0;

  margin-right: 5px;

  margin-bottom: 2px;

  margin-left: 2px;

  padding-top: 0;

  padding-right: 8px;

  padding-bottom: 0;

  padding-left: 8px;

}

.readon {

  color: #fff!important;

  display: inline-block;

  float: none;

  font-size: 11px;

  font-weight: normal;

  height: 30px;

  line-height: 30px;

  text-align: center;

  text-transform: uppercase;

  width: auto;

  margin-top: 0px;

  margin-right: 0;

  margin-bottom: 0;

  margin-left: 0;

  padding-top: 0;

  padding-right: 0px;

  padding-bottom: 0;

  padding-left: 0px;

  background-color: #000000;

}

button:hover,

.button:hover,

input.button:hover,

span.button:hover,

button.button:hover,

div.button:hover,

input[type="submit"]:hover,

input[type="button"]:hover,

.pagenav-prev a:hover,

.pagenav-next a:hover,

.readon:hover,

#gkMainbody .itemReadMore:active,

#gkMainbody .itemReadMore:focus,

#gkMainbody .itemReadMore:hover,

#gkMainbody .readmore > a:active,

#gkMainbody .readmore > a:focus,

#gkMainbody .readmore > a:hover,

.readon:active,

.readon:focus,

.readon:hover,

.gkShowCart a:hover {

  color: #fff;

  background-color: #000000;

}

input[type="text"]:focus,

input[type="password"]:focus,

input[type="url"]:focus,

input[type="email"]:focus,

textarea:focus { background: #fffef4 }

input[type=checkbox],

.checkbox,

input[type=radio],

.radio {

  background: transparent!important;

  border: none!important;

  height: auto!important;

  margin-top: 7px!important

}

label {

  color: #333;

  font-size: 13px;

  font-weight: 400

}

label.invalid {

  background: #fff;

  border: none!important;

  color: #e25527!important

}

legend {

  color: #333;

  font-size: 22px

}

select,

textarea,

input[type="text"],

input[type="password"],

input[type="url"],

input[type="email"] {

  -moz-border-radius: 4px;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  -webkit-border-radius: 4px;

  -webkit-box-sizing: border-box;

  border: 1px solid #e5e5e5;

  border-radius: 4px;

  box-sizing: border-box;

  color: #9c9c9c;

  font-size: 12px;

  font-weight: 400;

  height: 34px;

  max-width: 100%!important;

  padding: 0 15px

}

select {

  height: inherit;

  padding: 6px

}

select[size="1"] {

  height: 29px!important;

  line-height: 24px

}

select[size] {

  font-size: 12px;

  height: auto

}

html.-moz-select { padding: 3px 5px }

table {

  margin-bottom: 20px;

  width: 100%

}

tbody tr td {

  padding: 8px;

  background-color: #FFF;

  border-bottom-width: 0px;

  border-bottom-style: solid;

  border-bottom-color: #eee;

}

tbody tr td p { margin: .5em 0 }

textarea {

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  height: auto;

  max-width: 100%!important;

  padding: 14px

}

th {

  background: #282c2f;

  color: #fff;

  font-weight: 400;

  padding: 10px 8px;

  text-align: left

}

th a { color: #fff!important }

th a:active,

th a:focus,

th a:hover,

article header h1 a:hover,

article header h2 a:hover { color: #4c90fe }

tr:hover { background: #fbfbfb }

ul.pagenav {

  margin: 0;

  overflow: hidden;

  padding: 0

}

#advanced-search-toggle {

  display: block;

  font-size: 16px;

  padding: 10px 0;

  text-align: center

}

#article-index {

  border: 2px solid #eee;

  float: right;

  font-size: 14px;

  margin: 0 0 30px 30px;

  padding: 0 24px;

  width: 160px

}

#article-index h3 {

  font-size: 21px;

  line-height: 1;

  margin: 24px 0 6px

}

#article-index li {

  background: none!important;

  border-top: 1px solid #e5e5e5;

  padding: 7px 0

}

#article-index li a.active,

dl#tabs dt.tabs.open a,

dl.tabs dt.tabs.open a { color: #333 }

#article-index li:first-child {

  border-top: none;

  margin-top: 10px

}

#dynamic_recaptcha_1,

#recaptcha_area {

  margin-bottom: -30px;

  max-width: 480px;

  min-height: 112px

}

#finder-filter-select-list label {

  clear: both;

  float: left;

  font-size: 12px;

  line-height: 36px;

  min-width: 140px

}

#finder-filter-select-list li {

  overflow: hidden;

  padding: 0

}

#gkMainbody #dynamic_recaptcha_1,

#gkMainbody #recaptcha_area { margin-bottom: 10px }

#gkMainbody .itemReadMore,

#gkMainbody .readmore > a { display: inline-block }

#gkMainbody .registration { width: 500px }

#gkSocialAPI {

  border-top: 1px solid #e5e5e5;

  clear: both;

 /* margin: 16px 0;

  padding: 16px 0 0*/

}

#gkSocialAPI #___plus_0 {

  margin-right: 10px!important;

  position: relative;

  top: -5px;

  vertical-align: top

}

#gkSocialAPI > a { top: -5px }

#gkSocialAPI > iframe,

#gkSocialAPI > #___plusone_0 {

  position: relative;

  top: -5px

}

#jform_contact_email_copy { margin-left: 10px }

#member-registration dd { min-width: 200px }

#member-registration dd:after {

  content: '\A';

  white-space: pre

}

#member-registration dt { min-width: 170px }

#member-registration dt,

#member-registration dd {

  display: inline-block;

  padding-bottom: 10px

}

#member-registration fieldset + div,

#member-profile > div { line-height: 35px }

#search-form fieldset.word label,

#search-form fieldset.word input,

#search-form fieldset.word button {

  float: left;

  margin-right: 5px

}

#search-query-explained {

  border-bottom: 1px solid #e5e5e5;

  font-size: 16px;

  padding: 10px 0

}

#search-result-empty h2 { font-size: 18px }

#searchForm fieldset input[type="radio"],

#searchForm fieldset input[type="checkbox"] { margin-top: 7px!important }

#searchForm fieldset legend { padding: 0 4px }

#searchForm fieldset,

.search-results dt {

  border-top: 1px solid #e5e5e5;

  margin: 12px 0 0;

  padding: 18px 0 0

}

#searchForm fieldset.word {

  border: none;

  padding: 0 0 42px

}

#searchForm label,

#searchForm input,

#finder-search input {

  float: left;

  line-height: 29px;

  margin: 0 10px 0 0

}

#system-message { margin: 0; }

#system-message dd {

  background: #3c5166;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  min-height: 40px;

  padding: 5px 10px 7px;

  text-align: center

}

#system-message dd ul { list-style: none!important }

#system-message dd.error { background: #ed6363; }

#system-message dd.notice { background: #1d1d1d; }

#system-message-container {

  margin: 0;

  padding: 0

}

.advanced-search-tip {

  border-bottom: 1px solid #e5e5e5;

  border-top: 1px solid #e5e5e5;

  font-size: 12px;

  margin: 0 0 24px;

  padding: 12px 0

}

.advanced-search-tip p { margin: 0 }

.archive article { padding: 32px 0 0 }

.autocompleter-queried { color: #4c90fe!important }

.bannergroup:first-line,

.bannergroup_text:first-line {

  color: #282c2f;

  font-size: 15px;

  font-weight: 600;

  line-height: 32px

}

.blog article header ul { margin: 0 0 10px }

.box.menu li {

  line-height: 1.5;

  background-color: #807a71;

  padding-top: 2px;

  padding-right: 0;

  padding-bottom: 2px;

  padding-left: 10px;

  color: #FFF;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #CCC;

  background-image: url(../images/style1/tablas.jpg);

  background-repeat: repeat-x;

  border-top-left-radius:6px;

border-top-right-radius:6px;

border-bottom-right-radius:6px;

border-bottom-left-radius:6px;

}

.box.menu li a {

  display: inline-block;

  padding: 5px 0 5px 6px;

}

.box.menu li:before {

  content: "\f101";

  font-family: FontAwesome;

}

.contact h3 {

  border-top: 1px solid #e5e5e5;

  

  padding: 24px 0 0

}

.contact-form .button.validate {

  clear: both;

  margin: 20px 0 0

}

.contact-form legend {

  color: #999;

  font-size: 13px;

  margin: 0 0 24px

}

.contact-image {

  border: 10px solid #fff;

  float: right;

  padding: 0

}

.edit fieldset > div {

  clear: both;

  padding: 5px 0

}

.edit fieldset > div label {

  display: block;

  float: left;

  min-width: 120px

}

.filter-search > label { line-height: 32px }

.filters .display-limit select {

  display: inline!important;

  float: none

}

.filters .display-limit,

ul.pagenav .pagenav-next { float: right }

.form-limit {

  float: right;

  margin: 24px 0 0

}

#gk-ln{

  position: absolute;

  top: 0px;

  left: -5500px;

  }

.img-fulltext-none > div,

.img-fulltext-left > div,

.img-fulltext-right > div {

  float: none!important;

  width: 100%!important

}

.img-fulltext-none img,

.img-fulltext-left img,

.img-fulltext-right img {

  display: block;

  height: auto!important;

  max-width: 100%!important;

  width: 100%!important

}

.img-fulltext-none,

.img-fulltext-left,

.img-fulltext-right {

  float: none;

  margin: 0 0 32px;

  overflow: hidden;

  position: relative

}

.img-intro-left,

.img-intro-right,

.img-intro-center {

  margin-bottom: 16px;

  max-width: 100%!important

}

.img-intro-left,

.img-intro-right,

.img-intro-left > img,

.img-intro-right > img,

section.blog div.img_caption { float: none!important }

.img-intro-none { float: none }

.img-intro-none img {

  float: none!important;

  margin: 0 auto

}

.invalid {

  background: #fffef4;

  border: 1px solid #e25527!important;

  color: #282c2f

}

.item-page > div.pagination { display: none!important }

.item-page ul { list-style-type: none }

.items-leading > div {

  clear: both!important;

  margin-top: 50px

}

.mod-languages ul li a img {

  -moz-transform: scale(1);

  -moz-transform-style: preserve-3d;

  -moz-transition: 0 .1s ease-out;

  -ms-transform: scale(1);

  -ms-transform-style: preserve-3d;

  -o-transform: scale(1);

  -o-transition: 0 .1s ease-out;

  -webkit-transform: scale(1);

  -webkit-transform-style: preserve-3d;

  -webkit-transition: 0 .1s ease-out;

  transform: scale(1);

  transform-style: preserve-3d;

  transition: transform .1s ease-out

}

.mod-languages ul li a:hover img {

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -webkit-transition: 0 .6s ease-out;

  transform: scale(1.2);

  transition: transform .6s ease-out

}

.mod-languages ul li.lang-active { font-weight: 700 }

.mod-languages ul li.lang-active a img {

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1)

}

.mod-languages ul.lang-inline,

.mod-languages ul.lang-block {

  display: inline-block;

  float: left

}

.pagenavcounter { color: #999 }

.pagination {

  clear: both;

  margin: 60px 0 20px;

  padding: 12px 0

}

.pagination ul li {

  background-image: none!important;

  color: #909090;

  cursor: default;

  display: inline-block;

  margin: 0

}

.pagination ul li a { color: #FF7E57!important }

.pagination ul li a,

.pagination ul li span {

  background: none;

  border: 1px solid #eee;

  color: #999;

  margin-right: 2px

}

.pagination ul li a:hover { color: #282c2f!important }

.pagination ul li span { background: #f8f8f8 }

.pagination ul li.counter {

  float: right;

  font-size: 11px;

  line-height: 38px;

  margin-right: 12px

}

.pane-sliders .panel h3 {

  border-bottom: 1px solid #eee;

  color: #282C2F;

  font-size: 16px;

  padding: 16px 0;

  

}

.pane-sliders .panel h3 a { color: #282C2F !important}

.pane-sliders .panel h3 a:hover, .pane-sliders .panel h3.pane-toggler-down a { color: #ED6363 !important}

.pane-sliders .panel p { margin: 1.5em 0 2em}

.profile dd,

.profile-edit dd { padding: 3px 0 }

.profile dt,

.profile-edit dt {

  clear: both;

  color: #282C2F;

  float: left;

  font-size: 12px;

  font-weight: 600;

  line-height: 25px;

  min-width: 200px;

  padding: 3px 0;

  text-transform: uppercase

}

.profile fieldset legend,

.profile-edit fieldset legend { padding: 40px 0 20px }

.profile-edit dt {

  float: left;

  min-width: 30%

}

.result-category,

.result-created {

  color: #AFAFAF;

  font-size: 13px;

  padding: 0 0 8px

}

.result-created {

  float: right;

  margin: 6px 0 0

}

.result-title {

  clear: both;

  color: #333;

  font-size: 24px;

  font-weight: 300

}

.search-results .highlight {

  background-color: #ffc;

  font-weight: 400;

  padding: 1px 4px

}

.search-results dt:first-child,

.box.menu .header + .content ul li:first-child { border-top: none }

.searchintro strong {

  color: #333;

  font-size: 16px;

  font-weight: 400

}

.tip {

  background: #fff;

  border: 1px solid #eee;

  max-width: 350px;

  min-width: 160px;

  padding: 8px

}

.tip-text {

  color: #555;

  font-size: 12px;

  padding: 5px 0

}

.tip-title {

  background: #f47953;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  line-height: 20px;

  padding: 5px 10px

}

.tip-wrap { z-index: 101 }

article aside {

  background: #f8f8f8;

  display: block;

  float: left;

  font-size: 13px;

  padding: 15px;

  text-align: center;

  width: 90px

}

article aside.itemAsideInfo > img,

article aside.itemAsideInfo > ul li { margin: 0 0 22px }

article aside.itemAsideInfo a,

article aside.itemAsideInfo .itemPrintEmail a:hover { color: #848484!important }

article aside.itemAsideInfo a:hover,

article aside.itemAsideInfo .itemPrintEmail a { color: #333!important }

article aside.itemAsideInfo p,

article aside.itemAsideInfo li.itemPrintEmail a {

  color: #333;

  font-weight: 400;

  margin: 0 0 2px

}

article header {

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  margin-top: 0;

  margin-right: 0;

  margin-bottom: 10px;

  margin-left: 0;

}

article header h1,

article header h2 {

  font-size: 30px;

  font-weight: 300;

  position: relative

}

article header li {

  float: left;

  font-size: 13px;

  margin: 0 24px 0 0 !important

}

article header li a { color: #222 }

article header li a:hover { color: #418CD1 }

article header li:first-child,

.box.menu ul ul { margin-left: 0 }

article header ul { margin: 6px 0 }

article,

article > section { position: relative }

article.item-page ul.content-links li { background: none }

div.articleContent div.content-links ul li {

  background: none!important;

  padding-left: 0!important

}

div.bannerfooter {

  border-top: 1px solid #e5e5e5;

  color: #ed6363;

  padding: 5px 5px 0 0;

  text-align: right;

}

div.banneritem {

  border-top: 1px solid #e5e5e5;

  padding: 8px 0;

}

div.banneritem a { font-size: 15px; }

div.mod-languages { text-align: center }

div.mod-languages > div,

div.mod-languages > form {

  display: inline-block;

  margin: 0 3px

}

div.mod-languages > ul.lang-block > li,

div.mod-languages > ul.lang-inline > li {

  line-height: 32px;

  margin: 0 5px

}

div.mod-languages p { margin-bottom: .5em }

div.search-pages-counter {

  font-size: 12px;

  font-style: italic;

  text-align: center

}

dl#tabs dt.tabs h3:hover a,

dl.tabs dt.tabs h3:hover a { cursor: pointer }

dl#tabs dt.tabs span h3 a,

dl.tabs dt.tabs span h3 a {

  float: left;

  height: 30px;

  line-height: 29px;

  margin: 0 8px 0 0;

  padding: 0 8px 0 0

}

dl#tabs dt.tabs span h3,

dl.tabs dt.tabs span h3 {

  font-size: 16px;

  font-weight: 600;

  margin: 0;

  padding: 0;

  text-transform: uppercase

}

dl#tabs dt.tabs,

dl.tabs dt.tabs {

  border-right: 1px solid #e5e5e5;

  float: left;

  margin-right: 24px;

  padding-right: 12px

}

dl#tabs,

dl.tabs {

  border: 1px solid #e5e5e5;

  margin: 0 0 16px;

  min-height: 30px;

  overflow: hidden;

  padding: 12px 24px

}

dt.inline,

dd.inline {

  display: inline-block!important;

  float: left!important;

  width: auto!important

}

fieldset.filters > div > * {

  float: left;

  margin-right: 10px

}

fieldset.filters > div > select { margin-top: 4px }

fieldset.filters,

.blog .leading,

.content-links { margin-bottom: 50px }

fieldset.phrases,

fieldset.only {

  border: 1px solid #e5e5e5;

  padding: 12px 24px 24px!important

}

legend.hidelabeltxt,

.filters .hidelabeltxt,

.contact .jicons-icons,

#system-message dt { display: none }

li.print-icon a,

li.email-icon a {

  position: relative;

  top: 3px

}

p.img_caption {

  color: #999;

  display: block;

  font-size: 11px;

  padding: 8px 0 0

}

section > header {

  margin: 0 0 32px;

  padding: 0

}

section > header div p {

  font-size: 18px;

  font-weight: 300;

  line-height: 1.4;

  text-transform: none

}

section > header h2 small {

  color: #666;

  font-size: 20px

}

section article { margin-top: 20px }

section img {

  height: auto!important;

  max-width: 100%!important;

  padding-right: 10px;

}

section.blog .items-more h3 {

  font-size: 24px;

  line-height: 24px;

  margin-bottom: 20px

}

section.blog .items-row {

  clear: both;

  margin-bottom: 40px;

  overflow: hidden

}

section.blog .items-row header h2,

section.blog-featured .items-row header h2 { font-size: 28px }

section.blog div.img_caption img.caption {

  display: block;

  float: none!important

}

section.blog-featured .items-row {

  margin-bottom: 0;

  margin-top: 40px

}

section.blog-featured .items-row:first-child,

.items-leading > div:first-child,

section article:first-child,

section.blog .items-more ol { margin-top: 0 }

section.categories-list li > div p,

section.category .children li > div p,

section.blog .children li > div p {

  font-size: 14px;

  margin: .5em 0

}

section.categories-list li > dl > dd,

section.category .children li > dl > dd,

section.blog .children li > dl > dd {

  float: left;

  font-weight: 700;

  margin-left: 5px

}

section.categories-list li > dl > dt,

section.category .children li > dl > dt,

section.blog .children li > dl > dt { float: left }

section.categories-list li > dl,

section.category .children li > dl,

section.blog .children li > dl {

  font-size: 11px;

  margin: 0

}

section.categories-list li,

section.category .children li,

section.blog .children li {

  border-top: 1px solid #e5e5e5;

  clear: both;

  font-size: 16px;

  line-height: 1.4;

  overflow: hidden;

  padding: 12px 0

}

section.categories-list ul ul { margin-left: 20px }

section.categories-list ul ul li {

  border: none;

  border-top: 1px solid #eee;

  padding-left: 6px

}

section.categories-list ul ul li:first-child,

section.blog .items-row article header li { border: none }

section.category .children h3,

section.blog .children h3 {

  font-size: 18px;

  font-weight: 300;

  line-height: 24px;

  margin: 20px 0

}

section.category .children,

section.blog .children {

  clear: both;

  margin-top: 32px

}

section.contentpane iframe {

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border: 1px solid #eee;

  box-sizing: border-box

}

section.login .login-fields { padding-bottom: 16px }

section.login .login-fields label {

  display: block;

  float: left;

  line-height: 34px;

  min-width: 100px

}

section.login ul {

  font-size: 14px;

  margin-top: 40px

}

section.newsfeed > ol { list-style: none }

section.newsfeed > ol > li {

  border-top: 1px solid #eee;

  padding: 24px 0 0

}

section.newsfeed > ol > li > a { font-size: 42px }