@charset "utf-8";
/* CSS Document */
body{ background-color:#fff; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a{ text-decoration:none; color:#000000; }
a:hover, #breadcrumbs ul li a:hover{ color:#EE1D23; }
::-moz-selection { background-color:#cad79f; color: #000; }
::selection { background-color:#cad79f; color: #000; }




/*Header web*/

.h01_bgcolor{ background-color:#195733; }

#wheader{ width:100%; float:left; margin-bottom:15px;}
#header_logo{ width:100%; min-height:75px; float:left; border-bottom:1px solid #ddd; /*background-color:#195733;*/ }
#logoweb{ float:left; }
#logoweb img{ height:75px; width:auto; }
#menuweb{ float:right; margin-left:30px; }
#menuweb #ul_mli1{ float:left; padding:0px; margin:18px 0px;  }
#menuweb #ul_mli1 .mli1{ height:100%;  float:left; padding:12px 11px 12px 11px; margin-right:10px; list-style:none; /*background:#CCCCCC;*/ }
#menuweb #ul_mli1 .mli1 .amenu{ font-size:16px; text-transform:uppercase; color:#FFFFFF; }
#menuweb #ul_mli1 .mli1:last-child{ margin:0px;}
#menu_button{ width:28px; height:28px; position:absolute; margin-top:25px; right:15px; background:url(../img/btmenu.png) no-repeat; cursor:pointer; display:none; }
/*
#menuweb .mli1:hover >.menupos { display:block; }
.menupos{ width:180px; position:absolute; padding:10px; margin:8px 0px 0px 3px; border:2px solid #ed800a; border-top:4px solid #ed800a; background-color:#FFFFFF; z-index:600; display:none; }
.menupos .mli2{ width:180px; float:left; padding-bottom:5px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos .mli2:last-child{ margin-bottom:0px; } 
.menupos .mli2 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos .mli1 a:hover, .menupos .mli2 a:hover{  }
*/

#menuweb .mli1:hover >.menupos { display:block; }
.menupos{ width:180px; position:absolute; padding:10px; margin:8px 0px 0px 3px; border:2px solid #ed800a; border-top:4px solid #ed800a; background-color:#FFFFFF; z-index:600; display:none; }
.menupos .mli2{ width:180px; float:left; padding-bottom:5px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos .mli2:last-child{ margin-bottom:0px; } 
.menupos .mli2 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos .mli1 a:hover, .menupos .mli2 a:hover{  }

.menupos2{ width:180px; position:absolute; padding:10px; margin:-25px 0px 0px 185px; border:2px solid #ed800a; border-top:4px solid #ed800a; background-color:#FFFFFF; z-index:600; display:none; }
.menupos2 .mli3{ width:180px; float:left; padding-bottom:5px; margin:0px 0px 10px 0px; list-style:none; border-bottom:1px solid #ddd; }
.menupos2 .mli3:last-child{ margin-bottom:0px; } 
.menupos2 .mli3 a{ font-size:14px; font-weight:300; color:#333333; }
.menupos2 .mli1 a:hover, .menupos .mli2 a:hover{  }
#menuweb .mli2:hover >.menupos2 { display:block; }

.h01_bordercolor{ border-color:#e38f10; }
/*Slider*/
#wslider{ width:100%; height:auto; float:left;   }
.slides_mota{ position: absolute; top:250px; left:15px; width:400px; min-height:35px; padding:10px; background-color: rgba(218, 163, 50, 0.5);   }
.slides_mota h4{ width:100%; float:left; margin:0px 0px 7px 0px; font-size:18px; font-weight:600; color:#FFFFFF; }
.slides_mota p{ width:100%; float:left; margin:0px 0px 6px 0px; color:#FFFFFF; font-size:15px;  }
#wslider img{ display:block; }
/* jssor slider bullet navigator skin 21 css */
/*
	.jssorb21 div           (normal)
    .jssorb21 div:hover     (normal mouseover)
    .jssorb21 .av           (active)
    .jssorb21 .av:hover     (active mouseover)
    .jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background-color:#067fc3; overflow: hidden; cursor: pointer; }
.jssorb21 div {  }
.jssorb21 div:hover, .jssorb21 .av:hover { background-color:#CD0023; }
.jssorb21 .av {	background-color:#CD0023; }
.jssorb21 .dn, .jssorb21 .dn:hover { }
#wslider img{ display:block; }






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


}
@media only screen and (min-width:1024px)  and (max-width: 1170px) {
#menuweb #ul_mli1 .mli1{  padding:8px 4px 8px 4px; margin-left:8px; }
#menuweb #ul_mli1 .mli1 .amenu{ color:#fff; font-size:13px;  }

}

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

/*header*/
#header_logo{ height:auto;   }
#logoweb{ width:100%; display: flex; justify-content: center; }
#menuweb{ width:100%; margin-left:0px; display:none;}
#menuweb #ul_mli1{ width:100%; float:left; background-color:#fff; padding:0px; margin-right:0px; }
#menuweb #ul_mli1 .mli1{ width:100%; padding:6px 0px 6px 0px; margin:0px; border-bottom:1px solid #ddd; }
#menuweb #ul_mli1 .mli1 .amenu{ margin-left:15px; color:#333; font-weight:600; }
#menu_button{ display:block; }
.menupos{ display:block; position:static; margin:0px; border:0px; width:96%; padding:2%;  }
.menupos .mli2{ width:97%; margin-left:3%; border-bottom:1px dotted #ccc; font-size:15px; }
.menupos .mli2:last-child{ border-bottom:0px;}
.menupos2{ display:block; position:static; margin:0px 0px 5px 10px ; border:0px; width:96%; padding:2%;  }
.menupos2 .mli3{ width:49%; margin-right:1%; border-bottom:0px;  }

}

@media only screen and (min-width:860px)  and (max-width: 1024px) {
	/*
#menuweb{ margin-left:35px;}
#menuweb #ul_mli1 .mli1{  padding:8px 4px 8px 4px; margin-left:5px; }
#menuweb #ul_mli1 .mli1 .amenu{font-size:13px;  }
*/
}
@media only screen  and (max-width: 1024px) {


}

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


}
@media only screen and (min-width:224px)  and (max-width: 480px) {



}