/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
*{ margin: 0; padding: 0; }* 
body
{ background:#C6C5C2  repeat scroll;
  color: #9F9A9F;
  font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;
}
a
{
	color:#36C;
}
a:hover
{
	color:#E07;
}
a[href^="tel:"]
 {
  color: blue;
  text-decoration: none;
}
a[href^="tel:"]:hover
 {
	color: #FA0; 
	font-weight: bold; 
	text-decoration: none;
}
#wrapper
{
	width:1024px;
	margin:10px auto;
	border:1px solid #eee;
	background:#fff;
}
#logo 
{
background:#eee url(images/los.jpg) no-repeat;
height:404px;
}
#logo h1
{
	text-align:center;
	font: 2.8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica, sans-serif;
	color:#5E6F6E;
}
/**Menu **/
ul
{
	list-style:none;
	padding:0px 0 0 10px;
	background:#eee;
}
li a
{
   color:#5E6F6E;
    font-family:tahoma,verdana,sans-serif;
    font-size:15px;
    padding-right:15px;
	text-decoration:none;
}
li a:hover
{
	color:#000;
}
li
{
display:inline;
}
#breadcrumb
{ 
	padding: 10px; font-size: 15px; font-weight: 500; 
}
#breadcrumb a
{
	color: #5E6F6E;
}
#breadcrumb a:hover
{
	color: #000; font-weight: 600; text-decoration: none;
}
.breadcrumb-list
{
	font-size: 15px; font-weight: 500; color: #5E6F6E;
}
#menu ul
{
	text-align:center;
}
nav
{
   color:#5E6F6E;
    font-family:tahoma,verdana,sans-serif;
    font-size:15px;
    padding:5px;
	text-decoration:none;
	text-align:center;
	background:#eee;
}
nav a
{
   color:#5E6F6E;
}
nav a:hover
{
	color:#000;
}
/**left navigator **/
#leftnav
{    
     clear:both;   
	 width:200px;
	 background:#A6A6A6;
	 float:left;
}
#leftnav h1
{
	color: #fff;
	font-size: 1.2em;
	padding-left:15px;
}
#leftnav h2
{
	color: #fff;
	font-size: 1.0em;
	padding-left:15px;
}
#leftnav h3
{
	color: #fff;
	font-size: 1.2em;
	padding-left:15px;
}
#leftnav h4
{
	color: #fff;
	font-size: 1.0em;
	padding-left:15px;
}
#leftnav p
{
 	font-size:0.9em;
	color:#000;
	border-bottom:1px dotted #7DC4EB;
	padding:1em;
}
#leftnav a
{
	color: #048;
}
#leftnav a:hover
{
	color: #FFF;
}
/**content**/
#content
{   
   margin-left:200px;
   border:1px solid #eee;
}
#main
{
	
	margin:5px 5px 5px 5px;
}
#main h1
{
	color:#5E6F6E;
	text-align:left;
	padding:5px 0 0 0px;
	font-size:1.5em;
}
#main h2
{
   text-align:center;
}
#main h4
{
   text-align:center;
}
#main h3
{
	color:#5E6F6E;
	text-align:left;
	
	font-size:1.0em;
}
#main p
{
	color:#5E6F6E;
	padding:5px 0 0 0px;
	font-size:1.2em;
}
#main details
{
	color:#606066;
	padding:5px 0 0 0px;
	font-size:1.2em;
}
.avatar {
  vertical-align: middle;
  width: 120px;
  height: 170px;
  	border-width: 0px;
}
.maincontent p
{
	text-align:left;
	padding-top:20px;
	font-size:1.2em;
}
.img
{
	float:left;
	padding-left:5px;
}
.centerImage {
     text-align: center;
}
.line
{
	border-top:1px solid #e4e4e4;
}
.style1 {
	font-size: xx-large;
}
.style2 {
	border-width: 0px;
}
.style3 {
	border-width: 3px;
}
.gift p
{
	float:left;
}
.col,.col1
{
width:180px;
padding:2% 0 0 2%;
float:left;
border-right:1px solid #eee;
}
.col1
{
	border:none;
}
.col h3 ,.col1 h3
{
	padding-left:30px;
}

#page
{
height:240px;
}
#page p
{
	color:#5E6F6E;
	text-align:center;
	padding:5px 0 0 0px;
	font-size:1.0em;
}
/**footer ***/
#footer {
	background: #FFF;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	clear:both;
}
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #06F;
	text-decoration: underline;
}
/* Make it a marquee */
.marquee {
    width: 450px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}