@charset "UTF-8";
/* CSS Creado por Carlos Cabo (carloscabo@gmail.com) 2010 */
/* Generales */

html {
height:100%; /* STICKY FOOTER, Y CUANDO SE USAN 2 BACKGROUNDS */
/* background:url(../img/f_html.png) center top #fefdf7 repeat-x; */
}

body {
height:100%;  /* STICKY FOOTER, Y CUANDO SE USAN 2 BACKGROUNDS */
text-align:center;
background:#fff;
}

/*
SE EMPLEA CUANDO SE QUIEREN PONER 2 BACKGROUNDS, PARA FF
html>body {
 min-height:100%;
 height:auto;
}
*/

/* SEPARADOR */
/*<div class="sp"><hr /></div>*/
hr { clear:both; display:none; height:0px; width:100%; }
div.sp { clear:both; height:0px; }

#contenedor {
 width:100%;
 height:100%;
}

body > #contenedor {height:auto;min-height:100%;}

.header {
width:100%;
height:245px;
clear:both;
margin:auto;
text-align:center;
background:url(../img/f_header.png) 0 0 #e69cd8 repeat-x;
}

.innerHeader {
width:944px;
height:245px;
clear:both;
margin:auto;
text-align:left;
/*background:#00F;*/
}

.logoMask {
width:442px;
height:243px;
background:url(../img/mask-trans.png) 0 0 no-repeat;
position:absolute;
}

#logoImage {
width:442px;
height:243px;
position:absolute;
}

.logo {
width:442px;
height:243px;
position:absolute;
background:url(../img/head/putuka_logo.png) 22px 0 no-repeat;
}

a#volver {
	width:442px;
	height:243px;
	float:left;
	display:block;
	text-indent: -9999px;
}

.tatuarte {
width:500px;
height:23px; /*28*/
float:right;
display:inline;
padding:5px 0 0 0;
}

.titulo {
width:490px; /*500*/
height:164px; /*172*/
float:right;
display:inline;
padding:0 0 8px 10px;
}

#floating {
width:100%;
height:100%;
position:relative;
}

#floating div {
position:absolute;
bottom:0;
left:0;
}

.subtitulo {
width:490px;
height:40px;
float:right;
display:inline;
padding:6px 0 0 10px;
}

#main {
width:100%;
clear:both;
margin:auto;
text-align:center;
/*background-color:#0F0;*/
padding-bottom:167px;  /* must be same height as the footer */
}

.leftCol {
width:435px;
float:left;
display:inline;
}

.rightCol {
width:502px;
float:right;
display:inline;
}

.rightCol p {
	padding:32px 0 0 10px;
}

.contenidoA {
width:100%;
text-align:center;
/*background-color:#0F0;*/
background:url(../img/f_shadow.png) left bottom repeat-x;
padding:0 0 16px 0;
}

.contenidoAInner {
width:944px;
clear:both;
margin:auto;
text-align:left;
}

.contenidoB {
width:100%;
text-align:center;
background:url(../img/f_shadowB.png) #ececec left bottom repeat-x;
border-top:1px #c1009d solid;
}

.contenidoBInner {
width:944px;
clear:both;
margin:auto;
text-align:left;
background:url(../img/camiseta_y_sudadera_de_putuka.png) left bottom no-repeat;
padding:0 0 32px 0;

/*MINIMUN HEIGHT*/
min-height:515px;
height: auto !important;
height: 515px;
}



.articulo {
width:490px;
float:left;
display:inline;
text-align:left;
/*background-color:#f00;*/
padding:0 0 12px 12px;
}

.articulo h3 {
	margin:0;
	padding:0 0 4px 0;
}

.articulo p.fecha {
	color:#000;
	font-style:normal;
	margin:0;
	padding:0;
}

.articulo p.texto {
	margin:0;
	padding:0;
	line-height:1.0em;
}

.contenidoC {
width:100%;
text-align:center;
}

