html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, iframe {
	margin: 0;
	padding: 0;
}

img { border: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a { outline: 0; color: #58514B; }
textarea { resize: none; }

::-moz-selection { background: #333; color: #FFF; text-shadow: none; }
::selection { background: #333; color: #FFF; text-shadow: none; }

body {
	margin: 0 auto;
 	background-color: #eae5e0;
  	font: normal 13px/17px Arial, Helvetica, sans-serif;
  	color: #58514c;
}

header.head {
	display: block;
	height: 100px;
	position: relative;
	width: 100%;
}

header.head > nav {
	bottom: 0;
	position: absolute;
	right: 0;
}

header.head > nav > ul {
	list-style-type: none;
}

header.head > nav > ul > li {
	float: left;
}

header.head > nav > ul > li > a {
	color: #6B5D3E;
	display: inline-block;
	font: normal 14px/28px Georgia, serif;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 12px;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	transition: color .25s;
}

header.head > nav > ul > li > a:hover, header.head > nav > ul > li > a.picado {
	color: #88590A;
}

header.head > nav > ul > li > a > strong {
	color: #684b0c;
	margin: 0 5px;
	font-size: 1.1em;
	font-weight: normal;
}

header.head > nav > ul > li > a > strong > img {
	margin: 0 0 -2px;
	opacity: .7;
}

header.head .btMyCart {
	background: url("../img/common/basket.png") no-repeat right 3px;
	padding-right: 24px;	
}

header.head > .googleTranslate {
	position: absolute;
	right: 0;
	top: 37px;
}

header.head > .logo {
	float: left;
	margin-top: 20px;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

header.head > .logo:hover {
	opacity: .65;
}

header.head .logotipo > img {
	display: block;
}

header.head > .login {
	color: #999;
	display: block;
	font-size: .85em;
	height: 35px;
	line-height: 35px;
	padding-right: 35px;
	position: absolute;
	text-align: right;
	top: 0;
	width: 960px;
}

header.head > .login a {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}

header.head > .login a:hover {
	color: #000;
}

footer {
	display: block;
	color: #666;
	font-size: .9em;
	padding: 10px 0 20px 20px;
	width: 940px;
}

footer > .links {
	float: right;
	text-align: right;
}

footer > .links > a {
	text-decoration: none;
	color: #333;
	margin-left: 5px;
	text-transform: uppercase;
}

footer > .redes {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	height: 30px;
	line-height: 30px;
	margin: 10px 0;
	padding-left: 5px;
}

footer > .redes > a {
	display: inline-block;
	margin-left: 5px;
	text-decoration: none;
}

footer > .redes > a > img {
	margin-bottom: -6px;
}

footer > .redes > span {
	margin-left: 30px;
}

#wraper {
  position: relative;
  width: 960px;
  margin: 0px auto;
  padding: 0px;
}

#cookies {
	background: #444;
	border-bottom: 3px solid #999;
	color: #DDD;
	font: .8em Verdana, sans-serif;
	padding: 0;
	width: 100%;
}

#cookies > a {
	background: url('../img/common/cookiesCerrar.png') no-repeat;
	height: 20px;
	position: absolute;
	right: 8px;
	text-indent: -99999px;
	top: 8px;
	width: 20px;
}

#cookies div {
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
	width: 960px;
}

#cookies div::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cookies div a {
	border-bottom: 1px dotted #DDD;
	color: #DDD;
	text-decoration: none;
}

#cookies div a:hover {
	border-color: #AAA;
	color: #AAA;
}

#cookies div button {
	background: #F1F1F1;
	border: 1px solid #F1F1F1;
	border-radius: 4px;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	display: none;
	margin-top: 10px;
	padding: 3px 10px;
	text-decoration: none;
}

#cookies div button:hover {
	background: #D2D2D2;
}

#cookies div h3 {
	margin: 0 0 10px 0;
	padding: 0;
}

.animated {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
}

.notice {
	background: #FFFFE7;
	border-bottom: 1px #999999 solid;
	color: #333;
	font: 9pt Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10;
}

.notice a {
	color: #333;
}

