:root{--color1:#f7f0e6;--color2:#efe2cf;--black:#212121;}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700); /*font-family: 'Roboto', sans-serif;*/
article,section,aside,nav,header,footer{display:block;}
body{margin:0px auto !important;}
p{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-size:16px; letter-spacing:1px; line-height:24px; font-weight:100; line-height:26px;}
h1{font-family: 'Roboto', sans-serif; font-weight:100; letter-spacing:1px;}
h2{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-size:16px;}
h3{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-size:24px;}
h4{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; }
.clear{clear:both; line-height:0px;}
.clear1{clear:both; height:10px;}
.clear2{clear:both; height:20px;}
.clear3{clear:both; height:30px;}
.clear4{clear:both; height:40px;}
.clear5{clear:both; height:50px;}
a{text-decoration:none;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.float:hover {text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;}
.bgcolor1{background:var(--color1);}
.bgcolor2{background:var(--color2);}
.bgcolor3{background:var(--black);}
#fb{ float: right;
    margin-top: 1%;
    margin-right: 10px;}

/*-- HEAD --*/
.main-header2 {background-color:#fff;color:#fff;padding:15px;text-align:center;}
.main-header2 a {color:#212121;text-decoration:none;font-weight:bold;margin:0 10px;}
.main-header2 a:hover {text-decoration: underline;}
.main-header {background-color:#212121;color:#fff;padding:15px;}
.main-header div a {color:#fff;text-decoration:none;font-weight:bold;margin:0 10px;}
.main-header a:hover {text-decoration:underline;}

.head{border-bottom:solid #000 30px;}
.head section{display:flex;align-items:end;max-width:1000px;margin:0px auto;padding:10px 20px;}
.head .logohead {flex:1;}    
.head .menuhead a{display:inline-block;color:#000;margin:0px 20px;font-weight:bold;}
.menuheadmovil{display:none;}


.main-header3 {background-color:var(--black);padding:15px;text-align:center;}
.main-header3 a {text-decoration:none;font-weight:bold;margin:0 10px;color:#fff;}
.main-header3 a:hover {text-decoration: underline;}


.header{width:100%; background-color:#220e03;}
.header .container{width:99%; max-width:1000px; margin:0px auto; display:block;}
.header .container #tel{float:right; color:#eaeaea; font-family: 'Roboto', sans-serif; font-size:16px; margin-top:15px;}
.header .container #menu{float:right; max-width:850px; clear:right;}
.header .container #menu ul{margin-bottom:-4px;}
.header .container #dir{float:left; text-decoration:none; display:inline-block;}
.header .container #logo{position:absolute; z-index:99;}
.header .container #menu ul li{list-style:none; display:inline-block; max-width:140px; overflow:hidden;}
.header .container #menu ul li a{text-decoration:none; float:left; color:#eaeaea; font-size:16px; padding:10px 25px; margin:0px 15px;   border-bottom:9px solid #220e03;  letter-spacing:0px; font-family: 'Roboto', sans-serif;}
.header .container #menu ul li a:hover{background-color:#2f190c; border-bottom:9px solid #e15e34; color:#febb53;}
.header .container #menu ul li a:last-child{margin: 0px 0px 0px 15px;}
.active {background-color:#2f190c; border-bottom:9px solid #e15e34 !important; color:#febb53 !important;}
.ctrItB{width:99%; margin:0px auto; display:block; max-width:1000px;}
.banner{position:relative;}
.banner div{}
.banner section{position:absolute;height:100%;width:100%;text-align:center;top:0;display:flex;align-items:center;}
.banner section h3{width:100%;}
#home{width:100%; background-color:#f1eae2; padding:50px 0px;}
#home .ctrItB h1{text-align:center; font-weight:600; font-size: 35px; letter-spacing: 1px;}
#home .ctrItB h2{text-align:center; max-width:740px; font-weight:400; text-align:justify; margin:0px auto; display:block;}
#import{width:100%; background-color:#dd5e31; max-height:300px;}
#import .ctrMid .myls #line{background-color:#f39533; margin:-13px 0px 5px 0px; height:2px; max-width:115px;}
#import .ctrMid .myrs{float:right; max-width:460px;}
#import .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#import .ctrMid .myls{float:left; max-width:460px;}
#import .ctrMid .myls #viewMore{float:right; border:2px solid #f1ead8; color:#f1ead8; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#import .ctrMid .myls h3{color:#fff;}
#import .ctrMid .myls p{color:#fff; text-align:justify; line-height:20px;}
#import .ctrMid .myrs img{float:right; margin-top:-30px;}
#export{width:100%; background-color:#f2943a; max-height:300px;}
#export .ctrMid .myrs h3{color:#fff;}
#export .ctrMid .myls img{float:right; margin-top:-30px;}
#export .ctrMid .myls{float:left; max-width:460px;}
#export .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#export .ctrMid .myrs{float:right; max-width:460px;}
#export .ctrMid .myrs #line{background-color:#dd612d; margin:-13px 0px 5px 0px; height:2px; max-width:115px;}
#export .ctrMid .myrs #viewMore{float:right; border:2px solid #f1ead8; color:#f1ead8; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#export .ctrMid .myrs p{color:#fff; text-align:justify; line-height:20px;}
#inband{width:100%; background-color:#fbba5c; max-height:300px;}
#inband .ctrMid .myls #viewMore{float:right; border:2px solid #f1ead8; color:#f1ead8; margin-top: -25px; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#inband .ctrMid .myls h3{color:#fff;}
#inband .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#inband .ctrMid .myls{float:left; max-width:460px;}
#inband .ctrMid .myls p{color:#fff; text-align:justify; line-height:20px;}
#inband .ctrMid .myrs img{float:right; margin-top:-30px;}
#inband .ctrMid .myls #line{background-color:#ee963d; margin:-13px 0px 5px 0px; height:2px; max-width:115px;}
#inband .ctrMid .myrs{float:right; max-width:460px;}
#news{background-color:#220e03; width:100%;}
#news .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#news .ctrMid .infoData{float:left; max-width:450px; width:45%;}
#news .ctrMid .infoData h3{color:#fff;}
#news .ctrMid .infoData #myLine{max-width:450px; width:100%; display:block; height:2px; margin: -10px 0px 15px 0px; background-color:#c4913e; clear:both;}
#news .ctrMid .infoData p{color:#fdf4ef; text-align:justify;}	
#news .ctrMid .newsDisplay{float:right; margin-top:60px;}
#footer{width:100%; background-color:#f1eae2;} 
#footer .btmMenu .aligned ul li a:hover{background-color:#2f190c; border-bottom:9px solid #e15e34; color:#febb53;}
.btmMenu{width:100%; background-color:#220e03;}
.btmMenu .aligned{width:100%; max-width:595px;margin:0px auto; display:block;}
.btmMenu .aligned ul{max-width:565px; margin:0px auto; display:block;}
.btmMenu .aligned li{list-style:none;}
.btmMenu .aligned a{text-transform:uppercase; color:#fff; letter-spacing:1px; font-family: 'Fjalla One', sans-serif;
padding:13px; vertical-align:top; display:inline-block; text-decoration:none; 
text-transform:uppercase; font-weight:100; font-size:16px; float:left; border-bottom:none !important;} 
.btmMenu .aligned a:hover{background-color:#42240c; }
.holdDamuduhefininfo{width:100%; margin:0px auto; display:block; max-width:1000px; background-color:#f1eae2;}
.holdDamuduhefininfo #contactInfo{float:right; max-width:370px;}
.holdDamuduhefininfo #contactInfo p{text-align:right; letter-spacing:0px; font-weight:500; line-height:18px; margin:8px auto;}
#about{width:100%; max-width:1000px; margin:0px auto; padding:50px 0px;}
.holdDamuduhefininfo #contactInfo br{line-height:5px;}
#about .alignright{float:right;}
#about .alignright h3{color:#f5fffb;}
#about img{float:left;}
#about .divdisht{float:right; max-width:620px;}
#ourKap{background-color:#dd5e30; width:100%; padding:50px 0px;} 
#about .divdisht p{text-align:justify;}
#ourKap #middleIt{width:100%; max-width:1000px; margin:0px auto; display:block;}
#ourKap #middleIt h3{color:#fffcff}
#ourKap #middleIt p{color:#fffcff; text-align:justify;}
.misvis{width:100%; background-color:#f1eae2; padding:40px 0px;}
.misvis .holditb #mision{float:left; max-width:450px; width:45%;}
.misvis .holditb{width:100%; max-width:1000px; margin:0px auto; display:block;}
.misvis .holditb #vision{float:right; max-width:450px; width:45%;}
.misvis .holditb #mision h3{text-align:center;}
.misvis .holditb #mision p{text-align:justify;}
.misvis .holditb #vision h3{text-align:center;}
.misvis .holditb #vision p{text-align:justify;}
.misvis .holditb #mision img{margin:0px auto; display:block; text-align:center; border:none;}
.certIt{width:1000px; margin:0px auto; display:block;}
#ourKap #middleIt #lineIt{max-width:100px; width:100%; background-color:#fffcff; height:2px; display:block; clear:both; margin: -8px 0px 0px 0px;}
.misvis .holditb #vision img{margin:0px auto; display:block; text-align:center; border:none;}
.certIt .certHold{width:23.9%; overflow:hidden; display:inline-block; margin-right:1%; float:left;}
.certIt .certHold#lastChild{margin-right:0 !important;}
.certIt .certHold img{margin:0px auto 20px auto; display:block;}
.certIt .certHold p{text-align:justify; margin:7px auto;}
.certIt #lineIt{max-width:100px; width:100%; background-color:#695c53; height:2px; margin: -8px 0px 0px 0px; display:block; clear:both;}
#ftBtmlg{float:left; margin-top:35px;}
.certIt p{text-align:justify;}
#services{max-width:1000px; margin:0px auto; display:block; clear:both; width:100%; max-height:590px; overflow:hidden;}
#services .menuList{width:28%; float:left; display:block; max-width:293px; margin-top:30px; padding:20px; background-color:#f1eae2;}
#services .displayContent{max-width:650px; width:65%; float:right; overflow:hidden;}
#services .displayContent p{color:#000;}
#services #list1{float:left; margin-left:2px;}
#services #list1 ul{padding:15px;}
#services #list2{float:left; margin-left:5%;}
#services #list2 ul{padding:15px;}
#services .notContent{overflow:hidden; max-width:650px; width:65%; float:right; display:none;}
#services #list1 li{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-size:16px; letter-spacing:1px; line-height:24px; font-weight:100; line-height:26px;}
#services #list2 li{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-size:16px; letter-spacing:1px; line-height:24px; font-weight:100; line-height:26px;}
#services  .newsHold .newboxes #titleLine{width:100%; background-color:#dd6030; height:2px; display:block; clear:both; margin:15px 0px;}
#services .menuList #underLine1{width:100%; max-width:110px; background-color:#f6923c; height:2px; margin:10px 0px 25px 0px; float:left;}
#services .menuList #underLine2{width:100%; max-width:110px; background-color:#de5f2c; height:2px; margin:10px 0px 25px 0px; float:left;}
#services .menuList #myHeader1{display:block; clear:both; color:#32210f; text-decoration:none; font-size:23px; font-weight:600; font-family:Helvetica, sans-serif, Arial;}
#services .menuList #myHeader2{display:block; clear:both; color:#32210f; text-decoration:none; font-size:23px; font-weight:600; font-family:Helvetica, sans-serif, Arial;}
#services .menuList #myHeader3{display:block; clear:both; color:#32210f; text-decoration:none; font-size:23px; font-weight:600; font-family:Helvetica, sans-serif, Arial;}
#services .menuList #myHeader4{display:block; clear:both; color:#32210f; text-decoration:none; font-size:23px; font-weight:600; font-family:Helvetica, sans-serif, Arial;}
#services .newsHold{max-width:620px; width:62%; float:right; margin-top:5px;}
#services  .newsHold .newboxes{overflow:hidden; }
#services .newboxes p{color:#000;}
#newsBanner{width:100%; margin:0px auto; display:block; border:none;}
.newsImg{float:left; width:38%; max-width:360px;}
.newsImg img{border-radius: 3%;
box-shadow: -2px 2px 10px #666; width:100%;}
.newsInfo{float:right; max-width:600px; width:60%;}
.newsInfo #newsLine{max-width:100px; height:2px; background-color:#e98762; margin:5px 0px;}
.newsInfo #viewMore{float:right; border:2px solid #3f2315; color:#3f2315; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
.newsInfo h3{margin-bottom:15px;}
#brwnLine{width:100%; height:15px; display:block; background-color:#220e03; clear:both;}
.newsInfo h4{margin-bottom:10px; margin-top:15px;}
#contactBanner{width:100%; margin:0px auto; display:block; border:none;}
#contact{width:100%; padding:50px 0px; background-color:#3c2417;}
#contact #conMid{display:block; margin:0px auto; width:100%; max-width:1000px;}
#contact #conMid .linfo{float:left; width:45%; max-width:400px;}
#contact #conMid .linfo p{color:#eeede8;}
#contact #conMid .linfo h3{color:#eeede8;}
#contact #conMid .rForm{float:right; max-width:400px; width:45%;}
#shw{display:none;}
#moreNews .coment{float:left; width:45%; max-width:480px;}
 #moreNews .share{float:right; width:45%; max-width:480px;}
#space{margin:0px 13%;}
#killThis{display:block;}
#reviveThis{display:none; margin:10px auto;}

#showMobile{display:none;}	
#noneMobile{display:block;}
@media screen and (max-width:950px){
#showMobile{display:block;}	
#noneMobile{display:none;}
	
	.header .container #dir {
     float: none;
     text-decoration: none; 
     display: block; 
}
.header .container #logo {
    position: relative;
    z-index: 99;
    margin: 0px auto;
    display: block;
    text-align: center;
    clear: both;
    max-width: 200px;
}
	
	.header .container #tel {
    float: none;
	text-align:center;
	display:block;
    color: #eaeaea;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 16px;
    margin-top: 15px;
}
.header .container #menu{float:none; clear:both; margin-top:20px; max-width:950px;}
.header .container #menu ul li a:last-child {margin:0px;}
.header .container #menu ul li{float:none; display:block; max-width:inherit;}
.header .container #menu ul li a{float:none; text-align:center; border-bottom:none; padding:10px 0px;}
.header .container #menu ul li a:hover{background-color:#300; color:#F96;}
#news .ctrMid .newsDisplay{float:none; margin:60px auto; display:block;}
#news .ctrMid .newsDisplay img{padding:0px 0px 50px 0px; margin:0px auto; display:block;}
#about .divdisht{float:none; margin:10px auto;}
#import{min-height:500px;padding: 10px 0px;}
#import .ctrMid .myrs{float:none; max-width:640px; margin:0px auto;}
#import .ctrMid{float:none; margin:0px auto; display:block; max-width:640px;}
#import .ctrMid .myls{float:none; max-width:640px; margin:0px auto;}
#import .ctrMid .myls #viewMore{float:none; display:block; border:2px solid #f1ead8; margin: 0px auto; width: 25%; color:#f1ead8; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#import .ctrMid .myls h3{color:#fff; text-align:center;}
#import .ctrMid .myls p{color:#fff; text-align:justify; width:95%; margin:10px auto;}
#import .ctrMid .myrs img{float:none; display:block; margin:10px auto; width:50%;}
#export .ctrMid .myrs h3{color:#fff; text-align:center;}
#export{min-height: 500px;padding: 10px 0px;}
#export .ctrMid .myrs p{color:#fff; text-align:justify; width:95%; margin:10px auto;}
#export .ctrMid .myls img{float:none; display:block;  box-shadow: -2px 2px 10px #666; margin:10px auto; width:50%;}
#export .ctrMid .myls{float:none; max-width:640px; margin:0px auto;}
#export .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#export .ctrMid .myrs{float:none; max-width:640px; margin:0px auto;}
#export .ctrMid .myrs #viewMore{float:none; margin:0px auto; border:2px solid #f1ead8; display:block;  width: 25%; color:#f1ead8; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#inband .ctrMid .myls #viewMore{float:none; margin:0px auto; border:2px solid #f1ead8; display:block;  width: 25%; color:#f1ead8; text-decoration:none; cursor:pointer; padding:7px 10px; text-align:center; letter-spacing:0px; font-family: 'Roboto', sans-serif;}
#inband .ctrMid .myls h3{color:#fff; text-align:center;}
#inband{min-height: 550px;padding: 10px 0px;}
#inband .ctrMid{float:none; margin:0px auto; display:block; max-width:1000px;}
#inband .ctrMid .myls{float:none; max-width:640px; margin:0px auto;}
#inband .ctrMid .myls p{color:#fff; text-align:justify; width: 95%;margin: 0px auto;}
#inband .ctrMid .myrs img{float:none; display:block; margin:10px auto; width:50%;}
#inband .ctrMid .myrs{float:none; max-width:640px; margin:0px auto;}
#news .ctrMid .infoData{float:none; max-width:640px; margin:0px auto; width:95%; padding-top:30px;}
#news .ctrMid .infoData h3{color:#fff; text-align:center;}
#news .ctrMid .infoData p{color:#fdf4ef; text-align:justify;}	

#import .ctrMid .myls #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#import .ctrMid .myrs #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#export .ctrMid .myrs #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#export .ctrMid .myls #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#inband .ctrMid .myls #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#inband .ctrMid .myrs #line{background-color:#f39533; margin:5px auto; height:2px; max-width:115px;}
#killThis{display:none;}
#reviveThis{display:block; margin:10px auto;}
#about img {
    float: none; display:block; margin:10px auto;
}
#about .divdisht h3{ text-align:center;}
#about .divdisht p{text-align:justify; width:95%; margin:10px auto; float:none;}
.misvis .holditb #mision{float:none; max-width: 640px; width:95%; margin:10px auto; display:block;}
.misvis .holditb #vision{float:none; max-width: 640px; width:95%; margin:10px auto; display:block;}
#ourKap #middleIt h3{text-align:center;}
#ourKap #middleIt #lineIt{float:none; margin:5px auto;}
#ourKap #middleIt p{text-align:justify; width:95%; margin:10px auto; float:none;}
.certIt{width:100%; max-width:640px;}
.certIt h3{text-align:center;}
.certIt #lineIt{text-align:center; margin:5px auto; float:none;}
.certIt p{text-align:justify; width:95%; margin:10px auto; float:none;}
.certIt .certHold{    width: 95%;
    overflow: hidden;
    display: block;
    margin: 20px auto; float:none;}
.certIt .certHold#lastChild{ margin: 20px auto !important;}

.newsImg{    float: none;
    width: 100%;
    max-width:600px; margin:0px auto;}

.newsInfo {
    float: none;
    max-width: 600px;
    width: 100%;
	margin:0px auto;
}	
.newsInfo h3{text-align:center;}
.newsInfo #newsLine{margin:5px auto;}
.newsInfo h4{text-align:center;}
.newsInfo  p{text-align:justify; width:95%; margin:0px auto;}
.newsInfo #viewMore{ float:none; display: block; width: 30%; margin:10% auto 0px auto; }
#contact #conMid .linfo {
    float: none;
    width: 95%;
    max-width: 640px;
	margin:5px auto;
}
#space{margin:0px;}
	
#contact #conMid .rForm{float:none; max-width:640px; width:95%; margin:5px auto;}
#contact {padding:20px 0px;}
#contact #conMid .linfo h3{text-align:center;}
#contact #conMid .linfo p{text-align: center;
    width: 95%;
    margin: 0px auto;}
#contact #conMid .rForm h3{text-align:center;}
#txtc{text-align:center;}
#contact #conMid .rForm #inputW{width:80%; margin:0px auto; display:block; float:none;}
#contact #conMid .rForm #sndBtn{float:none !important; margin:10px auto !important; display:block;}
#curve{bottom:-50px !important;}


}
@media screen and (max-width:760px){
#curve{bottom:-40px !important;}

}
@media screen and (max-width:640px){
#dontSpan{display:none !important;}
.btmMenu{display:none;}
.head .menuhead a{display:block;}
.head section{flex-wrap:wrap;align-items:center;}
.head .logohead{width:50%;}
.menuheadmovil{width:50%;display:block;}
.hmb1{border-bottom:solid 5px #000;margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}
.hmb2{border-bottom:solid 5px #000;margin:0px auto 5px;text-align:center;width:50px;transition:1s; position:relative;}
.hmb3{border-bottom:solid 5px #000;margin:0px auto;text-align:center;width:50px;transition:1s; position:relative;}
.hmb{width:50px;height:25px;z-index:10;cursor:pointer;right:20px;top:30px;margin-left:auto;}
.menuhead{width:100%;display:none;}
.head .menuhead a{text-align:center;font-size:25px;}

#ftBtmlg {
    float: none;
    margin-top: 35px;
    display: block;
    margin: 10px auto;
    width: 170px;
}
#ftC{float: none !important;
    margin: 50px auto !important;
    width: 180px;}
	

.holdDamuduhefininfo #contactInfo{float:none; margin:0px auto;}
	.holdDamuduhefininfo #contactInfo p{text-align:center;}
	#shw{display:block;}
	
	#export .ctrMid .myrs #viewMore{    margin: 0px auto;
    display: block;
    width: 30%;}
	#inband .ctrMid .myls #viewMore{    margin: 0px auto;
    display: block;
    width: 30%;}
	#disappear2{display:none !important;}

#moreNews .coment{float:none; width:95%; max-width:600px; margin:0px auto;}
 #moreNews .share{float:none; width:95%; max-width:600px; margin:0px auto;}	
	#moreNews .coment h3{text-align:center;}
 #moreNews .share h3{text-align:center;}
 
 #moreNews p{width:95%; text-align:justify; margin:0px auto;}
 #moreNews h1{text-align:center;}
 #moreNews h4{text-align:center;}
 #midB{max-width: 180px;
    margin: 10px auto;}
}
@media screen and (max-width:610px){
#curve{bottom:-25px !important;}

}