/* clip */
.clip img {float:right;}
.clip .text {overflow: hidden; width:340px; float: right; margin:0 20px;}

#clip-wrap {
	position: absolute;
	right:10px;
	top:auto;
	z-index:1;
}


#clip-image { /* css style for photo stack */
	width: 230px;
	height:130px;
	position: relative;
}

#clip-image .txt-tp4 {color:#00539f;}

#clip-image .clip-item { /* css style for photo stack */
	position: absolute;
	left: 0;
	top:0;
	border: none;
	text-decoration: none;
	margin-left:0px;
	width:137px;
	height:76px;	
	opacity:1;
	padding: 20px 65px 20px 25px;

	-webkit-transform-style:flat;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count:1;	 
	-webkit-animation-delay:0s;
	-webkit-animation-duration: 1s;
	
	-moz-animation-fill-mode: both;
	-moz-animation-iteration-count:1;	 
	-moz-animation-delay:0s;
	-moz-animation-duration: 1s;

	-o-animation-iteration-count:1;	 
	-o-animation-delay:0s;
	-o-animation-duration: 1s;

	-ms-animation-iteration-count:1;	 
	-ms-animation-delay:0s;
	-ms-animation-duration: 1s;

	animation-iteration-count:1;	 
	animation-delay:0s;
	animation-duration: 1s;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;

	-webkit-transform: translate3D(0, 0, 0)

}

#clip-image .clip-item h4 {font-size: 11px;}
#clip-image .clip-item p,
#clip-image .clip-item a {text-decoration: none; font-size:14px; }
	
#photo1 {background:url("/portal/imagens/classic/home/clip-seguranca1.png") no-repeat;}
#photo2 {background:url("/portal/imagens/classic/home/clip-seguranca2.png") no-repeat;}
#photo3 {background:url("/portal/imagens/classic/home/clip-seguranca3.png") no-repeat;}

.clip-item.clip-active {
	z-index:204;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.clip-item.prev-active {
	z-index:202; 
	top:4px;
	left:4px;

	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.clip-item.next-active{
	z-index:203;
	top:2px;
	left:4px;

	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg); 
	-o-transform: rotate(-3deg); 
	-ms-transform: rotate(-3deg); 
	transform: rotate(-3deg); 
}

.lt-ie9 #clip-image .clip-item.prev-active {top:4px;}
.lt-ie9 #clip-image .clip-item.next-active {top:2px;}

#photo1.ceu, #photo2.ceu, #photo3.ceu {
	z-index: 99;
	-webkit-animation-name: rotatewebkitclip; 
	-moz-animation-name: rotatemozclip;
	-o-animation-name: rotateoclip;
	-ms-animation-name: rotatemstclip; 
	animation-name: rotateclip;

	-webkit-transition: none;
	-moz-transition: none;
}

@-webkit-keyframes rotatewebkitclip {
	0% {	-webkit-transform: translateY(0) rotate(0deg); opacity:1; z-index:205;}
	50% {	-webkit-transform: translateY(-160px) rotate(10deg); opacity:.8; z-index:204; }
	100% {	-webkit-transform: translateY(0) rotate(-6deg); top:0; opacity:1; z-index:201; }
}

@-moz-keyframes rotatemozclip {
	0% {	-moz-transform: translateY(0) rotate(0deg); opacity:1; z-index:205;}
	50% {	-moz-transform: translateY(-160px) rotate(10deg); opacity:.8; z-index:204; }
	100% {	-moz-transform: translateY(0) rotate(-6deg); top:0; opacity:1; z-index:201; }
}

@-o-keyframes rotateoclip {
	0% {	-o-transform: translateY(0) rotate(0deg); opacity:1; z-index:205;}
	50% {	-o-transform: translateY(-160px) rotate(10deg); opacity:.8; z-index:204; }
	100% {	-o-transform: translateY(0) rotate(-6deg); top:0; opacity:1; z-index:201; }
}

@-ms-keyframes rotatemsclip {
	0% {	-ms-transform: translateY(0) rotate(0deg); opacity:1; z-index:205;}
	50% {	-ms-transform: translateY(-160px) rotate(10deg); opacity:.8; z-index:204; }
	100% {	-ms-transform: translateY(0) rotate(-6deg); top:0; opacity:1; z-index:201; }
}

@keyframes rotateclip {
	0% {	transform: translateY(0) rotate(0deg); opacity:1; z-index:205;}
	50% {	transform: translateY(-160px) rotate(10deg); opacity:.8; z-index:204; }
	100% {	transform: translateY(0) rotate(-6deg); top:0; opacity:1; z-index:201; }
}

.image-clips {
	background:url("imagens/modulos/clips.png") 0 0 no-repeat;
	display:block;
	height:86px;
	pointer-events:none;
	position: absolute;
	right:-16px;
    top: 25px;
    width: 96px;
    z-index: 209;
}
/* clip.css */


/* atendimento online */
	.atendimento-online {background: url("imagens/geral/ico-atendimento-online.png") no-repeat; font-size:14px; font-weight:bold; color:#000; display: block; width:102px; height:47px; position: absolute; right:-10px; top:30px; padding: 7px 13px 0 57px;text-decoration: none;word-wrap:break-word;}
	.atendimento-online:hover {background-position: 0 -55px;text-decoration: none;}

	.atendimento-online + .box-conheca-tambem {padding-top: 110px;}

	.atendimento-online-video {position: absolute; right:-11px; top:30px;}
	.atendimento-online-video a {font-size:14px; font-weight:bold; color:#000; display: block; text-decoration: none; }
	.atendimento-online-video:hover {background-position: 0 -60px;}
	.atendimento-online-video:hover a {color:#488ae6;}

	.atendimento-online-video .atendimento-online-video-cont {margin-top: 10px;}
	.atendimento-online-video .ico-237 {background: url("imagens/geral/ico-237.png") -20px 0 no-repeat; display: block; width:70px; height:100px;position: absolute; right:31px; top:-10px;}
	.atendimento-online-video .ico-237.on { background-position: 0 -190px;width:100px; right:157px;top:-22px;}
	.atendimento-online-video .ico-237.pull { background-position: 0 -335px;width:100px; right:31px;top:-22px;}
	.atendimento-online-video.box-video-online {right:-11px !important;background: url("imagens/geral/ico-atendimento-online-video.png") no-repeat;padding: 10px 10px 40px 10px;top:40px;}

	.atendimento-online-video .atendimento-online-video-play {background: url("imagens/geral/ico-atendimento-online-video-play.png") no-repeat; width:54px; height:54px; display: block; float: left; text-indent:-9999px;}
	/*.atendimento-online-video .atendimento-online-video-text {background: url("imagens/geral/ico-atendimento-online-video-text.png") repeat-x; height:49px; display: block;float: left;width:110px; padding: 5px 0 0 10px;}*/
	.atendimento-online-video .atendimento-online-video-text {background: url("imagens/geral/ico-atendimento-online-video-text.png") repeat-x; height:49px; display: block;float: left;width:0; padding: 5px 0 0 10px;text-indent:-9999px;}
	.atendimento-online-video .atendimento-online-video-bg {background: url("imagens/geral/ico-atendimento-online-video-bg.png") no-repeat; width:10px; height:54px; display: block;float: right;}
	.atendimento-online-video .ico-fechar {margin-bottom: 10px; margin-left: 165px; color:#00539f; }
	.atendimento-online-video .ico-fechar:hover { text-decoration: underline;}
/* atendimento online */