@charset "utf-8";
.con{
	margin: 7em 10% 0 10%;
	width: 80%;
	text-align: justify;
	box-sizing: border-box;
height: auto;
}
.modal1{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,.9);
	color: orange;
	text-align: center;
	top: 0;
	overflow-y: auto;
	display: none;

}
.btnaviso{
	font-weight: bolder;
	color: red;
	cursor:pointer;
}
.botonaceptar{
	width: 200px;
	padding: 1em;
	border:solid 2px orange;
	background: black;
	color: #fff; 
	text-align: center;
	margin:2em auto 0 auto;
	cursor: pointer;
	}
	.botonaceptar:hover{
		background: orange;
		color:black;
	}
	.wrapper{
		width:100%;
		margin:0 auto;
		}
		header{
}
}
/*			background-image:url(../imagenes/bgh2.svg);
			background-repeat:no-repeat;
			background-size:cover;*/
			background-color:#000;
			color:#fff;
			height:80px;
			border-bottom:solid 2px #ff6600;
			width:100%;
			margin:0 auto;
			}
			header h1, header h2{
				display:none;
				}
			.wrap_head, .wrap_nav, .wrap_ftr, .wrap_cont, .wrap_slider{
				width:1000px;
				margin:0 auto;
				
				}
			.logo{
				width:170px;
				margin-left: 26px;
				}
			.logo img{
				margin-top:1%;
				width:98%;
				float:left;

				}
			header .titulo1{
				display:block;
				float:right;
				margin-right:1.5em;				
				}
/* M E N U  D E  N A V E G A C I O N  */
			
				
/* B U S C A  P R O D U C T O  I M A G E N  */	
					
		.buscaximagen, .buscaxserie{
			width:950px;
			margin:6em auto 0 auto;
			
			}

			.buscarxserie{
			width:950px;
			margin:0 auto;
			}
		.nextslide{
			height:300px;
			width:100px;
			background-color:#000;
			display:inline-block;
			vertical-align:top;
			cursor:pointer;
			background-image:url(../imagenes/next.svg);
			background-repeat:no-repeat;
			background-size:contain;
			border:solid 2px #000;
			transition:all .3s ease;
			}
		.backslide{
			height:300px;
			width:100px;
			background-color:#000;
			background-image:url(../imagenes/back.svg);
			display:inline-block;
			vertical-align:top;
			cursor:pointer;
			background-repeat:no-repeat;
			background-size:contain;
			border:solid 2px #000;
			transition:all .3s ease;
			}
			.nextslide:hover{
			height:300px;
			width:100px;
			background-color:#fff;
			display:inline-block;
			vertical-align:top;
			cursor:pointer;
			background-image:url(../imagenes/next.svg);
			background-repeat:no-repeat;
			background-size:contain;
			border:solid 2px #000;
			
			}
		.backslide:hover{
			height:300px;
			width:100px;
			background-color:#fff;
			background-image:url(../imagenes/back.svg);
			display:inline-block;
			vertical-align:top;
			cursor:pointer;
			background-repeat:no-repeat;
			background-size:contain;
			border:solid 2px #000;
			}
		.imagenes{
			width:732px;
			display:inline-block;
			height:300px;
			vertical-align:top;
			background-color: #f1f1f1;
			overflow:hidden;
			}	
		.imagenes li, .imagenes h2, .imagenes h4, .imagenes p{
			margin:5px;
			padding:0;}
		.imagenes li{
			margin:0;
			padding:0;
			list-style:none;
			width:740px;
			display:inline-block;
			height:299px;
			}
		.imagenes figure{
			margin:0;
			padding:0;
			width:250px;
			height:250px;
			display:inline-block;
			vertical-align:top;
			}
		.imagenes img{
			width:100%;
			}
			.imagenes figcaption{
			width:396px;
			height:295px;
			display:inline-block;
			vertical-align:top;
			margin-left: 40px;
			}
/* B U S C A  P R O D U C T O  I M A G E N  */	
	
					
		.mostrarximagen, .mostrarxserie{
			width:100%;
			background-color:#f1f1f1;
			margin:0 auto;
			}
			
/* P R O D U C T O S */			
.producto{
			width:100%;
			display:inline-block;
			height:240px;
			vertical-align:top;
			background-color: #f1f1f1;
			overflow:hidden;
			}	
		.producto li, .producto h2, .producto h4, .producto p{
			margin:5px;
			padding:0;}
		.producto li{
			margin:0;
			padding:0;
			list-style:none;
			width:100%;
			display:inline-block;
			height:299px;
			}
		.producto figure{
			margin: 0 .5em 0 6.5em;
			padding: 0;
			width: 250px;
			height: 230px;
			display: inline-block;
			vertical-align: top;
			}
		.producto img{
			width:100%;
			}
			.producto figcaption{
				width: 488px;
				height: 295px;
				display: inline-block;
				vertical-align: top;
				margin: 1em 0 0 87px;
			}			
			
