/*//////////////////////////////////////*/
/*/////////Elementos basicos////////////*/
/*//////////////////////////////////////*/
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font: normal 14px/1.3 arimoRegular, Arial, Helvetica, sans-serif;
  color: #292e3a;
  background: #ffffff;
}

/*Hack (Opera)*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

/*todos los elementos a 0*/
body * {
  margin: 0;
  padding: 0;
}

/*HTML5 tags*/
header, section, footer, aside, nav, main, article, figure {
  display: block;
}

/*preparo titulos y cabeceras*/
h1, h2, h3, h4, h5 {
  /*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
}

.otras_materias {
  background-color: #67b900;
  color: #fff;
  width: 192px;
  padding:6px 4px  6px 4px;
  display: block;
  margin-bottom:24px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  border-radius:6px
}
a.otras_materias:visited {
  color: #fff;
}

.hide {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

br.hide {
  display: none;
}

hr {
  display: none !important;
}

/*listados*/
ul {
  list-style-type: none;
}

/*Formularios*/
.fieldRow:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.field:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

input[type=text], input[type=password], select, textarea {
  padding: 1px 6px 1px 6px;
  height: 28px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  font: normal 13px/1.2 robotoRegular, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  -webkit-transition: box-shadow 500ms, border-color 500ms, background-color 500ms, ease-in 0ms;
  transition: box-shadow 500ms, border-color 500ms, background-color 500ms, ease-in 0ms;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
  outline-style: none;
  border-color: #508d03;
  background-color: #efefef;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

select {
  padding: 3px 3px 3px 3px;
  height: 32px;
}

/*Safari hack*/
_::-moz-svg-foreign-content, :root select {
  text-indent: 3px;
  line-height: 1.7;
}

textarea {
  padding: 1px 0px 1px 3px;
}

input[type=checkbox] {
  width: 13px;
  height: 13px;
  display: block;
}

input[type=radio] {
  margin: auto;
  width: auto;
  height: auto;
  border-style: none;
  display: block;
  background: inherit;
}

textarea {
  resize: none;
}

label {
  font: normal 12px/1.1 robotoBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #39584b;
}

form fieldset {
  border-style: none;
}

form fieldset legend {
  display: none;
}

/*privacidad*/
form .privacy {
  margin: 8px 0;
  padding: 6px 0 0 18px;
  line-height: 1 !important;
  position: relative;
  border-top: 1px solid #d9d9d9;
}
form .privacy input[type=checkbox] {
  left: 0;
  top: 7px;
  position: absolute;
}
form .privacy label {
  margin: 0 !important;
  font: normal 11px/1 arimoRegular, Arial, Helvetica, sans-serif;
  text-transform: none !important;
}
form .privacy label a {
  display: inline !important;
}

/*Errores*/
.warnColor {
  color: #b33131 !important;
}

.fieldError label {
  color: #b33131 !important;
}
.fieldError input[type=text],
.fieldError input[type=password],
.fieldError select,
.fieldError textarea {
  border-color: #c61313;
}
.fieldError .warn {
  font: normal 12px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  color: #b33131 !important;
}
.fieldError .warn.fieldWarn {
  padding: 2px 0 1px;
  text-align: right;
  display: block;
}

/*bot finder*/
.pot {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*botones*/
.submitButton {
  padding: 0;
  width: auto;
  height: 28px;
  text-decoration: none;
  border-width: 0;
  border-radius: 6px;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-color: #487060;
  -webkit-transition: all 50ms linear 0ms;
  transition: all 50ms linear 0ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.submitButton span {
  margin: 0 0;
  padding: 7px 34px 0px 34px;
  width: auto;
  height: 21px;
  font: normal 12px/1 robotoRegular, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  overflow: visible;
  visibility: visible;
}
.submitButton:hover {
  background-color: #309a6f;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.8) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
}
.submitButton:active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.submitButton:active span {
  outline-style: none;
}
.submitButton::-moz-focus-inner {
  padding: 0;
  border: 0;
  margin-top:6px;
  background-color: #67b900;
}

/*Vinculos*/
a:link {
  color: #5d8001;
}

a:visited {
  color: #5d8001;
}

a:hover, a:active {
  color: #06bd73;
  outline-style: none;
}

/*textos en tablas*/
td {
  font-size: 12px;
}

img {
  display: block;
}

/*textos*/
#centro .small {
  font-size: 10px;
}

/*!!!!!!!clear floats (FIREFOX) !!!!!!!!!*/
#cuerpo:after, #colDestacados .modCol:after, #centro .modCont:after, .row:after, .item:after, .formRow:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/*///////////////////////////////*/
/*/////////LAYOUT////////////*/
/*///////////////////////////////*/
#principal {
  margin: 0 auto;
  width: 100%;
  min-width: 994px;
  height: 100%;
  display: table;
}

#header {
  margin: 0 0 0 0;
  padding: 44px 0 0 0;
  width: 100%;
  min-width: 994px;
  height: auto;
  min-height: 201px;
  position: relative;
  z-index: 10;
  background: transparent url(../img/headerBkg.png) center 138px repeat-x;
}
#header #headerSet {
  margin: 0 auto;
  width: 994px;
  height: auto;
  min-height: 201px;
  position: relative;
}
#header #headerSet:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

#cuerpo {
  height: 100%;
  display: table-row;
  width: 994px;
  text-align: left;
  z-index: 5;
  position: relative;
}
#cuerpo #cuerpoSet {
  margin: 0 auto;
  width: 994px;
  max-width: 994px;
}
#cuerpo #cuerpoSet:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/*Columna Izquierda*/
#cuerpo #colIzquierda {
  padding: 0 0 10px 0;
  width: 192px;
  height: auto;
  min-height: 10px;
  float: left;
  z-index: 2;
  position: relative;
}

/*Centro*/
#cuerpo #centro {
  padding: 0 0 10px 18px;
  width: 784px;
  height: auto;
  min-height: 10px;
  float: left;
  z-index: 2;
  position: relative;
}

/*Columna Derecha*/
#cuerpo #colDestacados {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

#footer {
  width: 100%;
  min-width: 994px;
  height: auto;
  min-height: 23px;
  border-bottom: 82px solid #508d03;
  clear: both;
  z-index: 6;
  position: relative;
}
#footer #footerSet {
  margin: 0 auto;
  width: 100%;
  max-width: 994px;
  height: auto;
  position: relative;
}

/*////////////////////////////////*/
/*////////////ELEMENTOS////////////*/
/*////////////////////////////////*/
/*////////////CABECERA////////////*/
/*logo*/
#header #logoHead {
  /*width: 312px;*/
  width: 212px;
  height: 94px;
  float: left;
  position: relative;
  z-index: 200;
  /*background: transparent url(../img/logohead.png) 0 9px no-repeat;*/
}
#header #logoHead a {
  left: 0;
  top: 9px;
  width: 200px;
  height: 69px;
  display: block;
  position: relative;
  /*overflow: hidden;*/
}

/*slogan*/
/*path*/
#header .path {
  padding: 10px 0px 0px 0px;
  left: 0;
  bottom: 0;
  height: 28px;
  word-spacing: -1px;
  white-space: nowrap;
  position: absolute;
  z-index: 5;
  background: transparent url(../img/path_bull.png) 1px 13px no-repeat;
  font-size: 0;
  line-height: 0;
}
#header .path a:link, #header .path a:visited, #header .path strong {
  padding: 1px 2px 1px 0px;
  height: 26px;
  font: normal 12px/1.2 robotoRegular, Arial, Helvetica, sans-serif;
  word-spacing: 0;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
}
#header .path strong {
  font-family: robotoBlack, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #9a9a9a;
}
#header .path .prompt {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}
#header .path .slash {
  padding: 0px 0px 0px 0px;
  width: 7px;
  height: 28px;
  text-indent: 200%;
  display: inline-block;
  background: transparent url(../img/path_sep.png) 2px 7px no-repeat;
}
#header .path .home:link, #header .path .home:visited {
  padding: 0 5px 0 0;
  width: 18px;
  height: 18px;
  text-indent: 200%;
  overflow: hidden;
  background: transparent url(../img/path_homeIcon.png) 0 0 no-repeat;
}
#header .path .home:hover, #header .path .home:active {
  background-position: 0 -18px;
}

/*clientes*/
#header #user {
  right: 0;
  top: -44px;
  height: 53px;
  color: #7b7e76;
  z-index: 15;
  position: absolute;
  overflow: hidden;
}
#header #user .userName {
  padding: 12px 2px 0px 14px;
  font: normal 11px/1 robotoRegular, Arial, Helvetica, sans-serif;
  float: right;
  display: block;
}
#header #user .userName strong {
  font: normal 14px/1.3 robotoBlack, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  color: #4a5043;
  vertical-align: -1px;
}
#header #user .userName br {
  display: none;
}
#header #user ul {
  padding: 0px 0px 0px 0px;
  height: 23px;
  float: right;
  clear: right;
  font-size: 0;
  line-height: 0;
}
#header #user ul li {
  float: left;
}
#header #user ul li a:link, #header #user ul li a:visited {
  padding: 3px 21px 0px 8px;
  height: 20px;
  font: normal 12px/0.9 robotoBold, Arial, Helvetica, sans-serif;
  color: #51ae28;
  display: block;
  background-image: url(../img/user_icons.png);
  background-repeat: no-repeat;
}
#header #user ul li a:hover, #header #user ul li a:active {
  color: #309a6f;
}
#header #user ul li.logIn a:link, #header #user ul li.logIn a:visited {
  background-position: right 0;
}
#header #user ul li.logIn a:hover, #header #user ul li.logIn a:active {
  background-position: right -23px;
}
#header #user ul li.logOut a:link, #header #user ul li.logOut a:visited {
  background-position: right -46px;
}
#header #user ul li.logOut a:hover, #header #user ul li.logOut a:active {
  background-position: right -69px;
}
#header #user.noUser .userName {
  padding: 15px 2px 4px 14px;
}

/*buscador/su compra Breve*/
#header #userTools {
  /*padding: 23px 0px 0px 0px;*/
  padding: 6px 0px 0px 0px;
  height: 71px;
  position: relative;
  z-index: 100;
  
}

/*Buscador*/
#header #buscar {
  padding: 0px 6px 0px 6px;
  width: auto;
  float: left;
  font-size: 0;
  line-height: 0;
}
#header #buscar fieldset {
  background-color: #67b900;
  width: auto;
  height: 43px;
  border: 2px solid #aab0a3;
  border-radius: 6px;
  position: relative;
  z-index: 2;
  border-color: #67b900;
}
#header #buscar fieldset.on {
  border-color: #67b900;
}
#header #buscar fieldset .field {
  background-color: #fff;
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
  width: 380px;
  /*height: 33px;*/
  height: 43px;
  border-style: none;
  position: relative;
  float: left;
}
#header #buscar fieldset .field.selectField {
  margin-right: 36px;
  width: auto;
  overflow: visible;
  float: left;
}
#header #buscar fieldset label {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}
#header #buscar fieldset input[type=text] {
  padding: 0px 14px 0px 14px;
  width: 372px;
  height: 43px;
  font: normal 14px/1.8 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  color: #7b7e76;
  border-style: none;
  border-radius: 0;
  float: left;
  overflow: hidden;
  background-color: transparent;
}
#header #buscar fieldset input[type=text]:focus {
  box-shadow: none;
}
#header #buscar fieldset select {
  height: 43px;
  color: #7b7e76;
  visibility: hidden;
}
#header #buscar fieldset .submitButton.buscar {
  right: 0px;
  top: 0px;
  width: 36px;
  height: 33px;
  display: block;
  border-style: none;
  box-shadow: none;
  border-radius: 0;
  position: absolute;
  background-color: transparent;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
