::selection {background: #878786; color:#fff;}
::-moz-selection {background: #878786; color:#fff;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* Slider
---------------------------------------- */
#slider-wrapper {
	width:1000px;
	height:631px;
	overflow:hidden;
	position:relative;
	margin:0px auto;
	text-align:center;
	border:0px solid red;
	z-index:1000;
	}
#slider {
	position:relative;
	width:940px;
	height:488px;
	background:#1d1d1d url(../images/loading.gif) no-repeat 50% 50%;
	margin:0px auto;
	text-align:center;
}
#slider img {
	width:940px;
	height:488px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	border:0px dotted blue;
}
#slider a {
	border:0;
	display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	width:940px;
	height:488px;
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:49px;
	bottom:0px;
	background:none;
	color:#fff;
	opacity:1; /* Overridden by captionOpacity setting */
	width:843px;
	height:98px;
	overflow: hidden;
	z-index:89;
	font-size:21px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.nivo-caption .nivo-caption-inner {
	padding:0;
	margin:0;
	background-repeat:repeat;
	background-position:0 0;
	background-image:url(../images/slider-caption.png);
	height:78px;
	padding: 20px 30px 0 30px;
	position:absolute;
	left: 0;
	bottom: 0;
	width:783px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
  display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	width:950px;
	height:94px;
	left:0;
	bottom:0;
	text-align:center;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	display:inline-block !important;
	top: 59px;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}
	 .nivo-controlNav a img {
		width:94px !important;
		height:94px !important;
	 }
.nivo-controlNav:hover a,
.nivo-controlNav:hover a.active {
	top: 59px;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.nivo-controlNav:hover a.active:hover {
	top: 69px;
}

.nivo-directionNav {
	width:940px;
	height:40px;
	overflow: hidden;
	top:176px;
	position:absolute;
	}
.nivo-directionNav a {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:0;
	top: 0;
}
.nivo-directionNav a span {
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background:url(../images/direction_nav.png) no-repeat 0 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	border:0px solid blue;
}
a.nivo-nextNav {
	right:-40px;
}
a.nivo-nextNav .but {
	background-position:-40px 0;
}
a.nivo-nextNav .hover {
	background-position:-40px -40px;
}
a.nivo-nextNav .hover,
a.nivo-nextNav:hover .but,
a.nivo-prevNav .hover,
a.nivo-prevNav:hover .but {
	opacity:0;
}
.no-opacity a .hover,
.no-opacity a:hover .but,
.no-opacity a .hover,
.no-opacity a:hover .but {
	visibility: hidden;
}
a.nivo-nextNav:hover .hover,
a.nivo-prevNav:hover .hover {
	opacity:1;
}
.no-opacity a:hover .hover {
	visibility: visible;
}
a.nivo-prevNav {
	left:-40px;
}
a.nivo-prevNav .but {
	background-position:0 0;
}
a.nivo-prevNav .hover {
	background-position:0 -40px;
}

#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
	width:120px;
	height:auto;
	border:0px green solid;
	display:block;
}

/* Content
---------------------------------------- */

