@charset "utf-8";
* { margin:0; padding:0; list-style-type:none;}
a { color:#3399ff; text-decoration:none;}
.clear { clear:both;}
body { font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:14px; line-height:21px; background-color:#efefef;}

.container { width:615px; margin:0 auto; max-width:96%; padding:3vh 0;}
.item-row {
	background-color:#fff;
	box-shadow:rgba(0,0,0,0.17) 0 1px 2px;
	margin-bottom:4px;
}
.item-header { 	padding:15px 20px; overflow:hidden;}
.item-desc { background-color:#d7d7d7; font-size:15px; line-height:24px;}
.item-desc-txt { padding:16px 22px;}
.txt-estado {vertical-align:middle; display:inline-block; font-weight:700; text-transform:uppercase;}
.icon-estado { width:44px; height:44px; margin-right:12px; vertical-align:middle; display:inline-block;}
.icons-test { background-image:url(../img/icons-test.png); background-repeat:no-repeat; vertical-align:middle; display:inline-block;}
.icons-test.icon-ok { background-position:0 0;}
.icons-test.icon-alert { background-position:-88px 0;}
.icons-test.icon-info { background-position:-132px 0;}
.icons-test.icon-error { background-position:-44px 0;}
.icons-test.icon-load {background-image: url(../img/load.gif); background-position:0 0;}

.iconFirefox { background-position:-44px -74px;}
.iconChrome { background-position:0 -74px;}
.item-desc-txt .icons-test { width:44px; height:44px; margin-right:10px;}
.item-desc-txt p { margin-bottom:12px;}
.item-desc-txt a.browserLink { display:inline-block; margin-right:25px; margin-bottom:6px; font-weight:bold;}
.arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 16px 0 16px;
	border-color: #ffffff transparent transparent transparent;
	margin:0 auto;	
}
.wrapper { margin-bottom:15px;}

.header { padding:25px 0 35px;}
.header h1 { font-size:36px; font-weight:500; line-height:40px; margin-bottom:25px;}
.header p { font-size:16px; line-height:22px;} 
.footer { text-align:center; padding:5px 0;}
.btnAccion { display:block; max-width:256px; margin:0 auto 10px; text-align:center; background-color:#3399ff; color:#fff; text-transform:uppercase; line-height:19px; padding:13px 0; border-radius:1px; font-weight:600; transition:all .3s ease; }
.btnAccion:hover { background-color:#52c2f6;}
.btnAccion:active { box-shadow:inset rgba(0,0,0,0.2) 0 2px 2px;}

/* anima */

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.item-row, .footer {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
		  
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.footer {   -webkit-animation-duration: 1s;
          animation-duration: 1s;
		  animation-delay:4s;}
		  
.item-row:nth-child(2) {animation-delay:.2s;}
.item-row:nth-child(3) {animation-delay:.4s;}
.item-row:nth-child(4) {animation-delay:.6s;}
.item-row:nth-child(5) {animation-delay:.8s;}
.item-row:nth-child(6) {animation-delay:1s;}
.item-row:nth-child(7) {animation-delay:1.2s;}
.item-row:nth-child(8) {animation-delay:1.4s;}
.item-row:nth-child(9) {animation-delay:1.6s;}
.item-row:nth-child(10) {animation-delay:1.8s;}
.item-row:nth-child(11) {animation-delay:2s;}
.item-row:nth-child(12) {animation-delay:2.2s;}