#header #buscar fieldset .submitButton.buscar span {
  width: 36px;
  height: 33px;
  text-indent: 200%;
  background: transparent url(../img/header_bttbuscar.png) 0 0 no-repeat;
}
#header #buscar fieldset .submitButton.buscar:active, #header #buscar fieldset .submitButton.buscar:focus {
  margin: 0 !important;
  outline-style: none;
}
#header #buscar fieldset .submitButton.buscar:active span, #header #buscar fieldset .submitButton.buscar:focus span {
  background-position: 0 -33px;
}
#header #buscar .busquedaAvanzada {
  float: right;
}
#header #buscar .busquedaAvanzada li {
  padding: 2px 0 0 0;
}
#header #buscar .busquedaAvanzada a:link, #header #buscar .busquedaAvanzada a:visited {
  padding: 0px 3px 0px 12px;
  height: 18px;
  font: normal 13px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  color: #5e6951;
  display: block;
  background: transparent url(../img/header_bttbavanzada.png) 0 0 no-repeat;
}
#header #buscar .busquedaAvanzada a:hover, #header #buscar .busquedaAvanzada a:active {
  color: #309a6f;
  background-position: 0 -18px;
}

/*su compra Breve*/
#header #suCompraBreve {
  margin-left: 11px;
  padding: 0;
  height: 37px;
  text-align: right;
  overflow: hidden;
  position: relative;
  z-index: 30;
}
#header #suCompraBreve .suCompraBreveSet {
  padding: 0px 30px 0px 0px;
  height: 37px;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  background: #82867d url(../img/vercomprab_bkg.png) right 0 no-repeat;
}
#header #suCompraBreve .titCompra {
  margin-bottom: 0;
  padding: 11px 7px 1px 13px;
  height: 25px;
  font: normal 13px/1 robotoCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-right: 1px dotted #aaada7;
  display: block;
  float: left;
}
#header #suCompraBreve p {
  padding: 8px 0px 0px 7px;
  height: 29px;
  float: left;
}
#header #suCompraBreve .total {
  font: bold 19px/1 robotoCondensed, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  word-spacing: -2px;
  display: block;
}
#header #suCompraBreve a:link, #header #suCompraBreve a:visited {
  right: 0;
  top: 0;
  width: 500px;
  height: 37px;
  display: block;
  position: absolute;
  z-index: 5;
}
#header #suCompraBreve a:link strong, #header #suCompraBreve a:visited strong {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}
#header #suCompraBreve.compraActive .suCompraBreveSet {
  background-color: #67b900;
}
#header #suCompraBreve.compraActive .titCompra {
  border-right-color: #ffffff;
}

/*menu secciones*/
#header #seccionesMenu {
  top: 113px;
  right: 0;
  z-index: 15;
  position: absolute;
}
#header #seccionesMenu li {
  padding-left: 5px;
  float: left;
}
#header #seccionesMenu a:link, #header #seccionesMenu a:visited {
  padding: 7px 11px 0px 11px;
  height: 22px;
  font: normal 14px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid #afda78;
  border-radius: 2px;
  display: block;
}
#header #seccionesMenu a:hover, #header #seccionesMenu a:active {
  color: white;
  background-color: #afda78;
}
#header #seccionesMenu li.current a:link, #header #seccionesMenu li.current a:visited {
  color: white;
  background-color: #508d03;
}
#header #seccionesMenu strong {
  font-weight: normal;
}

/*menu Principal*/
#header #mainMenu {
  height: 69px;
  z-index: 10;
  clear: both;
  float: left;
  position: relative;
  z-index: 50;
  font-size: 0;
  line-height: 0;
}
#header #mainMenu ul {
  height: 69px;
}
#header #mainMenu li {
  height: 69px;
  float: left;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background-color: #67b900;
}
#header #mainMenu li:hover {
  background-color: #309a6f;
}
#header #mainMenu li a:link, #header #mainMenu li a:visited {
  padding: 23px 12px 2px 15px;
  height: 44px;
  font: normal 18px/1.1 robotoBold, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  border-top: 0px solid transparent;
  display: block;
  z-index: 2;
  position: relative;
}
#header #mainMenu li a:hover, #header #mainMenu li a:active {
  z-index: 10;
}
#header #mainMenu li a:link strong, #header #mainMenu li a:visited strong {
  font-weight: normal;
}
#header #mainMenu li .trigger:link, #header #mainMenu li .trigger:visited {
  padding-right: 25px;
}
#header #mainMenu li .trigger:after {
  content: " ";
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  display: block;
  position: absolute;
  z-index: 2;
}
#header #mainMenu li.current {
  background-color: #57872b;
}
#header #mainMenu li.current:hover {
  background-color: #309a6f;
}
#header #mainMenu .subMenu {
  padding-top: 5px;
  left: 0;
  top: 64px;
  width: auto;
  height: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  position: absolute;
  z-index: 0;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
  /*setUp for jQuery*/
  overflow: hidden;
  visibility: hidden;
  /*setUp for jQuery*/
}
#header #mainMenu .subMenu .cat {
  padding: 8px 13px 5px;
  font: normal 13px/1.1 robotoCondensedLight, Arial, Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  display: block;
  background-color: #309a6f;
}
#header #mainMenu .subMenu .cat:first-child {
  padding-top: 16px;
}
#header #mainMenu .subMenu .cat span {
  display: block;
}
#header #mainMenu .subMenu ul {
  padding: 0px 13px 14px;
  height: auto;
  background-color: #309a6f;
}
#header #mainMenu .subMenu ul:first-child {
  padding-top: 16px;
}
#header #mainMenu .subMenu ul li {
  height: auto;
  border-right-style: none;
  border-bottom: 1px solid #5caf8d;
  float: none;
  background-color: transparent;
}
#header #mainMenu .subMenu ul li a:link, #header #mainMenu .subMenu ul li a:visited {
  padding: 6px 9px 5px 9px;
  height: auto;
  min-width: 204px;
  font: normal 13px/1 robotoMedium, Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  border-style: none;
  background: transparent url(../img/subMenu_bull.png) 2px 10px no-repeat;
}
#header #mainMenu .subMenu ul li a:hover, #header #mainMenu .subMenu ul li a:active {
  background-color: rgba(0, 0, 0, 0.15);
}
#header #mainMenu .subMenu.hiddenMenu {
  line-height: normal;
  height: auto;
  visibility: visible;
  display: block;
  z-index: 2;
  /*background: #FF0000;*/
}
#header #mainMenu .subMenu.hiddenMenu .hiddenUL {
  line-height: normal;
  height: auto;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

/*menu cabecera*/
#header #headerMenu {
  margin-top: -44px;
  left: 0;
  top: 0;
  height: 44px;
  position: absolute;
  z-index: 30;
}
#header #headerMenu li {
  padding: 11px 4px 4px 3px;
  float: left;
}
#header #headerMenu li a:link, #header #headerMenu li a:visited {
  padding: 4px 0 0 6px;
  font: normal 13px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  color: #5e6951;
  text-decoration: none;
  display: block;
  position: relative;
  background: url(../img/headerMenu_bull.png) 0 10px no-repeat;
}
#header #headerMenu li a:hover, #header #headerMenu li a:active {
  color: #309a6f;
  text-decoration: underline;
}

/*////////////Columna Izquierda////////////*/
/*modulos (colIzquierda)*/
#colIzquierda .modCol,
#colDestacados .modCol,
#colIzquierda .modCompra {
  padding: 12px 12px 28px 12px;
  width: 168px;
  border: 0px solid #d9d9d9;
  background-color: #ebebeb;
  -webkit-transition: all 350ms ease-in 0ms;
  transition: all 350ms ease-in 0ms;
}
#colIzquierda .modCol:hover,
#colDestacados .modCol:hover,
#colIzquierda .modCompra:hover {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

#colIzquierda .modVermas, #colDestacados .modVermas {
  margin: -28px 0 8px 0;
  padding: 5px 12px 0 12px;
  width: 168px;
  position: relative;
}
#colIzquierda .modVermas:after, #colDestacados .modVermas:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/*titulos (colIzquierda - colDestacados)*/
#colIzquierda .modTitle, #colDestacados .modTitle, #colIzquierda .titCompra {
  margin-bottom: 4px;
  padding: 0 0 0 0;
  font: normal 20px/1 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #495953;
}

/*Separador de secciones (colIzquierda - colDestacados)*/
#colIzquierda .hr, #colDestacados .hr {
  height: 20px;
  display: block;
  clear: both;
  overflow: hidden;
}

/*Parrafos (colIzquierda - colDestacados)*/
#colIzquierda p, #colIzquierda ul, #colDestacados p, #colDestacados ul {
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 1.3;
}

/*listados (colIzquierda - colDestacados)*/
#colIzquierda ul li, #colDestacados ul li {
  padding: 0 0 5px 17px;
  line-height: 1.2;
  background: url(../img/list_bull.png) 0 2px no-repeat;
}
#colIzquierda ul li ul, #colDestacados ul li ul {
  padding: 5px 0 4px 0;
}

/*menu Izquierda (izqMenu)*/
#colIzquierda #izqMenu {
  width: 192px;
  font-size: 0;
  line-height: 0;
}
#colIzquierda #izqMenu ul {
  padding: 1px 0 0 0;
}
#colIzquierda #izqMenu li {
  padding: 0 0 1px 0;
  overflow: hidden;
}
#colIzquierda #izqMenu li a:link, #colIzquierda #izqMenu li a:visited {
  padding: 8px 18px 7px 17px;
  font: normal 12px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  word-wrap: break-word;
  color: #ffffff;
  display: block;
  overflow: visible;
  background: #82867d;
}
#colIzquierda #izqMenu li a:link strong, #colIzquierda #izqMenu li a:visited strong {
  font-weight: normal;
}
#colIzquierda #izqMenu li a:hover, #colIzquierda #izqMenu li a:active {
  background-color: #67b900;
}

/*Boletin de Novedades (colIzquierda)*/
#colIzquierda .modCol.boletin {
  padding: 12px 12px 10px 12px;
  width: 168px;
}
#colIzquierda .modCol.boletin p {
  padding-bottom: 6px;
}
#colIzquierda .modCol.boletin p strong {
  color: #39584b;
}
#colIzquierda .modCol.boletin input[type=text] {
  margin-bottom: 3px;
  width: 154px;
}
#colIzquierda .modCol.boletin ul {
  padding: 2px 0 0;
  width: 168px;
  font-size: 0;
  line-height: 0;
}
#colIzquierda .modCol.boletin ul li {
  margin-bottom: 1px;
  padding: 0;
  background-image: none;
}
#colIzquierda .modCol.boletin ul li label {
  padding: 1px 0 2px 17px;
  font-size: 12px;
  line-height: 1.1;
  text-transform: none;
  display: block;
  position: relative;
}
#colIzquierda .modCol.boletin ul li input[type=checkbox] {
  left: 0;
  top: 1px;
  display: block;
  position: absolute;
}
#colIzquierda .modCol.boletin .privacy {
  padding: 6px 18px 0;
}
#colIzquierda .modCol.boletin .submitButton.izqEnviar {
  margin: 6px 0 0 0;
  width: 168px;
}
#colIzquierda .modCol.boletin .submitButton.izqEnviar span {
  display: block;
  background: url(../img/btt_confirm.png) right 0 no-repeat;
}

