/** 			RESET			**/

/* normalise les marges et les remplissages  */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
margin: 0;
padding : 0;
}
/* normalise les tailles de polices pour les en-ttes */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
/* supprime list-style pour les listes */
ul {
list-style : none;
}
/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
/* supprime les bordures dans les tableaux */
table {
border-collapse : collapse;
border-spacing : 0;
}
/* supprime les bordures dans les lments fieldset et img */
fieldset, img {
border : 0;
}
/* aligne le texte  gauche dans caption et th */
caption, th {
text-align : left;
}
/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after {
content :'';
}
/* supprime le souslignage des liens et les met en noir */
a {
text-decoration : none;
color : #33c;
}


.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}

.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}

button, input {
*overflow: visible;
line-height: normal;
}

button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

textarea {
overflow: auto;
vertical-align: top;
}

/** 		Hide the outline 	**/

*:hover, *:active, *:focus, input:focus, textarea:focus {
outline:none !important;
}

/** 	resize image 	**/

img, embed, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/** 	to prevent a problem with sprites images, Google map and the property max-width:100%		**/ 
#mapcanvas img, .gmnoprint img {
max-width: none;
}

/** 		reset bootstrap CSS 	**/

input, textarea, .uneditable-input {
width:auto;
}


/*************************************************************************************************************

									SITE

**************************************************************************************************************/
html {
background : #7d1617;
}

body {
position:relative;
text-align:center;
  width:100%;
}


/**		SITE 	**/

.wrapper-site {
position:center;
width:100%;
margin : 0 auto;
  margin : 0px 0 px 10px 0px;
padding : 0;
}

.zindex10 {
z-index:10;
}
.zindex20 {
z-index:20;
}
.zindex30 {
z-index:30;
}


/*************************************************************************************************************

									HEADER

**************************************************************************************************************/

.website-header {
position:relative;
border-top: 7px solid #7d1617;
}

.shadow-content-top {
position:absolute;
left:0;
right:0;
height:11px;
margin:0 auto;
/**background: transparent url(../images/shadow-content-top.png) 50% 0 no-repeat;   **/
/**background-size: 100% 11px; **/		/** 	CSS3 property to set the width to 100% and height 25px 		**/
}

/**						translate 					**/

#translate {
float:right;
margin: 1px 0 0 4px;
}
#jflanguageselection {
margin:0;
}
.rawimages {
margin-top: 0px;
}

div.mod-languages img {
vertical-align:top;
margin-top:3px;
}

/**						top menu 					**/

.top_menu {
float:right;
  font-size:150%;

}

/**						social icons				**/

.social-links {
float:right;
background-color : #93d0dd;
border-radius: 0 0 4px 4px;
padding: 0 6px 1px 6px ;
margin: -3px 0 0 0;
}

.social-links li {
display:inline-block;
*display: inline;
*zoom: 1;
width:auto;
margin-left:1px;
list-style:none;
}

.social-links li.text_social_icons {
font-size : 90%;
width:auto;
color : #2a4393;
line-height:20px;
font-variant:small-caps;
}

.social-links li a {
display:inline-block;
*display: inline;
*zoom: 1;
width:23px;
padding : 1px 2px 2px 2px;
border-radius:25%;
-webkit-transition : background 0.5s ease-in-out;
-moz-transition : background 0.5s ease-in-out;
-ms-transition : background 0.5s ease-in-out;
-o-transition : background 0.5s ease-in-out;
transition : background 0.5s ease-in-out;
}

.social-links li a img {
width:19px;
border:none;
vertical-align:top;
}


/** for google +1 only 	**/

.social-links li.google {
margin-right:6px;
}

.social-links li > div {
padding: 0 0 0 2px !important;
vertical-align:middle !important;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

/**		Background color on hover 		**/

.social-links.white a:hover {
background : transparent url(../images/black-30.png) 0 0 repeat;
}

.social-links.coffee a:hover {
background : transparent url(../images/white-40.png) 0 0 repeat;
}



/*************************************************************************************************************

									BOTTOM HEADER

**************************************************************************************************************/

.bottom-header {
position:relative;
padding-top:50px;
clear:both;
}

.logo {
float:center;
}

.logo p {
margin:0;
}

.logo a, .logo a:hover {
text-decoration:none;
outline:none;
}



/*************************************************************************************************************

									DROP DOWN MENU

**************************************************************************************************************/

.drop-down {
position:left;
right:0;
bottom:0;
   margin: -50px 0px 5px 0px;
}

.drop-down span.title_menu {
display: block;
}

/** 	Top module position		**/

.top-module-position {
position : right;
padding: 0;
/*margin-bottom:5px;*/
  margin: -250px 0px 5px 0px;
z-index:1;
}



/*************************************************************************************************************

									MIDDLE WEBSITE

**************************************************************************************************************/

.middle-website {
position:relative;
min-height:400px;
}

.middle-website .wrapper-site {
background : #fff url(../images/bg-content-bottom.png) 0 100% repeat-x;
padding: 20px 10px 30px 10px;
border-left:2px solid #eaeaea;
border-right:2px solid #eaeaea;
  border-radius: 8px 8px 8px 8px;
  width:90%;
}

/** 	Bottom module position		**/

.bottom-module-position {
position : relative;
padding: 0;
margin-top:10px;
z-index:1;
}


/** 		breadcrumb 		**/

.breadcrumb {
margin : 30px 10px 0px 30px;
padding:50px 0 0 20;
font-size:200%;
/**/
background-size: 200% 1px;
z-index:1;
  color:#ffffff;
}

.breadcrumb h3 {
  font-size:200%;
  color:#ffffff;
/*display : none;*/
}

.breadcrumbs a:first-child {
display:inline-block;
text-indent:-9999px;
background : transparent url(../images/home.png) 0 -2px no-repeat;
width:14px;
height:16px;
margin-right:5px;
-webkit-transition : none;
-moz-transition : none;
-ms-transition : none;
-o-transition : none;
transition : none;
  font-size:200%;
  color:#ffffff;
}

.breadcrumbs a:first-child:hover {
background : transparent url(../images/home.png) 0 -18px no-repeat;
  
}


/** 	SEARCH 		**/

#search {
position:relative;
margin : 25px 10px 0 10px;
}

.search {
position:relative;
z-index:1;
}

#search .search {
border:1px solid #e0e0e0;
height:25px;
padding:5px 0px ;
background : transparent url(../images/black-03.png) 0 0 repeat ;
font-size:95%;
border-radius: 6px ;
}