.contenidoCInner {
width:944px;
clear:both;
margin:auto;
text-align:left;
padding:0 0 16px 0;
}

.camisetas, .camisetasLC {
width:490px;
float:left;
display:inline;
text-align:left;
padding:8px 0 12px 12px;
}

.camisetasLC {
width:435px;
padding:0 0 12px 48px;
}

.camisetas img, .camisetasLC img {
	margin:0 8px 0 0;
}

.camisetaDesc {
	width:450px;
	float:left;
	display:inline;
	display:none;
	position:absolute;
	background:url(../img/f_cuore.png) #91278d top right no-repeat;
	border:2px solid #fff;
	margin:50px 0 0 -600px;
	padding:10px;
}

.camisetaDesc p {
	color:#f3ccfb;
	font-size:1.3em;
	margin:0;
	padding:0;
}

.camisetaDesc strong {
	color:#fff;
}

.pagelang {
width:502px;
height:25px;
float:right;
display:inline;
}

.page {
width:188px;
height:22px;
float:left;
text-align:center;
display:inline;
background:url(../img/f_page.png) 0 0 no-repeat;
padding:3px 0 0 0;
}

.lang {
width:159px;
height:22px;
float:right;
text-align:center;
display:inline;
background:url(../img/f_lang.png) 0 0 no-repeat;
padding:3px 0 0 0;
}

.pagenav {
width:492px;
height:48px;
float:right;
display:inline;
margin:0;
padding:0;
}

.pagenav p {
text-align:center;
margin:0 0 0 0;
padding:0;
}

/* STICKY FOOTER */
#stickyFooter {
position: relative;
margin-top: -167px; /* negative value of footer height */
height: 167px;
clear:both;
background:url(../img/f_footer.png) 0 0 #6b6b6b repeat-x;
}

body.ppal #stickyFooter {
	background:url(../img/f_footer.png) 0 -12px #6b6b6b repeat-x;
}

.footer {
width:944px;
height:167px;
clear:both;
margin:auto;
text-align:left;
background:url(../img/putuka_logo_footer.png) 12px 0 no-repeat;
}

address {
	width:450px;
	float: left;
	padding:38px 0 0 220px;
}

div.footer .links {
	padding-top: 38px;
	font-style:italic;
	font-size:1.6em;
	line-height:1.3em;
	float: right;

}

.articuloFoto {
float:right;
display:inline;
margin:8px 0 12px 18px;
border-top:4px solid #c4c4c4 !important;
border-bottom:4px solid #c1009d !important;
}

/* ANUNCIOS  ANUNCIOS  ANUNCIOS  ANUNCIOS  ANUNCIOS  ANUNCIOS  ANUNCIOS */
/* adad01 arriba izquierda en la ppal */
/* adad02 encima del listado de articulos en la ppal */
/* adad02 debajo del listado de articulos en la ppal */
/* adad04 debajo del listado de camisetas en la ppal */
/* adad05 debajo del articulo en la interior */
/* adad06 arriba izquierda en la ppal*/

.adad01, .adad06 {
width:336px;
height:280px;
float:left;
display:inline;
margin:8px 0 0 32px;
}

.adad06 {
margin:12px 0 0 32px;
padding:0 0 28px 0;
background:url(../img/f_raya_left.png) 0 bottom no-repeat;
}

.adad02 {
width:468px;
height:15px; /*70*/
float:left;
display:inline;
margin:20px 0 0 8px;
}

.adad03 {
width:468px;
height:70px;
float:left;
display:inline;
margin:12px 0 0 8px;
}

.adad04 {
width:468px;
height:70px;
float:left;
display:inline;
margin:0 0 0 8px;
}

.adad05 {
width:468px;
height:70px;
float:left;
display:inline;
margin:12px 0 0 22px;
}

/* borde de imagen */
.imgBorder { border:1px solid #cebe87; }

/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
