#content{
	width:990px;
	position:relative;
	float:left;
}

.indiceArchivoModelos ul li a.active{
background-color: #8b0450;
color: #ffffff;
padding:5px;
}


#cab-publi{
	float:left;
	width:100%;
	height: 100%;
}

#cab-publi img{
	width:100%;
}

#dest-publi{
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 0px;
	position: relative;
	background-color: #d85b45;
}

#dest-publi img.marcador{
	position: absolute;
	top: 38%;
	left: 66%;
	border: none;
	width: 3%;
}

#dest-publi h3{
	margin-bottom:0px;
}

#text-dest{
	float:left;
	padding-top: 10px;
	padding-left: 14px;
	width:25%;
	margin-left: -1px;
	background:#d85b45 repeat-x bottom left;
	color:#fff;

}

#text-dest p{
	margin:0px;
	font-size: 17px;
}


#content-publi a, #content-publi strong{
	color:#fff;



}

#text-dest strong{
	background-color:#ef3d6a;
		text-transform:uppercase;
		padding:3px 10px;

}

#text-dest a{
	font-size:1.2em;
	font-weight:normal !important;
	text-transform: uppercase;
	line-height: 7mm;
}

#dest-publi img{
	border:1px solid #cdcdcd;
	float:left;
	width: 68%
}

#patro-ladival{
	margin-right:20px;
	margin-top:-40px;
	width:150px;
	font-size:10px;
	display:block;
	float:right;

}

#patro-ladival a.link-publi{
	display:block;
	background:url(img/logo-ladival.gif) no-repeat top left;
	width:100px;
	height:57px;
margin-top:10px;
margin-left:21px;
}



a.link-publi:hover{
	text-decoration:none;
}

#content-publi{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;

}

ul#menu-publi{
	width:645px;
	float:left;
	padding:0px;
	margin:0px;
}


ul#menu-publi li{
	float:left;
	width:260px;
	margin:8px 15px 8px 30px;
	_margin:8px 7px 8px 25px;
	list-style:none;
	padding:0px;
}

ul#menu-publi li h4{
	margin:0px;


}

ul#menu-publi li a{
	color:#329ab7;
	font-size:16px;
	font-weight:bold;
	background:url(img/f-link.jpg) repeat-x bottom left;
	width:250px;
	display:block;
	padding:10px;
	margin:0px;
	height:70px;
}

ul#menu-publi li img{
	border:2px solid #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc');
	-moz-box-shadow: 3px 3px 6px #cccccc;
  -webkit-box-shadow: 3px 3px 6px #cccccc;
  box-shadow: 3px 3px 6px #cccccc;
  margin-bottom:10px;
}


#columnRight{
	float:right;
	margin-top: 5px;

}

#visor{
	 min-height: 550px;
	 margin-bottom: 1.5em !important;
}

#gallery{
	width: 40%;
  margin-left: 0 !important;
}



/*****  ESTILOS GALERIA  ******/


.modelname{
	font-family: "PT Serif", "EB Garamond", Georgia, "Times New Roman", Times, serif;
	font-size: 2.6em;
	font-weight:normal;
	margin-bottom:0.5em;
}

#thumbs{
	width:59%;
	float: right;
}

.thumbs {
	margin-top:20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.thumbs li {
	flex: 0 0 24%;
}

.thumbs li.selected {
	opacity: .2;
}

.thumbs li img{
	width:100%;
	height:auto;
}

.thumbs li, .thumbs img, .thumbs .thumb, .slideshow{
	display: block;
	aspect-ratio: 28 / 40;
}
.thumbs li .thumb{
	line-height: 0;
	margin-bottom: 14px;
}

.slideshow {
	float: left;
	margin-top: 19px;
	margin-bottom: 15px;
	width: 100%;
	position: relative;
	aspect-ratio: 28 / 45;
}

.slideshow img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

	#goBio a {
text-align: right;
display: block;
padding: 5px;
clear: both;
text-transform: uppercase;
border-top: 1px solid #ededed;
color:#8b0450;
border-bottom: 1px solid #ededed;
margin-bottom:1em;
}

