/**************************************************

	Item Name  : iNav - CSS3 Menu
	Item URI   : http://codecanyon.net/item/inav-css3-menu/807729
	Description: CSS3 Navigation Menu
	Author     : Valeriu Timbuc 
	Version    : 1.2 
	Author URI : http://vtimbuc.net/

**************************************************/

/**************************************************

	Table of contents

	01. RESET & FONTS & OTHERS
	02. MENU GENERAL STYLING
	03. DROPDOWN STYLING & LAYOUT
	04. SEARCH FORM
	05. LOGIN FORM
	06. CONTENT STYLING
	07. STIKY FOOTER
	08. VERTICAL MENU
	09. VERTICAL MENU RIGHT
	10. EXTRA COLORS

**************************************************/

/* RESET & FONTS & OTHERS | START */
/* ********************************************** */

@font-face {
	font-family: 'Titillium';
	src: url('fonts/TitilliumText22L004-webfont.eot');
	src: url('fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText22L004-webfont.woff') format('woff'), url('fonts/TitilliumText22L004-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

#navigation,ul.nav,ul.nav li,ul.nav a,ul.nav input,ul.nav div,ul.nav p,ul.nav textarea {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
	font-family: Helvetica, Arial, sans-serif;
}

/* ********************************************** */
/* RESET & FONTS & OTHERS | END */



/* MENU GENERAL STYLING | START */
/* ********************************************** */

ul.nav {
	width: 100%;
	height: 100relative;
	z-index: 999;
	background-color: #5E5E5E;
}

/* Item Styling */
ul.nav li {
	float: left;
	position: relative;
	border-right: 1px solid #666;

}

ul.nav li.full-col {
	position: static;
}

ul.nav li:hover {
	background-color: #444444; /*Cambiar color fondo raton encima menu*/
}

ul.nav li a.nav-item { /*Parametros del menu*/
	line-height: 40px;
	text-align: center;
	width: 200px; /* Edit this width acording to how many items you have. */
	display: block;
	color: #eee;
	font-family: 'Titillium', Helvetica, Arial;
	font-size: 14px;
}

ul.nav li:hover a.nav-item { /*Parametros del menu*/
    color:#CC0066; /*Cambiar rarton encima menu*/
}


/* Arrow for Dropdown [Add "drop" class for the items with dropdown.] */
ul.nav li:hover a.drop {
	background: url(file:///C|/Users/Ernesto/AppData/Local/Temp/img/up-arrow.png) no-repeat center 30px;
}


/* ********************************************** */
/* MENU GENERAL STYLING | END */



/* DROPDOWN STYLING & LAYOUT | START */
/* ********************************************** */


ul.nav li:hover .drop-1-col,ul.nav li:hover .drop-2-col,ul.nav li:hover .drop-3-col,ul.nav li:hover .drop-4-col,ul.nav li:hover .drop-form {
	display: block;
}

ul.nav li:hover .drop-full-col {
	left: 0px;
	top: 40px;
	display: block;
}


/* DropDown Levels */
ul.nav li ul.dropdown,ul.nav li ul.dropdown li > ul {
	display: none;
	position: absolute;
	top: 40px;
	left: -1px;
	width: 170px;
	background-color: #f7f7f7;
	padding: 15px;
	border: 1px solid #c0c0c0;
	border-top: none;
	z-index: 999;
}

ul.nav li:hover ul.dropdown,ul.nav li ul.dropdown li:hover > ul {
	display: block;
}

ul.nav li ul.dropdown li > ul {
	top: -26px;
	left: 100%;
	border: 1px solid #c0c0c0;
}

/* Show Left */

ul.nav li .left {
	left: auto;
	right: -1px;
}

/* ********************************************** */
/* DROPDOWN STYLING & LAYOUT | END */




/* CONTENT STYLING | START */
/* ********************************************** */

/* Previous Styling Reset */
ul.nav li ul,ul.nav li ul li,ul.nav li ul li:hover,ul.nav li ul li:active,ul.nav li ul li:first-child,ul.nav li ul li:last-child,ul.nav h2,ul.nav h1,ul.nav h3,ul.nav h4,ul.nav p,ul.nav img,ul.nav a,ul.nav hr {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
	background: none;
	border: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}



/* Links & Dropdown levels*/
ul.nav li ul.links li {
	list-style: inside url("file:///C|/Users/Ernesto/AppData/Local/Temp/img/list-arrow.png");
	padding-bottom: 10px;
	margin: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

ul.nav li ul.dropdown li {
	padding-bottom: 10px;
	margin: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

ul.nav li ul.links li:last-child,ul.nav li ul.dropdown li:last-child {
	padding-bottom: 0;
	margin-top: 10px;
	border-bottom: none;
}

ul.nav li ul.dropdown li.drop {
	background: url("file:///C|/Users/Ernesto/AppData/Local/Temp/img/list-arrow.png") no-repeat 150px 2px;
}

ul.nav li ul.dropdown li:hover > a {
	color: #333; /*Para cambiar cuando pasar el ratón por encima en los submenus*/
}

/* Cursor */
ul.nav {
	cursor: default;
}

/* Floats */
ul.nav .fl {
	float: left;
}

ul.nav .fr {
	float: right;
}

ul.nav .cb {
	clear: both;
}

ul.nav .cl {
	clear: left;
}

ul.nav .cr {
	clear: right;
}

/* ********************************************** */
/* CONTENT STYLING | END */





/* VERTICAL MENU | START */
/* ********************************************** */

ul.vertical {
	width: 200px;
	height: 100%;
}

/* Item Styling */
ul.vertical li {
	float: none;
	border: 1px solid #666;
	border-bottom: none;
}

ul.vertical li.full-col {
	position: relative;
}

ul.vertical li a.nav-item {
	width: 200px; /* Edit this width acording to how many items you have. */
}

/* First and Last Item */
ul.vertical li a.first,ul.vertical li.first {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

ul.vertical li a.last,ul.vertical li.last {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

ul.vertical li.last {
	border: 1px solid #666;
}

/* Home Button */
ul.verical li a.home {
	background: url("file:///C|/Users/Ernesto/AppData/Local/Temp/img/home.png") center center no-repeat;
	width: 200px;
}

/* Arrow for Dropdown [Add "drop" class for the items with dropdown.] */
ul.vertical li:hover a.drop {
	background: none;
}

/* Box Style */
ul.vertical li .drop-full-col,ul.vertical li .drop-4-col,ul.vertical li .drop-3-col,ul.vertical li .drop-2-col,ul.vertical li .drop-1-col,ul.vertical li .drop-form,ul.vertical li ul.dropdown {
	top: -1px;
	left: 100%;
	border: 1px solid #c0c0c0;

	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}

ul.vertical li:hover .drop-full-col {
	left: 100%;
	top: -1px;

	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}

/* Show Left */
ul.vertical li .left {
	left: 100%;
	right: auto;
}

ul.vertical li.search-nav input {
	width: 158px;
}

/* ********************************************** */
/* VERTICAL MENU | END */



/* VERTICAL RIGHT MENU | START */
/* ********************************************** */

/* Home Button */
ul.right li a.home {
	background: url("file:///C|/Users/Ernesto/AppData/Local/Temp/img/home.png") center center no-repeat;
	width: 200px;
}

/* Arrow for Dropdown [Add "drop" class for the items with dropdown.] */
ul.right li:hover a.drop {
	background: none;
}

/* Box Style */
ul.right li .drop-full-col,ul.right li .drop-4-col,ul.right li .drop-3-col,ul.right li .drop-2-col,ul.right li .drop-1-col,ul.right li .drop-form,ul.right li ul.dropdown,ul.right li .left {
	top: -1px;
	left: auto;
	right: 100%;
	border: 1px solid #c0c0c0;

	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
}

ul.right li:hover .drop-full-col {
	left: auto;
	right: 100%;
	top: -1px;

	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
}

ul.right li ul.dropdown li.drop {
	background: url("file:///C|/Users/Ernesto/AppData/Local/Temp/img/list-arrow-left.png") no-repeat 150px 2px;
}

ul.right li ul.dropdown li > ul {
	left: auto;
	right: 100%;
}

/* ********************************************** */
/* VERTICAL RIGHT MENU | END */





/* Home Button Hide Text */
ul.nav li a.home {
	color: transparent;
	text-shadow: none;
	text-indent: -9999px;
}