@e-fontsize-basic-font: 14px;
@e-smallsize-border-radius: 4px;

@e-color-bg-green: #a52a2a ;
@e-color-bg-greenHover: #a52a2a ;

@e-color-bg-body: #fff;
@e-color-bg-nav: #eee;
@e-color-bg-footer: #121212;

a[title="Editor"]{display:none!important}

body{
  margin: 0px;
  padding: 0px;
  font-family: 'Arimo', sans-serif;
  background-color: @e-color-bg-body;
  line-height:160%;
}

h1,h2,h3,h4, h5 {
	font-family: 'Cinzel';
}

h4{font-size:23px;}

h5{font-size:17px;}

h5 a{
	text-decoration:none;
	color:@e-color-bg-green;
	min-height:70px!important;
	max-height:70px!important;
	padding:10px;
	vertical-align:middle!important;
	}

 .droppyOne a{
	font-family: 'Cinzel';
	font-weight: bold;
}

.topNav{
  padding: 8px;
  padding-top:5px;
  margin: 0px;
  width: 100%;

  display: block;
  background: @e-color-bg-green;
}

.container{
  width:80%;
  margin: 0 auto;
}

.setLanguage{
float: right;
}

.container img{
  margin:15px;
  box-shadow: 5px 7px 7px #777;
}

footer img, .logo img{
	box-shadow:none!important; margin:0px!important; position:absolute; left:5px;
	}

.setLanguage .language-select-box{
margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}

.setLanguage .language-select-box li{
margin: 0px;
  float: left;
}

.setLanguage .language-select-box li a{
display: block;
padding: 9px 7px;
line-height: 16px;
margin: 0px;
border: 0px;
}

.setLanguage .language-select-box li a:hover{
background-color: @e-color-bg-greenHover;
}

.topNav #search{
float: right;
margin-right: 10px;
padding: 4px 0px 3px 0px;
  
}
.topNav #search input[type="text"]{
outline: none !important;
border: 0px;
padding: 5px;
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
line-height: 12px;
font-size: 12px;
height: 13px;
color: #6F6C6C;
}

.topNav #search input[type="text"]:focus{
  border:0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.topNav #search input[type="submit"]{
margin-top: 4px;
padding: 0px;
width: 16px;
height: 16px;
margin-left: 5px;
cursor: pointer;
background: transparent url(../img/glyphicons-halflings-white.png) no-repeat;
background-position: -48px 0;
border: 0px;
font-size: 0px;
}

.topNav .contact{
color: #fff;
font-size: 13px;
margin: 0px;
padding: 6px 7px;
line-height: 14px;
}

.topNav .contact a{
text-decoration: none;
  color: #fff;
}

.topNav .contact .icon-envelope{
margin-left: 15px;
}



.menuNav{
padding: 0px;
background: @e-color-bg-nav;
display: block;
height: 70px;
}

.menuNav .menu{
float: right;
}

.menu li a{
border-bottom: 4px solid  @e-color-bg-nav;
text-decoration: none;
color: #373737;
font-weight: bold;
font-size: 15px;
padding: 25px 9px;
display: block;
}

.menu li a.hover,.menu li a.menuOpen{
  border-bottom: 4px solid @e-color-bg-green;
  color:  @e-color-bg-green;
}

.menu #droppy ul li a{
  background-color: #000;
  opacity: 0.8; 
border-bottom: 0px solid #fff;
text-decoration: none;
color: #e3e3e3;
font-weight: normal;
font-size: 15px;
padding: 5px 10px;
display: block;
}

.menu #droppy ul li a.hover{
  border-bottom: 0px solid @e-color-bg-green;
  color:  @e-color-bg-green;
  opacity: 1.0;
}

.menuNav .logo{
float: left;
    //margin-top: 3px;
}

.menuNav .logo img{
height: 59px;
  width: auto;
}


.carousel-caption{
display: none;
}

.carousel-control{
text-decoration: none;
}

.carousel-inner img {
height: auto;
width: 100%;
}


.breadcrumb{
  float: right;
padding: 0px;
background: transparent;
z-index: 10000;
position: relative;
margin-top: -60px;
}
.breadcrumb li{
background-color: @e-color-bg-body;
padding: 10px;
  margin-right: 10px;
  float: left;
  font-size: 14px;
color: #777;
}

.breadcrumb li a{
font-size: 14px;
color: #777;
text-decoration: none;
}

.breadcrumb .divider{
display: none;
}

.news .title, .partners .title{
text-align: center;
height: auto;
background: url(../img/titlebg.png) center 50% repeat-x;
}

.news .title h4, .partners .title h4{
color: #555;
background-color: @e-color-bg-body;
display: inline-block;
width: auto;
margin: 10px 0px 10px 0px;
padding: 0px 25px;
line-height: 55px;
letter-spacing: -1px;
}


.news .newsNormal li{
border: 0px !important;
background: transparent !important;
width: 29%;
display: inline-block;
min-width: 250px;
padding: 0px;
margin-right: 6%;
  
}

.news .newsNormal li:last-child{
margin: 0px;
}

.news .newsNormal li img{
width: 100%;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.news .newsNormal li h4{
width: 100%;
float: left;
margin: 10px 0px 4px 0px;
}

.news .newsNormal li h4 a{
color: #000;
  text-decoration: none;
}

.news .newsNormal li .newsNormal-meta{
font-size: 12px;
padding: 3px 5px;
background-color: @e-color-bg-greenHover;
color: #fff;
float: left;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.news .newsNormal li p{
float: left;
  color: #777;
  line-height: 150%;
  font-size: 13px;
}

.news .newsNormal li .btn{
float: right;
padding: 4px 8px;
  border: 1px solid #dfdfdf;
  color: #777;
  font-size: 12px;
  text-decoration: none;
  -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}

.partners{
text-align: center;
}


#carousel_inner {
display: block;
width: 100%; 
overflow: hidden; 
}

#carousel_ul {
position:relative;
left: 0px;
list-style-type: none; 
margin: 0px;
padding: 0px;
width:9999px;
padding-bottom:10px;
}