#search .inputbox {
border:0 none !important;
border-radius: 0px !important;
background-image:none !important;
padding : 5px 6px 2px 17px !important;
box-shadow : none !important;
color:#111;
}

#search h3 {
margin:-14px 8px 1px 18px;
color:#111;
}

#search .button {
position:absolute;
top:10px;
right:12px;
border:none;
background-image:none;
z-index:2;
}

#search .button:hover {
margin-top:1px;
}

#search label {
display:none;
}

#search input {
padding : 0 !important;
}

.search input.button {
border:none;
background-image:none;
background-color:transparent;
}



/*************************************************************************************************************

									MIDDLE SITE

**************************************************************************************************************/

.image-module {
position:relative;
margin: -20px -10px -50px -10px ;
z-index:0;
}

.image-module .moduletable{
z-index:10;
}

.bg-image-position {
position:absolute;
bottom:0;
left:0;
right:0;
height:54px;
background: transparent url(../images/white-16.png) 0 0 repeat;
border-top: 1px solid rgba(255,255,255,0.1);
z-index:20;
}


.left_column {
position:relative;
float:left;
width:180px;
margin: 5px 30px 0 0 ;
z-index:1;
}

.right-module-position {
position:relative;
float:right;
width:200px;
margin: 43px 0 0 10px;
   padding: 40px 10px 10px 20px;
z-index:1;
  background-color: #f0f0f0;
  font-size:110%;
  border-radius: 12px 12px 12px 12px;
}

.left_column .moduletable, .right-module-position .moduletable {
margin-bottom:20px;
}

.main_content {
position:left;
overflow:hidden;
z-index:1;
  background-color: #f0f0f0;
  margin: 73px 0px 0px 0px;
  padding:10px 15px 0px 10px;
  border-radius: 12px 12px 12px 12px;
}

.main_component {
position:relative;
overflow:hidden;
  margin: 0px -10px 0px 0px;
padding:10px 15px 0px 10px;

  font-size:130%;
  border-radius: 12px 12px 12px 12px;
z-index:1;
}


/*************************************************************************************************************

									USER MODULES

**************************************************************************************************************/

.users_top, .users_bottom {
margin: 0 0 10px 0;
padding: 0;
clear:both;
}

.users_bottom {
margin: 0 0 10px 0;
padding: 0;
}

.users_footer {
position: relative;
padding:0;
margin:0 0 15px 0;
z-index:1;
}

.users_top .moduletable, .users_bottom .moduletable, .users_footer {
margin-bottom:15px;
}

.user1, .user4, .user7 {
float:left;
margin-right:0px;
padding:5px;
}
.user3, .user6, .user9 {
float:right;
margin-left:0px;
padding:5px;
}
.user2, .user5, .user8 {
position:relative;
overflow:hidden;
padding:5px;
  position:relative;
  margin: 35px 10px 0px 10px;
  padding: 20px 10px 10px 5px;
  background-color: #e0e0e0;
box-shadow: 1px 1px 1px grey;
}



/*************************************************************************************************************

									MODULE CLASS SUFFIX

**************************************************************************************************************/

.moduletable {
position:relative;
}

.no-margin > div {
padding:0 !important;
margin:-12px -10px -17px -10px !important;
}

.user1 .moduletable > div, .user2 .moduletable > div, .user3 .moduletable > div, .user4 .moduletable > div, .user5 .moduletable > div, .user6 .moduletable > div,
.user7 .moduletable > div, .user8 .moduletable > div, .user9 .moduletable > div {
padding:12px 18px;
}

.top-module-position .moduletable > div, .bottom-module-position .moduletable > div, .left_column .moduletable > div, .right-module-position .moduletable > div {
padding:12px 18px;
}

.moduletable.shadow {
margin-bottom : 10px ;
box-shadow : none;
border:none;
background: transparent url(../images/shadow-module.png) 50% 100% no-repeat;
background-size: 100% 10px;
padding-bottom:10px;
margin : 0 0 12px 0 !important;
}

.left_column .white > div, .right-module-position .white > div, .top-module-position .white > div, .bottom-module-position .white > div, .user1 .white > div, .user2 .white > div, .user3 .white > div, .user4 .white > div, .user5 .white > div, .user6 .white > div, .user7 .white > div, .user8 .white > div, .user9 .white > div {
background-color : #fff ;
padding:12px 18px;
}

.left_column .grey > div, .right-module-position .grey > div, .top-module-position .grey > div, .bottom-module-position .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div, .user7 .grey > div, .user8 .grey > div, .user9 .grey > div {
background-color : #f2f2f2;
padding:12px 18px;
}

.left_column .blue > div, .right-module-position .blue > div, .top-module-position .blue > div, .bottom-module-position .blue > div, .user1 .blue > div, .user2 .blue > div, .user3 .blue > div, .user4 .blue > div, .user5 .blue > div, .user6 .blue > div, .user7 .blue > div, .user8 .blue > div, .user9 .blue > div {
background-color: #0099cc ;
color:#fff;
padding:12px 18px;
}

.left_column .green > div, .right-module-position .green > div, .top-module-position .green > div, .bottom-module-position .green > div, .user1 .green > div, .user2 .green > div, .user3 .green > div, .user4 .green > div, .user5 .green > div, .user6 .green > div, .user7 .green > div, .user8 .green > div, .user9 .green > div {
background-color: #85b159;
color:#fff;
padding:12px 18px;
}

.left_column .orange > div, .right-module-position .orange > div, .top-module-position .orange > div, .bottom-module-position .orange > div, .user1 .orange > div, .user2 .orange > div, .user3 .orange > div, .user4 .orange > div, .user5 .orange > div, .user6 .orange > div, .user7 .orange > div, .user8 .orange > div, .user9 .orange > div {
background-color: #ff9933;
color:#fff;
padding:12px 18px;
}

.left_column .red > div, .right-module-position .red > div, .top-module-position .red > div, .bottom-module-position .red > div, .user1 .red > div, .user2 .red > div, .user3 .red > div, .user4 .red > div, .user5 .red > div, .user6 .red > div, .user7 .red > div, .user8 .red > div, .user9 .red > div {
background-color: #cc3333;
color:#fff;
padding:12px 18px;
}