/*contenidos online (colIzquierda)*/
#colIzquierda #contOnline .modTitle {
  margin: 0;
  padding: 6px 12px 8px;
  font: normal 17px/1 robotoBlack, Arial, Helvetica, sans-serif;
  letter-spacing: -0.04em;
  text-align: center;
  color: #ffffff;
  background-color: #7d5f55;
}
#colIzquierda #contOnline .modCol {
  padding-bottom: 6px;
  background-color: #ded2c0;
}
#colIzquierda #contOnline .modCol:before {
  content: "";
  display: block;
  margin-bottom: 8px;
  width: 100%;
  padding-bottom: 24.36364%;
  background: transparent url(../img/logoEditorial.png) 0 0 no-repeat;
  background-origin: border-box;
  background-size: 100%;
}
#colIzquierda #contOnline .modCol p {
  padding-bottom: 8px;
}
#colIzquierda #contOnline .modCol .field {
  width: 100%;
}
#colIzquierda #contOnline .modCol label {
  padding: 0 0 2px 0;
  color: #485059;
  display: inline-block;
}
#colIzquierda #contOnline .modCol input[type=text], #colIzquierda #contOnline .modCol input[type=password] {
  margin-bottom: 3px;
  width: 154px;
}
#colIzquierda #contOnline .modCol .remember {
  margin: 8px 0;
  padding: 6px 0 0 18px;
  line-height: 1 !important;
  position: relative;
  border-top: 1px solid #d9d9d9;
}
#colIzquierda #contOnline .modCol .remember input[type=checkbox] {
  left: 0;
  top: 7px;
  position: absolute;
}
#colIzquierda #contOnline .modCol .remember label {
  margin: 0 !important;
  font: normal 11px/1 arimoRegular, Arial, Helvetica, sans-serif;
  text-transform: none !important;
}
#colIzquierda #contOnline .modCol .remember label a {
  display: inline !important;
}
#colIzquierda #contOnline .modCol .prompt {
  margin-top: 10px;
  padding: 7px 0 0 0;
  font-size: 0.75em;
  position: relative;
  border-top: 1px solid rgba(125, 95, 85, 0.2);
}
#colIzquierda #contOnline .modCol .prompt a {
  padding-bottom: 5px;
  line-height: 1.1;
  color: #a7680e;
  display: inline-block;
}
#colIzquierda #contOnline .modCol .submitButton {
  margin: 6px 0 0 0;
  width: 100%;
  text-align: center;
  background-color: #b9944c;
}
#colIzquierda #contOnline .modCol .submitButton:hover, #colIzquierda #contOnline .modCol .submitButton:active {
  background-color: #ab897b;
}
#colIzquierda #contOnline .modCol .submitButton.registro:link, #colIzquierda #contOnline .modCol .submitButton.registro:visited {
  color: #ffffff;
  background-color: #7C5D51;
}
#colIzquierda #contOnline .modCol .submitButton.registro:hover, #colIzquierda #contOnline .modCol .submitButton.registro:active {
  color: #ffffff;
  background-color: #ab897b;
}


/*su compra*/
/*Redes Sociales (colIzquierda - colDestacados))*/
#colIzquierda .modCol.socialNetworks,
#colDestacados .modCol.socialNetworks {
  margin: 0 0 16px;
  padding: 0;
  width: 192px;
  height: auto;
  border-style: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
}
#colIzquierda .modCol.socialNetworks h4,
#colDestacados .modCol.socialNetworks h4 {
  margin-bottom: 0;
  height: 26px;
  background: transparent url(../img/snTit.png) 0 0 no-repeat;
}
#colIzquierda .modCol.socialNetworks h4#titTwitter,
#colDestacados .modCol.socialNetworks h4#titTwitter {
  background-position: 0 -26px;
}
#colIzquierda .modCol.socialNetworks #bodyFacebook, #colIzquierda .modCol.socialNetworks #bodyTwitter, #colIzquierda .modCol.socialNetworks #bodyGoogle,
#colDestacados .modCol.socialNetworks #bodyFacebook,
#colDestacados .modCol.socialNetworks #bodyTwitter,
#colDestacados .modCol.socialNetworks #bodyGoogle {
  padding: 0 9px 10px 9px;
  width: 172px;
  height: auto;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  -webkit-transition: all 350ms ease-in 0ms;
  transition: all 350ms ease-in 0ms;
}
#colIzquierda .modCol.socialNetworks #bodyFacebook:hover, #colIzquierda .modCol.socialNetworks #bodyTwitter:hover, #colIzquierda .modCol.socialNetworks #bodyGoogle:hover,
#colDestacados .modCol.socialNetworks #bodyFacebook:hover,
#colDestacados .modCol.socialNetworks #bodyTwitter:hover,
#colDestacados .modCol.socialNetworks #bodyGoogle:hover {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}
#colIzquierda .modCol.socialNetworks #bodyFacebook iframe,
#colDestacados .modCol.socialNetworks #bodyFacebook iframe {
  margin: 0 -9px;
}
#colIzquierda .modCol.socialNetworks .hr,
#colDestacados .modCol.socialNetworks .hr {
  margin: 0;
  height: 4px;
  border-style: none;
}

/*publicidad (colIzquierda - colDestacados)*/
#colIzquierda .publicidad, #colDestacados .publicidad {
  width: 192px;
  position: relative;
  font-size: 0;
  line-height: 0;
}
#colIzquierda .publicidad a:link, #colIzquierda .publicidad a:visited, #colIzquierda .publicidad .flashBanner, #colDestacados .publicidad a:link, #colDestacados .publicidad a:visited, #colDestacados .publicidad .flashBanner {
  margin-top: 15px;
  width: 192px;
  overflow: hidden;
  display: block;
  position: relative;
}
#colIzquierda .publicidad a:first-child, #colDestacados .publicidad a:first-child {
  margin-top: 0;
}
#colIzquierda .publicidad a img, #colDestacados .publicidad a img {
  z-index: 1;
}

/*////////////Columna Centro////////////*/
/*titulos Contenido*/
/*Titulos destacados*/
.destacaTitle {
  margin-bottom: 10px;
  font: normal 30px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #495953;
  letter-spacing: -2px;
}
.destacaTitle strong, .destacaTitle cite {
  font-style: normal;
  font-weight: normal;
  color: #309a6f;
}

.destacaTitleB {
  margin-bottom: 8px;
  font: normal 22px/1 robotoMedium, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #4a7720;
}
.destacaTitleB span {
  padding-bottom: 1px;
  border-bottom: 2px solid #d0dcc5;
  display: inline-block;
}
.destacaTitleB strong, .destacaTitleB cite {
  font-style: normal;
  font-weight: normal;
  color: #67b900;
}

.destacaTitleC {
  margin-bottom: 8px;
  font: normal 19px/1 robotoCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #118355;
}
.destacaTitleC span {
  padding-bottom: 2px;
  border-bottom: 1px dotted #118355;
  display: inline-block;
}

/*Parrafos (Centro)*/
#centro p, #centro ul, #centro ol {
  padding-bottom: 12px;
}

/*listados, listados de links, listados horizontales*/
#centro ul ul li, #centro ol li ul li, #fancybox-content #fancyContentWrapper ul ul li, #fancybox-content #fancyContentWrapper ol li ul li {
  padding-left: 8px;
  background: url(../img/list_bull3.png) no-repeat 0px 7px;
}

#centro ul ol li, #centro ol li, #fancybox-content #fancyContentWrapper ul ol li, #fancybox-content #fancyContentWrapper ol li {
  padding-left: 0;
  margin: 0 0 2px 22px;
  background-image: none;
}

#centro ul li {
  padding: 0 0 5px 11px;
  background: url(../img/list_bull.png) no-repeat 4px 6px;
}
#centro ul ul {
  padding: 5px 0 5px 2px;
}

#centro ol li ul li {
  margin: 0;
}

#centro address {
  font-style: normal;
}

/*Separador de secciones*/
#centro .hr {
  height: 20px;
  display: block;
  clear: both;
  overflow: hidden;
}

/*ver mas (centro, colIzquierda, colDestacados)*/
.vermas:link, .vermas:visited {
  padding: 0 15px 4px 0;
  height: 14px;
  font: normal 13px/1 robotoMedium, Arial, Helvetica, sans-serif;
  color: #5d8001;
  white-space: nowrap;
  display: block;
  float: right;
  overflow: hidden;
  background: transparent url(../img/item_masinfo.png) right 2px no-repeat;
}
.vermas:hover, .vermas:active {
  color: #06bd73;
  background-position: right -19px;
}
.vermas.arriba {
  background-image: url(../img/item_toTop.png);
}

/*ver mas (arriba)*/
/*Publicidad Portada*/
#centro .publicidad.sliderShow {
  padding: 0px 0px 22px 0px;
  width: 784px;
  overflow: hidden;
  /*jQuery wrapper styles*/
}
#centro .publicidad.sliderShow .sliderWrapper {
  padding: 0px 0px 0px 0px;
  border: 1px solid #ebe7df;
  border-radius: 2px;
  background-color: #ffffff;
}
#centro .publicidad.sliderShow .sliderWrapper .anythingWindow {
  border-radius: 2px;
}

/*Modulos Contenido*/
#centro .modCont {
  padding: 10px 16px 28px 16px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  overflow: visible;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  -webkit-transition: all 350ms ease-in 0ms;
  transition: all 350ms ease-in 0ms;
}
#centro .modCont:hover {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

#centro .modVermas {
  margin-top: -15px;
  padding: 6px 0 4px;
}
#centro .modVermas:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/*Titulos (Modulos de contenido)*/
#centro .modTitle {
  margin: 0 -6px 10px;
  padding: 6px 10px 4px 10px;
  font: normal 16px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 3px;
  position: relative;
  background-color: #8eb35e;
}

/*Menu Seccion*/
/*Items (Default)*/
.item, #centro .item, #colIzquierda .item, #colDestacados .item {
  padding: 0;
  background-image: none;
}
.item:before, #centro .item:before, #colIzquierda .item:before, #colDestacados .item:before {
  -webkit-transition: all 350ms ease-in 0ms;
  transition: all 350ms ease-in 0ms;
}
.item:hover, #centro .item:hover, #colIzquierda .item:hover, #colDestacados .item:hover {
  /**/
}
.item:hover:before, .item:active:before, #centro .item:hover:before, #centro .item:active:before, #colIzquierda .item:hover:before, #colIzquierda .item:active:before, #colDestacados .item:hover:before, #colDestacados .item:active:before {
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

/*Bloque titulo*/
.item .titBlock {
  padding-bottom: 5px;
  z-index: 2;
}
.item .titBlock .date {
  padding-bottom: 2px;
  font: normal 11px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  color: #767b7f;
  display: block;
}
.item .titBlock h2 {
  padding: 0 0 4px;
  font: normal 16px/1.1 robotoMedium, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  /*background: #000FFF;*/
}
.item .titBlock h2 a:link, .item .titBlock h2 a:visited {
  color: #495953;
  text-decoration: none;
}
.item .titBlock h2 a:hover, .item .titBlock h2 a:active {
  color: #51ae28;
}
.item .titBlock h2 strong {
  padding-top: 1px;
  font: normal 12px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  color: #487060;
  display: block;
}

/*autor*/
.item .autor,
#centro .item .autor,
#colIzquierda .item .autor,
#colDestacados .item .autor {
  padding: 0 0 1px;
  font: normal 9px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  color: #706f6f;
  display: block;
}
.item .autor cite,
#centro .item .autor cite,
#colIzquierda .item .autor cite,
#colDestacados .item .autor cite {
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  vertical-align: -1px;
}

/*Editorial*/
.item .editorial,
#centro .item .editorial,
#colIzquierda .item .editorial,
#colDestacados .item .editorial {
  padding: 2px 0 2px;
  font: normal 11px/1.1 robotoBold, Arial, Helvetica, sans-serif;
  color: #88898e;
  text-transform: uppercase;
}
.item .editorial strong,
#centro .item .editorial strong,
#colIzquierda .item .editorial strong,
#colDestacados .item .editorial strong {
  font-weight: normal;
}

