@charset "UTF-8";
/* CSS Document */


/*reset*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

a, img, h1, h2, h3, h4,
h5, h6, li, ul, ol, p,
fieldset, form, button		{ margin:0; padding:0; border:0; text-decoration:none; list-style-type:none;}
.clear						{ clear:both;}
.rel						{ position:relative;}

html{ height: 100%; margin-bottom: 1px; overflow-x:hidden; overflow-y:auto;}
#wrapper{
	width:1000px;
	margin:0px auto;
	font-family:Droid Arabic Kufi; 

}
body{ 
	font-family:Droid Arabic Kufi,Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:0;
	background-position:top center;
	background-repeat:repeat-y;
}
#clock{
	width:600px;
	height:400px;
	background-image:url(../img/bg-clock.png);
	background-repeat:no-repeat;
	position:relative;
}
span.rojo{
	color:#F72727;
	text-transform:uppercase;
	font-size:11px;
	position:relative;
	top:0px;
	left:1px;
}
div.txt{
	position:absolute;
	text-transform:uppercase;
}
span.t1{
	color:#fff;
	font-size:11px;
}
span.t2{
	color:#F72727;
	font-size:12px;
}
span.t3{
	color:#fff;
	font-size:15px;
}
span.t4{
	color:#F72727;
	font-size:20px;
}
span.t5{
	color:#fff;
	font-size:10px;
	font-weight:bold;
	letter-spacing:-1px
}
span.t1,span.t2,span.t3,span.t4,span.t5{
	display:block;
	font-weight:bold;
}

#ip{
	top:146px;
	left:24px;
}
#ping{
	top:210px;
	left:41px;
}
#estado{
	top:95px;
	left:435px;
}
#velocidad-subida{
	top:194px;
	left:457px;
}
#velocidad-bajada{
	top:163px;
	left:457px;
}
#start{
	top:246px;
	left:467px;
}
#start a,#start a:hover{
	font-size:30px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
#social{
	top:44px;
	left:400px;
}
#social ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#social ul li{
	float:left;
}
#aguja{
	width:86px;
	height:124px;
	background-image:url(../img/aguja.png);
	display:none;
}
#mensaje{
	width:600px;
	height:93px;
	background-color:#ECECEC;
	padding-top:15px;
	padding-left:10px;
	color:#151515;
}
.data{
}
div.item{
	width:6px;
	height:5px;
	background-image:url(../img/item.png);
	float:left;
	margin-top:8px;
	margin-right:10px;
}
div.txt1{
	font-size:16px;
	font-weight:bold;
}
div.txt1 a,div.txt1 a:hover{
	color:#FA2727;
}
div.txt2{
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
}
div.pos2{
	position:relative;
	left:16px;
}