/*-------------------------
	Simple reset
--------------------------*/



/*-------------------------
	General Styles
--------------------------*/





/*----------------------------
	The Navigation Menu
-----------------------------*/


#colorNav > ul{
	width: 190px; /* Increase when adding more menu items */
	margin:0 auto;
	margin-bottom: 8px;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	box-shadow: 0 0 0px rgba(100, 100, 100, 0.2) inset,0px 0px 0px #CCC;
	display: inline-block;
	line-height: 1;
	margin: 1px;
	border-radius: 0px;
	position:relative;
}

#colorNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:24px;
	padding: 6px 6px 3px 7px;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:150px;
	left:50%;
	margin-left:-74px;
	top:40px;
	font:bold 12px 'Open Sans Condensed', sans-serif;
	
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li{
	background-color:#bd0004;
}

#colorNav li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
	text-align: left;
	font-size: 14px;
	font-family: 'Nunito', sans-serif;

	font-weight: normal;
	color: #fff;
	min-width: 200px;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#bd0004;
}

#colorNav li ul li:hover{
	background-color:#bd0004;
}

#colorNav li ul li:first-child{
	border-radius:0px 0px 0 0;
	margin-top:4px;
	position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#bd0004;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#colorNav li ul li:last-child{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:200px; /* Increase when adding more dropdown items */
}


/*----------------------------
	Color Themes
-----------------------------*/


#colorNav li.green{
	/* This is the color of the menu item */
	background-color:#f6f6f6;
	
	
	/* This is the color of the icon */
	color:#127a5d;
	    margin-top: -7px;
}

#colorNav li.red{		background-color:#ea5080;color:#aa2a52;}
#colorNav li.blue{		background-color:#53bfe2;color:#2884a2;}
#colorNav li.yellow{	background-color:#f8c54d;color:#ab8426;}
#colorNav li.purple{	background-color:#df6dc2;color:#9f3c85;}


/*----------------------------
	Afegits Sinapsi
-----------------------------*/

/* --- search --- */
.cantidad_cesto
{
	position:absolute; 
	float: right; 
	margin-top: -26px; 
	margin-left: 20px; 
	width:100px; 
	height: 0px; 
	font-size: 14px; 
	display:inline-block; 
	color: #21a6c8;
}


@media screen and (max-width:767px)

{

#colorNav li.green{
	/* This is the color of the menu item */
	background-color:#f6f6f6;
	z-index: 9999999;
	
	/* This is the color of the icon */
	color:#127a5d;
	    margin-top: -8px;
}

}

@media screen and (max-width:300px)

{

#colorNav li.green{
	
	/* This is the color of the icon */
	color:#127a5d;
	    margin-top: -49px;
}

}