.tamanho1{ width:200px; border:5px solid #EEEEEE}
.tamanho2{ width:400px; border:5px solid #EEEEEE}
.marcadorMenu{ background-image:url(../images/marcadorMenu.png); background-repeat:no-repeat; background-position:left top; width:20px; height:10px; margin-top:-10px; margin-left:30px; display:block}
.iconSelect, .iconSelect ul hover{ }
.tituloMenu{ font-size:18px; display:block; margin:10px 0 7px 10px}.tituloMenu strong{ font-weight:bold}
.mobile{ display:none}

#primary_nav_wrap{margin-top:0px}
#primary_nav_wrap ul{list-style:none;position:relative;float:left;margin:0;padding:0;}
#primary_nav_wrap ul .iconSelect {background-image:url(../images/iconSelect.png); background-repeat:no-repeat; background-position:center bottom;}
#primary_nav_wrap ul a{display:block;color:#333333;text-decoration:none;font-size:16px;line-height:16px;padding:23px 15px;}
#primary_nav_wrap ul a:hover{color:#3E444D}
#primary_nav_wrap ul li{position:relative;float:left;margin:0;padding:0;}
#primary_nav_wrap ul li.current-menu-item{background:#EEEEEE}
#primary_nav_wrap ul li:hover{background:#EEEEEE; color:#3E444D}
#primary_nav_wrap ul ul{display:none;position:absolute;	top:100%; left:0; background:#fff; padding:0}
#primary_nav_wrap ul ul li{float:left;width:192px; background-image:url(../images/setinhaSubmenu.png); background-repeat:no-repeat; background-position:7px center; border-bottom:1px solid #DDDDDD; margin:0 4px}

#primary_nav_wrap ul ul li:hover{ background-color:transparent;background-image:url(../images/setinhaSubmenu.png); background-repeat:no-repeat; background-position:7px center;}
#primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px;color:#000; font-size:14px;background-color:transparent;}
#primary_nav_wrap ul ul a:hover{line-height:120%;padding:10px 15px;color:#999; background-color:#F7F7F7;background-image:url(../images/setinhaSubmenu.png); background-repeat:no-repeat; background-position:7px center;}
#primary_nav_wrap ul ul ul{top:0;left:100%}
#primary_nav_wrap ul li:hover > ul{display:block}

/* Smartphones no modo retrato. ***************************************************************************************************************************/
@media screen and (min-width:315px) and (max-width:479px) { 
.tamanho1{ width:100%; border:0px solid #007CB9; height:auto}
.tamanho2{ width:100%; border:0px solid #007CB9; height:auto}
.marcadorMenu{ background-image:url(../images/marcadorMenu.png); background-repeat:no-repeat; background-position:left top; width:20px; height:10px; margin-top:-10px; margin-left:30px; display:block}
.iconSelect, .iconSelect ul hover{ }
.tituloMenu{ display:none}.tituloMenu strong{ font-weight:bold}
.mobile{ width:96%; height:40px; cursor:pointer; background-image:url(../images/menu_btn.png); background-position:right center; background-repeat:no-repeat; display:block; margin:5px}

#primary_nav_wrap{margin-top:0px;}
#primary_nav_wrap ul{list-style:none;position:relative;float:left;margin:0;padding:0; width:100%}
#primary_nav_wrap ul .iconSelect {background-image:url(../images/iconSelect.png); background-repeat:no-repeat; background-position:right center;}
#primary_nav_wrap ul a{display:block;color:#FFFFFF;text-decoration:none;font-size:14px;line-height:14px;padding:10px 16px; width:90%; max-width:500px}
#primary_nav_wrap ul li{position:relative;float:none;margin:0;padding:0; width:100%}
#primary_nav_wrap ul li.current-menu-item{background:#007CB9}
#primary_nav_wrap ul li:hover{background:#606060}
#primary_nav_wrap ul ul{display:block;position:relative;padding:0; height:auto; float:none}
#primary_nav_wrap ul ul li{float:none;width:97%; background-image:url(../images/setinhaSubmenu.png); background-repeat:no-repeat; background-position:7px center; border-bottom:1px solid #DDDDDD; margin:0 4px; display:block; position:relative; z-index:10}
}

/* Smartphones no modo paisagem. **************************************************************************************************************************/
@media screen and (min-width:480px) and (max-width:767px) { 
.tamanho1{ width:100%; border:0px solid #007CB9; height:auto}
.tamanho2{ width:100%; border:0px solid #007CB9; height:auto}
.marcadorMenu{ background-image:url(../images/marcadorMenu.png); background-repeat:no-repeat; background-position:left top; width:20px; height:10px; margin-top:-10px; margin-left:30px; display:block}
.iconSelect, .iconSelect ul hover{ }
.tituloMenu{ display:none}.tituloMenu strong{ font-weight:bold}
.mobile{ width:96%; height:40px; cursor:pointer; background-image:url(../images/menu_btn.png); background-position:right center; background-repeat:no-repeat; display:block; margin:5px}

#primary_nav_wrap{margin-top:0px}
#primary_nav_wrap ul{list-style:none;position:relative;float:none;margin:0;padding:0; width:100%}
#primary_nav_wrap ul .iconSelect {background-image:url(../images/iconSelect.png); background-repeat:no-repeat; background-position:right center;}
#primary_nav_wrap ul a{display:block;color:#FFFFFF;text-decoration:none;font-size:14px;line-height:14px;padding:10px 16px; width:94%; max-width:500px}
#primary_nav_wrap ul li{position:relative;float:none;margin:0;padding:0; width:100%}
#primary_nav_wrap ul li.current-menu-item{background:#007CB9}
#primary_nav_wrap ul li:hover{background:#606060}
#primary_nav_wrap ul ul{display:block;position:relative;padding:0; height:auto; float:none}
#primary_nav_wrap ul ul li{float:none;width:98%; background-image:url(../images/setinhaSubmenu.png); background-repeat:no-repeat; background-position:7px center; border-bottom:1px solid #DDDDDD; margin:0 4px; display:block; position:relative; z-index:10}
}

/* Tablets maiores em modo retrato. Ex: iPad (768×1024). **************************************************************************************************/
@media screen and (min-width:768px) and (max-width:1023px) {
#primary_nav_wrap ul a{font-size:12px;line-height:14px;padding:23px 10px;}
#primary_nav_wrap ul .iconSelect {}
}

/* Tablets maiores em modo paisagem, monitores antigos.. **************************************************************************************************/
@media screen and (min-width:1024px) and (max-width:1050px) { 
#primary_nav_wrap ul a{padding:23px 8px;}
}
