/* CSS Document */
#productos{width:100%; padding:22px 0px 66px; overflow: hidden;}

	#productos h3{text-align:center; padding:0 0 44px; clear: both;}
	
		#productos h3 hr{display:block; width:100%; max-width:150px; border:solid 1px #3C73A7;}

#productos div.item
{
	width: 24%;
	margin-right: 1%;
	border: solid 1px #d9d9d9;
	text-align: center;
	float: left;
}

#productos div.item:last-child{margin-right: 0px;}

	#productos div.item img{height: 200px; width: auto;}

	#productos div.item h4{color:#3C73A7; text-align: left; margin-bottom: 11px; font-size: 11pt;}

		#productos div.item h4 a{color:#3C73A7; text-decoration: none;}

	#productos div.item p{color:#666; text-align: justify; font-size: 10pt; line-height: 14pt;}

	#productos div.item p.price{color:#444}

	#productos div.item p.tax{color:#999;}

	#productos .content{margin-bottom: 44px; width: 90%; padding: 0px 5%;}

	#productos .footer{border-top: solid 1px #d9d9d9; background-color: #e6e6e6; overflow: hidden;}

		#productos .footer a{float:left; text-decoration: none; padding: 5px 0px; cursor: pointer;}

			#productos .footer a:hover{background-color: #cccccc;}

		#productos .footer a, #productos .footer label{color:#8c8c8c; font-size: 10pt; font-weight: bold;}

		#productos .footer a.add{border-right: solid 1px #d9d9d9; text-align: left; width: 84%;}

			#productos .footer a.add label{margin-left: 11px;}

		#productos .footer a.shared{text-align: center; width: 15%;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{
	#productos div.item
	{
		width: 80%;
		margin: 0px auto 22px;
		float: none;
	}
}