html, body{
	height: 100%;
	width: 100%;
	font-family: 'Typo';
	
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
#banner{
    float: left;
	width:100%;
	height:200px;
	margin-bottom:20px;
	border:2px solid #999;
}

	#cabecera{
	    float: left;
		width:85%;
		margin-left: 7.5%;
		font:Tahoma, Geneva, sans-serif;
	}
		#logo{
			text-align:left;
		}
		#texto_cabecera h1{
			padding:20px 20px 0 0;
			font-size:24px;
			text-align:right;
		}
			#texto_cabecera h2{
				font-size:16px;
				text-align:justify;
				padding-top:10px;
				text-align:right;
			}

    #col_central{
        float:left;
        width: 85%;
        margin-left:7.5%;
    }
	#articulo{
	    float:left;
		width: 19%;
		margin:4px 0.3%;
		-webkit-border-radius:  10px  10px; /* Safari */
		-moz-border-radius: 10px 10px; /* Firefox */
		border-radius: 10px;
		border:1px solid;
		background: rgba(240, 240, 240, 0.6);
	}
		#titulo{
			width:98%;
			overflow:hidden;
			white-space:nowrap; 
			text-overflow: ellipsis;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			padding: 4px 1%;
			color:#666;
		}
		#contenido{
			width:100%;
			height:130px;
			font-size:small;
			font-weight:bold;
			text-align:center;
		}
			#contenido_descripcion{
				width:98%;
				height:70px;
				padding:4px 1%;
				font-size:10px;
				font-weight:normal;
				text-align:left;
			}
			#precios{
				width:46px;
				height:28px;
				padding-left:4px;
				float:left;
			}
			#contenido_precio{
				width:70px;
				height:14px;
				font-size:18px;
				font-weight:bold;
				text-align:left;
			}
			#contenido_imagen{
				margin-top:-10px;
				margin-right: -10px;
				width:120px;
				height:65px;
				float:right;
			}
			 #contenido_imagen img{
			     width: 100%;
			 }
			.oferta{
				background:url(../imgs/oferta.png) no-repeat;
			}
			.novedad{
				background:url(../imgs/novedad.png) no-repeat;
			}
			#pie_completo{
			    float: left;
    			width:96%;
    			height: 30px;
    			font-size:small;
    			text-align:left;
    			border-radius: 0 0 10px 10px;
		        border:1px solid;
    			font-weight:bold;
    			background:rgba(152, 77, 20, 0.7);
    			padding: 2px 2%;
    			color: black;
    		}
	#pie_pagina{
		float:left;
		width:96%;
		margin:20px 0;
		padding:10px 2%;
		font-size:12px;
		text-align:left;
		background:#C0C0C0;
	}

/* media queries */
@media screen and (min-width: 1900px) {
    #cabecera{
		width:70%;
		margin-left: 15%;
	}
	#col_central{
	    width: 70%; 
	    margin-left: 15%;
	}
}

@media screen and (max-width: 1000px) {
	#articulo{
		width: 24%;
	}
}
@media screen and (max-width: 800px) {
	#articulo{
		width: 32%;
	}
}
@media screen and (max-width: 500px) {
	#articulo{
		width: 98%;
	}
}