.notice img {
	margin: 0 5px -3px 0;
}

.carrito {
	display: block;
	overflow: hidden;
	width: 100%;
}

.carrito table {
	background: #fff;
	border-collapse: collapse;
	border: 1px solid #ADABA9;
	margin: 2% 0;
	width: 100%;
}

.carrito table > tbody > tr.lineError {
	background: #FFC1C1 !important;
	color: #F00 !important;
}

.carrito table > tbody > tr > td {
	border-bottom: 1px dotted #CECECE;
	font-size: 1.2em;
	padding: 5px 5px;
}

.carrito table > tbody .btRecargar {
	margin-bottom: -3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.carrito table > tbody .btRecargar:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

.carrito table > tbody .producto {
	font-size: 1em;
	color: #6B5D3E;
}

.carrito table > tbody .subtotal {
	font-size: 1.2em;
}

.carrito table > tbody input[type=number] {
	border: 1px solid #666;
	height: 25px;
	line-height: 25px;
	margin-right: 2px;
	padding: 0 5px;
	width: 50px;
}

.carrito table > thead {
	background: #CCC7C3;
	font: 10px/10px Georgia,Times,serif;
	font-size: 1.2em;
	overflow: hidden;
	text-align: left;
}

.carrito table > thead > tr > th {
	font-weight: normal;
	padding: 2px 5px;
	overflow: hidden;
	height: 30px;
}

.carrito .botones {
	display: block;
	border-top: 1px dotted #6B5D3E;
}

.carrito .botones > .dcha {
	float: right;
}

.carrito .botones > .dcha > img {
	float: right;
	margin-left: 5px;
}

.carrito .botones > .dcha:hover > img {
	padding-left: 20px !important;
	padding-right: 0px !important;
}

.carrito .botones > a {
	background: #F1F1F1;
	border: 1px solid #CCC7C3;
	border-radius: 4px;
	color: #58514B;
	padding: 5px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
}

.carrito .botones > a > img {
	float: left;
	margin-right: 5px;
}

.carrito .botones > a:hover > img {
	padding-right: 20px;
}

.carrito .botones > a:hover {
	background: #9B9895;
}

.carrito .btPayment {
	background: #58514B;
	border: 1px solid #CCC7C3;
	color: #F1F1F1;
	float: right;
	font-size: 1.5em;
	margin-top: -30px;
	padding: 8px 12px;

}

.carrito > .cabecera {
	border-bottom: 1px dotted #6B5D3E;
	font: 10px Georgia,Times,serif;
	height: 100px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	text-align: center;
}

.carrito > .cabecera > a, .carrito > .cabecera > div {
	color: #6B5D3E;
	display: inline-block;
	font-size: 1.5em;
	margin: 20px 45px;
	opacity: .20;
	overflow: hidden;
	text-decoration: none;
}

.carrito > .cabecera > a { transition: opacity .25s; }
.carrito > .cabecera > a:hover { opacity: 1; }

.carrito > .cabecera > div.picado { opacity: 1; }

.carrito > .cabecera img {
	display: block;
	margin: 10px auto 5px;
}

.carrito .formaPago {
	margin: 5px 0 0 5px;
}

.carrito .formaPago p {
	margin: 5px 0 0 25px;
}

button, .tipoBoton {
	background: #F1F1F1;
	border: 1px solid #CCC7C3;
	border-radius: 4px;
	color: #58514B;
	cursor: pointer;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
	padding: 3px 10px;
	text-decoration: none;
}

button:hover, .tipoBoton:hover, .picadoBoton {
	background: #fff;
	border: 1px solid #CCC7C3;
	color: #333;
}

button > i, .tipoBoton > i {margin-right: 5px;}

.areaPrivada > .menu {
	display: block;
	border-bottom: 1px solid #CCC7C3;
	border-top: 1px solid #CCC7C3;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
}

.botonTipo {
	background: #CCC7C3;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	float: right;
	padding: 5px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	width: 100px !important;
}

.botonTipo:hover {
	background: #9B9895;
}

.carrito > .total {
	text-align: right;
}

.carrito > .total > div {
	font-size: 2em;
	margin: 10px 0;
}

.clear { clear: both; }
 
.clearfix {
	display: inline-block;
}

.contactoForm {
	padding: 5px 0 20px 25px;
}

.contactoForm button {
	margin-left: 330px;
}

.contactoForm > div {
	margin: 10px 0 0 15px;
	overflow: hidden;
}

.contactoForm input, .contactoForm textarea {
	border: 1px solid #CCC7C3;
	background: #FFF;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	width: 300px;
}

.contactoForm textarea {
	height: 80px;
	line-height: 20px;
	padding: 5px;
}

.contactoForm label {
	display: inline-block;
	float: left;
	line-height: 30px;
	text-transform: uppercase;
	width: 90px;
}

.contactoForm p {
	margin-bottom: 15px;
}

.contactoInfo {
	padding: 20px 0 0 20px;
}

.contactoInfo h3 {
	margin-bottom: 15px;
}

.contactoInfo ul li {
	margin: 10px 0 0 20px;
}

.contenido {
	position: relative;
	display: block;
	margin: 0 0 0 20px;
	width: 940px;
}

.datosComprador {
	margin: 15px 0;
	overflow: hidden;
}

.datosComprador > div {
	float: left;
	width: 33%;
}

.formRegister {
	background: #FFF;
	margin: 15px 0 5px;
	padding: 15px;
	overflow: hidden;
}

.formRegister a {
	color: #6B5D3E;
	text-decoration: none;
}

.formRegister a:hover {
	color: #88590A;
	text-decoration: underline;
}

.formRegister button {
	background: #CCC7C3;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	height: 30px;
	padding: 5px 15px;
	display: inline-block;
	overflow: hidden;
	text-transform: uppercase;
	margin-top: 10px;
}

.formRegister button:hover {
	background: #9B9895;
}

.formRegister button.btRegister {
	bottom: 20px;
	position: absolute;
	right: 15px;
}

.formRegister h2 {
	background: #CCC7C3; 
	font: 20px/20px Georgia,Times,serif;
	height: 20px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

.formRegister p {
	margin: 10px 0;
}

.formRegister fieldset {
	border: none;
	border-right: 1px solid #CCC7C3;
	float: left;
	margin: 10px 10px 0 0;
	min-height: 400px;
	width: 295px;
}

.formRegister fieldset.last {
	border-right: none;
	margin-right: 0;
}

.formRegister fieldset input {
	width: 272px;
}

.formRegister fieldset input[disabled] {
	color: #999;
}

.formRegister fieldset label {
	display: block;
	margin: 10px 0 0;
}

.formRegister fieldset legend {
	color: #6B5D3E;
	float: left;
	font: 1.2em Georgia, serif;
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 100%;
}

.formRegister input[type=text], .formRegister input[type=email], .formRegister input[type=tel], .formRegister input[type=password], .formRegister select {
	border: 1px solid #CCC7C3;
	background: #EAE5E0;
	height: 28px;
	line-height: 28px;
	padding: 0 5px;
	margin-top: 5px;
}

.formRegister label {
	font-size: 1em;
}

.formRegister .legal {
	padding: 50px 0 25px;
	overflow: hidden;
	width: 100%;
}

.formRegister .legal label {
	margin-left: 5px;
}

.formRegister select {
	height: 29px;
	padding-right: 0;
	width: 284px;
}

.formRegister.formLogin button {
	margin-right: 20px;
}

.formRegister.formLogin input {
	margin-right: 15px;
}

.help {
	padding-bottom: 15px;
}

.help h3 {
	font: bold 14pt Georgia, serif;
	margin-top: 25px;
}

.help h4 {
	font-size: 10pt;
	margin-top: 15px;
}

.help ol, .help ul {
	margin-left: 25px;
}

.help .col2 {
	overflow: hidden;
}

.help .col2 > div {
	float: left;
	margin-top: -15px;
	padding: 0 5%;
	width: 40%;
}

.help .col2 > div h3 {
	margin-top: 15px;
}

.home {
	background: url('../img/home/bg.jpg') no-repeat top center;
	clear: both;
	display: block;
	height: 430px;
	margin: 0 auto;
	overflow: hidden;
	width: 940px;
}

.home > div {
	margin: 60px 0 0 60px;
}

.home > div > h1 {
	font: italic 68px/68px Georgia,Times,serif;
	color: #120E05;
	text-transform: uppercase;
}

.home > div > nav {
	margin: 30px 0 0 0;
}

.home > div > nav > ul {
	list-style-type: none;
}

.home > div > nav > ul > li > a {
	font: 16px/24px Georgia,Times,serif;
	color: #6B5D3E;
	text-transform: uppercase;
	text-decoration: none;
}

.home > div > nav > ul > li > a:hover, .home > div > nav > ul > li > a.picado {
	color: #88590A;
}

.homeDestacados {
	display: block;
	margin-top: 20px;
	overflow: hidden;
}

.homeDestacados > a {
	display: inline-block;
	float: left;
	height: 146px;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
	width: 220px;
}

.homeDestacados > a:first-child {
	margin-left: 0px !important;
}

.homeDestacados > a img {
	display: block;
	height: 146px;
	width: 220px;
}

.interior {
	display: block;
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
}

.interior > .texto {
	float: left;
	margin: 0 20px;
	width: 400px;
}

.interior > .textoG {
	margin: 0 0 0 20px !important;
	width: 700px !important;
}

.interior > .texto > h1 {
	color: #120E05;
	font: italic 48px/48px Georgia,Times,serif;
	text-transform: uppercase;
	margin: 12px 0;
}

.interior > .texto > em {
    font: italic bold 16px/20px Georgia,Times,serif;
}

.interior > img {
	float: left;
	width: 280px;
}

.interiorNav {
	background: url('../img/common/nav-bg.jpg') no-repeat center bottom;
	float: left;
	min-height: 400px;
	width: 220px;
} 

.interiorNav > nav {
	margin: 20px 0 0 30px;
}

.interiorNav > nav > ul {
	list-style-type: none;
}


.interiorNav > nav > ul > li > a {
	font: 16px/24px Georgia,Times,serif;
	color: #6B5D3E;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	transition: background-color .25s;
}

.interiorNav > nav > ul > li > a:hover {
	color: #88590A;
}

.interiorNav > nav > ul > li > a.picado {
	color: #000;
}

.legal h3 {
	margin: 1em 0;
}

.legal table {
	border-collapse: collapse;
	margin-top: 5px;
}

.legal table td, .legal table th {
	border: 1px solid #888;
	padding: 5px;
	text-align: left;
}

.legal ul {
	margin: 3px 0 5px 20px;
}

.mensajeError {
	border: 1px solid #F00;
	background: #FFC1C1 url('../img/common/error.png') no-repeat 4px 6px;
	color: #F00;
	font: bold 10pt Arial, Helvetica, sans-serif;
	margin: 10px 5px;
	padding: 7px 5px 5px 25px;
}

.mensajeError a {
	color: inherit;
}

.mensajeError > ul {
	margin: 3px 0 0 15px;
}

.mensajeOk {
	border: 1px solid #529D4A;
	background: #C1EFBA url('../img/common/ok.png') no-repeat 4px 6px;
	color: #529D4A;
	font: bold 10pt Arial, Helvetica, sans-serif;
	margin: 10px 5px;
	padding: 7px 5px 5px 25px;
}

.mensajeOk a {
	color: inherit;
}

.modProductos {
	display: block;
	margin: 10px 0 0;
	border-top: 1px dotted #333;
}

.modProductos > h2 {
	color: #120E05;
	font: 30px/30px Georgia,Times,serif;
	text-transform: uppercase;
	margin: 12px 0;
}

.modProductos > nav
{
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
}

.modProductos > nav > ul {
	float: left !important;
	overflow: hidden !important;
	margin: 0 15px 15px 0;
	width: 220px;
}

.modProductos > nav > ul > li {
	display: block;
	position: relative;
	width: 100%;
}

.modProductos > nav > ul > li.titulo {
	color: #120E05;
	font: 15px/15px Georgia,Times,serif;
	text-transform: uppercase;
	border-bottom: 1px solid #C5C1BE;
	padding: 0 0 3px 5px;
}

.modProductos > nav > ul > li > a {
	background: #ECEBE9;
	border-bottom: 1px solid #fff;
	display: block;
	color: #554F4F;
	font: 12px/12px Georgia,Times,serif;
	opacity: 0.6;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
}

.modProductos > nav > ul > li > a:hover {
	background: #ECEBE9;
	border-bottom: 1px solid #C5C1BE;
	color: #AE7F31;
	opacity: 1;
}

.productoCompra {
	border-top: 1px dotted #7C6C51;
	border-bottom: 1px dotted #7C6C51;
	margin-top: 10px;
}

.productoCompra > div {
	display: block;
	overflow: hidden;
	margin: 10px 0;
}

.productoCompra > div > input, .productoCompra > div > label {
	font-size: 1.2em;
}

.productoCompra > div > input[type=number] {
	text-align: center;
	width: 35px;
}

.productoCompra > div > input[type=submit] {
	background: #CCC7C3;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	padding: 5px;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	float: right;
}

.productoCompra > div > input[type=submit]:hover {
	background: #9B9895;
}
.productos {
	display: block;
	vertical-align: top;
	text-align: justify;
}

.productos > .foto {
	background: #fff;
	float: left;
	margin-right: 2%;
	overflow: hidden;
	padding: 2.5%;
	position: relative;
	vertical-align: text-top;
	width: 30%;
}

.productos > .foto > img {
	margin: 0 auto;
	max-width: 100%;
}

.productos > .item {
	background: #fff;
	border: 1px solid #D0CCC9;
	color: #554F4F;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 10px;
	position: relative;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	width: 145px;	
}

.novedad {
	left: 0px;
	position: absolute;
	top: 0px;
}

.oferta {
	position: absolute;
	top: 0px;
	right: 0px;
}

.productos > .item:hover {
	border: 1px solid #7C6C51;
}

.productos > .item > img {
	width: 100%;
}

.productos > .item > h3 {
	color: #120E05;
	font: 15px/15px Georgia,Times,serif;
	text-transform: uppercase;
	margin: 5px 0;
}

.productos > .item:hover > h3 {
	color: #885908;
}

.pvp {
	color: #885908;
	font: 25px/25px Georgia,Times,serif;
	margin: 5px 0;
	padding: 3px;
	text-align: right;
}

.tooltip, [data-tip] {
	cursor: pointer;
	position: relative;
}

.tooltip:before, .tooltip:after, [data-tip]:before, [data-tip]:after {
	pointer-events: none;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: 1000000;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.tooltip:before, [data-tip]:before {
	background: transparent;
	border: 6px solid transparent;
	content: '';
	position: absolute;
	z-index: 1000001;
}

.tooltip:after, [data-tip]:after {
	background: #000;
	color: white;
	content: attr(data-tip);
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 8px;
	text-indent: 0;
	text-transform: none;
	white-space: nowrap;
}

.tooltip:hover:before, .tooltip:hover:after, [data-tip]:hover:before, [data-tip]:hover:after {
	visibility: visible;
	opacity: 1;
}

.tooltip-top:before { border-top-color: #000; bottom: 100%; left: 50%; margin-bottom: -12px; margin-left: -6px; }
.tooltip-top:after { bottom: 100%; left: 50%; margin-left: -18px; }
.tooltip-top:hover:after, .tooltip-top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

.tooltip-top-left:before { border-top-color: #000; bottom: 100%; right: 50%; margin-bottom: -12px; margin-right: -6px; }
.tooltip-top-left:after { bottom: 100%; right: 50%; margin-right: -18px; }
.tooltip-top-left:hover:after, .tooltip-top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

.tooltip-bottom:before { border-bottom-color: #000; left: 50%; margin-top: -12px; margin-left: -6px; top: 100%; }
.tooltip-bottom:after { left: 50%; margin-left: -18px; top: 100%; }
.tooltip-bottom:hover:after, .tooltip-bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }

.tooltip-right:before { border-right-color: #000; bottom: 50%; left: 100%; margin-left: -12px; margin-bottom: -6px; }
.tooltip-right:after { left: 100%; bottom: 50%; margin-bottom: -12px; }
.tooltip-right:hover:after, .tooltip-right:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }

.tooltip-left:before { border-left-color: #000; bottom: 50%; margin-right: -12px; margin-bottom: -6px; right: 100%; }
.tooltip-left:after { bottom: 50%; margin-bottom: -12px; right: 100%; }
.tooltip-left:hover:after, .tooltip-left:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); }

.tooltip-rounded:after { border-radius: 4px; }

.tooltip-always:after, .tooltip-always:before { opacity: 1; visibility: visible; }
.tooltip-always.tooltip-top:after, .tooltip-always.tooltip-top:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }
.tooltip-always.tooltip-bottom:after, .tooltip-always.tooltip-bottom:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px); }
.tooltip-always.tooltip-left:after, .tooltip-always.tooltip-left:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px); }
.tooltip-always.tooltip-right:after, .tooltip-always.tooltip-right:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px); }