/* Default layout 3 columns */
#gallery {
	
	}
	#gallery .portfolio {
		width:100%;
		overflow:hidden;
		list-style-type:none;
		padding:0;
		margin:0;
		}
		#gallery .portfolio li {
			list-style-type: none;
			display: -moz-inline-box;
			zoom: 1;
			vertical-align: top;
			width: 300px;
			height: 270px;
			overflow: hidden;
			display: inline-block;
			margin: 7px;
			position: relative;
			background: none;
			text-align: center;
			padding: 0;
			font-size: 11px;
			/* padding-bottom: 29px; */
			text-transform: none;
			background-color: rgba(0, 0, 0, 0.16);
			border-bottom: 4px dimgrey solid;
			}
		* + html #gallery .portfolio li {
			display:inline;
			}
		#gallery .portfolio li.nomargin {
			margin-right:0 !important;
			}
			#gallery .portfolio li span.image-border {
				display:block;
				width:300px;
				height:190px;
				position:relative;
				border:0px red solid;
				}
			#gallery .portfolio li a.image-wrap {
				display:block;
				overflow:hidden;
				position:relative;
				background:#353535 url(../images/loading-folio.gif) 50% 50% no-repeat;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			#gallery .portfolio li a.image-wrap:hover {
				
				}
				#gallery .portfolio li a.image-wrap img {
					float:left;
					}
			#gallery .portfolio h3 {
				font-size:2em;
				margin-bottom: 9px;
				margin:0px auto;
				text-align:center;
				color: #464A4C;
			}
			#gallery .portfolio h3 a {
				color:#2e2623;
			}
			#gallery .portfolio .folio-desc {
				margin-bottom:0;
				padding: 0.5em 0 0 0;
				}
			#gallery .portfolio p.excerpt {
				padding:0;
				}
			#gallery .portfolio .button:hover {
				text-decoration:none;
			}	
			
			.zoom-icon {
				display:block;
				position:absolute;
				left:0;
				top:0;
				right:0;
				bottom:0;
				cursor:pointer;
				border: 0px solid #dfdfdf;
				background:rgba(0, 0, 0, .3);
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				opacity:0;
				}
			.no-rgba .zoom-icon {
				background:url(../images/black-opacity-70.png);
				visibility:hidden;
				}
			.zoom-img {
				position:absolute;
				left:50%;
				top:-36px;
				display: block;
				width:36px;
				height:36px;
				margin:0 0 0 -18px;
				background:url(../images/magnify-alt.png) 50% 50% no-repeat;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			.image-wrap:hover .zoom-img {
				top: 65px;
			}	
			.image-wrap:hover .zoom-icon {
				opacity:1;
				border: 6px solid #dfdfdf;
				}
			.no-rgba .image-wrap:hover .zoom-icon {
				visibility:visible;
				}
			.zoom-text {
				position:absolute;
				width:100%;
				color:#fff;
				text-align:center;
				bottom: -32px;
				left: 0;
				font-size:20px;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
			}
			.image-wrap:hover .zoom-text {
				bottom: 39px;
			}


/* 1 column portfolio*/
#gallery.one_column .portfolio li {
	width:100%;
	margin-right:0;
	margin-left:0;
	}
	#gallery.one_column .portfolio li span.image-border {
		width:560px;
		height:264px;
		float:left;
		}
	#gallery.one_column .portfolio li a.image-wrap {
		width:560px;
		height:264px;
		}
		#gallery.one_column .folio-desc {
			float:left;
			margin:0 0 0 21px;
			padding: 0;
			overflow:hidden;
			width:358px;
			}
	#gallery.one_column .image-wrap:hover .zoom-text {
				bottom: 94px;
			}
	#gallery.one_column .image-wrap:hover .zoom-img {
				top: 102px;
			}		

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:460px;

	}
	#gallery.two_columns .portfolio li span.image-border {
		width:460px;
		height:244px;
		}
	#gallery.two_columns .portfolio li a.image-wrap {
		width:460px;
		height:244px;
		}
	#gallery.two_columns .image-wrap:hover .zoom-text {
				bottom: 83px;
			}
	#gallery.two_columns .image-wrap:hover .zoom-img {
				top: 93px;
			}	

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:220px;
	}
	#gallery.four_columns .portfolio li span.image-border {
		width:220px;
		height:174px;
		}
	#gallery.four_columns .portfolio li a.image-wrap {
		width:220px;
		height:174px;
		}
	#gallery.four_columns .image-wrap:hover .zoom-text {
				bottom: 50px;
			}
	#gallery.four_columns .image-wrap:hover .zoom-img {
				top: 58px;
			}	


/* Content
---------------------------------------- */

body.home .primary_content_wrap	{
	margin-top:-17px;
}
	
#content {
	padding:20px 0 0 0;
}
#content.left {
	float:right !important;
	}
	
#content .right-indent {
	padding-right:15px;
}
#content .left-indent {
	padding-left:15px;
}	
	
#before-content-area {
	text-align:center;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 35px 0;
	font-size:13px;
	margin-bottom: 61px;
}
	#before-content-area h3 {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:21px;
		color:#201f1f;
		font-weight:normal;
		margin: 0 0 7px 0;
	}

#second-content-area {
	padding-top: 39px;
}	
	#second-content-area h3 {
		font-size:16px;
		color:black;
		font-weight:normal;
	}
	#second-content-area .widget-content .inner {
		padding-right: 8px;
	}
	#second-content-area .button {
		margin-top: 7px;
	}