.left_column .blue .module-title h3, .right-module-position .blue .module-title h3, .top-module-position .blue .module-title h3, .bottom-module-position .blue .module-title h3, .user1 .blue .module-title h3, .user2 .blue .module-title h3, .user3 .blue .module-title h3, .user4 .blue .module-title h3, .user5 .blue .module-title h3, .user6 .blue .module-title h3, .user7 .blue .module-title h3, .user8 .blue .module-title h3, .user9 .blue .module-title h3,
.left_column .green .module-title h3, .right-module-position .green .module-title h3, .top-module-position .green .module-title h3, .bottom-module-position .green .module-title h3, .user1 .green .module-title h3, .user2 .green .module-title h3, .user3 .green .module-title h3, .user4 .green .module-title h3, .user5 .green .module-title h3, .user6 .green .module-title h3, .user7 .green .module-title h3, .user8 .green .module-title h3, .user9 .green .module-title h3,
.left_column .orange .module-title h3, .right-module-position .orange .module-title h3, .top-module-position .orange .module-title h3, .bottom-module-position .orange .module-title h3, .user1 .orange .module-title h3, .user2 .orange .module-title h3, .user3 .orange .module-title h3, .user4 .orange .module-title h3, .user5 .orange .module-title h3, .user6 .orange .module-title h3, .user7 .orange .module-title h3, .user8 .orange .module-title h3, .user9 .orange .module-title h3,
.left_column .red .module-title h3, .right-module-position .red .module-title h3, .top-module-position .red .module-title h3, .bottom-module-position .red .module-title h3, .user1 .red .module-title h3, .user2 .red .module-title h3, .user3 .red .module-title h3, .user4 .red .module-title h3, .user5 .red .module-title h3, .user6 .red .module-title h3, .user7 .red .module-title h3, .user8 .red .module-title h3, .user9 .red .module-title h3 {
color:#fff;
text-shadow : none;
}

.left_column .blue a, .right-module-position .blue a, .top-module-position .blue a, .bottom-module-position .blue a, .user1 .blue a, .user2 .blue a, .user3 .blue a, .user4 .blue a, .user5 .blue a, .user6 .blue a, .user7 .blue a, .user8 .blue a, .user9 .blue a,
.left_column .green a, .right-module-position .green a, .top-module-position .green a, .bottom-module-position .green a, .user1 .green a, .user2 .green a, .user3 .green a, .user4 .green a, .user5 .green a, .user6 .green a, .user7 .green a, .user8 .green a, .user9 .green a,
.left_column .orange a, .right-module-position .orange a, .top-module-position .orange a, .bottom-module-position .orange a, .user1 .orange a, .user2 .orange a, .user3 .orange a, .user4 .orange a, .user5 .orange a, .user6 .orange a, .user7 .orange a, .user8 .orange a, .user9 .orange a,
.left_column .red a, .right-module-position .red a, .top-module-position .red a, .bottom-module-position .red a, .user1 .red a, .user2 .red a, .user3 .red a, .user4 .red a, .user5 .red a, .user6 .red a, .user7 .red a, .user8 .red a, .user9 .red a {
color:#ddd;
}

.left_column .blue a:hover, .right-module-position .blue a:hover, .top-module-position .blue a:hover, .bottom-module-position .blue a:hover, .user1 .blue a:hover, .user2 .blue a:hover, .user3 .blue a:hover, .user4 .blue a:hover, .user5 .blue a:hover, .user6 .blue a:hover, .user7 .blue a:hover, .user8 .blue a:hover, .user9 .blue a:hover,
.left_column .green a:hover, .right-module-position .green a:hover, .top-module-position .green a:hover, .bottom-module-position .green a:hover, .user1 .green a:hover, .user2 .green a:hover, .user3 .green a:hover, .user4 .green a:hover, .user5 .green a:hover, .user6 .green a:hover, .user7 .green a:hover, .user8 .green a:hover, .user9 .green a:hover,
.left_column .orange a:hover, .right-module-position .orange a:hover, .top-module-position .orange a:hover, .bottom-module-position .orange a:hover, .user1 .orange a:hover, .user2 .orange a:hover, .user3 .orange a:hover, .user4 .orange a:hover, .user5 .orange a:hover, .user6 .orange a:hover, .user7 .orange a:hover, .user8 .orange a:hover, .user9 .orange a:hover,
.left_column .red a:hover, .right-module-position .red a:hover, .top-module-position .red a:hover, .bottom-module-position .red a:hover, .user1 .red a:hover, .user2 .red a:hover, .user3 .red a:hover, .user4 .red a:hover, .user5 .red a:hover, .user6 .red a:hover, .user7 .red a:hover, .user8 .red a:hover, .user9 .red a:hover,
.left_column .blue .active a, .right-module-position .blue .active a, .top-module-position .blue .active a, .bottom-module-position .blue .active a, .user1 .blue .active a, .user2 .blue .active a, .user3 .blue .active a, .user4 .blue .active a, .user5 .blue .active a, .user6 .blue .active a, .user7 .blue .active a, .user8 .blue .active a, .user9 .blue .active a,
.left_column .green .active a, .right-module-position .green .active a, .top-module-position .green .active a, .bottom-module-position .green .active a, .user1 .green .active a, .user2 .green .active a, .user3 .green .active a, .user4 .green .active a, .user5 .green .active a, .user6 .green .active a, .user7 .green .active a, .user8 .green .active a, .user9 .green .active a,
.left_column .orange .active a, .right-module-position .orange .active a, .top-module-position .orange .active a, .bottom-module-position .orange .active a, .user1 .orange .active a, .user2 .orange .active a, .user3 .orange .active a, .user4 .orange .active a, .user5 .orange .active a, .user6 .orange .active a, .user7 .orange .active a, .user8 .orange .active a, .user9 .orange .active a,
.left_column .red .active a, .right-module-position .red .active a, .top-module-position .red .active a, .bottom-module-position .red .active a, .user1 .red .active a, .user2 .red .active a, .user3 .red .active a, .user4 .red .active a, .user5 .red .active a, .user6 .red .active a, .user7 .red .active a, .user8 .red .active a, .user9 .red .active a {
color:#fff ;
}

.blue h4, .green h4, .orange h4, .red h4 {
color : #444;
}

.left_column .radius > div, .right-module-position .radius > div, .top-module-position .radius > div, .bottom-module-position .radius > div, .user1 .radius > div, .user2 .radius > div, .user3 .radius > div, .user4 .radius > div, .user5 .radius > div, .user6 .radius > div,
.user7 .radius > div, .user8 .radius > div, .user9 .radius > div {
border-radius: 6px ;
}

