//MIXINS
.size(@width,@height){
	width:@width;
	height:@height;
}


.opacity(@opacity: 0.5) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
  @opperc: @opacity * 100;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
  filter: ~"alpha(opacity=@{opperc})";
}

//VARIABLES
@red: #e30b15;
@gray: #414643;
html{overflow:hidden;overflow-y: auto;min-width:960px;min-height: 100%;position: relative;}
body {background:white ;margin: 0 0 0px; padding: 0px; font-family: times new roman; font-size: 12px; line-height: 16px; color: @gray;overflow:hidden;overflow-y: auto;min-width:960px/*1160px*/;}

/*FOOTER */
#footer{position:absolute;left:0;bottom:0;width:100%;height:126px;
	#footer_inner{height:76px;margin:0 auto;border-top:1px solid #e0e0e0;margin-top:49px;width:940px;
		#footer_left{float:left;width:470px;text-align:left;height:54px;padding-top:22px;}
		#footer_right{float:left;width:470px;text-align:right;font-family:SourceSansProRegular;font-size:14px;color:#909090;height:54px;padding-top:22px;}
		}
}


//MISC
.clearfix {clear: both;}
.hr {background: url('../img/hr.png') no-repeat center; height: 2px; margin: 10px 0px;
	&.footer_hr {height: 80px; margin: 0px;}
}
body{line-height:auto;}
.htmlContent{float:left;}
hr
{
    background-color: #E1E1E1; border: 0 none; color: #eee;  height: 1px;
}
a {text-decoration: none; color: #ef7c37;}
a img {border: 0px;}
ul {margin: 0px; padding: 0px; list-style: none;}
p {font-family:SourceSansProRegular;font-size:15px;color:#4D4D4D;line-height:24px;}



.wrapper {/*width: 1920px; margin: 0 auto;overflow:hidden;*/ 
						.btn_prev,.btn_next,.btn_fb,.btn_tel{position:absolute;width:64px;height:64px;display:block;top:420px;z-index:50;cursor:pointer;}
		  			.btn_next {background: url('img/next2.png') no-repeat;right:-4px;}
		  			.btn_prev {background: url('img/prev2.png') no-repeat;left:-4px}
		  			.btn_fb {background: url('img/social.png') no-repeat;right:-4px;top:350px;}
		  			.btn_tel {background: url('img/tel.png') no-repeat;right:-4px;top:490px;}
  					.btn_tel_expand{display:none;background: url('img/homepage_aktivne_kontakt.jpg') #fff repeat-y right top; position:absolute;width:488px;height:221px;right:0px;top:494px;z-index:51;
  						.btn_contact_nadpis{padding:33px 40px;font-size:42px;color:#4D4D4D; font-weight:normal;font-family:SourceSansProLight;}
  						table{width:488px;font-family:SourceSansProRegular;font-size:15px;color:#4D4D4D;padding:0 40px;line-height:18px;}
  						a{font-family:SourceSansProRegular;font-size:15px;color:#4D4D4D;text-decoration:none;}
  						.contact_td2{text-align:right;}
  						a:hover{text-decoration:underline;}
  						.btn_contact_close{position:absolute;width:56px;height:56px;background: url('img/contact_close.jpg') no-repeat;right:0;top:0;cursor:pointer;}
  					}
  				}

h1 {font-size:42px;color:#4D4D4D; font-weight:normal;font-family:SourceSansProLight;margin:28px 0px;}
/*#nadpis h1{line-height:42px;}*/
h2 {font-size:30px;font-weight:normal;font-family:SourceSansProLight;color:#4D4D4D;margin:24px 0px;}
h3 {font-size:16px;color:#909090;font-family:SourceSansProLight;font-weight:lighter;margin:16px 0px;}
p{margin:15px 0px;}
.left {float:left;}

.text_right {text-align: right;}
.text_center {text-align: center;}
.center { margin:0 62px;}
.last  { margin:0;}
.left-marg  { margin-left:40px;}
.center { margin: 0 auto; padding:0px;}


#system-menu-div{position:fixed;width:100%;left:0;top:0;z-index:100;}

//MAIN MENU
#header{background: /*url('img/menu_bg.png') repeat-x bottom center*/ #F9F9F9; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.12); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.12) ;height:98px;position:fixed;z-index:20;width:100%;
 #main_menu {height: 106px; width:960px;padding-bottom: 11px; line-height: 93px;font-size:15px;.center;
	ul {font-size: 15px; text-align: center; text-transform: uppercase; float:left;
		li { display: inline-block; &:hover a{border-bottom: 5px solid #EF7D36;color:#4D4D4D;

			 }
			a {color: #b9b8b8; text-decoration: none; display: block;font-family:SourceSansProRegular;padding: 0px 10px; margin:0px 23px;

			}
			.selected {border-bottom: 5px solid #F07C36;color:#4D4D4D;}

		}
	}
	#main_menu_l{margin-left:58px;margin-right:13px;float:left;}
	#main_menu_r{margin-left:11px;float:left;}
	.logo {float:left;height:49px;margin:15px 20px 0 20px;}
}}

// LANGUAGE SELECT

#lang_select{height:97px;width:27px;position:absolute;right:10px;top:0px;
	.lang_sk{float:left;width:27px;height:26px;border-bottom: solid 1px #e0e0e0;text-align:center;padding-top:22px;}
	.lang_en{float:left;width:27px;height:31px;text-align:center;padding-top:9px;}
	a{font-family:SourceSansProRegular;font-size:14px;color:#909090;}
	a:hover{color:#f07c36;}
	.active_lang{color:#f07c36;}
	}


//CONTENT
.content_home{ width:1920px; margin: 0 auto; z-index:10;padding-top:98px;}
.content{ width:100%;/*width:1920px; margin: 0 auto; */z-index:10;padding-top:98px;float:left;padding-bottom:76px;
             .main,.right_side{padding-top:45px;padding-bottom:40px;}
              .main { width: 487px ;margin: 0 auto;margin-top:20px;
              	h1 {margin-bottom:0px;}
              	h3 {margin-top:15px;text-transform:uppercase;}
              	.wrap_thumb {margin-top:27px;margin-bottom:40px;}
      	      }
    			         .right_side { width: 360px ;
                              p { margin-top: 30px;}
                   }

                    .image_popis { position:absolute;width:367px;top:770px;color:white;left:46px;
					   	 	   	    h1,h3 { color:white;line-height:28px;}
					   	 	   	    h1 {border-bottom:1px solid white;padding-bottom:18px;margin-bottom:20px;display:inline-block;}
					   	 	   	    h3 {margin-top:0px;}
					   	 	   	}

}
.text{
  #nadpis{float:left;}
}

//HOME
  .home {position:relative;z-index:10;top:0px;/*right:165px;*/

  			#mycarousel_wrap{position:relative;/*right:165px;*/}
        .slider {position:relative;height:983px;

        	 .previous,.next{position:absolute;top:300px;}
        	 .previous {left:0px}
        	 .next {right:0px}
        	li { float:left;position:relative;width:450px;height:983px;margin:0;padding:0;}
    			img {
    				position:absolute;
    				width:450px;
						height:983px;
						bottom:0;
    			}
          .image_popis { position:absolute;top:0;left:0;width:367px;padding-top:759px;color:white;padding-left:46px;padding-right:37px;z-index:25;height:200px;padding-bottom:24px;
   	 	   	    h1,h3 { color:white;line-height:28px;}
   	 	   	    h1 {border-bottom:1px solid white;padding-bottom:18px;margin-bottom:20px;display:inline-block;line-height: 36px;}
   	 	   	    h3 {margin-top:0px;}
   	 	   	}
   	 	   	.image_popis_animate{position:absolute;bottom:0;left:0;width:450px;height:0px;background: url('img/slider_bck2.png') no-repeat top center;z-index:23;}
   	 	   	.image_popis_animate_top{position:absolute;top:0;left:0;width:450px;height:736px;background:url('img/slider_bck2.png') no-repeat center center;z-index:24;display:none;}
					.color_image{.opacity(0.0);z-index:22;}
					.grey_image{.opacity(1.0);z-index:21;}
					.readyToClick{cursor:pointer;}
        }
  }

// LOGO

    .logo_wrap{position:absolute;width:236px;height:64px;z-index:7;left:11px;top:11px;background-color:#fff;padding:11px;
      .logo_wrap_inner {width:236px;height:64px;vertical-align:middle;text-align:center;display:table-cell;
        img{display:block;margin-left:auto;margin-right:auto;max-width:236px;max-height:64px;text-align:center;}
      }
    } 
.left_side{
 .logo_wrap{left:96px;top:448px;} 
}  
  
//NEWS, //NEWS_ARCHIVE //PROJECTS
	 .news, .news_archive, {padding-top:150px;padding-left:5px;
   .content_inner{width:960px;margin:0 auto;}



	 	.news_wrap_thumb,.projects_wrap_thumb{margin-top:50px;overflow:auto;
	 		a {float:left;
			 		.thumb {width:280px;height:454px;background:#F9F9F9;position:relative;margin-left:55px;margin-bottom:55px;
            
			 			.absolute_image{position:absolute;left:0;top:0;}
			 			.grey_img{z-index:5;}
			 			.color_img{z-index:6;display:none;}
			 			&:hover {background:#F07C36;}
			 			&:hover .image_popis h1,	&:hover .image_popis h3 {color:white};
			 			.image_popis {width:auto;position:absolute;top:326px;left:0;padding:0 20px;padding-top:20px;overflow:hidden;
					 		 h1,h3 {color: #4D4D4D;margin:0px;padding:0px;border:none;}
					 		 h1{font-size:28px}
					 		 h3{padding-top:10px;font-size:14px;line-height:16px;overflow:hidden;height:30px;text-transform:uppercase;}
	        	}
	 		    }
	 		    .thumb_1{margin-left:0px;}
	 	  }
	 	}


 /* .archive_thumb{float:left;margin-right:55px;margin-bottom:72px;width:280px;height:100px;background:#F9F9F9;
      &:hover {background:#F07C36;}
      &:hover .popis h1,	&:hover .popis h3 {color:white};
        img, .popis {float:left;}
				.popis {padding:15px;
					   h1,h3 {margin: 10px 0 ;}
					       h1{font-size:22px}
	 		            h3{font-size:16px;text-transform:uppercase;}
	 		  }
	 		 &:last-child {background: url('img/more.png') no-repeat 85% center #F9F9F9;margin-right:0px;
		 		 	&:hover {background: url('img/more_hover.png') no-repeat 85% center #F07C36;}
	        .popis{ }
       }
	}*/
	// NEWS SPODNE THUMBS
		 		.news_archive_wrap {margin:80px 0 146px 0;}
	 		.archive_wrap_thumbs {margin-top:50px;
	 			 .marg_right {margin-right:0px;}
	 			.archive_thumb,{position:relative;
	 				&:nth-child(3n){margin-right:0px;}
	 				}
	 		img {  left: 0; position: absolute;top: 0;}
	 			}

   }



//PROJECTS   //NEWS_DETAIL
   .projects, .news_detail {
   	.main {
   		 .wrap_gallery { margin-top:30px;float:left;
   		 	img {border: 1px solid #a7a7a7;margin-right:17px;margin-bottom:17px;}
        iframe{margin-bottom:24px;}
   		 	}
   		  h1 {margin: 10px 0 ;line-height: 35px;}
       .wrap_thumb {position:relative;right:29px;overflow:auto;width:516px;margin-top:40px;
        p { margin-top: 30px;}
      	a { float:left;margin-left:27px;margin-bottom:29px;}
      	img{border: 1px solid #a7a7a7;}
       }
       .datum{color:#909090;font-family:SourceSansProLight;font-size:16px;margin-top:10px;}
       .popis { margin-top:40px;
        p{ margin:0px; }
       }
    }
      .right_side {  margin-left:71px;
           .wrap_thumb {margin-top:51px;}
      }
   }

  .news_thumb,.archive_thumb,.project_thumb,#button{float:left;margin-right:55px;margin-bottom:31px;width:280px;height:100px;background:#F9F9F9;position:relative;

      &:hover {background:#F07C36;}
      &:hover .popis h1,	&:hover .popis h3 {color:white};
        img, .popis {float:left;}
				.popis {position:absolute;left:100px;top:0;width:150px;padding:15px;line-height:26px;
					   h1,h3 {margin: 10px 0 ;}
					       h1{font-size:22px}
	 		            h3{font-size:16px;text-transform:uppercase;}
	 		  }
	 		 /*&:last-child {background: url('img/more.png') no-repeat 85% center #F9F9F9;margin-right:0px;
		 		 	&:hover {background: url('img/more_hover.png') no-repeat 85% center #F07C36;}
	        .popis{position:absolute;left:20px;top:13px; }
       }  */
       .color_img{position:absolute;left:0;top:0;z-index:6;display:none;}
       .grey_img{position:absolute;left:0;top:0;z-index:5;}
	}
  
  .news_archive_wrap{
    .archive_thumb:last-child{background: url('img/more.png') no-repeat 85% center #F9F9F9;margin-right:0px;
		 		 	&:hover {background: url('img/more_hover.png') no-repeat 85% center #F07C36;}
	        .popis{position:absolute;left:20px;top:13px; }
          
    }
  
  } 

	.project_thumb{background:none;}

// PARTNERI
.artemide{margin-top:50px;font-family:SourceSansProBold,SourceSansProSemibold;font-size:18px;color:#4d4d4d;line-height:20px;}
.artemide_logo{margin-top:59px;margin-bottom:78px;}
.partneri_popis{font-family:SourceSansProSemibold;font-size:18px;color:#4d4d4d;line-height:20px;margin-bottom:75px;}
.philips_logo{margin-right:182px;}
.xal_logo{margin-right:124px;}
.wever_logo{margin-top:145px;margin-right:135px;margin-bottom:75px;}
.viteo_logo{margin-bottom:75px;}


//TEXT
   .text { /*width:960px;*/padding-top:150px; padding-left:5px;
   .content_inner{width:960px;margin:0 auto;}
   	     .top {      p {line-height:32px; font-family:SourceSansProSemibold;font-size:18px;/*padding-top:50px;*/padding-bottom:20px;}
   	    }

   	    .middle, .bottom { width:950px;float:left; margin-bottom:50px;}

    .middle h2 {font-size: 30px;
font-weight: normal;
font-family: SourceSansProLight;
color: #4D4D4D;
line-height:35px;
padding:0px 0px 20px 0px;}

    .table {display:table; width:100%; height:100%; position:relative; float:left;}

    .table-cell-left {display:table-cell;width:76px;position:relative;vertical-align:top;padding-top:15px;}

    .table-cell-right {display:table-cell;position:relative;vertical-align:top;}

    ul {
        list-style-image: url('img/text_li.png');
        margin: 0px 0px 18px 12px;
        padding: 0px;
        font-family: SourceSansProRegular;
font-size: 15px;
color: #4D4D4D;
line-height: 24px;
    }


//CONTACT
.contact_left{float:left;width:330px;}
.contact_right{float:right;width:615px;height:502px;}
.contact_bottom{float:left;width:950px;}
    .contacts {
        float:left;
    }
		.mapa{float:left;width:615px;height:502px;}
     .contacts {
     	.facebook_wrapper{margin:8px 0px;left:-6px;}
   	  .contact_column {float:left;  width:100%; padding-bottom:20px;
   	  	 &:first-child {
               margin-left:0px;
         }
         p{font-size:14px;line-height:20px;}
         a{text-decoration:underline;color:#4D4D4D;}
         a:hover{color:#F07C36;}
             p{margin:2px 0;
            	&:first-child {
               font-size:17px; font-family: SourceSansProSemibold;
      }      }}


     }
 #contact-form{width:960px;float:left;margin-top:20px;}
#contact_captcha{float:left;width:500px;margin-top:30px;
	img{border:1px solid #dbdbdb;float:left;position:relative;}
	input{width:175px;float:right;position:relative;clear:none;}
	}

.form-left {
    position:relative;
    top:0px;
    left:0px;
    width:400px;
    margin:0px;
    padding:0px;
    height:auto;
    float:left;
    .contact_povinne{font-family: SourceSansProRegular;font-size:15px;color:#4d4d4d;}
}

.form-right {
    position:relative;
    top:0px;
    left:0px;
    width:500px;
    margin:0px 0px 0px 50px;
    padding:0px;
    height:auto;
    float:left;
}

form input {
    background-image:url('img/contact-arrow.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    width:350px;
    height:45px;
    padding:0px 15px 0px 35px;
    margin:0px 0px 30px 0px;
    background-color:white;
    border:1px solid #dbdbdb;
    font-size:15px;
    font-family:SourceSansProRegular;
    color:#4D4D4D;
    float:left;
    clear:both;
    position:relative;
    top:0px;
    left:0px;
      -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

form textarea {
    background-image:url('img/contact-arrow.png');
    background-position: 15px 18px;
    background-repeat: no-repeat;
    width:450px;
    height:170px;
    padding:14px 15px 15px 35px;
    margin:0px ;
    background-color:white;
    border:1px solid #dbdbdb;
    font-size:15px;
    font-family:SourceSansProRegular;
    color:#4D4D4D;
    float:left;
    clear:both;
    position:relative;
    top:0px;
    left:0px;
      -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
    resize:none;
}

form input:focus, form textarea:focus {
    box-shadow: 0 0 5px rgba(240, 124, 54, 0.5);
    border: 1px solid rgba(240, 124, 54, 1);
}

form #submit{
    font-family:SourceSansProSemiBold;
    background-image:none;
    font-size:15px;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(168, 79, 0, 0.5);
    display: block;
    margin: 30px 0px 45px 0px;
    padding: 15px 0px;
    width: 175px;
    border: none;
    background-color: #f07c36;
    float: right;
    border-radius: 0px;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
            -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}


form #submit:hover{
    background-color: #f2893c;
}

.form-sent-left {
    position:relative;
    top:0px;
    left:0px;
    width:220px;
    margin:0px;
    padding:0px;
    height:auto;
    float:left;
}

.form-sent-left img {
    display:block;
    position:relative;
    margin:0px auto;
    width:124px;
    height:124px;
}

.form-sent-right {
    position:relative;
    top:0px;
    left:0px;
    width:680px;
    margin:0px 0px 0px 50px;
    padding:0px;
    height:auto;
    float:left;
}

.form-sent-right h2 {
    font-family:SourceSansProRegular;
    font-size:24px !important;
    margin:0px;
    padding:0px;
}

.form-sent-right p {
    margin-top:0px;
    padding:0px;
}


.button-orange {
    font-family:SourceSansProSemiBold;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(168, 79, 0, 0.5);
    min-width: 98px;
    padding:15px 17px 14px 17px;
    margin: 0px 0px 50px 0px;
    text-decoration: none;
    border: none;
    background-color: #f07c36;
    float: left;
    border-radius: 0px;
    text-transform:uppercase;
    font-size:15px;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.button-orange:hover {
    background-color: #f2893c;
}



			/*
     .mapa {  left: 0;
   					 position: absolute;
       #google_map { height: 474px;
								 margin-bottom: 76px;
								 margin-top: 39px;
								 width: 1920px;
								 margin:0 auto;
				}
			}
				*/





}

       #google_map {

       	position: relative;
       	height: 475px;

							 width: 100%;
	 		}



.left_side{position:relative; 
.image_popis { position:absolute;left:0;width:367px;top:759px;color:white;padding-left:46px;padding-right:37px;z-index:25;height:200px;padding-bottom:24px;background: url('img/slider_bck2.png') no-repeat top center;
	h1{line-height:28px;margin-top:28px;}
	}


}


//3 COLUMN LAYOUT
.col_3a,.col_3b,.col_3c {float: left;background:white;}
.col_3a {width: 450px;}
.col_3b {width: 660px; }
.col_3c { }/* povodny width:810px */

//2_1 COLUMN LAYOUT
.col_2_1a,.col_2_1b {float:left;}
.col_2_1a {width: 666px; padding-right: 72px;
	.left_50,.right_50 {width: 308px; float: left;}
		.left_50 {padding-right: 25px;}
		.right_50 {padding-left: 25px;}
}
.col_2_1b {width: 232px;
	h2 {padding-left: 26px;}
}


.right {float:right;}



/*NOTIFIKACIA*/
#jquery-notification{background:transparent url('img/black-75.png') repeat;border-radius:12px;padding:20px;cursor:pointer;}
#jquery-notification-message{font:bold 24px Helvetica,Arial,sans-serif;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,.5);text-align:center;white-space:nowrap;}


/* HACKS */
.x-tab-strip{margin:0 !important;list-style-image:none !important;}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 29, 2013 03:52:18 AM America/New_York */

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('fonts/sourcesanspro-extralight-webfont.eot');
    src: url('fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-extralight-webfont.svg#sourcesansproextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src: url('fonts/sourcesanspro-extralightit-webfont.eot');
    src: url('fonts/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-extralightit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-extralightit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-extralightit-webfont.svg#sourcesansproextralightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/sourcesanspro-light-webfont.eot');
    src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-light-webfont.svg#sourcesansprolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLightItalic';
    src: url('fonts/sourcesanspro-lightit-webfont.eot');
    src: url('fonts/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-lightit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-lightit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-lightit-webfont.svg#sourcesansprolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#sourcesansproregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProItalic';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#sourcesansproitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#sourcesansprosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src: url('fonts/sourcesanspro-semiboldit-webfont.eot');
    src: url('fonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semiboldit-webfont.svg#sourcesansprosemibolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('fonts/SourceSansPro-Bold-webfont.eot');
    src: url('fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('fonts/sourcesanspro-boldIt-webfont.eot');
    src: url('fonts/sourcesanspro-boldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-boldIt-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-boldIt-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-boldIt-webfont.svg#sourcesansprobolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('fonts/sourcesanspro-black-webfont.eot');
    src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-black-webfont.svg#sourcesansproblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlackItalic';
    src: url('fonts/sourcesanspro-blackit-webfont.eot');
    src: url('fonts/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-blackit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-blackit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-blackit-webfont.svg#sourcesansproblackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.facebook_wrapper{float:right;width:100%;position:relative;margin-top:20px;text-align:right;padding-right:13px;}
.news_detail{
	.datum{float:left;position:relative;width:150px;}
	.facebook_wrapper{float:right;position:relative;margin-top:9px;text-align:right;padding-right:18px;width:150px;}
	}

.facebook {
	position:relative;
	top:100px;
	left:26px;
	float:left;
}

.facebook p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:24px;
	color:#fff;
	padding:0;
	margin: 0px 0px 10px 25px;
}

.facebook p a {
	color:#fff;
}

.facebook p a:hover {
	text-decoration:underline;
}

.facebook p a img {
	vertical-align: sub;
	margin:0px 10px 0 0;
}