/* CSS Document */
body{
	margin:0px;
	padding:0px;
	border:0px;
	font-size:12px;
	color: #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	background:#000;
	}
h1, img{
	margin:0px;
	padding:0px;
	}
p{
	color:#FFF;
	text-align:justify;
	line-height:18px;
	margin:0px;
	padding:0px 0px 20px 0px;
 }
img {
	border:0px;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header{
	background-image:url(../images/frontend/background_header_general.jpg);
	background-position:center;
	height:283px;
	}
#header_background{
	background-image:url(../images/frontend/background_header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:283px;
	}
#menu_background{
	background: #000;
	background-image: url(../images/frontend/background_black.jpg);
	background-position:center;
	background-repeat:no-repeat;
	/*padding-top:20px;
	padding-bottom:20px;*/
	}
#menu_content{
	width:860px;
	text-align:right;
	margin:0px auto;
	/*border:1px solid #FFF;*/
	}
#main_background{
	background: #000;
	background-image:url(../images/frontend/background_general.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	padding-top:5px;
	/*height:755px;*/
	/*background-repeat:no-repeat;*/
	}
#main_content{
	width:860px;
	text-align:left;
	margin:0px auto;
	min-height:320px;
	}
#top_background{
	background:url(../images/frontend/background_green.jpg);
	background-position:center top;
	background-repeat: repeat-x;
	/*height:318px;
	padding-bottom:20px;*/
	}
#top_content{
	width:850px;
	text-align:left;
	padding-top:0px;
	padding-left:10px;
	margin:0px auto;
	}
#content_contact{
	width:850px;
	text-align:left;
	padding-top:30px;
	padding-bottom:30px;
	margin:0px auto;
	}
#footer{
	background-image:url(../images/frontend/background_footer.jpg);
	background-repeat:repeat-x;
	height:114px;
	}
#footer_background{
	background-image:url(../images/frontend/background_footer_.jpg);
	background-repeat: no-repeat;
	background-position:center;
	height:114px;
	}
#footer_content{
	width:860px;
	padding-top:10px;
	margin:0px auto;
	}
/*********************************************/
/* Main Divs                                 */
/*********************************************/
.section_main{
	background-image:url(../images/frontend/background_home.jpg);
	background-repeat:no-repeat;
	width:832px;
	height:175px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	}
.section_page_services{
	background-image:url(../images/frontend/section_services.jpg);
	background-repeat:no-repeat;
	width:832px;
	height:238px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	}
.section_submenu{
	background-image:url(../images/frontend/submenu.jpg);
	width:659px;
	height:26px;
	margin:0px auto;
	padding:10px;
	padding-top:15px;
	text-align:center;
	
	font-weight:bold;
	text-transform:uppercase;
	}

.cat_selected{
	color:#FFF;
	}

.section_submenu a{
	color:#960;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	}

.section_submenu a:hover{
	text-decoration:underline;
	}

#pagination{
	color:#930;
	font-size:14px;
	font-weight:bold;
	}

#pagination a{
	color:#FFF;
	text-decoration:none;
	}

#pagination a:hover{
	text-decoration:underline;
	}

.section_contact{
	background-image:url(../images/frontend/section_contact.jpg);
	width:852px;
	height:302px;
	margin:0px auto;
	padding-top:100px;
	}
.main{
	width:832px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	}
#services{
	width:800px;
	margin:0px auto;
	}
#content_services{
	width:800px;
	margin:10px auto;
	}
.section_services{
	width:200px;
	float:left;
	position:relative;
	z-index:100;
	/*border:1px solid;*/
	}
	
/*********************************************/
/* Carousel Images                           */
/*********************************************/
#gallery{
	width:835px;
	margin:0px auto;
	}
.image{
	width:235px;
	float:left;
	margin:5px;
}
.portfolio{
	width:165px;
	float:left;
	padding-top:40px;
}
.portfolio_hover{
	width:165px;
	float:left;
}
#prev{
	width:45px;
	padding-top:50px;
	float:left;
	}