/*S E C T I O N  F I C H A S,  D R I V E R S  Y  C A R A C T E R I S T C A S */	
		.muestradatos{
			width: 1000px;
			margin: 0 auto;
			height:auto;
			overflow:hidden;
			transition: all .3s ease;
			background-color: #f1f1f1;
			text-align:center;
			transition: all .3s ease;
			}
			.wrap_arts{
				width:auto;
				text-align:center;
				}
			.descrip, .fichatec, .descargasdrvrs{
				width:850px;
				height:auto;
				margin:0 auto;
				display:inline-block;
				vertical-align:top;
				text-align:left;	
				}
			.fichatec, .descargasdrvrs{
				width:0px;
				height:0px;
				overflow:hidden;
				display:inline-block;
				vertical-align:top;
				text-align:left;
				transition:all .5s ease;
				}
				.descargasdrvrs h4{
					width:20%;
					background-color:#000;
					color:#fff;
					display:inline-block;
					vertical-align:top;
					text-align:center;
					padding:.5em 0;
					cursor:pointer;
					border:solid 2px #000;
					transition:all .5s ease;
					}
				.descargasdrvrs h4:hover{
					width:25%;
					background-color:#fff;
					color:#000;
					border:solid 2px #000;
					}
				.descargasdrvrs td{
					width:17%;
					transition:all .3s ease;
					}
				.descargasdrvrs td:hover{
					font-weight:600;
					background-color:#ff6600;
					}
				.descargasdrvrs td:hover > a{
					color:#dedede;
					padding:.5em;
					}
				.descargasdrvrs .tdtit, .descargasdrvrs .tdtit:hover{
					padding:.5em;
					background-color:#C90000;
					color:#fff;
					font-weight:normal;
					}
				
				
/* T A B L A  F I C H A  T E C N I C A  */
			.tth{
				width:30%;
				background-color:#111;
				color:#e9e9e9;
				text-align:right;
				padding:.5em;
				}
			.ttd{
				width:69%;
				background-color:#e9e9e9;
				color:#111;
				text-align:left;
				padding:.5em;
				color
				}
			.ttd a{
				color:#111;
				}

	
			.boton{
				background-color:#000;
				color:#fff;
				padding:5px;
				text-align:center;
				cursor:pointer;
				width:100px;
				height:25px;
				border:solid 2px #000;
				transition:all .3s ease;
				}
			.boton:hover{
				background-color:#FFF;
				color:#000;
				padding:5px;
				text-align:center;
				cursor:pointer;
				width:100px;
				height:25px;
				border:solid 2px #000;
				}
				.s_element{
					display:none;
					}
	.buscaxserie{
		margin-top:1.5em;
		background-color:#b3b3b3;
		}
	.buscaxserie article{
		width:900px;
		padding:15px 0 25px 0;
		margin:0 auto;
		color:#111;
		}
	.buscaxserie h2{
		color:#003399;
		}
		.resaltado{
			font-weight:600;
			color:#c90000;
			text-align:center;
			font-size:24px;
			}
/* B A R R A  D E  P R O D U C T O S */			
		.barrabotones{
			width: 100%;
			height: 78px;
			background-color: #ff6600;
			text-align: center;
			border-top: ridge 2px #ff6600;
			border-bottom: ridge 2px #ff6600;
			}
			.btn_barra, .controladores, .ficha, .caracteristicas{
			width: 25%;
			display: inline-block;
			height: 58px;
			vertical-align: top;
			background-color: #ff6600;
			overflow: hidden;
			color: #fff;
			transition:all .3s ease;
			}
			.btn_barra:hover, .controladores:hover, .ficha:hover, .caracteristicas:hover{
			background-color: #000;
			overflow: hidden;
			color: #fff;
			cursor:pointer;
			transition:all .3s ease;
			}			
		.formulario input{
			color:#111;
			border:solid 2px #000;
			height:3em;
			width:240px;
			background-color:#444;
			font-family: "Open Sans", sans-serif;
			font-size:1em;
			transition:all .3s ease;
			}
			.formulario input:focus{
			color:#999;
			border:solid 2px #000;
			height:3em;
			width:310px;
			background-color:#111;
			font-family: "Open Sans", sans-serif;
			font-size:1em;
			transition:all .3s ease;
			}
			.formulario .btn{
				background-color:#000;
				color:#fff;
				width:150px;
				background-image:url(../imagenes/btn_buscar.svg);
				background-repeat:no-repeat;
				background-size:contain;
				cursor:pointer;
				}
				.formulario .btn:focus{
				background-color:#000;
				color:#fff;
				width:150px;
				background-repeat:no-repeat;
				background-size:contain;
			}
	

.mas, .mas2{
	height:0;
	overflow:hidden;
	transition:all .5s ease;
	}
.modelos{
	width:100%;
	padding-top:1em;
	}
.viñetass{
	margin-left:4em;}
.viñetass li{
	list-style-image: url(../imagenes/palomita.svg);}