@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
a img{ border:none; }
strong{font-weight:bold;}
.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}
/* CSS RESET *************************************************************************************************************/

html{overflow:scroll;}
body{width:100%; height:100%; background-color:#000; color:#585858; font-family:times; font-size: 11px; background-position:top center; background-repeat:no-repeat;}

/* BACKGROUNDS */

.bg_home {background-image:url(../img/bg_home.jpg);}
.bg_filo {background-image:url(../img/bg_home.jpg);}
.bg_cont {background-image:url(../img/bg_contacto.jpg);}
.bg_tatu {background-image:url(../img/bg_tattoos.jpg);}
.bg_cove {background-image:url(../img/bg_covers.jpg);}
.bg_pren {background-image:url(../img/bg_prensa.jpg);}
.bg_arti {background-image:url(../img/bg_articulos.jpg);}
.bg_amig {background-image:url(../img/bg_amigos.jpg);}
.bg_viaj {background-image:url(../img/bg_amigos.jpg);}
.bg_link {background-image:url(../img/bg_home.jpg);}
.bg_fund {background-image:url(../img/bg_tattoos.jpg);}


/*	WRAPPER	*/

#pagina{width:100%; height:100%;}
#wrapper{width:964px; display:block; margin:0; padding:0px 20px 20px 20px; margin-left:auto; margin-right:auto; margin-top:40px; min-height:768px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  border:1px solid none;}
#debug {font-size:17px;}

/*	ESTILOS SEGUN ANCHO NAVEGADOR SUPERIOR 1280	******************************************************/

#wrapper.over1280{width:964px; display:block; margin:0; padding:0px 20px 20px 20px; margin-left:auto; margin-right:auto; margin-top:40px; min-height:768px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid none;}
.over1280 #left {width:260px; float:left; border:1px solid none; height:748px}

/*	ESTILOS SEGUN ANCHO NAVEGADOR SUPERIOR 1024	******************************************************/

#wrapper.over1024{width:964px; display:block; margin:0; padding:0px 20px 20px 20px; margin-left:auto; margin-right:auto; margin-top:40px; min-height:768px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid none;}
.over1024 #left {width:260px; float:left; border:1px solid none; height:670px}

/*	SUPERIOR	*/

#superior { text-align:right;}
#signup {float:right; padding-right:10px;}
#idiomas {padding:5px 10px 20px; float:right; width:auto; margin-right:10px; *margin-right:-20px; text-align:right; margin-top:20px; margin-bottom:-50px; clear:both;text-align:right;}
#idiomas a:link, #idiomas a:visited {color:#666; text-decoration:none;text-align:right;}
#idiomas a:hover, #idiomas a:active { color:#999; text-decoration:none;}
#idiomas a.active {color:#F00; text-decoration:none;}
#idiomas img {visibility:visible;}


/*	NEWSLETTER FORM	*/
#newsform {float:right; display:block; margin-right:10px;}
#newsl {display:inline; border:1px solid #666;background-color:#333; padding:5px; -moz-border-radius:3px;}
#newsl input[type="text"] {border:none; background-color:#333; color:#FFF; font-size:11px; width:200px;}
#newsl input[type="image"] {margin-bottom:-3px;}

/*	HEADER	*/
#header {width:100%;}
#header h1 {color:#FFF; font-size:10em;margin-left:120px;}
.proba {color:#FFFFFF; margin:-20px; padding:0px;}

/* LEFT */
#left {width:260px; float:left;}
#left ul {margin-left:100px;}
/*#left li {color:#FFFFFF; padding-bottom:-10px; margin-bottom:-10px; height:61px;_padding-bottom:0px; _margin-bottom:0px; padding:0; margin:0;}*/
#left li, #left  .active {padding:0px; margin:0px; height:55px;}

/* Derecha */

#right {float:right; width:690px; margin-top:25px;}
#right p { font-size:24px; color:#FFF; line-height:32px; padding:10px; font-weight:normal;}
#right p a:link, #right p a:visited {color:#F00; text-decoration:none;}
#right p a:hover, #right p a:active {color:#FFF;}

/* TOOLTIP	*/
/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip {background:transparent url(../img/black_arrow_big.png) no-repeat scroll 0 0;font-size:14px;height:153px;padding:30px;width:310px; font-size:14px;display:none;color:#fff; } 
/* tooltip title element (h3) */ 
div.tooltip h3 { margin:0;font-size:18px; color:#fff; }
.tooltip span {padding:5px;color:#CCC; font-size:12px; display:block;}

.tooltip2 {background-color:#333;border:2px solid #333;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:14px; height:auto; padding:10px; width:310px; font-size:14px; display:none;color:#fff; }
.tooltip2 span {padding:2px; padding-top:5px; padding-bottom:5px; color:#CCC; font-size:13px; display:block;}
.tooltip2 h3 {margin:0;font-size:18px;color:#fff; }
.tooltip2 a:link, .tooltip2 a:visited {color:#fff; text-decoration:none;}
.tooltip2 a:hover, .tooltip2 a:active {color:#A00; text-decoration:underline;}

/*	GALERIAS	*/
#galeria {margin:auto;}
#galeria li h1 {font-size:12px; font-weight:bold; padding:10px; margin:0px; background-color:#EEE; }
#galeria ul { padding:10px; margin-left:0px; *margin-left:0px; clear:both;}
#galeria li {display:inline-block; list-style-type:none; width:75px; margin-left:3px; margin-bottom:3px; border:1px solid #333; *display:inline; *float:left; opacity:0.2; filter: alpha(opacity = 20);}
#galeria li:hover {opacity:1;  filter: alpha(opacity = 100);}
#galeria li img {margin:0px; text-align:center;}

#galeria .imggal {overflow:hidden; width:75px; height:75px; border:1px solid #333; margin:0px; }

/*	DETALLE	*/

#detalle {width:600px; background-color:#333; color:#FFF; padding:15px; font-family:"Times New Roman", Times, serif;}
#detalle span {float:right; font-size:25px; color:#666; padding-right:10px;}
#detalle h1 { font-size:20px; visibility:visible; padding-bottom:5px;}
#detalle h3 {font-size:13px; padding-bottom:10px; padding-left:2px;}
#detalle img {border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; margin-right:10px; margin-bottom:10px:}
#detalle p {font-size:13px; margin-left:10px; visibility:visible; line-height:16px;}
#detalle #pvp {border:1px solid #666; background-color:#3E3E3E; padding:15px; margin:10px 10px 0px 0px; font-size:20px; clear:both; -moz-border-radius:3px; -webkit-moz-border-radius:3px; border-radius:3px; text-align:center;}
#detalle #pvp a:link, #detalle #pvp a:visited {color:#CCC; text-decoration:none; margin:0; padding-bottom:15px;}
#detalle #pvp a:hover, #detalle #pvp a:active {color:#CCC; text-decoration:underline;}

#detalle a:link, #detalle a:visited {color:#CCC; text-decoration:none; margin:0; padding-bottom:15px;}
#detalle a:hover, #detalle a:active {color:#CCC; text-decoration:underline;}

/* BLOCKER */

div.blocker, #blocker a, #blocker strong {color:#000; visibility:visible;}

/*	GMAPS	*/
#gmap {margin-left:105px;}
#gmap iframe {border:5px solid #666; margin-bottom:10px;}
#gmap a {color:#CCC; text-decoration:none;}

/*	CONTACTO	*/

#contact{color: #D2D2D2; margin-top:95px; margin-left:105px; font-size:15px; margin-bottom:20px; font-family:Times; line-height:20px;}
#contact a:link, #contact a:visited {color:#d2d2d2; text-decoration:none;}
#contact a:hover, #contact a:active {text-decoration:underline;}

.visitas {margin-bottom:17px; float:left;}