@import "../css/reset.css";
@import "../css/fonts.css";
@import "../css/orbit-1.2.3.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}
body {font-family:'source_sans_proregular'; font-size:18px; line-height:30px; color:#383838; min-width:990px; background:#ffffff; -webkit-text-size-adjust: none;}
//b {font-size:24px;line-height:30px;}
/**************Global Structure*****************/
.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}
/* #Base 960 Grid
================================================== */
  .container_12{position: relative; width: 960px; margin: 0 auto; padding: 0;}
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12  {float: left; display: inline; margin-left: 10px; margin-right: 10px;}
  /* Nested Column Classes */
  .container_12 .alpha    {margin-left: 0 !important;}
  .container_12 .omega    {margin-right: 0 !important; margin-bottom:0 !important}
  /* Base Grid */
  .container_12 .grid_1   {width: 60px; }
  .container_12 .grid_2   {width: 140px;}
  .container_12 .grid_3   {width: 220px;}
  .container_12 .grid_4   {width: 300px;}
  .container_12 .grid_5   {width: 380px;}
  .container_12 .grid_6   {width: 460px;}
  .container_12 .grid_7   {width: 540px;}
  .container_12 .grid_8   {width: 620px;}
  .container_12 .grid_9   {width: 700px;}
  .container_12 .grid_10    {width: 780px;}
  .container_12 .grid_11    {width: 860px;}
  .container_12 .grid_12    {width: 940px;}
  /* Prefix Extra Space >> 12 Columns */
  .container_12 .prefix_1   {padding-left:80px;}
  .container_12 .prefix_2   {padding-left:160px;}
  .container_12 .prefix_3   {padding-left:240px;}
  .container_12 .prefix_4   {padding-left:320px;}
  .container_12 .prefix_5   {padding-left:400px;}
  .container_12 .prefix_6   {padding-left:480px;}
  .container_12 .prefix_7   {padding-left:560px;}
  .container_12 .prefix_8   {padding-left:640px;}
  .container_12 .prefix_9   {padding-left:720px;}
  .container_12 .prefix_10  {padding-left:800px;}
  .container_12 .prefix_11  {padding-left:880px;}
  /* Suffix Extra Space >> 12 Columns */
  .container_12 .suffix_1   {padding-right:80px;}
  .container_12 .suffix_2   {padding-right:160px;}
  .container_12 .suffix_3   {padding-right:240px;}
  .container_12 .suffix_4   {padding-right:320px;}
  .container_12 .suffix_5   {padding-right:400px;}
  .container_12 .suffix_6   {padding-right:480px;}
  .container_12 .suffix_7   {padding-right:560px;}
  .container_12 .suffix_8   {padding-right:640px;}
  .container_12 .suffix_9   {padding-right:720px;}
  .container_12 .suffix_10  {padding-right:800px;}
  .container_12 .suffix_11  {padding-right:880px;}
  /*twin columns*/
  .dgrid_2{float:left; width:140px;}
  .dgrid_3{float:left; width:220px;}
  .dgrid_4{float:left; width:300px;}
    .dgrid_2:first-child, .dgrid_3:first-child, .dgrid_4:first-child{margin-right:20px;}
  /*triple columns*/
  .tgrid_2{float:left; width:140px; margin-right:20px;}
  .tgrid_3{float:left; width:220px; margin-right:20px;}
    .tgrid_2.last-col, .tgrid_3.last-col{margin-right:0px;}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}
