*:not(p){
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */	
}

img {
	max-width:100%
}

#featured{
	background:#dedede;
	display:block;
	float:left;
	height:auto;
	overflow:hidden;
	/*padding-right:250px; */
	position:relative;
	top:0;	
	width:100%;
	height: 970px;
	border-radius: 4px;
	max-height: 1500px;
	box-shadow: 15px 15px 6px #888888;
}

#featured ul.ui-tabs-nav{
	background:#9ea7b5;
	left: 0px; /* cambio de lugar*/
	list-style:none;
	margin:0 auto;
	padding: 0px;
	display:inline-block;
	position:absolute; 
	top:0px;
	width:22%;
	height:100%; /* alto de tabla thumbs*/
	overflow:auto;
	overflow-x:hidden;
	box-sizing:border-box;
	font-size: 4rem;
}


#featured li.ui-tabs-nav-item a{
	border-bottom-color:#595959;
	border-bottom-width:6px;
	border-bottom-style:dotted;	
	display:block; 
	height:100%;
	text-decoration:none;
	color: black;
	background:none; 
	line-height:auto;
	outline:none;
	width: 100%;
	border-radius: none;
	padding: 25px;
}


#featured li.ui-tabs-nav-item a:hover{ 
	background: #646464; /* Old browsers */
	color: white;	
}

#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.png') top right no-repeat;

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background: #393939; /* Old browsers */
	background: -moz-linear-gradient(left, #393939 0%, #393939 36%, #595959 74%, #dedede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#393939), color-stop(36%,#393939), color-stop(74%,#595959), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #393939 0%,#393939 36%,#595959 74%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #393939 0%,#393939 36%,#595959 74%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #393939 0%,#393939 36%,#595959 74%,#dedede 100%); /* IE10+ */
	background: linear-gradient(to right, #393939 0%,#393939 36%,#595959 74%,#dedede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#dedede',GradientType=1 ); /* IE6-9 */
	color: white;
	padding: 13px;
	height: 100%;
}

#featured .ui-tabs-panel{
	width:77%;
	height:auto;
	/*background:#000;*/
	position:relative;
	float:right;
	/*left:-300px; /* cambio de lugar*/
}

#featured .ui-tabs-panel img{
	max-width:4000px;
	width:100%;
}

#featured .ui-tabs-panel .info{ 
	background:#000;
	opacity:0.75;
	position:absolute; 
	bottom:0;
	left:0; 
	height:auto;
	margin: 0;
	padding: 0;


	/*background: url('images/transparent-bg.png'); */
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute;
	margin:0;
	outline:none;
	background:#0e0d0d;
}
#featured .info h2{ 
	font-size:	4rem;
	font-family:'Scada', sans-serif; 
	color:white;
	padding-left:10px;
	margin-bottom: -10px;
	overflow:hidden;
	background: none;
	line-height: 4rem;

}
#featured .info p{ 
	font-family:'Scada', sans-serif;
	font-size:3rem; 
	line-height:auto;
	text-align:justify;
	background: none;
	line-height: 3.5rem;
	margin:35px;
	padding: 0;
}


#featured .info a{ 
	text-decoration:none; 
	color:white;

}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

}
/******************************************************
    [ MEDIA SCREEN 3840-4095 ]
*******************************************************/
@media screen and (min-width: 3840px) and (max-width: 4095px) {

#featured{height: 913px;}

#featured ul.ui-tabs-nav{font-size: 3.2rem;}


}
/******************************************************
    [ MEDIA SCREEN 3000-3839 ]
*******************************************************/
@media screen and (min-width: 3000px) and (max-width: 3839px) {

#featured{height: 720px;}

#featured ul.ui-tabs-nav{font-size: 2.9rem;}

#featured .info h2{ 
	font-size:	2.6rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 2.6rem;
}

#featured .info p{ 
	font-size:2.2rem; 
	line-height: 2.5rem;
	margin:20px;
}

}

/******************************************************
    [ MEDIA SCREEN 2160-2999 ]
*******************************************************/
@media screen and (min-width: 2160px) and (max-width: 2999px) {

#featured{height: 517px;}

#featured ul.ui-tabs-nav{font-size: 2rem;}

#featured .info h2{ 
	font-size:	2.4rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 2.6rem;
}

#featured .info p{ 
	font-size: 1.9rem; 
	line-height: 2.2rem;
	margin:20px;
}

}

/******************************************************
    [ MEDIA SCREEN 2048-2159 ]
*******************************************************/
@media screen and (min-width: 2048px) and (max-width: 2159px) {

#featured{height: 490px;}

#featured ul.ui-tabs-nav{font-size: 1.8rem;}


#featured .info h2{ 
	font-size:	2.2rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 2.2rem;
}

