clothTitleSection{
	display:block;
	text-align:center;
	margin:4vw auto 3vw 0;
	color:#999;
}
clothArea{
	/*display:flex;
	flex-wrap: wrap;
	justify-content:center;
	*/
	/*background:orange;*/
	display:block;
	/*display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;*/
	/*column-rule-style: solid;*/
	/*column-gap:5px;*/
	/*column-count:2;*/
}
	.clothBox{
		/*background: #ffffcc;*/
		margin:0 auto 6vw auto;
		display:block;
		color:#bbb;
		transition: color 0.3s, background-color 0.3s, border-color;
		border:1px solid whitesmoke;
		padding:6vw 0vw 6vw 3vw;
		/*background:lightblue;*/
	}
		.clothBox:hover{
			color:#444;
			/*border:1px dotted blue;*/
			background: #fafafa;
		}
		clothComment{
			display:block;
			padding:1vw 1vw 1vw 1vw;
			font-size:4.5vw;
			margin: 2vw 3vw 0 0;
			font-family:arial;
			text-align:justify;
			/*background:yellow;*/
		}
		cloth{
			font-family: verdana;
			display:flex;
			position:relative;
		}
			iconArea{
				padding:0 4vw 0 1vw;
				margin-right:1vw;
				display:block;
				border-right: 1px solid #333;
				/*background:yellow;*/
			}
			img.clothicon{
					width:15vw;
					position: -webkit-sticky; /* Para navegadores basados en WebKit, como Chrome y Safari */
    			position: sticky;
    			display:block;
    			top:15vw;
    			z-index:1;
				}
			clothInfo{
				padding: 0 0 0 2vw;
				display:block;
				/*background:yellow;*/
				/*width:210px;*/
				
			}
				clothLine{
					display:flex;
					/*align-items:flex-start;*/
					align-items: center;
  				justify-content: center;
					margin:0 0 2vw 0;
					color: #111;
					transition: color 0.3s, background-color 0.3s;
					/*background:coral;*/
				}
					clothLine:hover{
						background:white;
					}
					size{
						font-size: 4.5vw;
						font-weight:bold;
						width:21vw;
						display:block;
						color:#444;
						text-align:left;
						/*background:gray;*/
					}
						sub{
							vertical-align:baseline;
						}
					brand{
						width: 45vw;
						display:block;
						font-size:5vw;
						font-weight:normal;
						color: #777;
						margin-top:0;
						word-wrap: break-word;
					}
						model{
							font-size:4vw;
							display:block;
							font-style:italic;
							word-wrap: break-word;
						}

/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
clothTitleSection{
	display:block;
	text-align:center;
	margin:10px auto 20px 0;
	color:#999;
}

clothArea{
	/*display:flex;
	flex-wrap: wrap;
	justify-content:center;
	*/
	/*background:orange;*/
	display:block;
	/*display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;*/
	/*column-rule-style: solid;*/
	/*column-gap:5px;*/
	/*column-count:2;*/
}
	.clothBox{
		/*background: #ffffcc;*/
		margin:0px auto 30px auto;
		display:block;
		width: 450px;
		color:#bbb;
		transition: color 0.3s, background-color 0.3s, border-color;
		border:1px solid whitesmoke;
		padding:20px;
		/*background:green;*/
	}
		.clothBox:hover{
			color:#444;
			/*border:1px dotted blue;*/
			background: #fafafa;
		}
		clothComment{
			display:block;
			padding:3px;
			font-size:18px;
			margin: 5px 0 0 0;
			font-family:arial;
			text-align:justify;
			/*background:gold;*/
		}
		cloth{
			font-family: verdana;
			display:flex;
			width: 450px;
			position:relative;
			/*background:brown;*/
		}
			iconArea{
				padding:0 20px 15px 15px;
				display:block;
				border-right: 1px solid #333;
				margin-right:3px;
				width: 50px;	
			}
			img.clothicon{
					width:50px;
					position: -webkit-sticky; /* Para navegadores basados en WebKit, como Chrome y Safari */
    			position: sticky;
    			display:block;
    			top:40px;
    			z-index:1;
				}
			clothInfo{
				padding: 0px 0 0 5px;
				display:block;
				/*background:blue;*/
				
			}
				clothLine{
					padding:0;
					width:359px;
					display:flex;
					/*align-items:flex-start;*/
					align-items: left;
  				justify-content: left;
					margin-bottom:12px;
					color: #111;
					transition: color 0.3s, background-color 0.3s;
					/*background:brown;*/
				}
					clothLine:hover{
						background:white;
					}
					size{
						font-size: 16px;
						font-weight:bold;
						width:120px;
						display:block;
						color:#444;
						text-align:left;
						/*background:green;*/
					}
						sub{
							vertical-align:baseline;
						}
					brand{
						width: 180px;
						display:block;
						font-size:16px;
						font-weight:normal;
						color: #777;
						margin-top:0px;
					}
						model{
							font-size:16px;
							display:block;
							font-style:italic;
						} 

}