/** Estructura **/

#main { overflow:hidden; }
#col1 { margin-top:20px; background:white; }
#col2 { margin-top:20px; }

.header h2 { float:left; }
.header a.blueBtn { float:right; }


@media (max-width: 768px)
{
	#col1, #col2 { margin-left:-15px; margin-right:-15px; }
	.header > span { display:block; margin-top:5px; }
	.header h2 { float:none; width:100%; }
	.header a.blueBtn { float:none; display:inline-block; }
}




/**************************/
/*			Col 1		  */
/**************************/

#imagen_diseno { position:relative; margin-top:12px; padding:4px; background:#fff; border:solid 1px #d9d9d9; }
#imagen_diseno .tag { display:none; }
div#imagen_diseno:hover .tag { display:block; position:absolute; bottom:5%; right:4px; background:#c5efc6; border-radius:4px 0 0 4px; padding:8px 10px; color:#333; font-weight:bold; font-size:11px; z-index:10; }

#col1 .botonera { margin-top:10px; float:right; }
#col1 .botonera a { margin-left:3px; }

#bloque_bajo_diseno { margin-top:50px; }



/** Que te parece **/
#comentarios { margin-top:40px;}
#comentarios .filtro { padding:10px; border-bottom:dashed 1px #a3a3a3; color:#444; }
#comentarios .filtro a { color:#1f7bd1; text-decoration:underline; }
#comentarios .filtro span.comentarios { float:right; }


#comentarios .listado_comentarios { margin-top:20px; }

#comentarios .primer_comentario { font-family:'Poppins'; font-size:13px; }

#comentarios .tu_opinion { }
#comentarios .tu_opinion .imagen { margin-top:30px; }
#comentarios .tu_opinion .info { border-top:dashed 1px #a3a3a3; margin-top:15px; padding-bottom:15px; }
#comentarios .tu_opinion .info .caja_comentario { margin-top:15px; position:relative; border:solid 1px #ddd; padding:20px; border-radius:7px; }
#comentarios .tu_opinion .info .caja_comentario .formulario { margin-top:10px; line-height:1.3em; color:#555; overflow:hidden; }
#comentarios .tu_opinion .info .caja_comentario .formulario textarea { width:100%; height:100px; margin-bottom:8px; }
#comentarios .tu_opinion .info .caja_comentario .arrow { position:absolute; top:24px; left:-9px; width:9px; height:15px; background:url(../img/arrow_comentarios.png) no-repeat; z-index:10; }



/**************************/
/*			Col 2		  */
/**************************/

/** Datos autos **/
#datos_autor { overflow:hidden; padding-top:24px; background:url(../img/separador_blogs.png) repeat-x top; line-height:1.6em; font-size:14px; font-family:'Poppins'; font-size:13px; }
#datos_autor h2 { font-size:22px; }
#datos_autor a.small_link_blue { font-size:14px !important; }


.categoria_ganadora { margin-top:10px; font-size:13px; color:#888; font-family:'Poppins'; }
.categoria_ganadora span { font-size:15px; color:#1B325F; font-family:'Poppins'; }

/** Datos diseño **/
#datos_diseno { margin-top:25px; }
#datos_diseno #descripcion { margin-bottom:20px; line-height:1.3em; font-family:'Poppins'; font-size:13px; }
#cuando, #valoracion_media, #stock { margin-top:3px; padding:10px; border-radius:6px; background:#f4f4f4; overflow:hidden; }
#cuando.warning, #valoracion_media.warning, #stock.warning { background:#eaf2f5; }
#cuando .nombre_campo, 
#valoracion_media .nombre_campo, 
#stock .nombre_campo { float:left; width:50%; font-weight:bold; color:#2c2c2c; font-family:'Poppins'; font-size:13px; }
#cuando .valor_campo, 
#valoracion_media .valor_campo, 
#stock .valor_campo { float:right; width:49%; text-align:right; font-weight:bold; color:#1f7bd1; }
#cuando.warning .valor_campo, 
#valoracion_media.warning .valor_campo, 
#stock.warning .valor_campo { color:#ef4504; }

#comprar_camiseta { margin-top:10px; overflow:hidden; }
#comprar_camiseta a.blueBtn { float:right; font-size:13px; padding-top:10px; padding-bottom:10px; }

#redes_sociales { margin-top:20px; margin-bottom:20px; color:#cc0000; font-size:16px; font-weight:bold; }

#col2 .separador { margin:20px 0; height:1px; border-bottom:dashed 1px #bbb; }

/** Otros diseños **/
#otros_disenos { padding:10px; border-radius:6px; background:#f4f4f4; }
#otros_disenos .titulo { font-family:"Poppins"; font-size:18px; color:#1B325F; background:url(../img/ico_mas_disenos.png) no-repeat; padding-left:30px; height:46px; line-height:1.2em; }
#otros_disenos .titulo span.autor { display:block; font-size:24px; }
#otros_disenos .listado_items { border-top:solid 3px #dfdfdf; padding-top:20px; margin-top:10px; overflow:hidden; }
#otros_disenos .listado_items .item { margin-bottom:10px; overflow:hidden; }
#otros_disenos .listado_items div.item:first-child { margin-top:0px; }
#otros_disenos .listado_items .item .imagen {
	float:left; width:30%; margin-right:5%;
	overflow: hidden;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
#otros_disenos .listado_items .item .imagen img {
   filter:alpha(opacity=85);
	opacity:.85;
	vertical-align:bottom;
	border:solid 0px #ccc;
	background:#fff;
	height: 100%;
}
#otros_disenos .listado_items .item .imagen img:hover { filter:alpha(opacity=100); opacity:1; }
#otros_disenos .listado_items .item .info { float:left; width:65%; }
#otros_disenos .listado_items .item .info h3 { margin-bottom:10px; color:#555; font-size:13px; }


/** Tienda **/
#tienda { margin-top:30px; }
#tienda .listado_items { margin-top:20px; overflow:hidden; }
#tienda .listado_items .camiseta_lateral { margin-bottom:40px; }
#tienda .listado_items .camiseta_lateral:nth-child(even) { float:left; }
#tienda .listado_items .camiseta_lateral:nth-child(odd) { float:right; }
#tienda .listado_items .camiseta_lateral .imagen { padding:1px; background:white; border:solid 1px #ddd; }
#tienda .listado_items .camiseta_lateral .imagen img { width:143px; vertical-align:bottom; }
#tienda .listado_items .camiseta_lateral .capa_info { margin-top:8px; line-height:1.3em; }