/*
# ------------------------------------------------------------------------
# TCVN Rotating Image Module for Joomla 2.5
# ------------------------------------------------------------------------
# Copyright(C) 2008-2012 www.Thecoders.vn. All Rights Reserved.
# @license http://www.gnu.org/licenseses/gpl-3.0.html GNU/GPL
# Author: Thecoders.vn
# Websites: http://Thecoders.com
# Forum:    http://laptrinhvien-vn.com/forum/
# ------------------------------------------------------------------------
*/
#block-slide2 {
	background: url(../images/bg-slide.png) no-repeat 50% 50% #181818; 
	padding-top: 30px;
}
.tcvnRotatingImage .tcvntSlider {
	width: 100%;
	height: 100%;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 259px;
	margin: 0 0 0 0;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 {
	position: absolute;
	top: 30px;
	right: 50px;
	opacity: 0;
	filter: alpha(opacity:0);
	background: url(../images/bg.png);
	margin-left: 20px;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
	color: #fff;
	font: bold 35px "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 0 8px;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
	color: #fff;
	font: normal 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 {
	position: absolute;
	top: 93px;
	right: 20px;
	opacity: 0;
	filter: alpha(opacity:0);
	background: url(../images/bg.png);
	padding: 5px 7px 7px 7px;
	margin-left: 20px;
}
.tcvnRotatingImageButtons {
	bottom: 10px;
    height: 10px;
    left: 10px;
    position: absolute;
    width: 200px;
}
.tcvnRotatingImageButtons .button {
	background: none repeat scroll 0 0 #999999;
    border: 1px solid #000000;
    float: left;
    height: 9px;
    margin: 0 10px 0 0;
    opacity: 0.25;
    width: 9px;
}
.tcvnRotatingImageButtons .selected {
	background: none repeat scroll 0 0 #000000;
    opacity: 1;
}
.tcvnRotatingImageButtonsThumbnail {
	margin: 10px auto 0;
	height: 65px;
}
.tcvnRotatingImageButtonsThumbnail .tcvntSlider {
	width: 100%;
	height: 100%;
}
.tcvnRotatingImageButtonsThumbnail .button {
	float: left;
	margin: 0 10px;
	width: 115px;
	height: 60px;
	opacity: 0.5;
	filter: alpha(opacity:50);
}
.tcvnRotatingImageButtonsThumbnail .selected {
	opacity: 1;
	filter: alpha(opacity:100) !important;
}
.tcvnRotatingImageButtonsThumbnail .button .border {
	border: 5px solid #000;
	opacity: 0.5;
	filter: alpha(opacity:50);
	width: 105px;
	height: 50px;
}
#tcvnRotatingImage > .tcvnRotatingImagePrevButton, #tcvnRotatingImage > .tcvnRotatingImageNextButton {
	width: 20px;
	height: 40px;
	position: absolute;
	z-index: 9999;
	margin: 2px 0px;
}
.tcvnRotatingImageNextButton {
	right:0px;
	bottom:3%;
	background: url(../images/slider-buttons.png) no-repeat 100% 0;
}
.tcvnRotatingImagePrevButton {
	left:0px;
	bottom:3%;
	background: url(../images/slider-buttons.png) no-repeat 0 0;
}
.iphoneUI .tcvnRotatingImage .tcvntSlider .tcvnItem .text {
	display: none;
}
.iphoneUI .tcvnRotatingImage .tcvntSlider .tcvnItem .text .bg {
	display: none;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .title {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -1px;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .title span {
	color: #fff;
	font: bold 30px "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 0 -1px 1px #000;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .desc {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px 0 0 0;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .desc span {
	color: #fff;
	font: normal 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 0 -1px 1px #000;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .button {
	position: absolute;
	right: 20px;
	bottom: 20px;
	margin: 10px 0 0 0;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .button a span {
	color: #000;
	font: normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 0 1px 1px #fff;
}
.tcvnRotatingImage .tcvntSlider .tcvnItem .button a {
	padding: 5px 10px;
	background: #aaa;
	border: 1px solid #000;
	text-decoration: none;
}
#main .tcvnRotatingImage .tcvntSlider .tcvnItem .button a:hover,
.tcvnRotatingImage .tcvntSlider .tcvnItem .button a:hover,
#main .tcvnRotatingImage .tcvntSlider .tcvnItem .button a:hover span,
.tcvnRotatingImage .tcvntSlider .tcvnItem .button a:hover span{
	background: #aaa;
	color: #000;
}
/*------------------------------Responsive----------------------------------------------------*/
@media (max-width: 980px) {
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span  {
		font-size:30px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
		font-size:14px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 {
		top:68px;
	}
	.tcvnRotatingImageButtonsThumbnail .button .border {
		width: 76px;
		border-width:3px;
	}
	#tcvnRotatingImage > .tcvnRotatingImagePrevButton, #tcvnRotatingImage > .tcvnRotatingImageNextButton {
		margin: 8px 0px;
	}
}

@media ( max-width: 800px)
{
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
		font-size:25px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
		font-size:12px;
	}
	.tcvnRotatingImageButtonsThumbnail .button {
		margin: 0px;
		width: 125px;
	}
	#tcvnRotatingImage > .tcvnRotatingImagePrevButton, #tcvnRotatingImage > .tcvnRotatingImageNextButton {
		margin: 8px 0px;
	}
}

@media ( max-width: 768px)
{
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
		font-size:25px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
		font-size:12px;
	}
	.tcvnRotatingImageButtonsThumbnail .button {
		margin: 0px;
		width: 125px;
	}
}
@media ( max-width: 650px)
{
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
		font-size:20px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
		font-size:10px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 {
		top: 56px;
	}
	.tcvnRotatingImageButtonsThumbnail .button .border {
		width:64px;
	}
}
@media ( max-width: 480px)
{
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
		font-size:16px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 span {
		font-size:8px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 {
		padding: 0 7px 3px;
		top: 52px;
	}
	.tcvnRotatingImageButtonsThumbnail .button{
		margin:0;
	}
	.tcvnRotatingImageButtonsThumbnail .button .border {
		width: 45px;
	}
	.tcvnRotatingImageButtonsThumbnail {
		margin-top: 4px;
	}
}
@media ( max-width: 360px)
{
	.tcvnRotatingImageButtonsThumbnail {
		height: 45px;
	}
	.tcvnRotatingImageButtonsThumbnail .button {
		margin: 5px 0px;
		width: 81px;
	}
	.tcvnRotatingImageButtonsThumbnail .button .border {
		height: 30px;
	}
	#tcvnRotatingImage > .tcvnRotatingImagePrevButton, #tcvnRotatingImage > .tcvnRotatingImageNextButton {
		margin: -2px 0px;
	}
}
@media ( max-width: 320px)
{
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 {
		top:10px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text1 span {
		font-size:12px;
	}
	.tcvnRotatingImage .tcvntSlider .tcvnItem .text2 {
		padding: 0 7px 3px; top: 36px;
	}
}