/** Estructura **/

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

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

.header form.form_me_gusta { position:relative; float:right; top:-4px; }

@media (max-width: 768px)
{
	#col1, #col2 { margin-left:-15px; margin-right:-15px; }
}




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

#imagen_diseno {
	position:relative;
	/*margin-top:12px; */
	padding:4px;
	background:#fff;
	border:solid 1px #d9d9d9;
}


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


/** 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; margin-bottom:30px; background:url(../img/separador_blogs.png) repeat-x top; line-height:1.3em; font-size: 13px; font-family:'Poppins'; }
#datos_autor a { font-size: 14px;}

@media (max-width: 768px)
{
	#datos_autor { margin-top:20px; }
}



/** Datos diseño **/
#datos_diseno { margin-top:25px; }
#datos_diseno .botones { margin-bottom: 10px; }
#datos_diseno #votacion { margin-bottom:10px; background:#EAF2F5; border:dashed 1px #D1E1E8; border-radius:6px; padding:15px; text-align:center; line-height:1.3em; }
#datos_diseno #votacion .capa_votos { margin:14px auto 0 auto; overflow:hidden; }
#datos_diseno #votacion .capa_votos .ya_votado { color:#999; }
#datos_diseno #votacion .capa_votos .fuera_votacion { color:#EF4504; }
#datos_diseno #votacion .capa_votos .voto 
{ 
	float:left; 
	border-radius:4px; 
	padding:5px 0; 
	font-size:20px; 
	color:white; 
	background:#109CD1; 
	margin-top:3px; 
	margin-right:2px;
	border:none; 
	font-family:'Poppins';
	transition:all .2s; 
	cursor:pointer; 
	width:12%;
}

#datos_diseno #votacion .capa_votos .voto:nth-child(2) { background-color:#84bcf9; }
#datos_diseno #votacion .capa_votos .voto:nth-child(3) { background-color:#62acf3; }
#datos_diseno #votacion .capa_votos .voto:nth-child(4) { background-color:#4aa4f0; }
#datos_diseno #votacion .capa_votos .voto:nth-child(5) { background-color:#2c8fe0; }
#datos_diseno #votacion .capa_votos .voto:nth-child(6) { background-color:#1d7ad7; }
#datos_diseno #votacion .capa_votos .voto:nth-child(7) { background-color:#0162b3; }
#datos_diseno #votacion .capa_votos .voto:nth-child(8) { background-color:#4ea727; }


#datos_diseno #votacion .capa_votos .voto:hover { text-decoration:none; background:#cc0000; }
#datos_diseno #votacion .capa_votos input.blueBtn { 
	font-size:14px; 
	width:20%; 
	min-height:32px; 
	padding:9px 0;
	font-weight:bold; 
	border:none; 
	background:url(../img/votar_5_mas.png) no-repeat center center; 
	background-color:#3abe36; 
	text-indent:-9999px; 
	margin-top:2px; 
	cursor:pointer; 
}
#datos_diseno #votacion .capa_votos input.blueBtn:hover { background:url(../img/votar_5_mas.png) no-repeat center center; background-color:#cc0000; }

#datos_diseno #votacion .capa_votos img { vertical-align:middle; }
#datos_diseno #votacion .resultado_votacion_ok { line-height:1em; }
#datos_diseno #redes_sociales { display:none; margin-top:20px; margin-bottom:20px; }

#tiempo_restante, #valoracion_media, #opciones_compra { margin-top:3px; padding:10px; border-radius:6px; background:#f4f4f4; overflow:hidden; }
#tiempo_restante.warning, #valoracion_media.warning, #opciones_compra.warning { background:#eaf2f5; }
#tiempo_restante .nombre_campo, 
#valoracion_media .nombre_campo, 
#opciones_compra .nombre_campo { float:left; width:50%; font-weight:bold; color:#2c2c2c; font-family:'Poppins'; font-size:13px; }
#tiempo_restante .valor_campo, 
#valoracion_media .valor_campo, 
#opciones_compra .valor_campo { float:right; width:49%; text-align:right; color:#1f7bd1; font-family:'Poppins'; font-size:13px; }
#tiempo_restante.warning .valor_campo, 
#valoracion_media.warning .valor_campo, 
#opciones_compra.warning .valor_campo { color:#ef4504; }

#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;
	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 1px #ccc; background:#fff; padding:2px; 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:64%; margin-left:1%; }
#otros_disenos .listado_items .item .info h3 { margin-bottom:10px; color:#555; font-size:13px; }

@media (max-width: 768px)
{
	#otros_disenos .listado_items .item .info { width:60%; margin-left:5%; }
}


/** Tienda **/
#tienda { margin-top:30px; }
#tienda .listado_items { margin-top:20px; overflow:hidden; }
#tienda .listado_items .camiseta_lateral { height:200px; 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 { width:133px; padding:1px; background:white; border:solid 1px #ddd; }
#tienda .listado_items .camiseta_lateral .imagen img { width:133px; vertical-align:bottom; }
#tienda .listado_items .camiseta_lateral .capa_info { width:137px; margin-top:8px; line-height:1.3em; }