.menu{

width: 100%;

font-size: 15px;

font-weight: 500;

letter-spacing: 2px;
border-bottom: 2px solid #CCCCCC;

}

.menu, .menu *{

margin: 0px;

padding: 0px;

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

}

.menu > nav{

position: relative;

}

.menu > nav .fa{

color: #666666 !important;

}

.menu > nav > ul{

width: 1200px;

margin: 0px auto;

text-align: left;
padding: 0px;

}

.menu > nav > ul > li{

display: inline-block;

padding: 15px;
padding-bottom: 0px;

cursor: pointer;

}

.menu > nav > ul > li:first-of-type{

padding-left: 0px;

}

.menu > nav > ul > li > span{
color: #000000;
font-weight: normal;
font-size: 14px;
letter-spacing: normal;
}

.menu > nav > ul > li > span > a{

text-decoration: none;

color: #ffffff;

font-weight: 300;
font-size: 15px;

}

.menu > nav > ul > li > span:hover{
color: #14c0dc;
}

.menu > nav > ul span{

display: inline-block;

}

.menu > nav > ul span:after{

content: '';

width: 0px;

height: 1px;

margin-top: 20px;

display: block;

background: #14c0dc;

transition: all .5s ease-in;

-webkit-transition: all .5s ease-in;

-moz-transition: all .5s ease-in;

-o-transition: all .5s ease-in;

}

.menu > nav > ul span:hover:after{

width: 100%;

}

.menu > nav > ul > li:hover > span:after{

width: 100%;

}

.contbus{
float: right !important;
margin-top: -3px;
width: 80%;	
}
#buscar{
width: 100%;
padding: 10px;
outline: none;
border: 0;
background-image:url(../../images/buscar.png);
background-repeat: no-repeat; 
background-size: 25px;
background-position: 95%;
text-indent: 10px;
}

ul.submenu{

width: 47%;

background: #ffffff;

padding: 20px;

/*padding-left: calc(((100% - 1200px) / 2) + 150px);

padding-left: -webkit-calc(((100% - 1200px) / 2) + 150px);

padding-left: -moz-calc(((100% - 1200px) / 2) + 150px);*/

text-align: left;

overflow: hidden;

position: absolute;

top: 100%;

/*left: 0px;*/

font-weight: normal;

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

z-index: 10000;

}

ul.submenu li{

display: inline-block;

width: auto;

margin-bottom: 5px;

margin-right: 30px;

font-size: 16px;

vertical-align: top;

opacity: 1 !important;

}

ul.submenu li.subtitulo{

font-weight: 500;

margin-left: 0px;

display: block;

margin-top: 20px;

}

ul.submenu li.subtitulo:first-child{

margin-top: 0px;

}

ul.submenu li a{

text-decoration: none;

color: #000;

}

ul.submenu li:last-child{

/*width: 100%;

margin-top: 100px;*/

}

ul.submenu li span{
border-bottom: 1px solid #14c0dc;
color: #000000;
}
ul.submenu li span:hover{
color: #14c0dc;
}

.menu > nav > ul > li > ul.submenu span:after{

background: #14c0dc;

}

.menu > div{

display: none;

}

ul.nivel3 li {
display: block;
margin-top: 20px;
font-size: 14px;
}
ul.nivel3 li:hover{
color: #14c0dc;
}
.ichevron2{
display: none !important;
}

.imgreino{
display: none;
}

.redesmov{
display: none;
}

.lifr{
display: block;
float: right;
padding-top: 10px !important;
padding-right: 10px !important;
}
.contebusin{
margin-bottom: 40px;
display: inline-flex;
}
/*.contebusin img{
float: left;
height: 25px;
width: 25px;
margin: 7px 0px 0px -35px;
cursor: pointer;
}*/
#mostrar_por_nomtex {
width: 130px;
padding: 10px;
outline: none;
border: 0;
/*background-image: url(images/buscar.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: 99.5%;*/
text-indent: 10px;
background-color: transparent !important;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
float: left;
}
#mostrar_por_nomtex:focus{
outline: none;
}
.verbus {
width: 300px !important;
box-sizing: border-box;
border: 2px solid #ccc !important;
border-radius: 4px;
outline: none;
}

@media screen and (max-width: 1200px){

.menu{
background-color: #2BC2E5;
}

.menu > nav .fa {
color: #2bc2e5 !important;
}

.menu > nav{

overflow: overlay;

}

.menu > nav > ul{

width: 100%;

text-align: left;

background: #ffffff;

display: none;

}

.menu > nav > ul > li{

display: block;

width: 100%;

padding-left: 0px;

padding-right: 0px;

}

.menu > nav > ul > li > span{

margin-left: 20px;
color: #2bc2e5;
font-size: 16px;

}

/*.menu > nav > ul > li > #span3, .menu > nav > ul > li > #spansub3{

display: none !important;

}*/

.menu > nav > ul > li span:after{

margin-top: 10px;

}

.menu > nav > ul > li > span:after{

display: none;

}

.menu > div{

display: block;

width: 100%;

color: #FFF;

height: 82px;

padding: 20px;

font-size: 30px;

max-width: 600px;
margin: 0px auto;

}

.menu > div > span:first-child{

float: left;

color: #FFF;

text-decoration: none;

}

.menu > div > span:first-child img{

width: 45px;
display: inline-block;

}

.menu > div > div{

float: left;
font-size: 14px;

}

#submenu3{
/*display: block !important;*/
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
}
#submenu3 li{
padding-left: 20px;
padding-top: 15px;
}
#submenu3 li span{
color: #2bc2e5;
text-transform: uppercase;
}
#li3{
padding-top: 15px;
padding-bottom: 0px;
}
.imgreino{
display: inline-block;
width: 25px;
vertical-align: text-bottom;
}
ul li{
font-size: 18px;
}

ul.submenu{

width: 100%;

padding: 20px 0px;

position: static;

margin-top: 20px;

}

ul.submenu li{

width: 100%;

display: block;

padding-left: 30px;

padding-bottom: 5px;

padding-top: 5px;

margin: 0px;

}

ul.submenu li span {
border-bottom: 0px;
}

ul.submenu li.subtitulo{

padding-left: 30px;

}

ul.submenu li:last-child{

/*display: none;*/

}

.menu > nav > ul > li > ul.submenu span:after {
background: none;
}

.ichevron, .ichevron2 {
display: inline-block !important;
border: 0px;
float: right;
margin-right: 20px;
}

ul.nivel3 {
margin-bottom: 20px;
}

ul.nivel3 li {
margin-top: 10px !important;
padding-left: 31px !important;
font-size: 16px;
}

.redesmov{
text-align: right;
display: block;
padding: 60px 20px;
}
.redesmov span{
margin-left: 20px;
}

.contbus{
margin-top: 5px;
}
.contbus img{
float: left;
height: 25px;
width: 25px;
margin: 5px 0px 0px -35px;
cursor: pointer;
}
#mostrar_por_nomtexmov{
float: left;
padding: 10px;
margin-bottom: 0px;
width: 100%;
outline: none;
border: 0;
/*background-image: url(images/buscar.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: 99.5%;*/
text-indent: 10px;
background-color: #ececec;
}
#mostrar_por_nomtexmov:focus{
outline: none;
}
.contbus #mostrar_por_nomtexmov{
background-color: #ffffff !important;
}

.w3-hide {
display: none !important;
}
.w3-show {
display: block!important;
}
	
.lifr{
display: none !important;
}

}

@media screen and (max-width: 360px){
.contbus {
width: 75%;
}
}