
div.list {
	display: table;
	width: 100%;
}

	div.list div {
		width: 100%;
		min-width: 230px;
		max-width: 280px;
		float: left;
		text-align: center;
		padding: 0px 15px 10px 15px;
		box-sizing: border-box;
		margin: 10px;
		height: 420px;
		box-shadow: 0px 1px 5px #e0e0e0;
	}	
	div.list div:hover {
		box-shadow: 0px 1px 15px #a0a0a0;
	}
	
		div.list div .ico {
			height: 180px; 
			overflow: hidden;
		}
			div.list div .ico img {
				width: 180px;
			}
			
		div.list div .art {
			font-size: 10px;
			opacity: 0.95;
			text-align: left;
			background: #ffffff;
			position: absolute;
			padding: 1px 2px 1px 2px;
		}
			div.list div .art span {
				font-weight: 600;
			}

		div.list div .comment {
			font-size: 13px; 
			display: block;
		}
		div.list div:hover .comment {
			display: none;
		}
		
		
		
		div.list div .actions {
			display: none;
			background: #efefef;
			padding: 20px 0px 20px 0px;
		}
			div.list div .actions button {
				font-size: 18px;
				border: 0px solid;
				margin: 0px 2px 0px 2px;
				cursor: pointer;
				padding: 10px;
				background: #ffffff;
				font-size: 14px;
				font-weight: 900;
				border: 2px solid #303030;
				border-radius: 5px;
			}
				div.list div .actions button.red:hover{
					border: 2px solid #ff0000;
					color: #ff0000;
				}
				div.list div .actions button.green:hover{
					border: 2px solid #4daad0;
					color: #4daad0;
				}				
				div.list div .actions button.incart{
					border: 2px solid #a0a0a0;
					color: #a0a0a0;
					font-size: 12px;
					padding: 12px 8px 10px 8px;

				}
				
				
		div.list div:hover .actions {
			display: block;
		}	
		
		div.list div .price {
			font-size: 22px; 
			margin: 0px;
			font-weight: 500;
			background: #f44444;
			color: #ffffff;
		}
			div.list div .price span.oldprice{
				font-size: 14px;
				margin: 2px;
				padding: 2px;
				text-decoration: line-through;
				opacity: 0.8;
			}
			div.list div .price span.result {
				position: absolute;
				margin: -50px 0px 0px -40px;
				color: #ff0000;
				background: #ffffff;
				border: 3px solid #f44444;
				padding: 5px;
				font-size: 14px;
				font-weight: 900;
			}
			div.list div .price span.noprice {
				font-size: 14px;
			}
			
		div.list div a {
			color: #000000;
			font-weight: 700;
		}
		div.list div a:hover {
			text-decoration: none;
			color: #0086bc;
		}
		
		

	
div.good {
	font-size: 16px;
}	
		
	div.good p.article, div.good p.brand{
		font-size: 13px;
		color: #404040;
		text-shadow: 0px 1px 0px #ffffff; 
		margin-left: 5px;
	}
	
	div.good div.incls {
		display: table;
		width: 100%;
		margin: 20px 0px 20px 0px;
	}
		div.good div.incls div.ileft {
			display: table-cell;
			width: 70%;
			box-sizing: border-box;
			padding-right: 3%;
		}
		div.good div.incls div.iright {
			display: table-cell;
			width: 30%;
			box-sizing: border-box;
			padding-left: 2%;
		}
		

	
	div.good div.line {
		display: table;
		width: 100%;
		
	}
		div.good div.line div.left{
			margin-bottom: 15px;
			min-width: 300px;
			width: 70%;
			float: left;
		}
			div.good div.line div.left div.price{
				padding: 15px 10px 15px 10px;
				font-size: 23px;
				font-weight: 700;
				box-sizing: border-box;
				background: #f44444;
				color: #ffffff;
				width: 54%;
				float: left;
				
			}
				div.good div.line div.left div.price .oldprice{
					font-size: 14px; 
					opacity: 0.8;
					font-weight: 500;
					text-decoration: line-through;
					margin: -5px 5px 0px 5px;
					white-space: nowrap;
				}
				div.good div.line div.left div.price .result{
					background: #ffffff;
					font-size: 16px;
					color: #ff0000;
					padding: 5px;
					white-space: nowrap;
				}
				
				
			div.good div.line div.left .actions {
				padding: 0px 5px 5px 5px;
				float: left;
				box-sizing: border-box;
				width: 45%;
				
			}
				
				div.good div.line div.left div.actions button {
					font-size: 18px;
					margin: 0px 2px 0px 2px;
					cursor: pointer;
					padding: 14px 10px 14px 10px;
					font-weight: 900;
					border: 4px solid #f44444;
					background: #ffffff;
					text-shadow: 0px 1px 0px #ffffff;
					border-radius: 5px;
				}
				div.good div.line div.left div.actions button:hover {
					background: #ffd0d0;
					border: 4px solid #cc0000;
					color: #cc0000;
				}
				
				div.good div.line div.left div.actions button.incart {
					color: #606060;
					border: 4px solid #606060;
					background: #f0f0f0;
				}
				
		
			
			
			
		div.good div.line div.right{
			min-width: 250px;
			width: 30%;
			float: left;
		}
		
		
			div.good div.line div.right p{
				margin: 0px 0px 5px 0px;
				padding: 5px 10px 5px 0px;
				color: #707070;
			}
		
			



	div.good div.txt div{
		margin: 10px 0px 5px 0px;
	}
		div.good div.txt div.doptxt{
			display: none;
		}
		div.good div.txt span.moretxt{
			cursor: pointer;
			font-weight: 600;
			border-bottom: 1px dotted #008dcc;
			color: #008dcc;
		}
		div.good div.txt span.moretxt:hover {
			color: #000000;
			border-bottom: 1px dotted #000000;
		}
		
		
		
	div.good h4 {
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 16px;
	}
			


