/*--------------------------- logo ---------------------------*/
#logo{
	position:relative;
	float:left;
	width:350px;
	height:100%;
	max-width:600px;
	/*margin-left: 60px;	*/
}
#logo img{
	width:95%;
}
#titlos{
	height:100%;
	padding:0px;
}
#logotext{
	font-size:1.5em;
	line-height:100%;
	color:#FFF;
	position:relative;
	top:35%;
	float:left;
}
#logotext p{
	margin:0px;
}
.header {
	height:65px;
	text-align:center;
	width:54%;
	/*background-color:steelblue;*/
	/*float:left;*/
	position:relative;
	top:-45px;
	left:0px;
}


/*--------------------------- search ---------------------------*/
#find{
	display:none;
	width:350px;
	float:left;
	margin:0px 0px 0px 10%;
	padding:0px;
	background-color:steelblue;
	height:38px;
	padding-top:7px;
}
#find #txtfind{
	display:inline-block;
	width:80%;
	padding:2px 5px;
	border-radius:7px;
	height:70%;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	border:1px solid #FFF;
  background-color:#FFF;
	margin-top: 3px;
}
#find input[type="submit"]{
	display:none;
	font-size:1.3em;
	color:#fff;
	margin-left:0px;
	border:1px solid transparent;
	background-color:transparent;
	cursor:pointer;
	border-radius:5px;
	padding: 5px;
}
#find input[type="submit"]:hover{
	border:1px solid #fff;
}
#find img{
	height:25px;
	vertical-align:middle;
	margin-left:5px;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:5px;
	padding:3px;
}
#find img:hover{
	border:1px solid #FFF;
}


/*---------------------------------  login  ------------------------------------*/
#loginWrapper{
	//float:right;
	//margin-right:5%;	
	width:100%;
	height:45px;
	background-color:steelblue;
	font-size:1.2em;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	//display:none;
}
#login{
	float:right;
	padding:10px 10px 0px 10px;		
}
#login form{
	display:inline-block;
}
#login input{
	padding:0px 5px;
	border-radius:7px;
	height:25px;
	font-size:13px;
	font-family: 'Montserrat', sans-serif;
	margin-right:5px;
	border:0px;
}
#login input[type="submit"], button{
	cursor:pointer;
	padding:2px 9px;
	background-color:#CCC;
}
#login input[type="submit"]:hover, button:hover{
	background-color:#FFF;
	cursor:pointer;
}
#loginErr{
	color:orangered;
	margin-right:15px;
}
#loginSuccess{
	margin:0px 5% 0px 0px;
	float: right;
	height: 100%;
	width:35%;
	text-align: right;
}
#loginSuccess button{
	margin-left:15px;
	padding:2px 5px;
	border-radius:8px;
	border:1px solid transparent;
}
#loginSuccess > li{
	display:inline-block;
	width:50%;
	color:yellow;
	text-align: right;
}
#loginSuccess > li:nth-child(1):hover{
	height:40px;
}
#loginSuccess > li:nth-child(1):hover .sub1{
	display:block;
}
#loginSuccess .sub1{
	position: relative;
	float: right;
	display: none;
	top: 5px;
	left: 0px;
	width:90%;
	padding:5px 0px;
	border-radius: 5px;
	text-align: left;
	margin-left: 10px;
	background: linear-gradient( steelblue, #666 );
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;	
	z-index:100;
}
#loginSuccess .sub1 li{
	display:block;
	color:#000;
	padding:5px 0px 0px 0px;
	background:transparent;
}
#loginSuccess .sub1 img{
	width:20px;
	vertical-align: middle;
	margin:0px 10px;
}
#loginSuccess .sub1 li:hover{
	color:#FFF;
}
#signup{
	display:inline-block;
	margin-right:20px;
}
#btnsignup{
	cursor:pointer;
	width:80px;
	border-radius:7px;
	border:1px solid transparent;
	padding: 3px 9px;
}





/*========================================  1024 =============================  */
@media screen and (max-width: 1024px) {
	
	button {
		height:40px;
	}
	#titlos{
		/*background: cadetblue;*/
		width:100%;
	}
	#titlos #logotext{
		position:static;
		display:block;
		/*background: purple;*/
		width:100%;
		text-align:center;
	}
	#titlos #logotext p{
		margin:0px;
		padding:0px;
	}
	#loginSuccess{
    width: 90%;
		text-align: left;
		height:100px;
	}
	li{
		margin:10px auto !important;
	}
	#login{
		float:left;
		width:100%;
		margin:0px;
		padding:0px;
	}
	#login input{
		height:35px;
	}
	#login span{
		display:block;
		width:100%;
		height:100px;
		text-align: center;
		/*background: green;*/
	}
	#login form{
		/*display:block;*/
		margin: 0 auto;
    width: 100%;
    /*background: chocolate;*/
		margin-top:15px;
	}	
	#loginWrapper{
    position: absolute;
    top: 175px;
    left: 0px;	
		/*background-color:blue;*/
		/*overflow:hidden;*/
		height:100px;
		width:100%;
		font-size: 1.5em;
	}
	.header{
		/*background-color:transparent;*/
		position: absolute;
    top: 0px;
    left: 0px;		
		/*height: 175px;*/
		width:100%;
		font-size:1em;
	}
	#logo{
		width:100%;
		height:115px;
		margin-left:0px;
	}
	#logo img{
		width:90%;
		max-width:400px;
	}	
	#signup{
		width:100%;
		text-align:center;
		margin: 5px 0px 0px 0px;
	}
	#signup button{
		width:80%;
		height:35px;
	}
	#partsWrapper{
		/*display:none;*/
		position:relative;
		top:260px;
		margin:20px 0px;
	}
/*	#partsMarkes li, #partsMarkes .marka li li {
		margin-top:10px;
	}
	#partsCats li{
		margin-top:5px;
	}
	#partsItems li{
		margin-top:5px;
	}
*/

}


/*========================================  750 =============================  */
@media screen and (max-width: 750px) {
	#header{
		width:100%;
	}
	#logo{
		/*width:80%;*/
		max-height:80px;
	}
	#titlos{
		max-height:80px;
	}
	#loginWrapper{
		top:170px;
    height: 110px;
	}
	#login form{
		font-size:0.8em;
	}
	#login input{
		width:110px;
		height:25px;
	}
	
	
}