.left_column > .border > div, .right-module-position > .border > div, .top-module-position > .border > div, .bottom-module-position > .border > div, .user1 > .border > div, .user2 > .border > div, .user3 > .border > div, .user4 > .border > div, .user5 > .border > div, .user6 > .border > div,
.user7 > .border > div, .user8 > .border > div, .user9 > .border > div {
border:1px solid #bbb;
border-color : rgba(0,0,0, 0.12);
box-shadow : 0px 0px 3px 0px rgba(0,0,0, 0.18) ;
padding:12px 18px;
}

.left_column > .border table, .left_column > .border table td, .left_column > .border table th, .left_column > .border ul,  .left_column .light ul,
.right-module-position > .border table, .right-module-position > .border table td, .right-module-position > .border table th, .right-module-position > .border ul, .right-module-position .light ul,
.top-module-position > .border table, .top-module-position > .border table td, .top-module-position > .border table th, .top-module-position > .border ul, .top-module-position .light ul,
.bottom-module-position > .border table, .bottom-module-position > .border table td, .bottom-module-position > .border table th, .bottom-module-position > .border ul, .bottom-module-position .light ul,
.user1 > .border table, .user1 > .border table td, .user1 > .border table th, .user1 > .border ul, .user1 .light ul, .user2 > .border table, .user2 > .border table td, .user2 > .border table th, .user2 > .border ul, .user2 .light ul,
.user3 > .border table, .user3 > .border table td, .user3 > .border table th, .user3 > .border ul, .user3 .light ul, .user4 > .border table, .user4 > .border table td, .user4 > .border table th, .user4 > .border ul, .user4 .light ul,
.user5 > .border table, .user5 > .border table td, .user5 > .border table th, .user5 > .border ul, .user5 .light ul, .user6 > .border table, .user6 > .border table td, .user6 > .border table th, .user6 > .border ul, .user6 .light ul,
.user7 > .border table, .user7 > .border table td, .user7 > .border table th, .user7 > .border ul, .user7 .light ul,
.user8 > .border table, .user8 > .border table td, .user8 > .border table th, .user8 > .border ul, .user8 .light ul, .user9 > .border table, .user9 > .border table td, .user9 > .border table th, .user9 > .border ul, .user9 .light ul {
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}

.title-centered .module-title {
clear:both;
margin: 13px 0 -7px 0;
border-top: 1px solid #bbb;
border-color : rgba(0,0,0,0.18);
text-align:center;
}

.title-centered .module-title h3 {
position:relative;
top:-14px;
display:inline;
background-color : #fff ;
padding: 0 15px;
border:none;
}

footer .title-centered .module-title h3 {
background-color : #f2f2f2 ;
}

.title-centered.grey .module-title h3 {
background-color : #f2f2f2 ;
}
.title-centered.orange .module-title h3 {
background-color : #ff9933 ;
}
.title-centered.green .module-title h3 {
background-color : #85b159 ;
}
.title-centered.red .module-title h3 {
background-color : #cc3333 ;
}
.title-centered.blue .module-title h3 {
background-color : #0099cc ;
}
.title-centered.white .module-title h3 {
background-color : #fff ;
}

.title-band .module-title {
margin:-13px -19px 10px -19px;
padding: 9px 0 0 18px;
border-bottom:1px solid rgba(255,255,255,0.30);
background: transparent url(../images/black-06.png) 0 0 repeat;
}

.left_column .title-centered.title-centered.blue .module-title, .right-module-position .title-centered.title-centered.blue .module-title, .top-module-position .title-centered.title-centered.blue .module-title, .bottom-module-position .title-centered.title-centered.blue .module-title, .user1 .title-centered.title-centered.blue .module-title, .user2 .title-centered.title-centered.blue .module-title, .user3 .title-centered.title-centered.blue .module-title, .user4 .title-centered.title-centered.blue .module-title, .user5 .title-centered.title-centered.blue .module-title, .user6 .title-centered.title-centered.blue .module-title, .user7 .title-centered.title-centered.blue .module-title, .user8 .title-centered.title-centered.blue .module-title, .user9 .title-centered.title-centered.blue .module-title,
.left_column .title-centered.title-centered.green .module-title, .right-module-position .title-centered.title-centered.green .module-title, .top-module-position .title-centered.title-centered.green .module-title, .bottom-module-position .title-centered.title-centered.green .module-title, .user1 .title-centered.title-centered.green .module-title, .user2 .title-centered.title-centered.green .module-title, .user3 .title-centered.title-centered.green .module-title, .user4 .title-centered.title-centered.green .module-title, .user5 .title-centered.title-centered.green .module-title, .user6 .title-centered.title-centered.green .module-title, .user7 .title-centered.title-centered.green .module-title, .user8 .title-centered.title-centered.green .module-title, .user9 .title-centered.title-centered.green .module-title,
.left_column .title-centered.title-centered.orange .module-title, .right-module-position .title-centered.title-centered.orange .module-title, .top-module-position .title-centered.title-centered.orange .module-title, .bottom-module-position .title-centered.title-centered.orange .module-title, .user1 .title-centered.title-centered.orange .module-title, .user2 .title-centered.title-centered.orange .module-title, .user3 .title-centered.title-centered.orange .module-title, .user4 .title-centered.title-centered.orange .module-title, .user5 .title-centered.title-centered.orange .module-title, .user6 .title-centered.title-centered.orange .module-title, .user7 .title-centered.title-centered.orange .module-title, .user8 .title-centered.title-centered.orange .module-title, .user9 .title-centered.title-centered.orange .module-title,
.left_column .title-centered.red .module-title, .right-module-position .title-centered.red .module-title, .top-module-position .title-centered.red .module-title, .bottom-module-position .title-centered.red .module-title, .user1 .title-centered.red .module-title, .user2 .title-centered.red .module-title, .user3 .title-centered.red .module-title, .user4 .title-centered.red .module-title, .user5 .title-centered.red .module-title, .user6 .title-centered.red .module-title, .user7 .title-centered.red .module-title, .user8 .title-centered.red .module-title, .user9 .title-centered.red .module-title {
border-color : #eee;
border-color : rgba(255,255,255,0.3);
}

.icon-module {
display : none;
}

.badge-new .icon-module, .badge-news .icon-module, .badge-hot .icon-module, .badge-top .icon-module, .badge-gift .icon-module, .badge-free .icon-module {
display : block;
position:absolute;
top:0;
right:0;
margin: 0 !important;
padding : 0 !important;
height:39px;
width:39px;
border:none !important;
box-shadow : none !important;
border-radius: 0 !important;
}

