/* Effect */
@-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}
@keyframes flash {
    0%, 50%, 100% {opacity: 1;}
    25%, 75% {opacity: 0;}
}

body, td { 
    font-family:Helvetica;
    font-size: 11.5px;
    text-align: justify;
}


body a{ 
    color: #E50064;
}

.screen {
    width: 899px;
    /*height: 767px;*/
    margin: 0 auto;
	/*margin-top:161px;*/
    display: block;
    /*position: relative;*/
	border: 1px solid #9EA0A1;
    border-radius:10px;
    box-shadow: 7px 7px 7px #888;
	/*background-color:#CCCCCC;*/
  	/*background-color:WhiteSmoke;*/
  	background-color:WhiteSmoke;
	background-image: url("../img/logo200.png");
	background-position: 80% 2%;
	background-repeat:no-repeat;
}
div.topIcons {
    width: 899px;
    margin: 0 auto;
    padding: 2px 0;
}
div.topIcons img{
    border: none;
  	padding-right: 10px;
}

.title {
    position: relative; 
    float: left;
    width: 50%;
}
.imgTitle {
    position: relative; 
    float: left;
    width: 100px;
}
div.imgTitle img{
    height: 100px;
}
.textTitle {
    top: 5px;
    position: relative; 
    float: left;
    margin-left: 10px;
}
div.textTitle img{
    height: 100px;
}
.header {
    height: 150px;
}
.content {
    position: relative; 
    clear: left;
    padding: 5px 15px 10px 15px;
    /*height: 595px;*/
    overflow: auto;
}
.error {
    padding: 10px;
    color: red;
    font-weight: bold;
    font-size: larger;
	width: 500px;
	text-align: left;
	/*animation:blur .75s ease-out infinite;
  	text-shadow:0px 0px 5px #fff, 0px 0px 7px #fff; */
	/*-webkit-animation: flash linear 5s infinite;
	animation: flash linear 5s infinite;*/
}
.error span{
   	background-image: url("../img/error.png");
  	background-repeat: no-repeat;
	background-position: left;
	padding-left: 24px;
	background-size: 16px;
	/*animation: zoom 5s infinite;*/
}
.information {
    padding: 10px;
    color: black;
    font-weight: bold;
    font-size: larger;
	width: 500px;
}
.information span{
   	background-image: url("../img/info.png");
  	background-repeat: no-repeat;
	background-position: left;
	padding-left: 24px;
	background-size: 16px;
}
.align-center{
    text-align: center;
}


.index img {
    vertical-align:middle;
	margin:0 auto;
}

div.footer{
  padding-left: 10px;
}

.step img {
	-webkit-animation: flash linear 5s infinite;
	animation: flash linear 5s infinite;
}

/* Special for smartphone */
@media only screen and (max-device-width:980px) { 
	
	body, td { 
		font-family:Helvetica;
		font-size: 24px;
		text-align: justify;
	}
	
	body a{ 
		color: #E50064;
	}
	
	h1 { 
		font-size: 2em;
	}
	
	/*body p { 
		font-family:Helvetica;
		font-size: 24px;
		text-align: justify;
	} 	*/
	
	.screen {
		width: 899px;
		/*height: 767px;*/
		margin: 0 auto;
		/*margin-top:161px;*/
		display: block;
		/*position: relative;*/
		border: 1px solid #9EA0A1;
		border-radius:10px;
		/*box-shadow: 7px 7px 7px #888;*/
		/*background-color:#CCCCCC;*/
		background-color:WhiteSmoke;
		background-image: url("../img/logo200.png");
		background-position: 97% 2%;
		background-repeat:no-repeat;
	}
	div.topIcons {
		width: 899px;
		margin: 0 auto;
		padding: 2px 0;
	}
	div.topIcons img{
		border: none;
		width: 40px;
		height: auto;
	}
	.title {
		position: relative; 
		float: left;
		width: 50%;
	}
	.imgTitle {
		position: relative; 
		float: left;
		width: 100px;
	}
	div.imgTitle img{
		height: 100px;
	}
	.textTitle {
		top: 5px;
		position: relative; 
		float: left;
		margin-left: 10px;
	}
	div.textTitle img{
		height: 100px;
	}
	.header {
		height: 150px;
	}
	.content {
		position: relative; 
		clear: left;
		padding: 5px 15px 10px 15px;
		/*height: 595px;*/
		overflow: auto;
	}
	.error {
		padding: 10px;
		color: red;
		font-weight: bold;
		font-size: larger;
		width: 550px;
		text-align: left;
	}
	.error span{
   		background-image: url("../img/error.png");
  		background-repeat: no-repeat;
		background-position: left;
		padding-left: 30px;
		background-size: 24px;
	}
	.information {
    	padding: 10px;
    	color: black;
    	font-weight: bold;
    	font-size: larger;
		width: 500px;
	}
	.information span{
   		background-image: url("../img/info.png");
  		background-repeat: no-repeat;
		background-position: left;
		padding-left: 30px;
		background-size: 24px;
	}
	.align-center{
		text-align: center;
	}
	
	.index img {
		vertical-align:middle;
		margin:0 auto;
	}
	
	div.footer{
		font-size: 0.6em;
	  	padding-left: 10px;
	}
		
	.step img{
		height: 72px;
		width: auto;
		-webkit-animation: flash linear 5s infinite;
		animation: flash linear 5s infinite;
	}
}