#next{
	width:45px;
	padding-top:50px;
	float: right;
	}
/*********************************************/
/* Portfolio                                 */
/*********************************************/
#slideshow {
	margin:0 auto;
	width:850px;
	height:350px;
	/*background:transparent url(../images/frontend/bg_slideshow.jpg) no-repeat 0 0;*/
	position:relative;
	/*border:1px solid;*/
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:750px;
  height:350px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:350px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:100px;
  left:0;
  background:transparent url(../images/frontend/arrow_left.gif) no-repeat 0 0;
}
#rightControl {
  top:100px;
  right:0;
  background:transparent url(../images/frontend/arrow_right.gif) no-repeat 0 0;
}
.text_portfolio{
	width:350px;
	float:left;
	padding:10px;
	/*border:1px solid;*/
	}
.gallery_social{
	width:350px;
	float:left;
	padding:10px;
	/*border:1px solid;*/
	}
.gallery_social_{
	width:100%;
	padding:10px;
	/*border:1px solid;*/
	}
.image_portfolio{
	width:174px;
	height:130px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
	border:2px solid #737373;
	background:#000;
}
.box_portfolio{
	background:#666666;
	color:#FFF;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
/*********************************************/
/* Class Styles                              */
/*********************************************/
.input_contact{
	border: 0px;
	background:url(../images/frontend/input.jpg);
	width:194px;
	height:27px;
	padding-top:5px;
	padding-left:5px;
	}
.textarea_contact{
	/*border: hidden;*/
	border: 0px;
	background:url(../images/frontend/textarea.jpg);
	width:560px;
	height:100px;
	padding-top:5px;
	padding-left:5px;
	}
.align_title{
	padding-top:10px;
	padding-bottom:0px;
	}
.clear{
	clear:both;
	}
.text_black{
	color: #000;
	/*font-weight:bold;*/
	font-size:18px;
	}
.text_white{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	}
.text_contact{
	color:#FFFFFF;
	font-size:16px;
	}
a.link_white:VISITED, a.link_white:ACTIVE, a.link_white:FOCUS, a.link_white:LINK{ 	
	color: #FFFFFF;
	font-size:10px;
	font-weight: bold;
	text-decoration:none;
	} 

a.link_white:hover {
	color:#FFFFFF;
	font-size:10px;
	font-weight: bold;
	text-decoration:underline;
	}
a.link_responsability:VISITED, a.link_responsability:ACTIVE, a.link_responsability:FOCUS, a.link_responsability:LINK{ 	
	color: #000;
	font-size:14px;
	line-height:30px;
	font-weight: bold;
	text-decoration:none;
	} 

a.link_responsability:hover {
	color:#000;
	font-size:14px;
	line-height:30px;
	font-weight: bold;
	text-decoration:underline;
	}
.text_pagination{
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;
	}
a.link_pagination:VISITED, a.link_pagination:ACTIVE, a.link_pagination:FOCUS, a.link_pagination:LINK{ 	
	color: #FFFFFF;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	} 

a.link_pagination:hover {
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
	text-decoration:underline;
	}

.warning{
	color:#CC3300;
	/*font-weight:bold;
	font-size:11px;*/
	font-style:italic;
	font-size:10px;
	}

.error{
	font-size:10px;
	color:#CC3300;
	}

.services_hover{
	min-height:200px;
	}

#pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:15px;
	}
/*Social Responsability*/
#social_responsability{
	/*height:70px;*/
	width:169px;
	float:left;
	/*position:relative;
	margin-left:100px;
	margin-top:5px;*/
	/*border:1px solid #FFF;*/
	top:-20px;
	}
#menu_main{
	float:left;
	width:680px;
	padding-top:20px;
	/*border:1px solid #FFF;*/
	}
/*Tooltip*/
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}