/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

/*------------------------------------*\
    RESET
\*------------------------------------*/

.demo-nav {float:right;margin:12px 0;list-style:none;}
.demo-nav-link {}
.demo-nav-link a {color:#2BA6CB;text-decoration:none;}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {display:inline-block;font-size:14px;line-height:28px;height:28px;font-weight:900;}
.nav-list {text-align:left;}
.nav-item {float:left;*display:inline;zoom:1;position:relative;}
.nav-item a {font:14px "Century Gothic", Arial, Helvetica, sans-serif;font-weight:bold;display:block;color:#fff;padding:6px 10px;background:#2c2c2c;border-bottom:0px;text-decoration:none;}
.nav-item > a:hover {background:#2c2c2c;color:#fff;}
.nav-item:hover .nav-submenu {display:block;z-index:1000}
/* Navigation submenu */
.nav-submenu {display:none;position:absolute;left:0;width:180px;}
.nav-submenu-item a {background:#2c2c2c;border-bottom:1px solid #636363;display:block;padding:8px;}
.nav-submenu-item a:hover {background:#2c2c2c;color:#fff}
/* Mobile navigation */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:10px;right:2px;background:#002791 url(/img/nav.png) no-repeat center center;background-size:18px;height:50px;width:50px;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {position:absolute;top:0;right:0;display:none;border-left:1px solid #d0d0d0;height:49px;width:50px;cursor:pointer;}
.nav-click i {display:block;height:48px;width:48px;background:url(/img/drop.png) no-repeat center center;background-size:20px;}
.nav-click:hover {background-color:#a3a3a3;}
.nav-rotate {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

#cabecera .menu UL LI{padding-right:0px!important;padding-left:0px!important}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media only screen and (min-width: 800px) {
.porta {display:none}
.nav-mobile,.porta {display:none}
#cabecera.sinm{height:235px}
.nav-list{display:block}
}
@media only screen and (max-width: 540px) {
.banner{display:None!important}
.logop{top:10px}
.nav-mobile{display:block}
}
@media only screen and (max-width: 800px) {
	.nav{display:block;height:auto!important;}
	.nav-mobile {display:block;}
	.nav {width:100%;padding:0px 0 0;}
	.nav-list {display:none;z-index:10;}
	.nav-item {width:100%!important;float:none!important;display:block!important;line-height:1.9em;}
	#cabecera .menu ul li a{display:block;width:100%;text-align:left}
	.porta {display:inherit}
	.nav-click {display:block;}
	.nav-mobile-open {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
	.nav-item:hover .nav-submenu {display:none;}
	.nav-submenu {position:static;width:100%;}
.nav-item a {font:1.1em "Century Gothic", Arial, Helvetica, sans-serif;display:block;color:#fff;padding:auto 8px!important;line-height:1.9em!important;background:#2c2c2c;border-bottom:1px solid #d0d0d0;text-decoration:none;transition: background-color 500ms ease-in-out 0s;}
.nav-item .nav-submenu-item a {background:#515151;z-index:1000}
.nav-item > a {height:37px;}
.nav-item > a:hover {background:#EAEAEA;color:#F6193F;}