/*-------------------  ELEMENTE GENERALE ------------------------------)*/

body {
	background-color:	#fff;
	margin:				0px;
	padding:			0px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

hr {
	border: 0;
	background-color: #d8d8d8;
	color: #d8d8d8;
	height: 1px;
}


h1 {
	font-size:			16px;
	margin-bottom:		0px;
}


h2 {
	font-size:			14px;
	margin:				0px;
	display:			inline;
	line-height:		1.5;
}


h3 {
	font-size:			12px;
	margin:				0px;
	display:			inline;
	line-height:		1.5;
}


a {
	text-decoration:	none;
	font-weight:		bold;
	color:				#333;
}

input {
	border-color:		gray;
	color:				black;
	width:				200px;
	height:				20px;
	border-style:		solid;
	border-width:		1px;
	margin:				1px;
	background-color:	#ffffff;
}

textarea {
	width:				200px;
	height:				100px;
	border-color:		gray;
	border-style:		solid;
	border-width:		1px;
	margin:				1px;
	background-color:	#ffffff;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

div {
	border-color:		red;
	border-width:		0px;
	border-style:		solid;
	margin:				0px;
	padding:			0px;
}

ul {
	background-image: 	none;
	margin: 			auto;
	padding:			0px;
}


li.categorii_mari {
	list-style-type: 	none;
	padding-top:		10px;
}

li.categorii_mici {
	margin-left:		25px;
}



/*-------------------  ELEMENTELE ASEZARE IN PAGINA ------------------------------)*/

#container {
	width:				990px;
	margin-left:		auto;
	margin-right:		auto;
}

#rand_sus {
	width:				990px;
}

#rand_mijloc {
	width:				990px;
}

#coloana_stanga {
	width:				220px;
	float:				left;
}

#coloana_centru {
	width:				550px;
	float:				left;
}

#coloana_dreapta {
	width:				220px;
	float:				left;
}

#rand_jos{
	width:				990px;
}



/*-------------------  ELEMENTELE MAI MICI ------------------------------)*/

#banner{
	width:				990px;
	height:				132px;
	background-image: 	url('images/tenisshop_01.jpg');
}

#meniu_1 {
	width:				970px;
	height:				26px;
	background-image: 	url('images/tenisshop_02.jpg');
	padding-left:		20px;
	font-size:			14px;
	line-height:		26px;
}

.button_top {
	line-height:		26px;
	display:			block;
	height:				26px;
	text-align:			center;
	float:				left;
}

.button_top a{
	display:			block;
	color:				#ffffff;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px;
	padding-left:		10px;
	padding-right:		10px;
}

.button_top a:hover{
	display:			block;
	color:				#e75c01;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px;
	background-image:	url('images/button_top_over.jpg');
	padding-left:		10px;
	padding-right:		10px;
}





#banner_2 {
	width:				990px;
}

#banner_3{
	width:				990px;
}

#categorii_start {
	width:				220px;
	height:				38px;
	background-image: 	url('images/tenisshop_04.jpg');
	color:				#fff;
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	padding-top:		12px;
	margin:				0px;
}

#categorii_continut {
	width:				220px;
	background-image: 	url('images/tenisshop_09.jpg');
}

#lista_categorii {
	color:				#663300;
	padding:			0pt 0pt 2px;
	margin-right:		4px;
	margin-left:		20px;
}

#lista_categorii a {
	color:				#00000;
	text-decoration:	none;
	text-transform:		capitalize;
	font-weight:		normal;
	line-height:		1.5;
}

#lista_categorii a:hover {
	color:				#e75c01;
	text-decoration:	none;
	font-weight:		bold;
}

#categorii_stop {
	width:				220px;
	height:				25px;
	background-image: 	url('images/tenisshop_16.jpg');
}



.button_menu_shop{
	line-height:		55px;
	display:			block;
	width:				110px;
	height:				50px;
	text-align:			center;
	float:				left;
	background-image:	url('images/tenisshop_06.jpg');
}

.button_menu_shop a{
	display:			block;
	color:				#fff;
	width:				110px;
	height:				50px;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px;
	background-image:	url('images/tenisshop_06.jpg');
}

.button_menu_shop a:hover{
	display:			block;
	color:				#000;
	width:				110px;
	height:				50px;
	padding:			0px;
	font-weight:		bold;
	text-decoration:	none;
	margin:				0px;
	background-image:	url('images/tenisshop_05.jpg');
}
	
	
#cos_start {
	width:				220px;
	height:				36px;
	background-image:	url('images/tenisshop_08.jpg');
	color:				#072e60;
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	padding-top:		14px;
	margin:				0px;
}	

#cos_continut {
	width:				220px;
	background-image:	url('images/tenisshop_11.jpg');
}

#cos_cumparaturi {
	width:				190px;
	height:				84px;
	padding-left:		20px;
	padding-right:		10px;
	background-color:	#ffffff;
	text-align:			center;
	background-image:	url('images/tenisshop_13.jpg');
}

#cos_stop {
	width:				220px;
	height:				25px;
	background-image:	url('images/tenisshop_17.jpg');
}	
	


#cautare_start {
	width:				220px;
	height:				25px;
	background-image:	url('images/tenisshop_14.jpg');
	color:				#072e60;
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	padding-top:		12px;
	margin:				0px;
}
	
#cautare {
	width:				190px;
	padding-left:		20px;
	padding-right:		10px;
	background-color:	#ffffff;
	text-align:			center;
	background-image:	url('images/tenisshop_11.jpg');
}

#cautare input {
	width:				120px;
	height:				16px;
}


#sort_start {
	width:				220px;
	height:				25px;
	background-image:	url('images/tenisshop_18.jpg');
	color:				#072e60;
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	padding-top:		12px;
	margin:				0px;
}
	
#sort_content {
	width:				220px;
	background-image:	url('images/tenisshop_11.jpg');
}


#top_vanzari_start {
	width:				220px;
	height:				25px;
	background-image:	url('images/tenisshop_18.jpg');
	color:				#072e60;
	text-align:			center;
	font-size:			12px;
	font-weight:		bold;
	padding-top:		12px;
	margin:				0px;
}
	
#top_vanzari {
	width:				190px;
	text-align:			center;
	padding-left:		20px;
	padding-right:		10px;
	background-image:	url('images/tenisshop_11.jpg');
}



#sort {
	padding-left:		50px;
}

#sort a{
	color:				#000;
	font-weight:		normal;
}

#sort a:hover{
	color:				#072e60;
	font-weight:		bold;
}






/*------------------------ clear floats + holly hack ----------------------------*/
.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 */

/*------------------------- PNG in IE --------------------------*/
.box{
/* Mozilla ignores crazy MS image filters, so it will skip the following */
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/animate/transw.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.box[class]{
	background: url(/animate/transw.png) repeat;
}