.autos {
	font-size: 12px;
	line-height: 26px;
}
		.autos span{
			padding: 0px 10px 0px 0px;
			white-space: nowrap;
		}
	
			
.specifications {
	font-size: 100%;
	font-weight: 100; 
	padding-bottom: 30px;
	display: block;
	font-size: 14px;
}			
.specifications table{
	width: 100%;
}
.specifications table td{
	border-top: 1px dotted #c0c0c0;
	width: 45%;
	padding: 5px 10px 5px 10px;
}
.specifications table td.val{
	font-weight: 400;
	width: 64%;

}

.galleria {
	width: 100%;
	height: 45vw;
	min-height: 300px;
	max-height: 600px;
	box-sizing: border-box;
	margin: 0px 0px 50px 0px;
}



.filelist {
	
}
	.filelist p {
		background-image: url(../images/pdf.png) ;			
		background-repeat: no-repeat;
		background-position: 2px center;
		padding: 10px 5px 10px 45px;
	}
		.filelist p a{
			color: #07294d;
		}
		.filelist p a:hover{
			color: #cc0000;
		}
		
		
		
		
		
		
		
		
		
		
		
.cdefa {
	
}
	.cdefa h5 {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.cdefa .form {
		margin: 10px 20px 10px 0px;
		padding: 5px;
		background: #f0f0f0;
		float: left;
	}
		.cdefa .form p {
			margin: 5px 0px 5px 0px;
			font-size: 12px;
			text-shadow: 0px 1px 0px #ffffff;
		}

	.cdefa .list {
		clear: both;
		margin-top: 10px;
	}

		.cdefa .list div {
			width: 240px;
			float: left;
			height: 40px;
			text-align: center;
			box-shadow: 0px 1px 1px #eeeeee;
			padding: 10px 10px 3px 10px;
			margin: 10px 20px 10px 0px;
			color: #303030;
			font-weight: 500;
			text-decoration: none;
			text-shadow: 0px 1px 0px #ffffff;
			font-size: 12px;
			cursor: pointer;
		}

				.cdefa .list div span{
					font-weight: 700;
				}

.cdefa .form select {
	 width: 250px;
	 padding: 5px;
	 font-size: 20px;
	 font-weight: 100;
	 border: 2px solid #a0a0a0;
 }
 
 
 
 
 
 
 
.pdefa {
 clear: both;
 padding: 10px 5px 10px 5px;
}
	.pdefa h4 {
	  font-size: 32px;
	  font-weight: 100;
	  margin: 0px;
	  padding: 0px;
	  float: left;
	  margin-right: 20px;
	}
	.pdefa .info {
		font-weight: 300;
		font-size: 11px;
		padding: 7px 0px 7px 0px;
		max-width: 200px;
		float: left;
		
	}
	
	.pdefa .conteiner {
		clear: both;
	}
	.pdefa .defacompl .summ {
		padding: 12px 0px 0px 10px;
		text-align: center;
		margin: 20px 10px 10px 0px;
		width: 270px;
		font-size: 18px;
		font-weight: 300;
		color: #cc0000;
		text-shadow: 0px 1px 0px #ffffff;
		float: left;
	}
		.pdefa .defacompl .summ span {
			font-weight: 600;
		}
	.pdefa .defacompl button {
		background: #ffffff;
		border: 2px solid #ff0000;
		border-radius: 5px;
		cursor: pointer;
		padding: 10px;
		text-align: center;
		margin: 20px 10px 10px 10px;
		width: 260px;
		font-size: 20px;
		font-weight: bold;
		color: #ff0000;
		text-shadow: 0px 1px 0px #ffffff;
	}
	.pdefa .defacompl button:hover {
		background: #fff0f0;
		color: #ee0000;
		border: 2px solid #ee0000;
	}

	.arrowleft{
		border: 2px #e0e0e0 solid;
		border-radius: 10px;
		float: left;
		width: 220px;
		margin: 20px 10px 0px 0px;
		padding: 5px 5px 5px 20px;
		font-size: 16px;
		color: #ff6666;
		font-weight: 900;
		-webkit-animation: arrow-anim 1s steps(15) infinite;
		animation: arrow-anim 1s steps(15) infinite;
	}
		.arrowleft span {
			position: absolute;
			margin: 10px 0px 0px -28px;
			color: #e0e0e0;
			text-shadow: 0px -2px 0px #ffffff, 0px 2px 0px #ffffff;
			font-size: 24px;
		}

			
@-webkit-keyframes arrow-anim {
    0% {margin-left: 20px;}
    100% {margin-left: 0px;}
}

@keyframes arrow-anim {
    0% {margin-left: 20px;}
    100% {margin-left: 0px;}
}

	
	
	
@media screen and (max-width: 1000px) {
	
	div.good div.incls {
		display: block;
		margin: 20px 0px 20px 0px;
	}
		div.good div.incls div.ileft {
			display: block;
			padding-right: 0px;
			width: 100%;
		}
		div.good div.incls div.iright {
			display: block;
			padding-left: 0px;
			width: 100%;
		}
		
}

	
	