#goBio a:hover{
	color:#ccc;}


.slideshow-container{
	position:relative;
}


.nav-controls {
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}

.nav-controls .prev,.nav-controls .next  {
	box-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	background-color: #dbdbdba3;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-controls i{
	font-size: 1.8rem;
	color:#000;
}

.nav-controls .prev:hover,.nav-controls .next:hover  {
	background-color: #dbdbdb;
}

.nav-controls .prev i:hover,.nav-controls .next i:hover{
	color:#cc0000;
}

.span3{width:36%;}

/*****  CLASES PARA SELECT POR LETRA ABECEDARIO  ******/

.desplegable{
	display:none;
}

.labelsModelos {
float: left;
width: 100%;
height: 31px;
margin: 30px 0 0 0;
display:none;
}

.pestArchivoModelos {
float: left;
background-color: #fff;
border: 1px solid #606;
border-bottom: none;
padding: 5px;
margin: 4px 0 0 15px;
width: 150px;
text-align: center;
}

.indiceArchivoModelos {
float: left;
width: 100%;
min-height: 42px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}

.indiceArchivoModelos ul {
margin: 8px 0 0 8px;
_margin-left: 5px;
padding: 0;
float: left;
}

.indiceArchivoModelos ul li {
display: inline;
padding: 6px 8px;
margin: 0;
font-size: 13px;
float: left;

}

.indiceArchivoModelos ul li a{
	color:#6d6d6d;
	font-size:1.5em;
}

/**  REVISAR QUE EL :ACTIVE EST� BIEN, DE MOMENTO NO FUNCIONA  **/
.indiceArchivoModelos ul li:active{
	background-color:#8b0450;
	color:white;
}

/******************/

.boxIndexModelos {
float: left;
width: 100%;
margin: 0;
border-top: none;
}

.listaIndexModelos {
float: left;
margin-bottom:20px;
padding: 10px 0 15px 15px;
background-color: #efefef;
}

.listaIndexModelos li {
margin: 0;
padding: 5px 5px 5px 15px;
float: left;
display: inline;
width: 175px;
font-size:0.9em;
}

.listaIndexModelos li a{
	color:#000;
}

.listaIndexModelos li a:hover{
	color:#8b0450;
}

.otrosmodelos{
	color:#B4B4B4;;
	text-transform: uppercase;
	font-family: "PT Serif", "EB Garamond", Georgia, "Times New Roman", Times, serif;
	}


#news-comments{
  width: 100%;
  float:left;
}


.adskin #news-comments.container {
  width: 100%;
}

/*****************  RESPONSIVE  *******************/

@media screen and (max-width: 1024px){
	.thumbs li {
  	width: 22%;
  	max-height: 105px;
	}
	#visor {
  	min-height: 400px;
	}
}
@media screen and (max-width: 768px) {
			.thumbs li {
  			width: 22%;
  			max-height: 140px;
			}
				#text-dest a{
					font-size: 0.9em;
					line-height: 7mm;
				}
				.span4 {
					margin-top: 25px !important;
				}
				.span8 {
					width: 100% !important;
				}

}

@media screen and (max-width: 480px) {

	#gallery {
  width: 100%;
    margin-bottom: 1em;
}
.thumbs li img {
  width: 100%;
  max-height: 101px;
}
.modelname{
	margin-top:1em;
}
	.span8 {
		width: 100% !important;
	}

	.span3 {
		width: 100%;
		clear:both;
	}

	#thumbs {
		width: 100%;
		float:none;
	}

	.thumbs li {
		width: 15%;
		margin:0 5px 0 0;
	}

	.slideshow {
		width: 100%;
		float:none;
		clear:both;
	}
	.indiceArchivoModelos {
		min-height: 42px;
	}
}

@media screen and (max-width: 375px) {
.thumbs li img {
  width: 100%;
  max-height: 79px;
}
}