/* ******************************************************************** */
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{
 margin:0;
 padding:0;
 text-align:center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  background-image: url("../images/background.jpg");
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;

}

#pagewidth{
 width:1000px;
 text-align:left;
 margin:0 auto;
 background-image: url("../images/container-back.png");
  background-color: #FFFFFF;
  background-size: contain;
  border: solid #808080 thin;
  border-top: none;
  box-shadow: inset 0 3px 12px 0 #808080;

}

#header{
 position:relative;
/* height:400px;  */
 width:100%;
 display:block;
 overflow:auto;
}
#header h1 {
  text-align: center;
  vertical-align: middle;
  text-shadow: 1px 1px 3px #888888;
  color: #000080;
}

#twocols{
 width:1000px;
 float:right;
 position:relative;
  }

#wrapper table tr:nth-child(even){
  background-color: #EEEEEE;
}
#wrapper table tr:nth-child(odd){
  background-color: #6699FF;
}
#wrapper table td {
  border: dotted thin #ccc;
  padding: 2px;
}

#wrapper table th {
  background-color: #000080;
  color: #fff;
  padding: 5px;
  text-align: center;
/*  border: solid thin #fff; */
}

#wrapper a {
  text-decoration: none;
  display: inline-block;
  background-image: linear-gradient(to bottom, #0060BF, #00304C);
  border: solid thin #eee;
  border-radius: 3px;
  color: #fff;
  padding: 3px;
}
#wrapper a:hover{
  display: inline-block;
  background-image: linear-gradient(to bottom, #EEEEEE, #808080);

/*  background-color: #eee;*/
  color: #000;
  padding: 3px;
  border-style: solid;
  border-width: thin;
  border-color: #ccc;
  border-radius: 3px;
  text-decoration: none;

}


#rightcol{
 width:220px;
 float:right;
 position:relative;
 }

#maincol{

 float: left;
 position: relative;
 width:760px;
 margin-left: 10px;
/* padding-left: 10px;*/
 padding-right: 10px;
 text-align: justify;
/* box-shadow: inset 2px 0px 10px 0 #808080;      */
}
#maincol h1 {
  text-align: left;
  vertical-align: middle;
  text-shadow: 1px 1px 3px #888888;
  color: #000080;
}
#maincol table tr:nth-child(even){
  background-color: #EEEEEE;
}
#maincol table tr:nth-child(odd){
  background-color: #6699FF;
}
#maincol table td {
  border: dotted thin #ccc;
  padding: 5px;
}

#maincol table th {
  background-color: #000080;
  color: #fff;
  padding: 5px;
  text-align: center;
/*  border: solid thin #fff; */
}

#maincol a {
  text-decoration: none;
  display: inline-block;
  background-image: linear-gradient(to bottom, #0060BF, #00304C);
  border: solid thin #eee;
  border-radius: 3px;
  color: #fff;
  padding: 3px;
}
#maincol a:hover{
  display: inline-block;
  background-image: linear-gradient(to bottom, #EEEEEE, #808080);

/*  background-color: #eee;*/
  color: #000;
  padding: 3px;
  border-style: solid;
  border-width: thin;
  border-color: #ccc;
  border-radius: 3px;
  text-decoration: none;

}
#footer{
 clear:both;
 display:block;
 overflow:auto;
}


.sponsor {
  background-image: linear-gradient(to bottom, #0060BF, #00304C);
  border-radius: 5px;
  border: solid thin;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
  padding: 10px;
  /*box-shadow: blue 0px 0px 10px;*/
}

#sponsorlar {
/*  background-image: linear-gradient(to bottom, #F7F7F7, #DEDEDE);*/
box-shadow: inset 2px 0px 10px 0 #808080;
width: 220px;
height: 100%;
vertical-align: top;
}

/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

 @media print{

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
html, body, #pagewidth {background-image: none; background-color: #FFFFFF; box-shadow: none; border: none;}

}