@charset "utf-8";
/**
 *  SuperCroco.ro © 2009
 *  Design 0.1 By George Jipa
 *  http://www.supercroco.ro - FRONTEND
 **/  

/* RESET */
* {
  margin: 0;
  padding: 0;
}

img, fieldset {
  border: none;
}

table {
  border-collapse: collapse;
}

td, th {
  text-align: left;
  vertical-align:top;
}

button {
  cursor: pointer;
}

input, button, select {
  vertical-align: middle;
  outline: none;
}

a {
  text-decoration: none;
  color: #5ea5e1;
}

a:hover { 
  text-decoration: underline;
}

input.text, input.password, textarea { 
  border: 1px solid #7f9db9;
}

.separator {
  height: 5px;
}

/* CLEAR FLOATS */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}
  /* Hide from IE Mac */
.clearfix {
  display: block;
}
  /* End hide from IE Mac */
* html .clearfix {
  height: 1px;
}

/* GENERAL */
body {
  background: /*#f9fcfe*/ #FFFFFF;
  color:#666;
  font-family: Tahoma, Arial;
  font-size: 11px;
  margin: 0;
  padding: 0;
  text-align: center;
}  

#wrap {
	margin: 0px auto;
	width: 942px;
}

/* topBar => #topBar .blog , #topBar .data */
#topBar {
  background: url("../images/topBar.gif") no-repeat center top;
  height: 24px;
  text-align: left;
}

  #topBar .blog {
    float: left;
    padding-left: 10px;
    padding-top: 3px;
    width: auto;
  }
  
  #topBar .data {
    float: right;
    padding-right: 10px;
    padding-top: 3px;
    width: auto;
  }
  
/* Header => #header .logo, #header .items */
#header {
  height: 117px;
  min-height: 117px;
}

  #header .logo {
    float: left;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: auto;
  }
  
  #header img {
    border: 0;
  }
  
  #header .items {
    float: right;
    padding-right: 15px;
    padding-top: 10px;
    text-align: left;
    width: auto;
  }
  
  #header .items a  {
    text-decoration: none;
  }

/* cornersTop */
.cornersTop {
  background: url("../images/cornersTop.gif") no-repeat center top;
  height: 14px;
}

/* cornersBottom */
.cornersBottom {
  background: url("../images/cornersBottom.gif") no-repeat center top;
  height: 14px;
}

/* Content */
#content {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background-color: #FFF;
  height: auto;
  text-align: left;
}

/* Left */
#content .left {
  float: left;
  height: auto;
  width: 669px;
}

/* Recomandate */
#recomandate {
  padding-left: 10px;
  padding-right: 15px;
}

#galerie {
  margin-top: 5px;
	position: relative;
	height: 223px;
}
	
  #galerie a {
		float: left;
		position: absolute;
	}
	
	#galerie a img {
		border: none;
	}
	
	#galerie a.show {
		z-index: 500;
	}

	#galerie a:first {
		z-index: 500;
	}

	#galerie .caption {
		z-index: 600; 
		background-color:#000; 
		color: #ffffff; 
		height: 50px; 
		width: 100%; 
		position: absolute;
		bottom: 0;
	}

	#galerie .caption .contentCaption {
		margin: 5px;
	}
	
	#galerie .caption .contentCaption span {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		color: white;
	}

/* LastGames */
#lastGames {
  padding-left: 10px;
  padding-right: 15px;
}

/* mostViewed */
#mostViewed {
  padding-left: 10px;
  padding-right: 15px;
}

/* SingleJoc */
#singleJoc {
  padding-left: 10px;
  padding-right: 15px;
}
  
  .infoJoc {
  padding-top: 5px;
  min-height: 80px;
  height: 80px; 
  }
  
  .infoJoc img {
    padding: 2px;
    margin-right: 5px;
    border: 1px solid #e5e5e5;  
  }

/* paginare */
#paginare {
  padding-left: 10px;
  padding-right: 15px;
  text-align: center;
  font-size: 12px;
  color: green;
  width: 630px;
  height: 15px;
  background-color: rgb(239,239,239);
}

  #paginare a{
    color: green;
  }

/* divGame */
.divGame {
  margin: 5px;
  width: 308px;
  height: 78px;
  float: left;
}

  .divGame img {
    padding: 2px;
    margin-right: 5px;
    border: 1px solid #e5e5e5;
  }
  
  .divGame a {
    color: green;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
  }

  .divGame a:hover {
    text-decoration: underline;
  }
  
/* Advertise */
.advertiseSingleJoc {
  border: 1px solid #e5e5e5;
  background-color: #fafafa; 
  text-align: center; 
  padding-top: 5px; 
  padding-bottom: 5px;
}  
  
/* H1,H2,H3 folosite pe index */
h1, h2, h3 {
  border-bottom: 1px dashed #e5e5e5;
  color: green;
  width: auto;
  font-family: Tahoma, Arial;
  font-size: 15px;
  padding-bottom: 2px;
}

/* Right */
#content .right {
  float: left;
  height: auto;
  width: 271px;
}

/* Right Elements */
.cautare, .categorii, .le, .mostVoted, .advertise {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  margin-left: 10px;
  margin-right: 10px;
}

.right span {
  color: green;
  font-weight: bold;
  line-height: 20px;
  font-size: 13px;
  margin-top: 10px;
  padding-left: 10px;
}

ul {
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
}

li {
  border-bottom: 1px dotted #CCCCCC;
  display: block;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  min-height: 15px;
  padding: 4px 0 5px;
}

/* Cautare */
.cautare form {
  margin: 5px;
  text-align: center;
}

/* Footer */
#footer {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  height: 15px;
}