.it{font-style:italic}
.let{letter-spacing:-1px}
/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}
.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-right:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.text-right {text-align:right;}
.right{float:right;}
.left {float:left;}
.azul {color:#385a7e; }
.divisa {border-left:solid 1px #ccc; padding-left:20px;}
#craftysyntax { margin: auto; width: 310px; padding: 100px 0; }
.portfolio .moldura {height: 350px;}
.moldura {float: left; width:295px; height: 300px;margin-bottom:20px;margin-right:20px;}
.moldura a.image {display:block; padding:5px; width:285px; height: 175px; background:#fff; border:solid 1px  #ccc;}
.moldura a.image div {width:285px; height: 175px; position: absolute;}
.moldura a span {font-size:14px; line-height: 20px; display: block; padding: 5px 0;}
.moldura p {font-size:12px; line-height:20px; color:#383838;}
.moldura figure {float:left; margin:0px; width: 50%; height: 100%; display: block;}
.clientes-moldura {background: #fff; float: left; margin-right: 40px; margin-bottom: 40px; width: 280px; height: 180px; border: solid 1px #ccc;}
.clientes-moldura span {width: 100%; height: 100%; display: block;}
.borda {border: solid 1px #dedede;}
#feedback {height:0px;}
.no-shadown {box-shadow:none !important;}
.bg-branco { background:#fff; padding:20px; }
.bg-branco p {float:left; width:540px; line-height:30px; }
figure {text-align:center;}
figure img { width:600px; padding: 5px; background: #fff; border: solid 1px #ccc;}
.data-evento {padding:5px; background:#5b2562; color:#fff;text-align:right;font-family:'source_sans_proextralight';}
.label{float:left;}
.contato p {font-size:14px;margin:0px;line-height: 16px;}
.contato p b {font-size:16px; font-weight:normal;}
.contato img {width:450px;}
.contato figure {margin-bottom:30px;}
/*==================================== Links ======================================================== */
a {color:#244e88;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ccc; text-decoration:none;}
.button{float:right; display:inline-block; padding:10px 18px 10px; margin: 10px; font-size: 14px; line-height: 19px; color:#fff; text-transform: lowercase; background: #244e88; box-shadow: 0 1px 4px rgba(0,0,0,0.75);position: relative;}
.button:hover{color:#ccc;}
.button em{width: 100%;height: 0;display: block;position: absolute;background: #244e88;position: absolute;left: 0;top: 50%;}
.button:hover em{height: 100%;top: 0;}
.button span{display: inline-block;position: relative;z-index: 10;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
/*********************************header*************************************/
header {z-index:999;position: relative;padding: 10px 0 0;background: #fff;}
header h1{width: 250px;float: left;}
header h1 a {display:block;width:250px;height:190px;background:url(../interface/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
.social{ overflow:hidden;float: right;padding: 15px 0 0;}
.area-restrita{text-align:center;float: right;}
a.area-restrita{color: #fff;}
.slogan {float:left;padding: 30px 0px 0 20px;font-size: 18px;font-style: italic;color: #5d7793;}
.social a{ display:block; float:left;width:28px;height:28px; overflow:hidden; margin-left:8px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-28px;}
header .top_block{padding: 10px 0; width:250px; float:left;}
/*********************************content*************************************/
#content {clear: both;}
.cont_pad .content_inner{padding: 30px 0 20px !important;}
.content_inner{padding: 35px 0 76px;box-shadow: inset 0 0 4px #000;}
#mask-slider {position:absolute;z-index:100;width:100%;height:400px;background:url(../images/mask-slider.png) no-repeat center center;}
#slider p {font-size:18px; text-align:right; text-shadow: 2px 2px 2px #666; color:#fff;padding: 200px 0 0 0; width: 480px; position: absolute; left: 50%; font-family: 'source_sans_proregular'; }
#slider p b {font-size: 36px; line-height: 38px; font-style: italic; font-family: 'source_sans_proextralight'; }
#slider p a {color:#fff;}
#slider.short p {position:relative; left:0;width:100%;font-size:32px; text-align:center; text-shadow: none; color:#244e88;padding: 70px 0 0 0;  font-family: 'UniversCondensedRegular'; }
#slider.short .timer, #slider.short .slider-nav {display:none;}
#destaque {padding:30px 0 0 0;background:#f5f5f5;}
#orcamento {display:block; width:375px !important; height:500px !important;  padding:30px;background: url(../images/bg-orcamento.png) no-repeat center center}
/*===============================>> Paragraphs <<=============================*/
p {margin-bottom:21px}
.p2{ margin-bottom:20px;}
.p3{ margin-bottom:14px;}
.p4{ margin-bottom:26px;}
/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{  line-height:20px !important; background:url(../images/link_marker.png) 0 8px no-repeat; margin-bottom: 9px; padding-left:14px;}
.list1 a{font-weight: bold;}
.list1 a:hover{color:#249564}
.list1 a span{color: #fff;font-weight: normal;}
.list2{}
.list2 li{ background:url(../images/link_marker.png) 0 8px no-repeat; margin-bottom: 25px; padding-left:14px;}
.list2 a:hover{color: #fff;}
ul.servicos li {background: url(../images/lista-orcamento.png) no-repeat left bottom; padding: 10px 25px;font-size: 25px;text-transform: capitalize;font-weight: lighter;}
ul.servicos li a{width:100%;}
footer ul li {background: url(../images/arrow-list.png) no-repeat left center; padding: 3px 10px;text-transform: capitalize;}
/*================================>> H <<========================================*/
h1 {color: #244e88; font-size: 24px;margin-bottom: 14px;}
h2,h3,h4{ font-weight:normal;}
h2{font-size: 40px; line-height: 50px; color:#244e88; margin-bottom: 24px;}
h3{color:#2f2f2f; font-size: 36px; line-height: 38px; font-style: italic; font-family: 'source_sans_proextralight';}
h4{font-size: 35px; line-height: 30px; color:#385a7e; margin: 24px 0;}
h4 a{color: #fff;}
h4 a:hover{text-decoration: none;}
h2.titulo {    font-family: 'UniversCondensedRegular'; font-size:36px ; text-align: center;padding: 5px 0; border-top: dotted 1px #ccc; border-bottom:dotted 1px #ccc;}
/*================================>> GOOGLE FONTS  <<========================================*/
.offer .title{font-family: 'Pacifico', cursive;}
/*================================>> SHARE  <<========================================*/
.goog-inline-block{position:relative;display:-moz-inline-box;display:inline-block}
* html .goog-inline-block{display:inline}
*:first-child+html .goog-inline-block{display:inline}
.post-share-buttons{display:inline-block;margin-top:2em;margin-left:305px;vertical-align:middle;text-align:center;}
.share-button{width:20px;height:20px;background:url(../interface/share_buttons_20_2.png) no-repeat left !important;overflow:hidden;margin-left:-1px;position:relative}
.share-button-link-text {display: block;text-indent: -9999px;}
.sb-twitter{background-position:-40px 0 !important}
a:hover.sb-twitter{background-position:-40px -20px !important}
a:active.sb-twitter{background-position:-40px -40px !important}
.sb-facebook{background-position:-60px 0 !important}
a:hover.sb-facebook{background-position:-60px -20px !important}
a:active.sb-facebook{background-position:-60px -40px !important}
.share-button2{width:20px;height:20px;background:url(../interface/share_linkedin.png) no-repeat left !important;overflow:hidden;margin-left:-1px;position:relative}
.sb-linkedin{background-position:-60px 0 !important}
a:hover.sb-linkedin{background-position:-60px -20px !important}
a:active.sb-linkedin{background-position:-60px -40px !important}
/*================================>> hovers <<========================================*/
.sf-menu>li>a, .sf-menu>li>a em, .sf-menu>li>a strong, .img_wrap1 em, .button em, .list1 a, .sf-menu a, .list2 a, .news a, .testimonials blockquote a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*================================>> menu <<========================================*/
#main_page nav{margin-bottom: 7px;}
#menu {height:65px; margin:100px 0 70px;background: rgb(43,96,166); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNjBhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJiNjBhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIzNTA4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzUwOGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(43,96,166,1) 0%, rgba(43,96,166,1) 50%, rgba(35,80,139,1) 51%, rgba(35,80,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,96,166,1)), color-stop(50%,rgba(43,96,166,1)), color-stop(51%,rgba(35,80,139,1)), color-stop(100%,rgba(35,80,139,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(43,96,166,1) 0%,rgba(43,96,166,1) 50%,rgba(35,80,139,1) 51%,rgba(35,80,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(43,96,166,1) 0%,rgba(43,96,166,1) 50%,rgba(35,80,139,1) 51%,rgba(35,80,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(43,96,166,1) 0%,rgba(43,96,166,1) 50%,rgba(35,80,139,1) 51%,rgba(35,80,139,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(43,96,166,1) 0%,rgba(43,96,166,1) 50%,rgba(35,80,139,1) 51%,rgba(35,80,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b60a6', endColorstr='#23508b',GradientType=0 ); /* IE6-8 */
}
nav{ position:relative;z-index: 99; margin: 0px 0 21px; float: right;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative;border:none;}
.sf-menu>li>a{display:block; padding: 23px 9px; position: relative;}
.sf-menu>li>a:before{width: 2px;height: 100%;display: block;position: absolute;right: 0;top: 0;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color: #ccc;}
.sf-menu>li>a strong{display: block;position: absolute;top: -3px;left: 0px;height: 3px;width: 100%;}
.sf-menu>li>a em{display: block;position: absolute;width: 0;height: 0;left: 50%;top: 50%;}
.sf-menu>li>a>span{position: relative;z-index: 10;}
.sf-menu a{font-size: 18px; text-transform: uppercase; line-height: 19px; color:#fff;}
.sf-menu a:hover{color: #ccc;}
.sf-menu>li:hover>ul {display:block;}
/*================================>> 2 Level <<========================================*/
.sf-menu li ul, .sf-menu li.sfHover>ul{ left:0px;top:45px;width: 100%;padding:7px 0 12px; z-index:99; background:none;}
.sf-menu li ul li{position:relative; border:none; background:url(../images/bgtopo.jpg) repeat-x #edf1f5; text-align:center;}
.sf-menu li ul li a{display: block;padding: 25px 0px;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{background: none;}
//.sf-menu .last{background: none;}
/*********************************Solucoes*************************************/
.solucoes {text-align:center; background:url(../interface/bg_solucoes.jpg);}
.solucoes p {font-family: 'source_sans_proregular'; font-size:16px; line-height:16px; color:#fff;}
.solucoes h2 {margin: 15px 0; font-family: 'source_sans_proextralight'; font-size:25px; line-height:25px; color:#fff;}
.solucoes .grid_3 {padding-bottom:20px;}
.solucoes a{bottom:0px; text-align:center;background: #4b0e52; padding: 7px 30px;font-size: 18px; margin: 10px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5p; color: #fff;}
/*********************************Destaque*************************************/
.destaque {background:#f5f5f5;}
#servicos #craftysyntax { margin: auto; width: 310px; padding: 20px 0; }
#servicos p {text-align:left; font-size:18px; line-height:25px;}
#servicos h2 {text-align:left; }
#servicos .last {margin:0;}
#servicos b {color:#cc0000; font-size:18px;}
/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}
.offers{margin-bottom: 67px;}
.offer{min-height: 250px;padding: 26px 24px 1px 25px;position: relative;margin-bottom: 45px;}
.offer:after{display: block;width: 100%;position: absolute;bottom: -45px;left: 0;height: 45px;content: "";}
.offer .title{font-size: 30px; line-height: 35px; color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,0.35);background: url('../images/offer_title.png') 0 bottom repeat-x;padding-bottom: 16px;margin-bottom: 15px;}
.offer p{margin-bottom: 19px;}
.offer1{background: url('../images/offer1.jpg') repeat-x #353535;color: #b1b1b1;}
.offer2{background: url('../images/offer2.jpg') repeat-x #1e5d56;color: #c2d5d3;}
.offer3{background: url('../images/offer3.jpg') repeat-x #608227;color: #dcebc3;}
.offer4{background: url('../images/offer4.jpg') repeat-x #c04415;color: #f9d3c5;}
.offer1:after{background: url('../images/offer1_aft.png') right 0 no-repeat;}
.offer2:after{background: url('../images/offer2_aft.png') right 0 no-repeat;}
.offer3:after{background: url('../images/offer3_aft.png') right 0 no-repeat;}
.offer4:after{background: url('../images/offer4_aft.png') right 0 no-repeat;}
.link1{font-weight: bold;color: #fff;display: inline-block;padding-left: 14px;background: url('../images/link_marker.png') 1px 8px no-repeat;}
.link1:hover{color: #c1bbbb;}
.img_wrap1{display: inline-block;background: url('../images/img_wrap1.png') repeat-x;padding: 5px;box-shadow: 0 1px 4px rgba(0,0,0,0.75), inset 0 0 0 1px #333436;position: relative;margin-bottom: 5px;}
.img_wrap1 img{z-index: 10;position: relative;}
.img_wrap1 em{background: #608227;display: block;position: absolute;left: 0;top: 0;width: 0;height: 0;}
.img_wrap1:hover em{width: 100%;height: 100%;}
.white, .news a:hover, .testimonials blockquote a:hover{color: #fff;}
a.white:hover{color: #608227;}
.advantage{border-bottom: 1px solid #353434;padding-bottom:45px;margin-bottom: 42px;}.advantage>div{padding: 4px 0 0px;}
.advantage>figure{margin: 0 20px 0 0;}
/*********************************page_2*************************************/
.events_box, .facts{padding-bottom: 10px;margin-bottom: 12px;}
.programs{border-bottom: 1px solid #353434;padding-bottom: 44px;margin-bottom: 42px;}
.points{}
.points>div{}
.points>figure{margin: 7px 20px 0 0;}
/*********************************page_3*************************************/
.events>li{margin-bottom: 17px;}
.events>li>div{padding-top: 4px;}
.events>li>figure{margin: 0 21px 0 0;}
.events time{font-weight: bold;color: #fff;}
.news{padding-right: 20px;}
.news>li{margin-bottom: 25px;}
.news>li>div{}
.news>li>figure{margin: 2px 21px 0 0;}
.news>li>figure time{width: 59px;height: 63px;display: block;text-align: center;background: url('../images/time.png') no-repeat;font-size: 32px;line-height: 39px;font-weight: bold;color: #4e4e4e;padding: 12px 0 0;text-shadow: 1px 1px 1px #fefdfd;letter-spacing: -2px;}
.news>li>figure time span{display: block;font-size: 13px;font-weight: normal;letter-spacing: 0;margin-top: -21px;}
.testimonials{border-bottom: 1px solid #353434;padding-bottom: 44px;margin-bottom: 42px;}
.testimonials>li{margin-bottom: 31px;}
.testimonials>li>div{}
.testimonials blockquote{position: relative;border: 1px solid #3e3e3e;border-bottom: none;padding: 20px 20px 24px 20px;font-style: italic;margin-bottom: 30px;}
.testimonials blockquote:after{width: 100%;height: 23px;display: block;background: url('../images/blockqoute_after.png') no-repeat;position: absolute;left: -1px;bottom: -21px;content: "";}
.testimonials .author{padding-left: 20px;}
.courses, .development{border-bottom: 1px solid #353434;padding-bottom: 45px;margin-bottom: 42px;}
/****************************footer************************/
footer {background: #244e88; color:#fff;  position: relative;padding:25px 0 0 0; font-size: 14px; line-height: 19px;}
footer:before{display: block;height: 1px;width: 100%;position: absolute;top: 0;left: 0;content: "";}
footer strong {font-weight: normal !important;}
footer p {margin-top:0px; padding-top:7px;}
footer a {color: #fff;display:block;margin:0 5px;}
#grand-slam {height:200px; background:url(../interface/grand_slam.jpg) no-repeat bottom center;}
#grand-slam a {display:block;width:100%;height:100%;}
/**********************************************************************************************/
.torneios-inscricao input, .torneios-inscricao select {
  width: 55%;
}
.torneios-inscricao label{
  width: 42%;
  margin-right: 11px;
}
.torneios-inscricao p {
  margin-left: 50px;
}
.torneios-inscricao #botaoenviar{
  text-align: center;
}
.torneios-inscricao form div{
  margin: 20px;
}
.torneios-inscricao input#b_enviar{
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;    
  text-align: center;
  width: 300px;
  padding: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 1100px){
#menu {height:95px;} 
.sf-menu>li>a{padding: 13px 9px;}
}