html { margin-top: 0px !important; }

body {
 font-family: 'Titillium Regular';
 -webkit-font-smoothing:subpixel-antialiased;
 font-size: 14px;
 color: #666666;
 background: #f4f6f9;
 margin: 0px !important;
 padding: 0px !important;

}

::selection {
	background: #8dddff; /* Safari */
	color: #fff;
	}
::-moz-selection {
	background: #8dddff; /* Firefox */
	color: #fff;
}




@font-face {
	font-family: 'Titillium Light';
	src: url('fontes/TitilliumWeb-Light.eot');
	src: url('fontes/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
		url('fontes/TitilliumWeb-Light.woff') format('woff'),
		url('fontes/TitilliumWeb-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Regular';
	src: url('fontes/TitilliumWeb-Regular.eot');
	src: url('fontes/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('fontes/TitilliumWeb-Regular.woff') format('woff'),
		url('fontes/TitilliumWeb-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium Thin';
	src: url('fontes/TitilliumWeb-Thin.eot');
	src: url('fontes/TitilliumWeb-Thin.eot?#iefix') format('embedded-opentype'),
		url('fontes/TitilliumWeb-Thin.woff') format('woff'),
		url('fontes/TitilliumWeb-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}


a {
 text-decoration: none;
 color: #ff69bc;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
 color: #fa49ab;
}

img {
 border: 0px;
}
 
 /* Styles for dialog window */
#small-dialog {
background: #f9f9f9!important; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #f9f9f9 30%, #ffffff 50%, #ffffff 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f9f9f9 30%,#ffffff 50%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9f9f9 0%,#f9f9f9 30%,#ffffff 50%,#ffffff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 )!important; /* IE6-9 */
 background-repeat: no-repeat;
 padding: 20px 0px 0px 0px;
 text-align: left;
 max-width: 860px;
 margin: 40px auto;
 position: relative;
 -webkit-border-radius: 12px 12px 12px 12px;
 border-radius: 12px 12px 12px 12px;border-radius: 1px;
 box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);       
}

.itens {
 display: flex;
 max-width: 860px;
 text-align: left;
 margin: 20px 30px 0px 30px;  
}

.itens .boxcallhistory{
 flex-grow: 1; 
 height: 85px;
 margin: 0 20px 0 0;
-webkit-flex-basis: 266px; /* Safari 6.1+ */
flex-basis: 266px;
}


.itens span.seta{
 text-transform:uppercase;
 height: 40px;
 padding: 32px 0 30px 55px;
 font-family: 'Titillium Thin';
 font-size: 26px;
 background-image: url("imagens/seta.png");
 background-position: left;
 background-repeat: no-repeat;
}

.dados {
 display: flex;
 max-width: 800px;
 -webkit-flex-basis: 800px; /* Safari 6.1+ */
 flex-basis: 800px;
 text-align: left;
 padding: 10px 40px 30px 40px;
 margin: 0px 0px 0px 0px;  
}




/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}