/*Prepublicacion*/
.item .prepublicacion,
#centro .item .prepublicacion,
#centro .item .descripcion .prepublicacion,
#colIzquierda .item .prepublicacion,
#colDestacados .item .prepublicacion {
  margin: 5px auto 8px;
  padding: 3px 4px 4px 4px;
  font: normal 11px/1.1 robotoBold, Arial, Helvetica, sans-serif;
  text-align: center;
  width: 80%;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  background-color: #67b900;
}
.item .prepublicacion:before, .item .prepublicacion:after,
#centro .item .prepublicacion:before,
#centro .item .prepublicacion:after,
#centro .item .descripcion .prepublicacion:before,
#centro .item .descripcion .prepublicacion:after,
#colIzquierda .item .prepublicacion:before,
#colIzquierda .item .prepublicacion:after,
#colDestacados .item .prepublicacion:before,
#colDestacados .item .prepublicacion:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -9.55px;
  border: 9.55px solid #5eaa00;
  z-index: -1;
}
.item .prepublicacion:before,
#centro .item .prepublicacion:before,
#centro .item .descripcion .prepublicacion:before,
#colIzquierda .item .prepublicacion:before,
#colDestacados .item .prepublicacion:before {
  left: -14.325px;
  border-right-width: 14.325px;
  border-left-color: transparent;
}
.item .prepublicacion:after,
#centro .item .prepublicacion:after,
#centro .item .descripcion .prepublicacion:after,
#colIzquierda .item .prepublicacion:after,
#colDestacados .item .prepublicacion:after {
  right: -14.325px;
  border-left-width: 14.325px;
  border-right-color: transparent;
}
.item .prepublicacion strong,
#centro .item .prepublicacion strong,
#centro .item .descripcion .prepublicacion strong,
#colIzquierda .item .prepublicacion strong,
#colDestacados .item .prepublicacion strong {
  font-weight: normal;
  display: block;
}
.item .prepublicacion strong:before, .item .prepublicacion strong:after,
#centro .item .prepublicacion strong:before,
#centro .item .prepublicacion strong:after,
#centro .item .descripcion .prepublicacion strong:before,
#centro .item .descripcion .prepublicacion strong:after,
#colIzquierda .item .prepublicacion strong:before,
#colIzquierda .item .prepublicacion strong:after,
#colDestacados .item .prepublicacion strong:before,
#colDestacados .item .prepublicacion strong:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #4b8600 transparent transparent transparent;
  bottom: -9.55px;
}
.item .prepublicacion strong:before,
#centro .item .prepublicacion strong:before,
#centro .item .descripcion .prepublicacion strong:before,
#colIzquierda .item .prepublicacion strong:before,
#colDestacados .item .prepublicacion strong:before {
  left: 0;
  border-width: 9.55px 0 0 9.55px;
}
.item .prepublicacion strong:after,
#centro .item .prepublicacion strong:after,
#centro .item .descripcion .prepublicacion strong:after,
#colIzquierda .item .prepublicacion strong:after,
#colDestacados .item .prepublicacion strong:after {
  right: 0;
  border-width: 9.55px 9.55px 0 0;
}

/*Imagen*/
.item .imagen {
  position: relative;
  z-index: 2;
  font-size: 0;
  line-height: 0;
}
.item .imagen a:link, .item .imagen a:visited, .item .imagen .imageFrame {
  width: auto;
  display: block;
  position: relative;
  z-index: 2;
  box-shadow: 4px 4px 0 0 #dedede;
}
.item .imagen a:link img, .item .imagen a:visited img, .item .imagen .imageFrame img {
  border: 1px solid #ffffff;
}
.item .novedadIco {
  left: -2px;
  top: -2px;
  width: 60px;
  height: 60px;
  text-indent: 100%;
  z-index: 2;
  display: block;
  position: absolute;
  background: transparent url(../img/ico_novedad.png) -75px 0 no-repeat;
}
/*
.item .ofertaIco {
  right: -20px;
  bottom: 8px;
  width: 53px;
  height: 53px;
  text-indent: 100%;
  display: block;
  position: absolute;
  background: transparent url(../img/ico_oferta.png) -63px 0 no-repeat;
}
*/

/*redes sociales*/
#centro .item .socialNetworks {
  margin: 0;
  width: auto;
  height: auto;
  text-align: left;
  z-index: 1;
  font-size: 0;
  line-height: 0;
}
#centro .item .socialNetworks strong {
  font: normal 9px/10px arimoRegular, Arial, Helvetica, sans-serif;
  color: #83919c;
}
#centro .item .socialNetworks ul {
  padding: 4px 0 0 0;
  white-space: nowrap;
}
#centro .item .socialNetworks ul li {
  padding: 0 0 0 3px;
  height: 18px;
  width: 18px;
  overflow: hidden;
  display: inline-block;
  background-image: none;
  font-size: 0;
  line-height: 0;
}
#centro .item .socialNetworks ul li:first-child {
  padding: 0;
}
#centro .item .socialNetworks ul li a {
  width: 18px;
  height: 18px;
  border-style: none;
  display: block;
  background-image: url(../img/sn_shareicons.png);
  background-repeat: no-repeat;
}
#centro .item .socialNetworks ul .faceBook a {
  background-position: 0 0;
}
#centro .item .socialNetworks ul .twitter a {
  background-position: 0 -18px;
}
#centro .item .socialNetworks ul .tuenti a {
  background-position: 0 -36px;
}
#centro .item .socialNetworks ul .gplus a {
  background-position: 0 -54px;
}
#centro .item .socialNetworks ul .blogger a {
  background-position: 0 -72px;
}
#centro .item .socialNetworks ul .linkedIn a {
  background-position: 0 -90px;
}

/*preview Google*/
/*descripcion*/
.item .descripcion,
#centro .item .descripcion,
#colIzquierda .item .descripcion,
#colDestacados .item .descripcion {
  padding: 0 0 5px 0;
}
.item .descripcion p,
#centro .item .descripcion p,
#colIzquierda .item .descripcion p,
#colDestacados .item .descripcion p {
  padding: 0 0 12px 0;
}

/*datos*/
.item .datos,
#centro .item .datos,
#colIzquierda .item .datos,
#colDestacados .item .datos {
  color: #7c8083;
}
.item .datos ul,
#centro .item .datos ul,
#colIzquierda .item .datos ul,
#colDestacados .item .datos ul {
  padding: 0 0 2px;
}
.item .datos ul li,
#centro .item .datos ul li,
#colIzquierda .item .datos ul li,
#colDestacados .item .datos ul li {
  padding: 0 0 1px 7px;
  font: normal 12px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  background-image: url(../img/list_bull3.png);
  background-position: 0 4px;
}

/*Datos Extra*/
/*formatos disponibles*/
#centro .item .bookFormats,
#colIzquierda .item .bookFormats,
#colDestacados .item .bookFormats {
  padding: 0;
}
#centro .item .bookFormats .format,
#colIzquierda .item .bookFormats .format,
#colDestacados .item .bookFormats .format {
  margin-top: -1px;
  border: 1px solid transparent;
  border-bottom-color: #e3e3e3;
  border-top-color: #e3e3e3;
  position: relative;
  background-image: none;
}
#centro .item .bookFormats .format:hover,
#colIzquierda .item .bookFormats .format:hover,
#colDestacados .item .bookFormats .format:hover {
  border-color: #9eb58a;
  border-radius: 3px;
  background-color: #ebebeb;
  z-index: 1;
}
#centro .item .bookFormats .format:after,
#colIzquierda .item .bookFormats .format:after,
#colDestacados .item .bookFormats .format:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#centro .item .bookFormats .formatType,
#colIzquierda .item .bookFormats .formatType,
#colDestacados .item .bookFormats .formatType {
  font: normal 12px/1.2 robotoBlack, Arial, Helvetica, sans-serif;
  color: #495953;
  display: inline-block;
}
#centro .item .bookFormats .formatType span,
#colIzquierda .item .bookFormats .formatType span,
#colDestacados .item .bookFormats .formatType span {
  padding: 8px 0 4px 28px;
  display: block;
  background: url(../img/ico_formats.png) 0 0 no-repeat;
}
#centro .item .bookFormats .formatType.epub span,
#colIzquierda .item .bookFormats .formatType.epub span,
#colDestacados .item .bookFormats .formatType.epub span {
  background-position: 0 -26px;
}
#centro .item .bookFormats .formatType br,
#colIzquierda .item .bookFormats .formatType br,
#colDestacados .item .bookFormats .formatType br {
  display: none;
}
#centro .item .bookFormats .novedadIco,
#colIzquierda .item .bookFormats .novedadIco,
#colDestacados .item .bookFormats .novedadIco {
  width: 50px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-position: -186px -47px;
}
#centro .item .bookFormats .ofertaIco,
#colIzquierda .item .bookFormats .ofertaIco,
#colDestacados .item .bookFormats .ofertaIco {
  right: 0;
  bottom: 0;
  width: 39px;
  height: 39px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background-position: -116px 1px;
}

/*valoracion*/
.item .valoracion,
#centro .item .valoracion,
#colIzquierda .item .valoracion,
#colDestacados .item .valoracion {
  padding: 0;
  font-size: 11px;
  line-height: 12px;
  color: #9a9999;
}
.item .valoracion a:link, .item .valoracion a:visited,
#centro .item .valoracion a:link,
#centro .item .valoracion a:visited,
#colIzquierda .item .valoracion a:link,
#colIzquierda .item .valoracion a:visited,
#colDestacados .item .valoracion a:link,
#colDestacados .item .valoracion a:visited {
  color: #51ae28;
}
.item .valoracion a:hover, .item .valoracion a:active,
#centro .item .valoracion a:hover,
#centro .item .valoracion a:active,
#colIzquierda .item .valoracion a:hover,
#colIzquierda .item .valoracion a:active,
#colDestacados .item .valoracion a:hover,
#colDestacados .item .valoracion a:active {
  color: #309a6f;
}
.item .valoracion .vercomentarios,
#centro .item .valoracion .vercomentarios,
#colIzquierda .item .valoracion .vercomentarios,
#colDestacados .item .valoracion .vercomentarios {
  color: #9a9999;
}
.item .valoracion a.vercomentarios:link, .item .valoracion a.vercomentarios:visited,
#centro .item .valoracion a.vercomentarios:link,
#centro .item .valoracion a.vercomentarios:visited,
#colIzquierda .item .valoracion a.vercomentarios:link,
#colIzquierda .item .valoracion a.vercomentarios:visited,
#colDestacados .item .valoracion a.vercomentarios:link,
#colDestacados .item .valoracion a.vercomentarios:visited {
  color: #9a9999;
  text-decoration: none;
}
.item .valoracion a.vercomentarios:hover, .item .valoracion a.vercomentarios:active,
#centro .item .valoracion a.vercomentarios:hover,
#centro .item .valoracion a.vercomentarios:active,
#colIzquierda .item .valoracion a.vercomentarios:hover,
#colIzquierda .item .valoracion a.vercomentarios:active,
#colDestacados .item .valoracion a.vercomentarios:hover,
#colDestacados .item .valoracion a.vercomentarios:active {
  color: #0b8ea2;
  text-decoration: underline;
}

/*precio Normal*/
.item .pvp,
#centro .item .pvp,
#colIzquierda .item .pvp,
#colDestacados .item .pvp {
  padding: 0;
  color: #984d48;
  white-space: nowrap;
  position: relative;
}
.item .pvp p,
#centro .item .pvp p,
#colIzquierda .item .pvp p,
#colDestacados .item .pvp p {
  padding: 0;
}
.item .pvp p strong,
#centro .item .pvp p strong,
#colIzquierda .item .pvp p strong,
#colDestacados .item .pvp p strong {
  font: normal 26px/1.1 texgyreadventorBold, Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  word-spacing: -1px;
  display: block;
}
.item .pvp p strong span,
#centro .item .pvp p strong span,
#colIzquierda .item .pvp p strong span,
#colDestacados .item .pvp p strong span {
  font: normal 9px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  vertical-align: 2px;
}
.item .pvp p strong br,
#centro .item .pvp p strong br,
#colIzquierda .item .pvp p strong br,
#colDestacados .item .pvp p strong br {
  display: none;
}

/*precio Oferta*/
.item .pvp.oferta .antes,
#centro .item .pvp.oferta .antes,
#colIzquierda .item .pvp.oferta .antes,
#colDestacados .item .pvp.oferta .antes {
  font: normal 9px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  color: #6a6b75;
  display: block;
}
.item .pvp.oferta .antes del,
#centro .item .pvp.oferta .antes del,
#colIzquierda .item .pvp.oferta .antes del,
#colDestacados .item .pvp.oferta .antes del {
  font: bold 14px/1 robotoRegular, Arial, Helvetica, sans-serif;
  word-spacing: -1px;
}
.item .pvp.oferta br,
#centro .item .pvp.oferta br,
#colIzquierda .item .pvp.oferta br,
#colDestacados .item .pvp.oferta br {
  display: none;
}

