@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Finesse
Description: Responsive Business Theme
Version: 2.2.2
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Finesse Red Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Text
-Background Colors
-Sprites
-Borders
-Media Player
------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* Text
/* ---------------------------------------------------------------------- */
a, a > *,
#polyglotLanguageSwitcher a:hover, #footer-top a,
#footer-bottom a:hover,
#footer-top .tweet_time a:hover,
ul#search-results h2 a:hover, ul#search-results h2 a:hover strong, 
.widget ul.menu li > a:hover, .widget ul.menu li.current-menu-item > a,
.tabs ul.nav li a:hover, .tabs ul.nav li.ui-state-active a,
span.toggle-title:hover, span.accordion-title:hover, span.toggle-title.ui-state-active, span.accordion-title.ui-state-active,
.pricing-table .featured span.price span,
ol.comment-list .comment-author a:hover,
.flex-caption a:hover,
.entry-title a:hover,
.iconbox h4 a:hover {
	color: #eabe30;
}
a.category{color:green}
/* ---------------------------------------------------------------------- */
/* Background Colors
/* ---------------------------------------------------------------------- */
/**/
.flex-direction-nav a:link, .flex-direction-nav a:visited,
.entry-slider-nav a { /* position here is important */ 
	background-color: #5e5651;
}

.button, .content-form input.button, #comment-form input.button,
.flex-direction-nav a:hover, .flex-direction-nav a:active,
.ie8 .flex-direction-nav a:link, .ie8 .flex-direction-nav a:visited,
.ie8 .flex-direction-nav a:hover, .ie8 .flex-direction-nav a:active,
.jcarousel-prev:hover, .jcarousel-prev:focus,
.jcarousel-next:hover, .jcarousel-next:focus,
.entry-slider-nav a:hover, .entry-slider-nav a:active,
a.post-format-wrap:hover .post-format, #toTop:hover,
.page-nav a:hover,
ul.tags a:hover, 
.page-nav li.current,
.button.black:hover,
#filter a:hover, #filter li.active a,
.pricing-box.featured .header,
.highlight.colored,
.flex-control-paging a.flex-active,
ul#navlist li.current a,
.ddsubmenustyle li a:hover,
.ie8 .entry-slider-nav a {
	background-color: #eabe30;
}

.pricing-box.featured .title {
    background-color: #d93e0b;
}

.gen-table tbody tr:hover th, .gen-table tbody tr:hover td {
	background-color: #fcf1ed;	
}