#featured .info p{ 
	font-size:1.9rem; 
	line-height: 2rem;
	margin:20px;
}


}


/******************************************************
    [ MEDIA SCREEN 2159-1920 ]
*******************************************************/
@media screen and (min-width: 1920px) and (max-width: 2047px) {

#featured{height: 453px;}

#featured ul.ui-tabs-nav{font-size: 1.6rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:2px;
	padding: 20px;
}


#featured .info h2{ 
	font-size:	1.8rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 2rem;
}

#featured .info p{ 
	font-size:1.4rem; 
	line-height: 1.7rem;
	margin:10px;
}

}

/******************************************************
    [ MEDIA SCREEN 1919-1600 ]
*******************************************************/
@media screen and (min-width: 1600px) and (max-width: 1919px) {

#featured{height: 378px;}

#featured ul.ui-tabs-nav{font-size: 1.4rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:2px;
	padding: 18px;
}


#featured .info h2{ 
	font-size:	1.4rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.7rem;
}

#featured .info p{ 
	font-size:1.1rem; 
	line-height: 1.3rem;
	margin:10px;
}

}

/******************************************************
    [ MEDIA SCREEN 1400-1599 ]
*******************************************************/
@media screen and (min-width: 1400px) and (max-width: 1599px) {

#featured{height: 336px;}

#featured ul.ui-tabs-nav{font-size: 1.2rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:2px;
	padding: 17px;
}


#featured .info h2{ 
	font-size:	1.4rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.7rem;
}

#featured .info p{ 
	font-size:1.1rem; 
	line-height: 1.3rem;
	margin:10px;
}

}


/******************************************************
    [ MEDIA SCREEN 1360-1399 ]
*******************************************************/
@media screen and (min-width: 1360px) and (max-width: 1399px) {

#featured{height: 320px;}

#featured ul.ui-tabs-nav{font-size: 1.1rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:2px;
	padding: 15px;
}


#featured .info h2{ 
	font-size:	1.2rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.5rem;
}

#featured .info p{ 
	font-size:1rem; 
	line-height: 1.2rem;
	margin:10px;
}

}

/******************************************************
    [ MEDIA SCREEN 1280-1359 ]
*******************************************************/

@media screen and (min-width: 1280px) and (max-width: 1359px) {

#featured{height: 306px;}

#featured ul.ui-tabs-nav{font-size: 1.1rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:2px;
	padding: 15px;
}


#featured .info h2{ 
	font-size:	1.2rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.5rem;
}

#featured .info p{ 
	font-size:1rem; 
	line-height: 1.2rem;
	margin:10px;
}

}

/******************************************************
    [ MEDIA SCREEN 1152-1279 ]
*******************************************************/
@media screen and (min-width: 1152px) and (max-width: 1279px) {

#featured{height: 270px;}

#featured ul.ui-tabs-nav{font-size: 1rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:1px;
	padding: 10px;
}

#featured .info h2{ 
	font-size:	1.2rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.5rem;
}

#featured .info p{ 
	font-size:1rem; 
	line-height: 1.2rem;
	margin:10px;
}

}


/******************************************************
    [ MEDIA SCREEN 1024-1151 ]
*******************************************************/
@media screen and (min-width: 1024px) and (max-width: 1151px) {

#featured{height: 240px;}

#featured ul.ui-tabs-nav{font-size: .85rem;}


#featured li.ui-tabs-nav-item a{
	border-bottom-width:1px;
	padding: 10px;
}

#featured .info h2{ 
	font-size:	1rem;
	padding-left:10px;
	margin-bottom: -10px;
	line-height: 1.1rem;
}

#featured .info p{ 
	font-size:.75rem; 
	line-height: .9rem;
	margin:10px;
}

}


/******************************************************
    [ MEDIA SCREEN 800-1023 ]
*******************************************************/
@media screen and (min-width: 800px) and (max-width: 1023px) {

#featured{height: 186px; box-shadow: 7px 7px 6px #888888;}

#featured ul.ui-tabs-nav{font-size: .70rem; width:21%}

#featured .ui-tabs-panel{
	width:77.8%;}

#featured li.ui-tabs-nav-item a{
	border-bottom-width:1px;
	padding: 8px;
}

#featured .info h2{ 
	font-size:	1rem;
	padding-left:10px;
	margin-bottom: -14px;
	line-height: 1.1rem;
}

#featured .info p{ 
	font-size:.73rem; 
	line-height: 1rem;
	margin:15px;
}

}