/* Portfolio
---------------------------------------- */
.latestwork {
	width:100%;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.latestwork li {
		float:left;
		margin-right:20px;
		}


/* Gallery */
.header-title {
	margin-bottom:2.2em;
	}
	.header-title h1 {
		margin-bottom:.1em;
		font-size:16px;
		color:#000;
		}
	.header-title .page-desc {

		}

*{
	margin:0;
	padding:0;
}
h1{
	color:#2F1B0C;
	font-size:40px;
	margin:20px 0px 0px 20px;
}
span.reference{
	font-family:Arial;
	display:block;
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
}
span.reference a{
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	margin:0px 20px;
}
span.reference a:hover{
	color:#ddd;
}
/* Booklet jQuery Plugin Style*/
.booklet{
	-moz-box-shadow:0px 0px 1px #fff;
	-webkit-box-shadow:0px 0px 1px #fff;
	box-shadow:0px 0px 1px #fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.booklet .b-wrap-left  {
	background:#fff url(../images/left_bg.jpg) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.booklet .b-wrap-right {
	background:#efefef url(../images/right_bg.jpg) no-repeat top left;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.booklet .b-counter {
	bottom:10px;
	position:absolute;
	display:block;
	width:90%;
	height:20px;
	border-top:1px solid #ddd;
	color:#222;
	text-align:center;
	font-size:12px;
	padding:5px 0 0;
	background:transparent;
	-moz-box-shadow:0px -1px 1px #fff;
	-webkit-box-shadow:0px -1px 1px #fff;
	box-shadow:0px -1px 1px #fff;
	opacity:0.8;
}
.book_wrapper{
	margin:0 auto;
	padding-top:50px;
	width:905px;
	height:540px;
	position:relative;
	background:transparent url(../images/bg.png) no-repeat 9px 27px;
	border:0px solid red;

}
.book_wrapper h1{
	color:#13386a;
	margin:5px 5px 5px 15px;
	font-size:20px;
	font-weight:normal;
	font-family:Arial;
	background:transparent url(../images/h1.png) no-repeat bottom left;
	padding-bottom:7px;
	border:0px solid red;
	height:35px;
	width:360px;
	margin-top:15px;
	direction:ltr;
}
.book_wrapper p{
	font-size:16px;
	margin:5px 5px 5px 15px;
}
.book_wrapper a.article,
.book_wrapper a.demo{
	background:transparent url(../images/circle.png) no-repeat 50% 0px;
	display:block;
	width:95px;
	height:41px;
	text-decoration:none;
	outline:none;
	font-size:16px;
	color:#555;
	float:left;
	line-height:41px;
	padding-left:47px;
}
.book_wrapper a.demo{
	margin-left:50px;
}
.book_wrapper a.article:hover,
.book_wrapper a.demo:hover{
	background-position:50% -41px;
	color:#13386a;
}
.book_wrapper img{
	margin:10px 0px 5px 3px;
	width:300px;
	height:350px;
	padding:4px;
	border:1px solid #ddd;
	-moz-box-shadow:1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 1px #fff;
	box-shadow:1px 1px 1px #fff;
}
.booklet .b-wrap-right img{
	border:1px solid #E6E3C2;
}
a#next_page_button,
a#prev_page_button{
	display:none;
	position:absolute;
	width:41px;
	height:40px;
	cursor:pointer;
	margin-top:-20px;
	top:50%;
	background:transparent url(../images/buttons.png) no-repeat 0px -40px;
}
a#prev_page_button{
	left:-30px;
}
a#next_page_button{
	right:-30px;
	background-position:-41px -40px;
}
a#next_page_button:hover{
	background-position:-41px 0px;
}
a#prev_page_button:hover{
	background-position:0px 0px;
}
.loading{
	width:160px;
	height:56px;
	position: absolute;
	top:50%;
	margin-top:-28px;
	right:135px;
	line-height:56px;
	color:#fff;
	padding-left:60px;
	font-size:15px;
	background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}	

.img_projeccts_ssh
	{
	width: 299px;
	height:190px;
	margin:0px auto;
	}

@media (max-width: 400px)
	{
	.img_projeccts_ssh
		{
		width: 100%;
		}
	#gallery .portfolio li 
		{
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-bottom: 30px;
		}
	#gallery .portfolio li span.image-border
		{
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-bottom: 10px;
		}
	}