/* HTML5 Reset CSS Rewriting */

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {background: #eabe30;}
::selection {background: #eabe30;} 

ins, mark {background-color: #eabe30;}

/* ---------------------------------------------------------------------- */
/* Sprites
/* ---------------------------------------------------------------------- */
.social-links a:hover {
	background-position: left -25px; 
}

.team-member .social-links a:hover {
	background-position: left -17px;
}

.iconbox-icon {
	background-position: left top;
}

/* ---------------------------------------------------------------------- */
/* Borders
/* ---------------------------------------------------------------------- */
.pricing-box.featured .header {
	 border-color: #d93e0b;
}

ul#navlist li.current a,
.ddsubmenustyle li a:hover,
.infobox { 
	border-color: #eabe30;
}

/* ---------------------------------------------------------------------- */
/* Media Player
/* ---------------------------------------------------------------------- */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #eabe30;
	background: rgba(242,88,36,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(217,62,11,0.8)), to(rgba(242,88,36,0.8))); 
	background: -webkit-linear-gradient(top, rgba(217,62,11,0.8), rgba(242,88,36,0.8));
	background: -moz-linear-gradient(top, rgba(217,62,11,0.8), rgba(242,88,36,0.8));
	background: -o-linear-gradient(top, rgba(217,62,11,0.8), rgba(242,88,36,0.8));
	background: -ms-linear-gradient(top, rgba(217,62,11,0.8), rgba(242,88,36,0.8));
	background: linear-gradient(rgba(217,62,11,0.8), rgba(242,88,36,0.8));
}

.mejs-controls .mejs-button button:focus {
	outline-color: #eabe30;
}

/* Services
-------------------------------------------------- */
.services, .latest-projects { background-color: #5e5651; padding: 15px; border-left: 5px solid #eabe30;}
.services h4, .latest-projects h4 { margin-bottom: 15px; }
.rm-link { border-bottom: 5px solid #eabe30; font-style:italic; float:right; }

.white { color:#FFF; }
  .span3 {
    width: 270px;
	float:left;
  }
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.srv-block1, .srv-block3 { margin-left:30px; float:left; padding-right:60px; width: 250px;}
.srv-block2, .srv-block4 { float:left; margin-left: 0; padding-left: 60px; width: 250px; }
.srv-block1 { border-right: 1px solid #1E2126; border-bottom: 1px solid #1E2126; }
.srv-block2 { border-bottom: 1px solid #1E2126; }
.srv-block3 { border-right: 1px solid #1E2126; }
.srv-block3 h4, .srv-block4 h4 { margin-top: 40px; }
.srv-block1 h4, .srv-block2 h4 { margin: 15px 0 15px 0; }
.srv-block3 h4, .srv-block4 h4 { margin-bottom: 15px;}
.srv-block1 p, .srv-block2 p { margin-bottom: 40px; }
.srv-block3 p, .srv-block4 p { margin-bottom: 0; }
.srv-block1 p, .srv-block2 p, .srv-block3 p, .srv-block4 p { height:76px; overflow:hidden; color:#515254; }
.srv-block { position: relative; }

.srv-block [class^="icon-"],
.srv-block [class*=" icon-"] { margin-right:5px; float:left; }
.srv-block ul { height: 77px; overflow: hidden; margin:0; }
.srv-block ul li { color:#ccc; }
.srv-block ul li p { height:auto; }

.quartercircletopleft, .quartercircletopright, .quartercirclebottomright, .quartercirclebottomleft {
     background-color: #5e5651;
     position: absolute;     
     width:54px;
     height:54px;
	background-image: url('../../images/srvico.png');
	background-repeat:no-repeat;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}
.quartercircletopleft a, .quartercircletopright a, .quartercirclebottomright a, .quartercirclebottomleft a {
	display: block;
	width: 100%;
	height: 100%;
	}
.quartercircletopleft {
     border-radius: 90px 0 0 0;
     -moz-border-radius: 90px 0 0 0;
     -webkit-border-radius: 90px 0 0 0;
	top: 110px;
	right: 330px;
	background-position: 0 0;
}
.quartercircletopright {
     border-radius: 0 90px 0 0;
     -moz-border-radius: 0 90px 0 0;
     -webkit-border-radius: 0 90px 0 0;
	top: 110px;
	right: 275px;
	background-position: -54px 0;	
}
.quartercirclebottomright{
     border-radius: 0 0 90px 0;
     -moz-border-radius: 0 0 90px 0;
     -webkit-border-radius: 0 0 90px 0;
	top: 165px;
	right: 275px;
	background-position: -54px -54px;	
}
.quartercirclebottomleft{
     border-radius: 0 0 0 90px;
     -moz-border-radius: 0 0 0 90px;
     -webkit-border-radius: 0 0 0 90px;
	top: 165px;
	right: 330px;
	background-position: 0 -54px;
}
@-moz-document url-prefix() { 
	.quartercirclebottomleft, .quartercirclebottomright { top: 165px; }
	.quartercircletopleft, 	.quartercircletopright { top: 110px; }
}
.srv-block1:hover .quartercircletopleft { background-color: #eabe30; }
.srv-block2:hover .quartercircletopright { background-color: #eabe30; }
.srv-block3:hover .quartercirclebottomleft { background-color: #eabe30; }
.srv-block4:hover .quartercirclebottomright { background-color: #eabe30; }
.comment .span3 .well { margin-bottom:0; }
		#comment-form input { width:208px; }
		.entry-text .thumbnails > li { margin-left: 0px;}
		#container-portfolio .span3, #contacts-form textarea { width:100%; }
		.portfolio-3.big .span4 { width:100%; }
		.pag > .span3 { display:none; }
		.pagination { height: auto; }
		
		
/***********************Product Details**********************/
#mid-col{
	width: 506px;
	overflow : hidden;
	float : left;
}
#product-details{
	width : 476px;
	margin : 0 0 0 10px;
}
#product-details p.tel{
	margin : 40px 0 0 370px;
	padding : 0;
	background-position : 2px 14px;
}
.product-title{border-bottom:4px solid #eabe30;margin-bottom:5px;color:#5e5651}
/*#product-details *{
	background-color : #eee;
}*/
.details-product-title{
	background : url(layout/arrow/arrow4.gif) no-repeat 2px 5px!important;
	font-size : 12px!important;
	font-weight : bold;
	color : #2C7317;
	padding : 0 0 3px 10px!important;
	margin : 7px 0 5px 0!important;
	border-bottom : 2px solid #D3D8D2;
	text-transform : none!important;
	height : auto!important;
	line-height : normal!important;
}

.details-descr-box{
	position : relative;
	width : 100%;
	overflow : hidden;
	margin-bottom : 5px;
}

.details-descr-box p{
	margin : 0 0 15px 370px;
	font-size : 11px;
	color : #555;
	line-height : 16px;
	text-align : right;
}

.details-preview{
	width : 355px;
	float : left;
	position : relative;
}

.details-preview img{
	border : 1px solid #bebebe;
	font-size : 10px;
	color : #aaa;
	text-align : center;
}

img.details-preview-big{
	width : 353px;
	display : block;
	background : #fff url(layout/preloader.gif) no-repeat center;
	min-height : 60px;
}

ul.details-thumbs{
	position : absolute;
	left: 370px;
	bottom: 0;
	width : 106px;
	overflow : hidden;
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.details-thumbs li{
	margin : 0;
	padding : 0;
	list-style : none;
	width : 106px;
	height : 106px;
	padding-top : 6px;
}

ul.details-thumbs li img{
	width : 104px;
	height : 104px;
	background : #fff url(layout/preloader.gif) no-repeat center;
	display : block;
	padding : 0;
	margin : 0;
}

ul.details-thumbs li a img{
	filter : alpha(opacity=90);
	-moz-opacity : 0.9;
	opacity : 0.9;
}

ul.details-thumbs li a:hover img{
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
	border-color : #ca9;
}

ul.details-price-bar{
	margin : 0 0 15px 0;
	padding : 0;
	list-style : none; /*background: #f7f7f7;*/
	position : absolute;
	height : 24px;
	line-height : 24px; /*border : 1px solid #f0f0f0;*/
	top: 90px;
	left : 0;
	width : 478px;
}

ul.details-price-bar li{
	margin : 0;
	padding : 0;
	list-style : none;
	position : absolute;
	top : 0;
	height : 24px;
	line-height : 24px;
}

ul.details-price-bar li.left-side{
	left : 5px;
}

ul.details-price-bar li.right-side{
	right : 2px;
}

.details-price-style{
	color : #c33;
	font-weight : bold;
	font-size : 14px;
}

.details-buy-btn{
	display : block;
	width: 80px;
	height : 18px;
	line-height : 18px;
	background : url(layout/btn_cumpara.gif) no-repeat left top;
	font-size : 12px;
	overflow : hidden;
	text-indent : -900px;
	margin : 0;
	padding : 0;
}

dl.more-details{
	margin : 0 0 15px 0;
	padding : 0;
	list-style : none;
	overflow : hidden;
}

dl.more-details dt,
dl.more-details dd{
	margin : 0;
	padding : 0;
	list-style : none;
}

dl.more-details dt{
	display : block;
	overflow : hidden;
	white-space : nowrap;
	height : 20px;
	line-height : 20px;
	font-weight : bold;
	color : #4A600E;
}

dl.more-details dt a{
	padding : 0 10px;
	float : left;
	height : 20px;
	line-height : 20px;
	overflow : hidden;
	white-space : nowrap;
	text-decoration : none;
	color : #333;
	font-weight : bold;
}

dl.more-details dt.active{
	background : #f7f7f7;
	height : 21px;
	line-height : 21px;
	margin-bottom : -1px;
	position : relative;
}

dl.more-details dt a:hover{
	color : #669;
	background : #eee;
}

dl.more-details dt.active a:hover{
	background : none;
	color : #333;
}

dl.more-details dd{
	clear : both;
	height : 1%;
	margin-bottom : 10px;
}

dl.more-details dd p{
	font-size : 11px;
	color : #333;
	margin : 0;
	padding : 0;
	text-align : justify;
	line-height : 14px;
}
/***/
dl.more-details .table{
	width : 476px;
	border : none;
	border-top: 1px solid #D3D8D2;
	font-size : 11px!important;
	color : #373737;
	background : url(layout/table_bg2.gif);
}
dl.more-details .table-header,
dl.more-details .table-row,
dl.more-details .table-footer{
	overflow : hidden;
	width: 475px;
}
dl.more-details .table-row,
dl.more-details .table-row div{
	border-color : #D3D8D2;
}
.attrib{
	font-weight: bold;
	width : 226px;
	text-align : left!important;
}
.value{
	padding : 0 14px!important;
	width : 208px;
	text-align : left!important;
}
div.specif{
	clear : both;
	font-weight: bold;
	color : #6F6F6F;
	background : url(layout/arrow/arrow3.gif) no-repeat 2px center;
	border-top : 2px solid #D3D8D2;
	padding : 2px 0 2px 10px;
	margin : 4px 0;
}
/********************TABLES******************/
.table{
	border : 1px solid #aaa;
	width : 500px;
	overflow : hidden;
}
.table-header,
.table-row,
.table-footer{
	overflow : hidden;
	width: 499px;
}
.table-header,
.table-header div{
	overflow : hidden;
	height: 20px;
	line-height : 20px;
}
.table-row,
.table-row div{
	overflow : hidden;
	height: 20px;
	line-height : 20px;
}
.table-footer,
.table-footer div{
	overflow : hidden;
	height: 20px;
	line-height : 20px;
}


.table-header{
	clear : both;
	background : #ccc;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.table-row{
	clear : both;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.table-footer{
	clear : both;
	background : #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.table-header div,
.table-row div,
.table-footer div
{
	float : left;
	padding : 0 5px; 
	text-align : center;
}
.table-header div{
	border-left: 1px solid #aaa;
}
.table-row div{
	border-left: 1px solid #aaa;
}
.table-footer div{
	border-left: 1px solid #aaa;
}
.grey{background-color:lightgrey;}