/*precio Oferta sin Precio Oferta Clever AH*/
.item .pvp.oferta.sinPrecioOferta strong span,
#centro .item .pvp.oferta.sinPrecioOferta strong span,
#colIzquierda .item .pvp.oferta.sinPrecioOferta strong span,
#colDestacados .item .pvp.oferta.sinPrecioOferta strong span {
  margin-bottom: 0 !important;
  display: inline-block !important;
}

/*estado stock*/
#centro .item .estado {
  padding: 0;
  font-size: 0;
  line-height: 0;
}
#centro .item .estado strong {
  padding: 4px 20px 5px 0;
  font: bold 11px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  color: #438c2f;
  cursor: help;
  display: inline-block;
  background: transparent url(../img/stock_ico.png) right 1px no-repeat;
}
#centro .item .estado.estado_4 strong {
  color: #e79f05;
  background-position: right -47px;
}
#centro .item .estado.estado_2 strong, #centro .item .estado.estado_3 strong {
  color: #b33131;
  background-position: right -94px;
}
#centro .item .estado span {
  display: block;
}

/*comprar*/
.item .itemForm, .item .fichaForm form {
  z-index: 2;
  position: relative;
  font-size: 0;
  line-height: 0;
}
.item .itemForm .submitButton.comprar, .item .itemForm .submitButton.verCompra, .item .itemForm .submitButton.avisar, .item .fichaForm form .submitButton.comprar, .item .fichaForm form .submitButton.verCompra, .item .fichaForm form .submitButton.avisar {
  width: 146px;
}
.item .itemForm .submitButton.comprar span, .item .itemForm .submitButton.verCompra span, .item .itemForm .submitButton.avisar span, .item .fichaForm form .submitButton.comprar span, .item .fichaForm form .submitButton.verCompra span, .item .fichaForm form .submitButton.avisar span {
  text-align: center;
  display: block;
  background: transparent url(../img/btt_comprarlista.png) right 0 no-repeat;
}
.item .itemForm .submitButton.avisar:link, .item .itemForm .submitButton.avisar:visited, .item .fichaForm form .submitButton.avisar:link, .item .fichaForm form .submitButton.avisar:visited {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #30829a;
}
.item .itemForm .submitButton.avisar:link span, .item .itemForm .submitButton.avisar:visited span, .item .fichaForm form .submitButton.avisar:link span, .item .fichaForm form .submitButton.avisar:visited span {
  padding-right: 32px;
  display: block;
  background: url(../img/btt_confirm.png) right 0 no-repeat;
}
.item .itemForm .submitButton.avisar:hover, .item .itemForm .submitButton.avisar:active, .item .fichaForm form .submitButton.avisar:hover, .item .fichaForm form .submitButton.avisar:active {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #12aedc;
}

/*Filas*/
.row, #centro .row {
  margin: 0 0 21px;
  padding: 0;
  width: 784px;
  position: relative;
  /*overflow: hidden;*/
}
.row:after, #centro .row:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/*Items (en DOS COLUMNAS)*/
/*Items (en TRES COLUMNAS)*/
/*Items (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item {
  margin-left: 16px;
  padding: 15px 12px 85px 12px;
  width: 160px;
  position: static;
  float: left;
}
#centro .row.cuatroCol .item:first-child {
  margin-left: 0;
}
#centro .row.cuatroCol .item:before {
  content: " ";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 182px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  height: 100%;
}
#centro .row.cuatroCol .item:nth-child(2):before {
  left: 200px;
}
#centro .row.cuatroCol .item:nth-child(3):before {
  left: 400px;
}
#centro .row.cuatroCol .item:nth-child(4):before {
  left: 600px;
}

/*Bloque titulo (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .titBlock {
  margin-top: 162px;
  padding-top: 10px;
  text-align: center;
  position: relative;
  z-index: 4;
}
#centro .row.cuatroCol .item .titBlock h2 strong {
  padding-top: 3px;
  font-size: 12px;
  letter-spacing: 0;
}

/*autor (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .autor {
  padding-bottom: 4px;
}
#centro .row.cuatroCol .item .autor cite {
  font-size: 12px;
}

/*Editorial (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .editorial {
  padding-top: 2px;
  font-size: 10px;
}

/*Imagen (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .imagen {
  padding-top: 15px;
  width: 160px;
  top: 0;
  height: 162px;
  text-align: center;
  position: absolute;
}
#centro .row.cuatroCol .item .imagen a {
  display: inline-block;
  position: relative;
}
#centro .row.cuatroCol .item .imagen a img {
  border-width: 1px;
}
#centro .row.cuatroCol .item .novedadIco {
  margin-left: -14px;
  left: auto;
  top: -3px;
}
#centro .row.cuatroCol .item .imagen .ofertaIco {
  right: -22px;
}

/*redes sociales (en CUATRO COLUMNAS)*/
/*preview Google (en CUATRO COLUMNAS)*/
/*descripcion (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .descripcion {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*datos (en CUATRO COLUMNAS)*/
/*Datos Extra (en CUATRO COLUMNAS)*/
/*valoracion (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .valoracion {
  width: 160px;
}
#centro .row.cuatroCol .item .valoracion img {
  margin: 0 auto;
}
#centro .row.cuatroCol .item .valoracion .vercomentarios {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*precio Normal (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .pvp {
  bottom: 48px;
  width: 160px;
  text-align: right;
  position: absolute;
}

/*precio Oferta (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .pvp.oferta p {
  margin: 0 6px 0 auto;
  display: table;
}
#centro .row.cuatroCol .item .pvp.oferta .antes {
  padding: 0 4px 0 0;
  text-align: right;
  display: table-cell;
  vertical-align: bottom;
}
#centro .row.cuatroCol .item .pvp.oferta .antes del {
  margin-top: -3px;
  display: block;
}
#centro .row.cuatroCol .item .pvp.oferta strong {
  padding: 0;
  text-align: right;
  display: table-cell;
}
#centro .row.cuatroCol .item .pvp.oferta strong span {
  margin-bottom: -5px;
  padding-left: 2px;
  display: block;
}

/*estado stock (en CUATRO COLUMNAS)*/
/*comprar (en CUATRO COLUMNAS)*/
#centro .row.cuatroCol .item .itemForm {
  bottom: 15px;
  width: 160px;
  text-align: center;
  position: absolute;
}

/*cambiar cantidad (en CUATRO COLUMNAS)*/
/*Items (en CINCO COLUMNAS en Ficha)*/
#centro .row.cincoCol .item {
  margin-left: 16px;
  padding: 15px 10px 55px 10px;
  width: 124px;
  position: static;
  float: left;
}
#centro .row.cincoCol .item:first-child {
  margin-left: 0;
}
#centro .row.cincoCol .item:before {
  content: " ";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0;
  width: 142px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  height: 100%;
}
#centro .row.cincoCol .item:nth-child(2):before {
  left: 160px;
}
#centro .row.cincoCol .item:nth-child(3):before {
  left: 320px;
}
#centro .row.cincoCol .item:nth-child(4):before {
  left: 480px;
}
#centro .row.cincoCol .item:nth-child(5):before {
  left: 640px;
}

/*Bloque titulo (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .titBlock {
  margin-top: 122px;
  padding-top: 10px;
  text-align: center;
  position: relative;
  z-index: 4;
}
#centro .row.cincoCol .item .titBlock h2 {
  font-size: 14px;
}
#centro .row.cincoCol .item .titBlock h2 strong {
  padding-top: 1px;
  font-size: 11px;
  letter-spacing: 0;
}

/*autor (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .autor {
  padding-bottom: 4px;
}
#centro .row.cincoCol .item .autor cite {
  font-size: 12px;
}

/*Editorial (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .editorial {
  padding-top: 2px;
  font-size: 10px;
}

/*Imagen (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .imagen {
  padding-top: 15px;
  width: 124px;
  top: 0;
  height: 122px;
  text-align: center;
  position: absolute;
}
#centro .row.cincoCol .item .imagen a {
  display: inline-block;
  position: relative;
}
#centro .row.cincoCol .item .imagen a img {
  border-width: 1px;
}
#centro .row.cincoCol .item .novedadIco {
  margin-left: -12px;
  left: auto;
  top: -3px;
}
#centro .row.cincoCol .item .imagen .ofertaIco {
  right: -22px;
}

/*redes sociales (en CINCO COLUMNAS)*/
/*preview Google (en CINCO COLUMNAS)*/
/*descripcion (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .descripcion {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*datos (en CINCO COLUMNAS)*/
/*Datos Extra (en CINCO COLUMNAS)*/
/*valoracion (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .valoracion {
  width: 124px;
}
#centro .row.cincoCol .item .valoracion img {
  margin: 0 auto;
}
#centro .row.cincoCol .item .valoracion .vercomentarios {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*precio Normal (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .pvp {
  bottom: 12px;
  width: 124px;
  text-align: center;
  position: absolute;
}
#centro .row.cincoCol .item .pvp p strong {
  font-size: 19px;
}

/*precio Oferta (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .pvp.oferta p {
  margin: 0 auto 0;
  display: table;
}
#centro .row.cincoCol .item .pvp.oferta .antes {
  padding: 0 4px 0 0;
  text-align: right;
  display: table-cell;
  vertical-align: bottom;
}
#centro .row.cincoCol .item .pvp.oferta .antes del {
  margin-top: -3px;
  display: block;
}
#centro .row.cincoCol .item .pvp.oferta strong {
  padding: 0;
  text-align: right;
  display: table-cell;
}
#centro .row.cincoCol .item .pvp.oferta strong span {
  margin-bottom: -3px;
  padding-left: 2px;
  display: block;
}

/*estado stock (en CINCO COLUMNAS)*/
/*comprar (en CINCO COLUMNAS)*/
#centro .row.cincoCol .item .itemForm {
  bottom: 15px;
  width: 124px;
  text-align: center;
  position: absolute;
}

/*cambiar cantidad (en CINCO COLUMNAS)*/
/*Items (Items Izquierda/Derecha)*/
#colIzquierda .item,
#colDestacados .item {
  padding: 10px 0 16px 0;
  width: 168px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
#colIzquierda .item:first-child,
#colDestacados .item:first-child {
  padding-top: 0;
}

/*Bloque titulo (en Items Izquierda/Derecha)*/
#colIzquierda .item .titBlock,
#colDestacados .item .titBlock {
  padding: 3px 0 2px;
  margin-bottom: 2px;
  width: 96px;
  float: right;
}
#colIzquierda .item .titBlock h2,
#colDestacados .item .titBlock h2 {
  padding: 0 0 2px;
  font-size: 15px;
}

/*autor (en Items Izquierda/Derecha)*/
#colIzquierda .item .autor cite,
#colDestacados .item .autor cite {
  font-size: 11px;
  font-weight: normal;
}

/*Editorial (en Items Izquierda/Derecha)*/
#colIzquierda .item .editorial,
#colDestacados .item .editorial {
  font-size: 10px;
}

/*Imagen (en Items Izquierda/Derecha)*/
#colIzquierda .item .imagen,
#colDestacados .item .imagen {
  padding: 0 0 10px;
  width: 72px;
  float: left;
}
#colIzquierda .item .imagen a:link, #colIzquierda .item .imagen a:visited,
#colDestacados .item .imagen a:link,
#colDestacados .item .imagen a:visited {
  border-width: 0px;
  width: 60px;
  box-shadow: 2px 2px 0 0 #dedede;
}
#colIzquierda .item .imagen a:link img, #colIzquierda .item .imagen a:visited img,
#colDestacados .item .imagen a:link img,
#colDestacados .item .imagen a:visited img {
  border-width: 1px;
}

#colIzquierda .item .novedadIco,
#colDestacados .item .novedadIco {
  left: -2px;
  top: -2px;
  width: 50px;
  height: 50px;
  background-position: -136px 0;
}

#colIzquierda .item .imagen .ofertaIco,
#colDestacados .item .imagen .ofertaIco {
  right: -15px;
  width: 36px;
  height: 36px;
  background-position: -157px 0;
}