#carousel_ul li{
float: left; 
width:200px;  
padding:0px;
height:110px;
background: transparent;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

#carousel_ul li img {
margin-bottom:-4px;
cursor:pointer;
cursor: hand;
border:0px;
    -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}
#left_scroll, #right_scroll{
float: right;
color: #777;
font-size: 12px;
text-decoration: none;
  margin-top: 30px;
  margin-right: 10px;
  
}


#left_scroll a, #right_scroll a{
  border: 1px solid #dfdfdf;
  background-color: #fff;
color: #777;
  padding: 5px 8px;
font-size: 12px;
text-decoration: none;
    -webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}




footer{
  margin: 20px 0px 0px 0px;
  padding: 20px 0px;
background-color: @e-color-bg-footer;
  color: #fff;
  font-size: 14px;
  line-height: 150%;
}

footer a{
color: #fff;
}

footer a.top{
font-weight: bold;
text-transform: none;
text-decoration: none;
padding: 12px 21px;
font-size: 21px;
background-color: @e-color-bg-green;
color: #fff;
float: right;
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
}



.leftContent{
  //float: left;
display: inline-block;
  //width: 78%;
  width: 100%;
  margin-right: 2%;
  font-size: @e-fontsize-basic-font;
  color: #777;
  text-align: justify;
}

.leftContent .title{
text-align: center;
height: auto;
background: url(../img/titlebg.png) center 50% repeat-x;
}

.leftContent .title h4{
color: #555;
background-color: @e-color-bg-body;
display: inline-block;
width: auto;
margin: 10px 0px 10px 0px;
padding: 0px 25px;
line-height: 55px;
letter-spacing: -1px;
}


.leftContent .newsNormal li{
border-bottom: 1px #ebebeb solid;
  padding: 10px;
}

.rightContent .newsNormal li:first-child{
border-top: 1px #ebebeb solid;
}

.leftContent  .newsNormal li:nth-child(odd) {
border-bottom: 1px #ebebeb solid;
border-top: 0px;
}


.leftContent .newsNormal li img{
  height: 85px;
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
  border: 0px;
display: block;
margin-right: 10px;
}
.leftContent .newsNormal li h4{
margin: 0px;
}
.leftContent .newsNormal li h4 a{
font-size: 14px;
color: #777;
text-decoration: none;
}


.leftContent .boxContent{
padding: 10px;
  background-color: #F9F9F9;
  margin-top: 20px;
}


.rightContent{
  float: right;
display: inline-block;
 width: 20%;
margin: 20px 0px 0px 0px;
}

.rightContent h5{
font-size: 13px;
color: #444;
border-bottom: 1px solid #ebebeb;
text-transform: uppercase;
margin: 0px 0 20px 0;
padding-bottom: 8px;
}


.rightContent .titleLine{
width: 80px;
background: @e-color-bg-green;
height: 2px;
position: absolute;
margin-top: -22px;
}


.rightContent .newsNormal li:nth-child(odd) {
background-color: transparent;
border-bottom: 1px #ebebeb solid;
border-top: 0px;
}

.rightContent .newsNormal li{
border-bottom: 1px #ebebeb solid;
  padding: 10px 0px;
}

.rightContent .newsNormal li:last-child{
border: 0px;
}

.rightContent .newsNormal li img{
-webkit-border-radius: @e-smallsize-border-radius;
-moz-border-radius: @e-smallsize-border-radius;
border-radius: @e-smallsize-border-radius;
  border: 0px;
  width: 100%;
display: block;
margin: 0px auto 10px auto;
}
.rightContent .newsNormal li h4{
margin: 0px;
}
.rightContent .newsNormal li h4 a{
padding-top: 10px;
display: block;
text-align: center;
font-size: 14px;
color: #777;
text-decoration: none;
}


@media (max-width:767px){
  .setLanguage .language-select-box{
	display: none;
}
  .topNav .contact{
	display: none;
}
  .topNav #search {
margin-right: 0px;
padding: 4px 0px 3px 0px;
	text-align: center;
    float: none;
  }
  
    .menuNav {
    height: auto;
min-height: 70px;
}
  
  .menuNav .logo {
float: none;
text-align: center;
display: block;
margin: 20px 0px 20px 0px;
}
  #droppy {
margin-top: 20px;
}
  #droppy li{
width: 100%;
    float: none;
}
   #droppy li a{ 
  margin-bottom: -1px;
padding: 5px 20px;
border: 1px solid #eee;
display: block;
  }
  
  #droppy ul{
display: none !important;
}
  .menuNav .menu {
width: 100%;
    float: none;
  }
 
  .news .newsNormal li{
border: 0px !important;
background: transparent !important;
width: 100%;
display: inline-block;
min-width: 250px;
padding: 0px;
margin-right: 0%;
    margin-bottom: 20px;
}
  
  footer a.top{
  margin-bottom: auto;
text-align: center;
padding: 2%;
width: 90%;
display: block;
margin: 0px auto 20px auto;
  }
  
  
  .breadcrumb{
    display: none;
  }
  
  .leftContent{
    float: none;
display: block;
width: 100%;
	}
  .rightContent{
float: none;
display: block;
width: 100%;
}
  
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
}