.badge-new .icon-module {
background: transparent url(../images/badge_new.png) 0 0 no-repeat !important;
}
.badge-news .icon-module {
background: transparent url(../images/badge_news.png) 0 0 no-repeat !important;
}
.badge-hot .icon-module {
background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important;
}
.badge-free .icon-module {
background: transparent url(../images/badge_free.png) 0 0 no-repeat !important;
}
.badge-gift .icon-module {
background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important;
}
.badge-top .icon-module {
background: transparent url(../images/badge_top.png) 0 0 no-repeat !important;
}


/*************************************************************************************************************

									ARTICLE JOOMLA

**************************************************************************************************************/

/**	icons	**/

ul.actions {
float:right;
margin: 10px 10px 0 3px !important;
padding:0 !important;
}

ul.actions li {
background-image: none !important;
margin: 0 !important;
padding:0 !important;
list-style:none !important;
display:inline-block;
}

ul.actions a {
text-decoration:none;
}


/**	article info	**/

.article-info  {
font-size:90%;
margin:8px 0 15px 0;
}

.article-info dd {
margin:0;
}

.article-info-term  {
display:none;
}

/**		article index	**/

#article-index {
background: transparent url(../images/black-03.png) 0 0 repeat;
border-radius: 6px;
float: right;
margin: 10px 0 20px 30px;
clear : both;
padding: 8px 12px;
width: 17%;
}


/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
padding: 0;
}

.items-leading {
padding:0px 0 10px 0;
overflow:hidden;
margin-bottom:10px;
}

.row-separator {
display: block;
clear: both;
margin: 0;
border: 0px;
height:1px;
}

.item-separator {
clear: both;
margin: 0 0 40px 0;
}

.shownocolumns {
width:98% !important;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}

.cols-2 .column-1 {
width:46%;
float:left;
}

.cols-2 .column-2 {
width:46%;
float:right;
margin:0;
}

.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;
}

.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;
}

.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;
}

.items-row {
overflow:hidden;
margin-bottom:10px !important;
}

.column-1, .column-2, .column-3 {
padding:10px 5px;
}

.column-2 {
width:55%;
margin-left:40%;
}

.column-3 {
width:30%;
}

.blog-more {
padding:10px 5px
}

span.content_rating img {
display:inline-block;
margin:0 1px;
}

span.content_vote input {
display:inline-block;
margin:0 2px;
}


/*************************************************************************************************************

									FOOTER

**************************************************************************************************************/

.website-footer {
position:relative;
clear:both;
margin: 0;
text-align:left;
}

.website-footer .wrapper-site {
padding : 26px 0 40px 0;
}

.shadow-content-bottom {
position:absolute;
top:-10px;
left:0;
right:0;
height:11px;
margin:0 auto;
background: transparent url(../images/shadow-content-bottom.png) 50% 0 no-repeat;
background-size: 100% 11px; 		/** 	CSS3 property to set the width to 100% and height 25px 		**/
}

.bottom_menu {
float:right;
margin: -6px 20px 0px 0;
}

.address {
float:left;
margin: 3px 0 0 20px;
}

.address.without_bottom_menu {
float:none;
text-align:center;
margin: 3px 20px;
}

.address p {
margin: 0px;
}

/**			Scroll to top feature 			**/

#toTop {
background:#111;
border-radius: 4px 4px 0 0 ;
bottom: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
cursor: pointer;
display: none;
font-size: 1.6em;
height: 30px;
width: 30px;
padding: 6px ;
position: fixed;
right: 27px;
text-align: center;
z-index: 999;
}

#toTop:hover {
background:#444;
}
#toTop .icon-up {
display:inline-block;
*display:inline;
*zoom:1;
height:20px;
width:20px;
background: url(../images/scroll-to-top.png) 0 0 no-repeat;
}

#toTopText {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#toTop span {
color: #FFFFFF;
}

/*************************************************************************************************************

									SLOGAN

**************************************************************************************************************/



.website-slogan {
position:absolute;
top:-10px;
right:0;
left:0;
text-align:center;
}

.website-slogan span {
display : inline-block;
*display: inline;
*zoom: 1;
background-color : #f2f2f2;
border-radius:20px;
padding: 1px 16px 3px 16px;
box-shadow: 0 -2px 5px rgba(0,0,0,0.50);
font-style : italic ;
font-size:110%;
letter-spacing:0.8px;
}


/*************************************************************************************************************

									OTHERS

**************************************************************************************************************/


.clr {
clear:both;
}

.pull-left {
float: left;
}

.pull-right {
float: right;
}

.well {
background : transparent url(../images/black-03.png) 0 0 repeat;
border: 1px solid #999;
border-color : rgba(0,0,0,0.11);
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}

/**	BLOG LIST	**/

table.category {
width:100%;
margin-top:20px;
}
.sectiontableheader {
background: transparent url(../images/black-05.png) top left repeat;
padding:8px 5px;
}
.sectiontableheader a {
text-transform:uppercase;
color: #444;
text-decoration : none;
}
tr.sectiontableentry1 td, tr.even td {
background-color : transparent;
border-bottom: 1px dotted #444;
padding:8px 5px;
}
tr.sectiontableentry2 td, tr.odd td {
background: transparent url(../images/black-05.png) top left repeat;
border-bottom: 1px dotted #444;
padding:8px 5px;
}

tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
text-decoration : none;
}

/**	Polls	**/
.pollstableborder {
margin: 10px 0;
}
.pollstableborder tr {
display:block;
padding: 5px 0;
}
.pollstableborder tr .sectiontableentry1, .pollstableborder tr .sectiontableentry2 {
display:inline-block;
margin-right: 5px;
text-align:left;
}

/** 	Form 		**/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
line-height:20px;
margin:0;
padding : 4px 7px;
max-width:90%;
border:1px solid #ccc;
border-color : rgba(0,0,0,0.10);
background : transparent url(../images/black-04.png) top left repeat ;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover,
input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2) inset, 0px 0px 7px rgba(60,107,250, 0.35);
}

input[type="submit"], button, .readmore a {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 14px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
*line-height: 20px;
color: #444444;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
*border: 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
border-radius: 6px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
*zoom: 1;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type="submit"]:hover, button:hover, .readmore a:hover {
color: #222222;
background-position: 0 0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.15);
}

input[type="submit"]:active, button:active, .readmore a:active {
background-color: #f5f5f5;
background-image: none;
}

