/* check the sizes inside main.css

@import url(./smart.css) (max-width: 499px);
@import url(./tablet.css) (min-width: 500px) and (max-width:979px);
@import url(./desk.css) (min-width: 980px);
*/

/*		desk styles
*/

.triExpositor
{
	height:300px;
	position:relative;
	margin-bottom:20px;
}

.triExpositor img
{
	width:100%;
	height:100%;
	background-size:cover;
}

.triExpositor #c1
{
	height:100%;
	width:440px;
	float:left;
	left:auto;
	top:auto;
}

.triExpositor #c2
{
	width:255px;
	height:148px;
	float:right;
	left:auto;
	top:auto;
}

.triExpositor #c3
{
	margin-top:5px;
	width:255px;
	height:147px;
	float:right;
	left:auto;
	top:auto;
}

.triExpositor #c1,
.triExpositor #c2,
.triExpositor #c3 
{
	font-size:16px;
	position:relative;
	
	background-position:center;
	background-size:cover;
	
	opacity:1;
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}

.triExpositor #c1 .ca
{
	font-size:20px;
	line-height:20px;
}

.triExpositor .ca
{
	position:absolute;
	bottom:0px;
	left:0px;
	
	padding:5px 0px;
	
	font-family:'Roboto Condensed', sans-serif;
	font-weight:bold;
	
	color:#FFFFFF;
	text-align:center;
	width:100%;
	
	background:rgba(0,0,0,0.5);
}

.triExpositor .ca .text
{
	padding:0px 10px;
	padding-bottom:7px;
}



/*---------------------------------------
*/

.main_expositor
{
	margin-bottom:30px;
	position:relative;
}

.main_expositor .cnt
{
	width:100%;
	height:340px;
	background-size:cover;
	background-position:center;	
}

.main_expositor .ca
{
	color:#FFFFFF;
	
	text-align:center;
	padding:20px 0px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	
	background:rgba(0,0,0,0.5)
}

/*		smart styles
*/
@media (max-width: 749px)
{
	/*	modifi the index !care
	*/
	.index
	{
		position:relative;
	}
	
	.index .site-padding
	{
		padding-top:240px;
	}
	
	.index .triExpositor
	{
		width:100%;
		height:250px;
		position:absolute;
		overflow:hidden;
		top:0px;
		left:0px;
	}
	
	.index .triExpositor #c1,
	.index .triExpositor #c2,
	.index .triExpositor #c3
	{
		margin:0px;
		padding:0px;
		top:0px;
		height:100%;
		width:100%;
		position:absolute;
	}
	.index .triExpositor #c1
	{
		left:0%;
	}
	
	.index .triExpositor #c2
	{
		left:100%;
	}
	
	.index .triExpositor #c3
	{
		left:-100%;
	}
	
	.triExpositor #glass
	{
		width:100%;
		height:100%;
		position:absolute;
		z-index:3;
		display:none;
	}

	.main_expositor .cnt
	{
		height:220px;
	}
	
	.triExpositor
	{
		height:auto;
	}
	
	.triExpositor #c1,
	.triExpositor #c2,
	.triExpositor #c3 
	{
		float:none;
		width:100%;
		height:250px;
		margin-bottom:15px;
	}
	
	.triExpositor
	{
		clear:both;
	}
}

/*		tablet styles
*/

@media (min-width: 750px)
{
	
	.triExpositor #c1:hover,
	.triExpositor #c2:hover,
	.triExpositor #c3:hover
	{
		opacity:0.5;
	}

	.index .triExpositor #c1,
	.index .triExpositor #c2,
	.index .triExpositor #c3
	{
		top:auto !important;
		left:auto !important;
	}
}