.twitterBt {
	background-image: -webkit-linear-gradient(#FFF,#DEDEDE);
	background-image: -moz-linear-gradient(#FFF,#DEDEDE);
	background-image: linear-gradient(#FFF,#DEDEDE);
	border: 1px solid #CCC;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	font: bold 11px/18px 'Helvetica Neue', Arial, sans-serif;
	height: 18px;
	outline: none;
	padding: 0 3px 0 19px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	vertical-align: top;
}

.twitterBt:hover {
	background-image: -webkit-linear-gradient(#F8F8F8,#D9D9D9);
	background-image: -moz-linear-gradient(#F8F8F8,#D9D9D9);
	background-image: linear-gradient(#F8F8F8,#D9D9D9);
	border-color: #BBB;
}

.twitterBt > i {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NTFGQkFDRUEwMTFFMzhFOTY5ODJDREY3Q0Y1MTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NTFGQkJDRUEwMTFFMzhFOTY5ODJDREY3Q0Y1MTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzQ1MUZCOENFQTAxMUUzOEU5Njk4MkNERjdDRjUxNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzQ1MUZCOUNFQTAxMUUzOEU5Njk4MkNERjdDRjUxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkYBrHsAAAHSSURBVHjaZJJNSBtBFMf/sx8mm65mjXWrbYlRxI+LaPVoD0IptD009FalkENvnrx5EGIi6tGTeBBCjl78QEFUEBS8FKRVCj2UUnIKUgqmdY3bZHfHt1NDND54vHnz3o/5z5thnHOwVNbgyUQBNcZSGwZcLwEmGeBejqffZf1eUfPBwMzmVqnsrfJ0PHsblOd2Tz1N74OsAuV/QMk+kFynI6zyOQF2Z45z38+v2lD8m4VXnuDJeIGltvvR3PoFDU2AJANOWcAh1y6lByITApz6lN+d/Xb5ElcW2MX5H+7Y648fNiGvmQmEwqSLAdQHp4Tl/uDxxx7jvQAfZU5OfwXNPtFgW74kCHk6XUcNVLXbl+BjT5/T6kjy88xI7KuuMEc01UcAw6TYCChqFaIDujTX8iE/FeCbdmP6Q1T5qUueQxMkoO6/M6kKUmk0qn2upJXKj6jqrrcoTpHGjnvmnxZ0rOSQOV8LYnKwZWXxmb4/EuG/78BComcdvGheo2ynsq2IRwZbgFYfh95oiDsGH9CWD3l4a7KzpaHwXmtIHb/zOWiqOsXxw/zF69VcMQpFoYnKiGmy/epJoNAbrtug+iK5VQtW1p3kw7dqZ+QnN/GeXQswAOmmsK+NleWeAAAAAElFTkSuQmCC') no-repeat;
	display: block;
	height: 12px;
	left: 3px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 14px;
}