input[type="checkbox"], input[type="radio"] {
margin: 0 8px;
}

select {
height: 30px;
line-height: 30px;
padding: 4px 8px 3px 6px;
}



/**	JS	**/

.js-copyright {
position : absolute;
bottom:27px;
right:1px;
width:8px;
height:130px;
z-index:20;
}

.jslink {
position : absolute;
bottom:-20px;
left:0;
text-indent:-9999px;
width:8px;
height:130px;
background : transparent url(../images/js_black_14.png) 0 0 no-repeat;
z-index:1;
}


/** General 		**/

.pull-left {
float:left;
}
.pull-right {
float:right;
}

.well {
background : transparent url(../images/black-03.png) 0 0 repeat;
border: 1px solid #999;
border-color : rgba(0,0,0,0.11);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}

legend {
border-bottom:1px dotted #999;
border-color : rgba(0,0,0,0.11);
color: #333333;
display: block;
font-size: 120%;
margin-bottom: 14px;
padding: 0;
width: 100%;
}

hr.hr-condensed {
margin: 10px 0;
}

hr {
border:none;
border-bottom: 1px solid #999;
border-color : rgba(0,0,0,0.08);
margin: 18px 0;
}

dd {
margin-left:10px;
}

.dl-horizontal dd {
margin:0 0 1px 0;
}

.dl-horizontal dt .jicons-icons {
margin-left:0px;
}

.control-group {
margin-bottom: 9px;
}

.form-vertical .controls {
margin-left: 0;
}

.form-horizontal .control-group {
margin-bottom:18px;
}

.form-horizontal .control-group:after {
clear:both;
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
content: "";
display: table;
line-height: 0;
}

legend + .control-group {
margin-top: 18px;
}

.form-horizontal .control-label {
padding: 5px 0;
font-size:95%;
}

.form-actions {
background-color : transparent;
border:none;
}

.form-horizontal .form-actions {
clear: both;
margin: 10px 0 20px 10px;
}

#jform_contact_email_copy {
margin:-13px 0 0 10px;
}

.content-module .logout-button {
margin:20px 0 0 -4px;
}


/**	contact	**/

.contact h2 {
padding-top:5px;
}

.accordion-group {
background : transparent url(../images/black-03.png) 0 0 repeat;
border: 1px solid #ccc;
border-color : rgba(0,0,0,0.08);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
margin-bottom: 8px;
}

.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
cursor : pointer;
}

.collapse.in {
height: auto;
}

.collapse {
-webkit-transition : height 0.35s ease 0s;
-moz-transition : height 0.35s ease 0s;
-ms-transition : height 0.35s ease 0s;
-o-transition : height 0.35s ease 0s;
transition : height 0.35s ease 0s;
height: 0;
overflow: hidden;
position: relative;
}

.accordion-inner {
border-top: 1px solid #ccc;
border-color : rgba(0,0,0,0.08);
padding: 9px 15px;
}

dl {
margin-bottom:18px;
}

#contact-form legend {
margin-bottom:15px;
padding-bottom:6px;
font-weight:normal;
color: #111;
font-size:85%;
}

#jform_contact_email_copy-lbl {
float:left;
}

/**		contact slide 	**/

.contact .form-horizontal .control-label {
float: none;
padding-top: 0;
text-align: left;
width: auto;
}

.contact .form-horizontal .controls {
margin-left: 0;
}

.contact .form-horizontal .form-actions {
padding-left: 0px;
}

/** 	contact tabs 	**/

.main_component .nav-tabs:after, .main_component .nav-pills:after {
clear: both;
}

.main_component .nav-tabs:before, .main_component .nav-tabs:after, .main_component .nav-pills:before, .main_component .nav-pills:after,
.main_component .nav-tabs:before, .main_component .nav-tabs:after, .main_component .nav-pills:before, .main_component .nav-pills:after {
content: "";
display: table;
line-height: 0;
}

.main_component .nav-tabs {
border-bottom: 1px solid #ccc;
border-color : rgba(0,0,0,0.08);
}

.main_component .nav-tabs > li, .main_component .nav-pills > li {
float: left;
}

.main_component .nav-tabs > li {
margin: 0 20px -1px 0 !important;
padding : 0 !important;
background-image : none !important;
}

.main_component .nav-tabs.nav-stacked > li {
margin: 0 0px -1px 0 !important;
}

.main_component .nav {
list-style: none outside none;
margin-bottom: 18px;
margin-left: 0;
}

.main_component .nav-tabs > .active > a, .main_component .nav-tabs > .active > a:hover {
background-color: transparent;
color: #555555;
background : transparent url(../images/black-04.png) top left repeat ;
cursor: default;
}

.main_component .nav-tabs > li > a {
border: 1px solid transparent;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-khtml-border-radius: 4px 4px 0 0;
border-radius:4px 4px 0 0;
border:1px solid #ccc;
border-color : rgba(0,0,0,0.08);
line-height: 18px;
padding-bottom: 8px;
padding-top: 8px;
}

.main_component .nav-tabs > li > a, .main_component .nav-pills > li > a {
line-height: 14px;
margin-right: 2px;
padding-left: 12px;
padding-right: 12px;
}

.main_component .nav > li > a {
display: block;
}

.main_component .nav > li > a:hover {
background : transparent url(../images/black-04.png) top left repeat ;
}

.main_component .nav-tabs:after, .main_component .nav-pills:after {
clear: both;
}

.main_component .nav-stacked > li {
float: none;
}

.main_component .nav-tabs.nav-stacked > li > a {
border: 1px solid #ccc;
border-color : rgba(0,0,0,0.08);
-moz-border-radius:0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}

#myTabContent {
margin-left:12px;
}

.contact .tab-content > .tab-pane {
display: none;
}

.contact .tab-content > .active {
display: block;
}


/**	page nav	**/

ul.pagenav {
list-style-type:none;
overflow:hidden;
padding:0;
margin:5px 0;
padding:5px 0;
}