/*redes sociales (en Items Izquierda/Derecha)*/
/*preview Google (en Items Izquierda/Derecha)*/
/*descripcion (en Items Izquierda/Derecha)*/
#colIzquierda .item .descripcion,
#colDestacados .item .descripcion {
  clear: both;
}
#colIzquierda .item .descripcion p,
#colDestacados .item .descripcion p {
  padding-bottom: 8px;
}

/*datos (en Items Izquierda/Derecha)*/
/*Datos Extra (en Items Izquierda/Derecha)*/
/*valoracion (en Items Izquierda/Derecha)*/
#colIzquierda .item .valoracion,
#colDestacados .item .valoracion {
  margin: 0 0 6px auto;
  width: 96px;
  clear: right;
}
#colIzquierda .item .valoracion img,
#colDestacados .item .valoracion img {
  margin: 0;
}
#colIzquierda .item .valoracion .vercomentarios,
#colDestacados .item .valoracion .vercomentarios {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}

/*precio Normal (en Items Izquierda/Derecha)*/
#colIzquierda .item .pvp,
#colDestacados .item .pvp {
  width: 168px;
  text-align: center;
}

/*precio Oferta (en Items Izquierda/Derecha)*/
#colIzquierda .item .pvp.oferta p,
#colDestacados .item .pvp.oferta p {
  margin: 0 auto 0;
  display: table;
}
#colIzquierda .item .pvp.oferta .antes,
#colDestacados .item .pvp.oferta .antes {
  padding: 0 4px 2px 0;
  text-align: right;
  display: table-cell;
  vertical-align: bottom;
}
#colIzquierda .item .pvp.oferta .antes del,
#colDestacados .item .pvp.oferta .antes del {
  margin-top: -2px;
  display: block;
}
#colIzquierda .item .pvp.oferta strong,
#colDestacados .item .pvp.oferta strong {
  padding: 0;
  text-align: right;
  display: table-cell;
}
#colIzquierda .item .pvp.oferta strong span,
#colDestacados .item .pvp.oferta strong span {
  margin-bottom: -4px;
  padding-left: 2px;
  display: block;
}

/*estado stock (en Items Izquierda/Derecha)*/
/*comprar (en Items Izquierda/Derecha)*/
#colIzquierda .item .itemForm,
#colDestacados .item .itemForm {
  margin: 0 auto;
  padding-top: 6px;
  width: 168px;
  text-align: center;
}

/*cambiar cantidad (en Items Izquierda/Derecha)*/
/*Items (Noticias Izquierda/Derecha)*/
#colIzquierda .modCol.noticias .item,
#colDestacados .modCol.noticias .item {
  margin: 6px 0 2px 0;
  padding: 0;
  width: 168px;
}
#colIzquierda .modCol.noticias .item:first-child,
#colDestacados .modCol.noticias .item:first-child {
  margin-top: -12px;
}

/*Bloque titulo (en Noticias Izquierda/Derecha)*/
#colIzquierda .modCol.noticias .item .titBlock,
#colDestacados .modCol.noticias .item .titBlock {
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px solid #d9d9d9;
  width: auto;
  float: none;
}
#colIzquierda .modCol.noticias .item .titBlock .date,
#colDestacados .modCol.noticias .item .titBlock .date {
  padding-bottom: 1px;
}
#colIzquierda .modCol.noticias .item .titBlock h2,
#colDestacados .modCol.noticias .item .titBlock h2 {
  font-size: 18px;
  letter-spacing: -1px;
}

/*autor (en Noticias Izquierda/Derecha)*/
#colIzquierda .modCol.noticias .item .autor,
#colDestacados .modCol.noticias .item .autor {
  padding: 4px 0;
}
#colIzquierda .modCol.noticias .item .autor cite,
#colDestacados .modCol.noticias .item .autor cite {
  font-size: 13px;
  text-transform: none;
}

/*Imagen (en Noticias Izquierda/Derecha)*/
#colIzquierda .modCol.noticias .item .imagen,
#colDestacados .modCol.noticias .item .imagen {
  margin: 0 -12px 0 -12px;
  width: 192px;
}
#colIzquierda .modCol.noticias .item .imagen a:link, #colIzquierda .modCol.noticias .item .imagen a:visited,
#colDestacados .modCol.noticias .item .imagen a:link,
#colDestacados .modCol.noticias .item .imagen a:visited {
  border-width: 0;
  width: auto;
  box-shadow: none;
}
#colIzquierda .modCol.noticias .item .imagen a:link img, #colIzquierda .modCol.noticias .item .imagen a:visited img,
#colDestacados .modCol.noticias .item .imagen a:link img,
#colDestacados .modCol.noticias .item .imagen a:visited img {
  border-width: 0;
}
#colIzquierda .modCol.noticias .item:first-child .imagen,
#colDestacados .modCol.noticias .item:first-child .imagen {
  margin-top: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden;
}

/*Informacion del evento*/
.eventInfo {
  margin-bottom: 12px;
  padding: 0 0 10px;
  font: normal 12px/1.1 robotoBold, Arial, Helvetica, sans-serif;
  color: #6c706c;
  border-bottom: 1px solid #e3e3e3;
}
.eventInfo strong {
  font-weight: normal;
}

/*descripcion (en Noticias Izquierda/Derecha)*/
/*listados (2 columnas)*/
#centro .row.lista2col {
  margin-bottom: 10px;
  position: relative;
  -webkit-columns: 377px 2;
  -moz-columns: 377px 2;
  columns: 377px 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: medium none transparent;
  -moz-column-rule: medium none transparent;
  column-rule: medium none transparent;
}
#centro .row.lista2col li {
  display: inline-block;
  -webkit-column-break-inside: avoid;
}

/*listados (2 columnas) - procesado por JavaScript)*/
#centro .row.lista2col .first, #centro .row.lista2col .second, #centro .row.lista2col .third {
  margin-left: 30px;
  width: 377px;
  float: left;
}
#centro .row.lista2col .first {
  margin-left: 0;
}

/*listados (3 columnas)*/
#centro .row.lista3col {
  margin-bottom: 10px;
  position: relative;
  -webkit-columns: 250px 3;
  -moz-columns: 250px 3;
  columns: 250px 3;
  -webkit-column-gap: 17px;
  -moz-column-gap: 17px;
  column-gap: 17px;
  -webkit-column-rule: medium none transparent;
  -moz-column-rule: medium none transparent;
  column-rule: medium none transparent;
}
#centro .row.lista3col li {
  width: 100%;
  display: inline-block;
  -webkit-column-break-inside: avoid;
}

/*listados (4 columnas)*/
#centro .row.lista4col {
  margin-bottom: 10px;
  position: relative;
  -webkit-columns: 179.5px 4;
  -moz-columns: 179.5px 4;
  columns: 179.5px 4;
  -webkit-column-gap: 22px;
  -moz-column-gap: 22px;
  column-gap: 22px;
  -webkit-column-rule: medium none transparent;
  -moz-column-rule: medium none transparent;
  column-rule: medium none transparent;
}
#centro .row.lista4col li {
  width: 100%;
  display: inline-block;
  -webkit-column-break-inside: avoid;
}

/*listados (3 columnas) - procesado por JavaScript)*/
#centro .row.lista3col .first, #centro .row.lista3col .second, #centro .row.lista3col .third {
  padding: 0;
  margin-left: 17px;
  width: 250px;
  float: left;
}
#centro .row.lista3col .first {
  margin-left: 0;
}

/*////////////Columna Derecha////////////*/
/*modulos (colDestacados)*/
/*////////////FOOTER////////////*/
/*menu pie*/
#footer #footerMenu {
  padding: 14px 30px 20px;
  margin: 0 auto;
  display: block;
  border-top: 1px solid #e3e3e3;
  position: relative;
  z-index: 10;
}
#footer #footerMenu:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#footer #footerMenu .footerMenu_wrapper {
  margin: 0 auto;
  width: 900px;
}
#footer #footerMenu .group {
  margin-bottom: 15px;
  content: 12.07243%;
  margin-left: 12.07243%;
  float: left;
  clear: none;
  width: 43.96378%;
}
#footer #footerMenu .group:first-child, #footer #footerMenu .group:nth-child(2n+1) {
  margin-left: 0;
}
#footer #footerMenu .group:nth-child(2n+1) {
  clear: left;
}
#footer #footerMenu .group h3 {
  padding-bottom: 2px;
  font: normal 0.9375em/1 robotoBold, Arial, Helvetica, sans-serif;
  color: #508d03;
}
#footer #footerMenu ul {
  width: 420px;
  float: left;
  font-size: 0;
  line-height: 0;
  -webkit-columns: auto 1;
  -moz-columns: auto 1;
  columns: auto 1;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-column-rule: medium none transparent;
  -moz-column-rule: medium none transparent;
  column-rule: medium none transparent;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
#footer #footerMenu ul > * {
  width: 100%;
  word-wrap: break-word;
  display: inline-block;
  -webkit-column-break-inside: avoid;
}
#footer #footerMenu ul li {
  margin: 0;
  padding: 0 0 2px;
}
#footer #footerMenu ul li a:link, #footer #footerMenu ul li a:visited {
  padding: 0 0 0 7px;
  font: normal 13px/1.1 robotoCondensed, Arial, Helvetica, sans-serif;
  color: #5e6951;
  text-decoration: none;
  display: inline-block;
  position: relative;
  background: url(../img/headerMenu_bull.png) 0 5px no-repeat;
}
#footer #footerMenu ul li a:hover, #footer #footerMenu ul li a:active {
  color: #309a6f;
  text-decoration: underline;
}
#footer #footerMenu ul:first-child {
  margin-left: 0;
}

/*redes sociales*/
#footer .socialNetworks {
  padding: 0px 0px 0px 0px;
  bottom: -46px;
  right: 0;
  width: auto;
  height: 28px;
  text-align: right;
  position: absolute;
  z-index: 20;
}
#footer .socialNetworks h4 {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}
#footer .socialNetworks ul {
  float: left;
  height: 28px;
}
#footer .socialNetworks ul li {
  padding-left: 3px;
  float: left;
}
#footer .socialNetworks ul a {
  width: 28px;
  height: 28px;
  background: transparent url(../img/sn_followicons.png) 0 0 no-repeat;
  display: block;
}
#footer .socialNetworks ul .faceBook a:link, #footer .socialNetworks ul .faceBook a:visited {
  background-position: 0 0px;
}
#footer .socialNetworks ul .faceBook a:hover, #footer .socialNetworks ul .faceBook a:active {
  background-position: -28px 0px;
}
#footer .socialNetworks ul .twitter a:link, #footer .socialNetworks ul .twitter a:visited {
  background-position: 0 -28px;
}
#footer .socialNetworks ul .twitter a:hover, #footer .socialNetworks ul .twitter a:active {
  background-position: -28px -28px;
}
#footer .socialNetworks ul .googlePlus a:link, #footer .socialNetworks ul .googlePlus a:visited {
  background-position: 0 -56px;
}
#footer .socialNetworks ul .googlePlus a:hover, #footer .socialNetworks ul .googlePlus a:active {
  background-position: -28px -56px;
}
#footer .socialNetworks ul .tuenti a:link, #footer .socialNetworks ul .tuenti a:visited {
  background-position: 0 -84px;
}
#footer .socialNetworks ul .tuenti a:hover, #footer .socialNetworks ul .tuenti a:active {
  background-position: -28px -84px;
}
#footer .socialNetworks ul .youTube a:link, #footer .socialNetworks ul .youTube a:visited {
  width: 28px;
  background-position: 0 -112px;
}
#footer .socialNetworks ul .youTube a:hover, #footer .socialNetworks ul .youTube a:active {
  background-position: -28px -112px;
}
#footer .socialNetworks ul img {
  display: none;
}

/*arriba*/
#footer #arriba {
  right: -2px;
  bottom: -2px;
  position: absolute;
  z-index: 20;
}
#footer #arriba a:link, #footer #arriba a:visited {
  width: 25px;
  height: 25px;
  display: block;
  background: transparent url(../img/btt_arriba.png) no-repeat 0 0;
}
#footer #arriba a:hover, #footer #arriba a:active {
  background-position: 0 -25px;
}