ul.pagenav li {
display : inline-block;
background-image:none ;
padding : 3px 14px 3px 12px !important;
margin: 12px 6px 4px 3px !important;
line-height:20px;
border:none;
font-weight:normal;
text-shadow : 0 1px 1px rgba(255,255,255, 0.85);
background : #f5f5f5 url(../images/black-04.png) top left repeat !important;
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ddd)) !important;
background-image : -moz-linear-gradient(0% 100% 90deg, #ddd, #fbfbfb ) !important;
background-image: -ms-linear-gradient(top, #fbfbfb, #ddd) !important;
background-image: -o-linear-gradient(top, #fbfbfb, #ddd) !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

ul.pagenav li:hover {
cursor : pointer;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.3);
}

ul.pagenav li:active {
-moz-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
box-shadow: 0px 1px 2px rgba(0,0,0, 0.5);
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fbfbfb)) !important;
background-image : -moz-linear-gradient(0% 100% 90deg, #fbfbfb, #ddd ) !important;
background-image: -ms-linear-gradient(top, #ddd, #fbfbfb) !important;
background-image: -o-linear-gradient(top, #ddd, #fbfbfb) !important;
}

ul.pagenav li a {
text-decoration:none;
}

ul.pagenav li.prev {
float:left;
}

ul.pagenav li.next {
float:right;
}

/**	weblinks	**/

table.weblinks, table.category {
font-size:1em;
margin:10px 10px 20px 0;
width:99%;
}

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
background: transparent url(../images/black-07.png) 0 0 repeat;
color:#000000;
padding:7px;
}

table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a  {
color:#000000 !important;
}

table.weblinks td, table.category td {
padding:7px;
}

.weblink-category a {
font-size:110%;
text-decoration:none;
font-weight:bold;
padding: 0 0 0 5px;
}


/**	pagination	**/

.pagination {
border-top:1px dotted #ccc;
border-color : rgba(0,0,0,0.08);
margin: 10px 0;
padding: 10px 0;
height:auto;
}

.pagination ul {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin:0;
padding:0;
}

.pagination ul > li {
display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
float: none;
padding: 0;
line-height: 1.4;
text-decoration: none;
background-color: transparent;
border: none;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: transparent;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
color: #555;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
color: #555;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.pagination ul {
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}

.pagination li {
background : none !important;
display:inline;
padding:2px 5px !important;
text-align:left;
margin:0 2px !important;
}

.pagenav {
padding:2px;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
border:0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
padding:0;
}

p.counter {
float:right;
margin: 10px 0 0 0;
}

/** translate	**/

div.mod-languages ul li {
display:inline;
}

/**		search form		**/

#searchForm fieldset {
margin : 30px 0 50px 0 ;
}

.phrases-box {
margin:10px 0;
}

fieldset.phrases label, fieldset.only label {
display: inline-block;
margin: 0 6px 10px 6px;
}
.radio, .checkbox {
}


a[href="#advancedSearch"] {
display : none ;
}

#advancedSearch {
height : auto;
margin:12px 0;
}

#searchForm input[type="text"] {
width:160px;
}

.chzn-container li {
background-image : none !important;
}

.chzn-container {
margin-left:10px;
vertical-align:middle;
}

.search-results {
margin-top:20px;
padding-top:10px;
border-top:1px dashed rgba(0,0,0,0.3);
}

.search-results .result-title {
padding-top:20px;
text-transform : uppercase;
}

.search-results .result-text {
padding : 10px 0 0 6px;
}

.search-results .result-created {
padding-top:8px;
font-style : italic;
font-size:90%;
}

/** 	Category list 		**/

.item-title {
font-weight:normal;
}
span.icon-search {
display:inline-block;
*display:inline;
*zoom:1;
width:12px;
height:12px;
background : transparent url(../images/icon-search.png) 0 0 no-repeat;
}

/**		tooltips form 		**/

.tip-wrap {
background-color:#444;
border:1px solid #ccc;
border-color : rgba(0,0,0,0.08);
border-radius : 6px;
color : #fff;
z-index:999;
}

.tip {
padding : 8px 8px 16px 8px;
min-width:160px;
}

.tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom {
background-image : none;
height:auto;
}

.tip-title {
color : #028bc0;
margin: -2px 0 4px 0;
}

.actions .tip {
padding : 0;
min-width:0;
}

.tooltip {
position: absolute;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
background:transparent !important;
border:none !important;
z-index:999;	
}

.tooltip * {
color: #fff !important;
}

.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px ;
padding: 5px 8px;
}
.tooltip.right {
margin-left: 3px;
padding: 5px 8px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 8px;
}
.tooltip.left {
margin-left: -3px;
padding: 5px 8px;
}

.tooltip-inner {
max-width: 200px;
padding: 8px;
margin-bottom:4px
text-align: left;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 48% !important;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 48% !important;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0,0,0,0.25);
bottom: -11px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0,0,0,0.25);
top: -11px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}


/**  Error Message contact form  **/

p.error {
}

#system-message-container #system-message > div {
background-color : #f5f5f5;
padding:14px 12px 8px 16px ;
margin: 12px 4px 20px 0;
-moz-box-shadow:2px 2px 4px #ccc;
-webkit-box-shadow:2px 2px 4px #ccc;
box-shadow:2px 2px 4px #ccc;
}

#system-message-container #system-message h4 {
padding-top:5px;
font-size:140%;
color: red ;
}

#system-message-container #system-message > div > div {
font-size:100%;
color: #000 ;
}

#system-message-container ul {
margin : 0 !important;
}

#system-message-container li {
background-image : none !important;
padding : 8px 0 0 0 !important;
}

#system-message a.close {
display:none;
}

/** 	edit article frontend 	**/

#adminForm fieldset {
margin-bottom:20px;
padding: 10px 20px;
}

#adminForm fieldset legend {
display: inline-block;
margin-top: 15px;
padding: 0pt 10px;
}

form#adminForm .formelm-area label {
display: inline-block;
vertical-align: top;
width: 9em;
}

.formelm label {
display: inline-block;
vertical-align: top;
width: 13em;
}

/**			Image float style 			**/

.pull-left, .pull-right, img[align="left"], img[align="right"] {
max-width:100%;
}

.pull-left, img[align="left"], .img_caption.left {
float:left;
margin: 0 20px 20px 0;
}
.pull-right, img[align="right"], .img_caption.right {
float:right;
margin: 0 0 20px 20px;
}

.img_caption img {
margin-bottom:4px;
}

.pull-center {
margin-left:0auto;
margin-right:auto;
}

.pull-left img, .pull-right img, img[align="left"], img[align="right"] {
margin-top:6px;
}

.js-border .pull-left img, .js-border .pull-right img, .js-border img[align="left"], .js-border img[align="right"] {
margin-top:3px;
}

figcaption, p.img_caption {
font-style:italic;
font-size:85%;
text-align:center;
}

.js-border figcaption {
margin-top:-10px;
}

.img-fulltext-left, .pull-left.item-image {
float:left;
margin-right: 20px;
margin-bottom: 20px;
max-width:100%;
}

.img-intro-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
max-width:100%;
}

.img-fulltext-right, .pull-right.item-image {
float: right;
margin-left: 20px;
margin-bottom: 20px;
max-width:100%;
}

.img-intro-right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
max-width:100%;
}

.img-fulltext-none {
display:block;
margin:10px 0;
}

.img_caption.none {
margin-left:auto;
margin-right:auto;
}


/** 	tags 		**/

.tag-category {
min-height:300px;
}

.label-info {
display:inline-block;
*display:inline;
*zoom:1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color : #2d6987;
color: #eee;
padding:2px 8px;
-moz-box-shadow:1px 1px 2px #aaa;
-webkit-box-shadow:1px 1px 2px #aaa;
box-shadow:1px 1px 2px #aaa;
*display: inline;
*zoom: 1;
}

.label-info:hover {
color : #fff;
background-color : #32769a;
-moz-box-shadow:1px 1px 2px #888;
-webkit-box-shadow:1px 1px 2px #888;
box-shadow:1px 1px 2px #888;
}


/**		Frontend admin Joomla 3.5 		**/

form#application-form {
padding-bottom:100px;
}

form#application-form fieldset.form-horizontal {
margin-top:30px;
}

form#application-form .control-label {
margin:20px 0 10px 0;
padding:0;
}

#jform_offline, #jform_sef {
padding: 10px 0 0 0;
display:block;
}

#jform_offline input, #jform_sef input {
display:block;
float:left;
clear:both;
margin: 0 8px 0 0;
}

#jform_offline label, #jform_sef label {
display:block;
float:none;
margin: -4px 0 10px 0;
}



/**		Frontend admin article Joomla 3.5 		**/

.edit #adminForm .btn-toolbar {
margin:20px 0 0px 0;
}

.edit #adminForm > fieldset {
margin-bottom:100px;
}

.edit #adminForm .btn-toolbar + fieldset > ul {
display:none;
}


.edit #adminForm .control-label {
margin:20px 0 3px 0;
padding:0;
}

.edit #adminForm .tab-content > .tab-pane {
display: block;
clear:both;
border-top:2px dotted #ddd;
padding-top:30px;
margin-top:30px;
}

.edit #adminForm .editor {
margin-top:20px;
}

.edit #adminForm .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
height:auto;
}

#jform_publish_up, #jform_publish_down {
float:left;
}
#jform_publish_up_img, #jform_publish_down_img {
display: inline-block;
*display:inline;
*zoom:1;
margin:1px 0 0 6px;
background:rgba(0,0,0,0.4);
}

.icon-calendar, .icon-remove, .icon-eye, [class*="icon-folder"] {
display: inline-block;
*display:inline;
*zoom:1;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
font-size:20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
content: "\f073";
}

.edit .media-preview, .edit .media-preview ~ a {
display:inline-block;
*display:inline;
*zoom:1;
background : transparent url(../images/black-04.png) 0 0 repeat;
background : rgba(100,100,100,0.12) ;
border: 1px solid #bbb;
border-color:rgba(100,100,100,0.20);
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset;
color: #666666;
font-size: 13px;
height: 38px;
line-height: 26px;
padding: 6px 12px;
margin:-1px 1px 0 1px;
-webkit-transition : all 0.15s ease-in-out 0s;
-moz-transition : all 0.15s ease-in-out 0s;
-ms-transition : all 0.15s ease-in-out 0s;
-o-transition : all 0.15s ease-in-out 0s;
transition: all 0.15s ease-in-out 0s;
width: auto;
}

.media-preview + input {
display:inline;
}

.edit .media-preview ~ a:hover {
background : transparent url(../images/black-06.png) 0 0 repeat;
background : rgba(100,100,100,0.17) ;
}

.icon-remove:before {
content: "\f12d";
}

.icon-eye:before {
content: "\f06e";
}


/*****************************************************************************************

								Create an Article 	Joomla 2.5 / 3.5
								
******************************************************************************************/

.edit #adminForm .formelm, .edit .formelm-area, .edit .form-note {
clear:both;
padding-top:12px;
}
.edit #adminForm .formelm-buttons {
margin:12px 0 ;
}

.edit .readmore {
clear:none;
margin:0;
}

.edit .readmore a {
background: transparent;
border: none;
padding: 0 24px 0 6px;
}

.edit label {
clear:both;
}

.edit .inputbox {
clear:both;
}

.editor button:hover {
background: inherit;
border:none;
}


/*****************************************************************************************

								Iframe
								
******************************************************************************************/

body.modal {
min-width:0;
background: #fff;
padding:0;
margin:0;
}

.modal a {
color: #08c;
}

iframe, svg {
max-width:100%;
}

#sbox-window, #sbox-window * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.well {
background-color: rgba(0,0,0,0.03);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 10px;
}

.row, .row-fluid {
width: 100%;
*zoom: 1;
}

.row:before, .row-fluid:before,
.row:after, .row-fluid:after {
display: table;
line-height: 0;
content: "";
}

.row:after, .row-fluid:after {
clear: both;
}

.modal .row [class*="span"], .modal .row-fluid [class*="span"] {
display: block;
float: left;
min-height: 30px;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal .row [class*="span"]:first-child, .modal .row-fluid [class*="span"]:first-child {
margin-left: 0;
}

.modal .row .controls-row [class*="span"] + [class*="span"], .modal .row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.127659574468085%;
}

.modal .span12 {
width: 100%;
*width: 99.94680851063829%;
}

.modal .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}

.modal .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}

.modal .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}

.modal .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}

.modal .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}

.modal .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}

.modal .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}

.modal .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}

.modal .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}

.modal .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}

.modal .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}


.thumbnails {
margin-left: -20px;
list-style: none;
*zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
display: table;
content: "";
line-height: 0;
}
.thumbnails:after {
clear: both;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: left;
margin-bottom: 18px;
margin-left: 20px;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 18px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
box-shadow: 0 1px 3px rgba(0,0,0,0.055);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #08c;
-webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);
-moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);
box-shadow: 0 1px 4px rgba(0,105,214,0.25);
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #555;
}

.height-50 {
height:50px;
}

.height-80 {
height: 80px;
}
.width-80 {
width: 80px;
}
.center, .table td.center, .table th.center {
text-align: center;
}

[class*="icon-folder"]:before {
content: "\f07b";
}