/*firma*/
#footer #firma {
  margin-top: 0;
  padding: 22px 0 0 223px;
  width: auto;
  height: auto-82px-22px;
  color: #ffffff;
  text-align: left;
  clear: right;
  float: left;
  background: transparent url(../img/logofoot.png) 0 18px no-repeat;
}
#footer #firma address {
  padding: 0 13px 0 0;
  font: normal 11px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  color: #ffffff;
  float: left;
}
#footer #firma strong {
  font: normal 12px/1 robotoBlack, Arial, Helvetica, sans-serif;
}
#footer #firma a:link, #footer #firma a:visited {
  color: #ffffff;
  text-decoration: none;
}
#footer #firma a:hover, #footer #firma a:active {
  text-decoration: underline;
}

/*firma OPTYMA*/
#footer #firmaOptyma {
  padding: 0;
  right: 2px;
  bottom: -76px;
  text-align: left;
  position: absolute;
  overflow: hidden;
  z-index: 3;
}
#footer #firmaOptyma strong {
  padding: 1px 3px 0 0;
  font: normal 9px/1.4 arimoRegular, Arial, Helvetica, sans-serif;
  color: #dfdfdf;
  float: left;
  display: block;
}
#footer #firmaOptyma a:link, #footer #firmaOptyma a:visited {
  float: left;
  border: 1px solid transparent;
  display: block;
}

/*////////////////////////////////*/
/*////////////OTROS ELEMENTOS////////////*/
/*////////////////////////////////*/
/*Tabla sucompra (Ajax ver compra/Ajax anadir al carro)*/
#cartHolder #sucompra, #compraPrompt #sucompra {
  margin-bottom: 0;
  border-style: none;
  border-collapse: collapse;
  border-spacing: 0;
}
#cartHolder #sucompra th, #compraPrompt #sucompra th {
  padding: 5px 6px 4px;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  white-space: nowrap;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 0 0 0 1px;
  color: #ffffff;
  background-color: #416556;
}
#cartHolder #sucompra th:first-child, #compraPrompt #sucompra th:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left-width: 0;
}
#cartHolder #sucompra th:last-child, #compraPrompt #sucompra th:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cartHolder #sucompra th.hdescripcion, #compraPrompt #sucompra th.hdescripcion {
  text-align: left;
}
#cartHolder #sucompra th.hprecio, #compraPrompt #sucompra th.hprecio {
  text-align: right;
}
#cartHolder #sucompra .itemCart, #compraPrompt #sucompra .itemCart {
  border-style: none;
}
#cartHolder #sucompra .itemCart td, #compraPrompt #sucompra .itemCart td {
  padding: 4px 6px 3px;
  height: auto;
  font: normal 14px/1.3 arimoRegular, Arial, Helvetica, sans-serif;
  color: #5a7285;
  border-style: none;
}
#cartHolder #sucompra .itemCart .delete, #compraPrompt #sucompra .itemCart .delete {
  padding-top: 8px;
}
#cartHolder #sucompra .itemCart .delete .submitButton.borrar, #compraPrompt #sucompra .itemCart .delete .submitButton.borrar {
  width: 17px;
  height: 17px;
  border-radius: 8px;
  border-color: #000000;
  box-shadow: none;
  background: #309a6f url(../img/cart_borrarBkg.png) 5px 5px no-repeat;
}
#cartHolder #sucompra .itemCart .delete .submitButton.borrar:hover, #compraPrompt #sucompra .itemCart .delete .submitButton.borrar:hover {
  border-color: #000000;
  background-color: #12aedc;
}
#cartHolder #sucompra .itemCart .delete .submitButton.borrar:active, #compraPrompt #sucompra .itemCart .delete .submitButton.borrar:active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
#cartHolder #sucompra .itemCart .delete .submitButton.borrar span, #compraPrompt #sucompra .itemCart .delete .submitButton.borrar span {
  text-indent: 200%;
}
#cartHolder #sucompra .itemCart .cantidad, #compraPrompt #sucompra .itemCart .cantidad {
  width: 31px;
  font: normal 11px/1.1 robotoRegular, Arial, Helvetica, sans-serif;
  text-align: center;
}
#cartHolder #sucompra .itemCart .descripcion, #compraPrompt #sucompra .itemCart .descripcion {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
}
#cartHolder #sucompra .itemCart .descripcion a:link, #compraPrompt #sucompra .itemCart .descripcion a:link, #cartHolder #sucompra .itemCart .descripcion a:visited, #compraPrompt #sucompra .itemCart .descripcion a:visited {
  text-decoration: none;
  color: #5a7285;
}
#cartHolder #sucompra .itemCart .descripcion a:hover, #compraPrompt #sucompra .itemCart .descripcion a:hover, #cartHolder #sucompra .itemCart .descripcion a:active, #compraPrompt #sucompra .itemCart .descripcion a:active {
  color: #5a7285;
}
#cartHolder #sucompra .itemCart .precio, #compraPrompt #sucompra .itemCart .precio {
  width: 53px;
  font-size: 12px;
  line-height: 1.2;
  color: #984d48;
  text-align: right;
}
#cartHolder #sucompra .separator td, #compraPrompt #sucompra .separator td {
  padding: 0;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-style: none none dashed;
  border-width: 0 0 1px;
  border-color: #cfdae6;
}
#cartHolder #sucompra .total td, #compraPrompt #sucompra .total td {
  padding: 5px 6px 0 0;
  font: normal 12px/13px arimoRegular, Arial, Helvetica, sans-serif;
  color: #984d48;
  text-align: right;
  border-style: none;
}
#cartHolder #sucompra .total td strong, #compraPrompt #sucompra .total td strong {
  font: normal 23px/24px texgyreadventorBold, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  vertical-align: -2px;
}

/*botones su compra*/
#cartHolder .continue.submitButton, #compraPrompt .continue.submitButton {
  height: 28px;
  color: #ffffff;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #3da126;
  float: left;
}
#cartHolder .continue.submitButton:hover, #compraPrompt .continue.submitButton:hover, #cartHolder .continue.submitButton:active, #compraPrompt .continue.submitButton:active {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #31b700;
}
#cartHolder .continue.submitButton span, #compraPrompt .continue.submitButton span {
  padding-right: 28px;
  display: block;
  background: transparent url(../img/btt_continue.png) right 0 no-repeat;
}
#cartHolder .enviarPedido.submitButton, #compraPrompt .enviarPedido.submitButton {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #30829a;
  float: right;
}
#cartHolder .enviarPedido.submitButton:hover, #compraPrompt .enviarPedido.submitButton:hover, #cartHolder .enviarPedido.submitButton:active, #compraPrompt .enviarPedido.submitButton:active {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
  background-color: #12aedc;
}
#cartHolder .enviarPedido.submitButton span, #compraPrompt .enviarPedido.submitButton span {
  padding-right: 32px;
  display: block;
  background: url(../img/btt_confirm.png) right 0 no-repeat;
}

/*su compra (Ajax ver compra)*/
#cartHolder {
  top: 64px;
  right: -5px;
  width: 411px;
  height: auto;
  position: absolute;
  z-index: 100;
}
#cartHolder .closeCompra {
  right: -8px;
  top: -8px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 20;
  background: transparent url(../img/fancybox.png) -40px -456px no-repeat;
}
#cartHolder #compraContent {
  width: 404px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
}
#cartHolder #compraContent .modCompra {
  padding: 9px 9px 9px 9px;
  width: 386px;
  position: relative;
}
#cartHolder #compraContent .modCompra br {
  display: none;
}
#cartHolder #sucompra {
  width: 384px;
}
#cartHolder #formCompra, #cartHolder .cartEmpty .modCompra .noItems {
  padding: 12px 0px 10px 0px;
  width: 386px;
  text-align: right;
  position: relative;
}

/*carro vacio*/
#cartHolder #compraContent.cartEmpty .modCompra .noItems {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
#cartHolder #compraContent.cartEmpty .modCompra strong {
  padding: 0 15px;
  font: normal 14px/1.2 robotoRegular, Arial, Helvetica, sans-serif;
  display: block;
  position: relative;
}

/*su compra (Ajax - anadir al carro)*/
#compraPrompt {
  margin: 0;
  padding: 11px 16px 20px;
  width: 404px;
  /*height: 178px;*/
  border: 4px solid #67b900;
  border-radius: 4px;
}
#compraPrompt .compraPrompt {
  padding: 2px 0 10px 30px;
  border-bottom: 2px solid #cccccc;
  background: transparent url(../img/compraPrompt_bkg.png) 0 0 no-repeat;
}
#compraPrompt .compraPrompt strong {
  font: normal 20px/1 robotoMedium, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #416556;
}
#compraPrompt .modCompra .resumen {
  padding: 6px 0;
  font: normal 11px/1 robotoBold, Arial, Helvetica, sans-serif;
  display: block;
}
#compraPrompt .modCompra br {
  display: none;
}
#compraPrompt #sucompra {
  width: 404px;
}
#compraPrompt .modCompra .row.itemForm {
  margin: 0;
  padding-top: 20px;
  width: 404px;
}
#compraPrompt .fancyError {
  color: #c61313;
  text-align: center;
}

/*Servidor seguro SSL*/
#colIzquierda .modCol .secureServer,
#colDestacados .modCol .secureServer {
  text-align: center;
}
#colIzquierda .modCol img,
#colDestacados .modCol img {
  margin: 0 auto;
}
#colIzquierda .modCol a,
#colDestacados .modCol a {
  display: inline-block;
}

#centro #secureSite {
  right: 0;
  top: 10px;
  position: absolute;
}
#centro #secureSite p {
  padding: 0 !important;
  margin: 0 !important;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
  position: absolute;
}
#centro #secureSite .secureServer {
  width: auto;
  height: auto;
  position: static;
  visibility: visible;
}
#centro #secureSite br {
  display: none;
}
#centro #secureSite img {
  margin-left: 5px;
  float: right;
}
#centro #secureSite a {
  width: 120px;
  height: 26px;
  display: block;
  float: right;
  background: url(../img/geotrustIcon.png) 0 0 no-repeat;
}
#centro #secureSite a img {
  display: none;
}

/*Ventanas emengentes*/
#fancybox-content #fancyContentWrapper {
  padding: 10px 20px;
  background-color: #ffffff;
  /*listados, listados de links, listados horizontales*/
  /*Separador de secciones*/
}
#fancybox-content #fancyContentWrapper p, #fancybox-content #fancyContentWrapper ul, #fancybox-content #fancyContentWrapper ol {
  padding-bottom: 12px;
}
#centro ul ul #fancybox-content #fancyContentWrapper li, #centro ol li ul #fancybox-content #fancyContentWrapper li, #fancybox-content #fancyContentWrapper ul ul li, #fancybox-content #fancyContentWrapper ol li ul li {
  padding-left: 8px;
  background: url(../img/list_bull3.png) no-repeat 0px 7px;
}
#centro ol #fancybox-content #fancyContentWrapper li, #fancybox-content #fancyContentWrapper ul ol li, #fancybox-content #fancyContentWrapper ol li {
  padding-left: 0;
  margin: 0 0 2px 22px;
  background-image: none;
}
#fancybox-content #fancyContentWrapper ul li {
  padding: 0 0 5px 11px;
  background: url(../img/list_bull.png) no-repeat 4px 6px;
}
#fancybox-content #fancyContentWrapper ul ul {
  padding: 5px 0 5px 2px;
}
#fancybox-content #fancyContentWrapper ol li ul li {
  margin: 0;
}
#fancybox-content #fancyContentWrapper address {
  font-style: normal;
}
#fancybox-content #fancyContentWrapper .hr {
  height: 20px;
  display: block;
  clear: both;
  overflow: hidden;
}

/*tablas de datos*/
#centro .tableData {
  margin-bottom: 14px;
  border-style: none;
  border-collapse: collapse;
  border-spacing: 0;
}
#centro .tableData caption {
  padding: 2px 4px;
  font: normal 14px/1.1 robotoCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: #909191;
}
#centro .tableData th {
  padding: 8px 8px;
  font: bold 12px/1.1 arimoRegular, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: top;
  border: 1px solid #ffffff;
  border-top-style: none;
  background-color: #8eb35e;
}
#centro .tableData th:first-child {
  border-left-color: #a59b8a;
}
#centro .tableData th:last-child {
  border-right-color: #a59b8a;
}
#centro .tableData td {
  padding: 5px 10px;
  vertical-align: top;
  border: 1px solid #e3e3e3;
}
#centro .tableData strong {
  font-family: robotoRegular, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #292e3a;
}

/*////////////EU COOKIE LAW////////////*/
#cookieTerms {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  box-shadow: 0 0 5px 0 #000000;
  display: none;
  position: relative;
  z-index: 20;
  background: #ffffff;
    /*
    
        //($padding, $width, $height, $isButton)
        

        float: left;
        
        //($image, $defaultColor, $color01, $stop01, $color02, $stop02)
        @include buttonColor(none, nth($button_Color01, 1), nth($button_Color01, 2), 50%, nth($button_Color01, 1), 50%);
    
    */
}
#cookieTerms div {
  margin: 0px auto;
  padding: 5px 0px 12px;
  width: 994px;
  position: relative;
}
#cookieTerms div p {
  padding: 0px 30px 8px 0px;
  font-size: 14px;
  line-height: 1.2;
}
#cookieTerms div .closeCookieTerms {
  right: 0px;
  top: 4px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 20;
  background: url(../img/fancybox.png) -40px -456px no-repeat;
}
#cookieTerms div #cookieTermsagree, #cookieTerms div #cookieInfo {
  padding: 0;
  width: auto;
  height: 25px;
  color: #FFFFFF;
  text-decoration: none;
  border: 0px solid #000000;
  border-radius: 6px;
  box-shadow: 0 -12.5px 0 0 rgba(0, 0, 0, 0.1) inset;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  position: relative;
  background-color: #3da126;
  -webkit-transition: all 50ms linear 0ms;
  transition: all 50ms linear 0ms;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#cookieTerms div #cookieTermsagree span, #cookieTerms div #cookieInfo span {
  margin: 0 0;
  padding: 6px 24px 0px 24px;
  width: auto;
  height: 19px;
  font: normal 12px/1 robotoRegular, Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  overflow: visible;
  visibility: visible;
}
#cookieTerms div #cookieTermsagree:link, #cookieTerms div #cookieTermsagree:visited, #cookieTerms div #cookieInfo:link, #cookieTerms div #cookieInfo:visited {
  height: 25px;
  text-decoration: none;
}
#cookieTerms div #cookieTermsagree:hover, #cookieTerms div #cookieInfo:hover {
  background-color: #31b700;
  border-color: #000000;
  box-shadow: 0 -12.5px 0 0 rgba(0, 0, 0, 0.1) inset;
}
#cookieTerms div #cookieTermsagree:active, #cookieTerms div #cookieInfo:active {
  background-color: #31b700;
  border-color: #000000;
  box-shadow: 0 -12.5px 0 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
#cookieTerms div #cookieTermsagree span, #cookieTerms div #cookieInfo span {
  font-size: 12px;
}
#cookieTerms div #cookieInfo:link, #cookieTerms div #cookieInfo:visited {
  box-shadow: 0 -12px 0 0 rgba(0, 0, 0, 0.1) inset;
  border-color: #000000;
  background-color: #30829a;
}
#cookieTerms div #cookieInfo:hover, #cookieTerms div #cookieInfo:active {
  box-shadow: 0 -12px 0 0 rgba(0, 0, 0, 0.1) inset;
  border-color: #000000;
  background-color: #12aedc;
}


li#boton_contenidos_online {
  background-color: #7d5f55 !important;
  text-align: center !important;

}

#boton_contenidos_online a.contenidos_link {
  background-color: #7d5f55 !important;
  padding: 14px 40px 12px 10px !important;
  font-size: 18px !important;
  vertical-align: middle !important;
  line-height:22px !important;
  height:24px !important;
}

.contenidos_online {
  background-color: #ded2c0 !important;
  padding:6px 10px 6px 10px;
  margin-top:0px !important;
  border: #7d5f55 solid 1px !important;
}
.contenidos_online a.registro {
  font-size: 10px !important;
  padding: 8px 4px 4px 4px !important;
  margin-top:6px !important;
  font: normal 12px/1.1 robotoBold, Arial, Helvetica, sans-serif !important;
  background-color: #7d5f55 !important;
  height:16px !important;
  border-radius: 5px;

}

.contenidos_online form:before {
    content: "";
    display: block;
    margin-bottom: 8px;
    width: 100%;
    padding-bottom: 24.36364%;
    background: transparent url(../img/logoEditorial.png) 0 0 no-repeat;
    background-origin: border-box;
    background-size: 100%;
}
.contenidos_online .field {
  text-align: left !important;
  padding:6px 4px 6px 4px !important;
}


.contenidos_online button {
    margin: 6px 0 0 0 !important;
    width: 100% !important;
    text-align: center !important;
    background-color: #b9944c !important;
    padding: 0;
    width: auto;
    height: 28px;
    text-decoration: none;
    border-width: 0;
    border-radius: 6px;
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.4) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.45) inset, 0 -14px 0 0 rgba(0, 0, 0, 0.1) inset;
    outline: none;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background-color: #487060;
    -webkit-transition: all 50ms linear 0ms;
    transition: all 50ms linear 0ms;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color:#ffffff;
}

.help_links a {
  font-size: 11px !important;
  color: #a7680e !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: initial !important;
  padding: 6px !important;
  height: auto !important;
}

.etiqueta {
  background-color: #ffcc00;
  padding:3px 6px 3px 6px;
  margin:6px auto 2px auto;
  display:table;
  color:#ffffff;
}

.etiqueta_titulo {
  background-color: #ffcc00;
  padding:3px 6px 3px 6px;
  margin:6px 2px;
  display:table;
  color:#ffffff;
}
.etiqueta_menu {
  padding:3px 0px;
  display:block;
  color:#ffcc00;
}

.etiqueta_titulo2 {
  padding:3px 0px 0px 12px;
  display:inline;
  color:#ffcc00;
}
.menu_izquierda_materias {
  margin-top:12px;
}
.menu_izquierda_materias h1 {
    margin-bottom: 4px;
  padding: 0 0 0 0;
  font: normal 20px/1 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #495953;
}
.menu_izquierda_materias h2 {
  font-style: normal;
  font-weight: normal;
  color: #309a6f;
}

.menu_izquierda_materias h4 {
  font: normal 16px/1 robotoRegular, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top:12px;
  margin-bottom:6px;
}
.menu_izquierda_materias a.periodo {
  font-size:14px;
  text-decoration: none;
  color:#333333;
}
.menu_izquierda_materias ul li {
  padding-left:10px !important;

}

.menu_izquierda_materias ul li {
    padding: 0 0 5px 17px;
    line-height: 1.2;
    background: none !important;
}

.submenu_fichamateria {
  display: none;
}
/*

.subMaterias .novedadIco {
    width: 60px;
    height: 60px;
    z-index: 2;
    display: block;
    background: transparent url(../img/ico_novedad.png) -75px 0 no-repeat;
    left: 0;
    top:0;
    position: absolute;
}

#contOnline {
  background-color: #ded2c0;
}

#contOnline .modTitle {
  margin: 0;
  padding: 6px 12px 8px;
  font: normal 17px/1 robotoBlack, Arial, Helvetica, sans-serif;
  letter-spacing: -0.04em;
  text-align: center;
  color: #ffffff;
  background-color: #ded2c0;
}
#boton_contenidos_online #contOnline .modCol {
  padding: 6px;
  background-color: #ded2c0;
}
#boton_contenidos_online #contOnline .modCol:before {
  content: "";
  display: block;
  margin-bottom: 8px;
  width: 160px;
  padding-bottom: 24.36364%;
  background: transparent url(../img/logoEditorial.png) 0 0 no-repeat;
  background-origin: border-box;
  background-size: 100%;
}
#boton_contenidos_online #contOnline .modCol p {
  padding-bottom: 8px;
}
#boton_contenidos_online #contOnline .modCol .field {
  width: 100%;
}
#boton_contenidos_online #contOnline .modCol label {
  padding: 0 0 2px 0;
  color: #485059;
  display: inline-block;
}
#boton_contenidos_online #contOnline .modCol input[type=text], #colIzquierda #contOnline .modCol input[type=password] {
  margin-bottom: 3px;
  width: 154px;
}
#boton_contenidos_online #contOnline .modCol .remember {
  margin: 8px 0;
  padding: 6px 0 0 18px;
  line-height: 1 !important;
  position: relative;
  border-top: 1px solid #d9d9d9;
}
#boton_contenidos_online #contOnline .modCol .remember input[type=checkbox] {
  left: 0;
  top: 7px;
  position: absolute;
}
#boton_contenidos_online #contOnline .modCol .remember label {
  margin: 0 !important;
  font: normal 11px/1 arimoRegular, Arial, Helvetica, sans-serif;
  text-transform: none !important;
}
#colIzquierda #contOnline .modCol .remember label a {
  display: inline !important;
}
#boton_contenidos_online #contOnline .modCol .prompt {
  margin-top: 10px;
  padding: 7px 0 0 0;
  font-size: 0.75em;
  position: relative;
  border-top: 1px solid rgba(125, 95, 85, 0.2);
}
#boton_contenidos_online #contOnline .modCol .prompt a {
  padding-bottom: 5px;
  line-height: 1.1;
  color: #a7680e;
  display: inline-block;
}
#boton_contenidos_online #contOnline .modCol .submitButton {
  margin: auto;
  width: 140px;
  text-align: center;
  background-color: #b9944c;
}
#boton_contenidos_online #contOnline .modCol .submitButton:hover {
  background-color: #ab897b;
}
#boton_contenidos_online #contOnline .modCol .submitButton.registro:link {
  color: #ffffff;
  background-color: #7C5D51;
}
#boton_contenidos_online #contOnline .modCol .submitButton.registro:span {
  height:10px;
}
#boton_contenidos_online #contOnline .modCol .submitButton.registro:hover {
  color: #ffffff;
  background-color: #ab897b;
}

#boton_contenidos_online #contOnline a.registro:visited {
  height: 24px !important;
  padding:0px !important;
  margin:0px !important;
}
*/

.pvp_ebook {
  bottom: 88px;
  width: 160px;
  text-align: center;
  position: absolute;
  right: -5px;
}

.menuclientes {
  width:100% !important;
  margin-top:24px !important;
}
.menuclientes .panel-primary  {
  font-size:22px;
  font-weight:700;
}
.menuclientes .panel-primary span {
  margin-right:12px;
}
.menuclientes .panel-body {
  font-size:16px;
  font-weight:400;
}
.menuclientes .panel-body li {
  margin-top: 6px;
}
.panel-primary.micuenta {
  border-color: #ea934b;
}
.panel-primary.micuenta .panel-heading {
  background-color: #fbd4b4;
  color:#000;
  border-color: #ea934b;
}
ul.borderul {
  border:1px #ea934b solid;
  border-radius: 6px;
  margin:12px;
  padding:9px;
}
.panel-primary.miscompras {
  border-color: #849e50;
}
.panel-primary.miscompras .panel-heading {
  background-color: #d6e3bc;
  color:#000;
  border-color: #849e50;
}

.panel-primary.misfavoritos {
  border-color: #9586a9;
}
.panel-primary.misfavoritos .panel-heading {
  background-color: #ccc0d9;
  color:#000;
  border-color: #9586a9;
}



#colIzquierda #boton_contenidos_online {
  width: 100%;
  background-color: #7d5f55;
  text-align: center;
  margin-bottom:12px;
}
#colIzquierda #boton_contenidos_online a.contenidos_link {
    font: normal 22px/1.1 robotoBold, Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.1;
    font-size: 22px;
    letter-spacing: -1px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    border-top: 0px solid transparent;
    display: block;
    z-index: 2;
    position: relative;
    height:auto !important;
  }
