
ul {
	list-style:none;
	
}

a{ text-decoration:none;}

list title{ color:#900;}

/* ================= Portfolio ================= */
.portfolio_1_4 {
	padding:0 0 0 0;
	margin:0 -20px 0 0;
}
.portfolio_1_4 ul {
	width:960px;
	margin-bottom:0;
}
.portfolio_1_4 ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}
.portfolio_1_4 ul li {
	margin:0 20px 60px 0;
	width:220px;
	height:324px;
	float:left;
	background:#FFF;
}
.portfolio_1_4 ul li .image {
	width:208px;
	height:117px;
	padding:5px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.portfolio_1_4 ul li .image .portfolio_image {
	width:208px;
	height:155px;
}
.portfolio_1_4 ul li .title {
	border-bottom:1px solid #cccccc;
	text-align:left;
	display:block;
	padding:10px 0 10px 0;
	font-size:16px;
	color:#262626;
}
.portfolio_1_4 ul li .title a {
	font-size:16px;
	color:#262626;
}
.portfolio_1_4 ul li .title a:hover {
	color:#d93e39;
}
.portfolio_1_4 ul li .description {
	display:block;
	padding:10px 0 10px 0;
	font-size:11px;
	line-height:22px;
	color:#4d4d4d;
}
.portfolio_1_4 ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}
.portfolio_1_3 {
	padding:20px 0 0 0;
	
	margin:0 -20px 0 0;
}
.portfolio_1_3 ul {
	width:960px;
	margin-bottom:0;
}
.portfolio_1_3 ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}
.portfolio_1_3 ul li {
	margin:0 20px 50px 0;
	width:300px;
	height:380px;
	float:left;
	background:#FFF;
}
.portfolio_1_3 ul li .image {
	width:288px;
	height:215px;
	padding:5px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.portfolio_1_3 ul li .image .portfolio_image {
	width:288px;
	height:215px;
}
.portfolio_1_3 ul li .title {
	border-bottom:1px solid #cccccc;
	text-align:left;
	display:block;
	padding:10px 0 10px 10px;
	font-size:19px;
	color:#900;
	font-family: 'Lily Script One', cursive;
	text-align:center;
}
.portfolio_1_3 ul li .title a {
	font-size:18px;
	color:#262626;
}
.portfolio_1_3 ul li .title a:hover {
	color:#d93e39;
}
.portfolio_1_3 ul li .description {
	display:block;
	padding:10px;
	
	font-size:12px;
	line-height:22px;
	color:#4d4d4d;
}
.portfolio_1_3 ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}
.portfolio_1_2 {
	padding:0 0 0 0;
	margin:0 -40px 0 0;
}
.portfolio_1_2 ul {
	width:960px;
}
.portfolio_1_2 ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}
.portfolio_1_2 ul li {
	margin:0 20px 60px 0;
	width:460px;
	height:454px;
	float:left;
	background:#FFF;
}
.portfolio_1_2 ul li .image {
	width:448px;
	height:325px;
	padding:5px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.portfolio_1_2 ul li .image .portfolio_image {
	width:448px;
	height:325px;
}
.portfolio_1_2 ul li .title {
	border-bottom:1px solid #cccccc;
	text-align:left;
	display:block;
	padding:10px 0 10px 0;
	font-size:18px;
	color:#262626;
}
.portfolio_1_2 ul li .title a {
	font-size:18px;
	color:#262626;
}
.portfolio_1_2 ul li .title a:hover {
	color:#d93e39;
}
.portfolio_1_2 ul li .description {
	display:block;
	padding:10px 0 10px 0;
	font-size:11px;
	line-height:22px;
	color:#4d4d4d;
}
.portfolio_1_2 ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}
.portfolio_slider_container {
	margin-bottom:0px;
	position: relative;
	float: left;
	width: 100%;
}
.portfolio_slider {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.portfolio_slider li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.portfolio_slider img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}
.portfolio_slider .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	background: red;
	color: #fff;
	background: #000;
	background: rgba(0,0,0, .4);
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	font-size:14px;
}
.portfolio_slider_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 40%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 50px;
	width: 45px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin:0 10px;
}
.portfolio_slider_nav:active {
	opacity: 1.0;
}
.portfolio_slider_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
 @media screen and (max-width: 600px) {
.portfolio_slider_nav {
	top: 47%;
}
}
.portfolio_social li {
	display:inline;
	padding-right:5px;
}
/* === Portfolio category filter === */

.filter ul {
	margin:0;
}
.filter ul li {
	margin:0;
	padding:0;
	float:left;
}
.filter ul li {
	padding:0 5px;
}
.filter ul li.last {
	padding:0 5px;
}
.filter a {
	color: #ffffff;
	display: inline-block;
	padding:8px 10px;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
}
.filter a:hover {
	color:#de5853;
	text-decoration:none;
}
.filter a.selected {
	color:#262626;
	background-color:#CC9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:8px 10px;
	color:#900;
}
.portfolio_button_left {
	float:left;
}
.portfolio_button_right {
	float:right;
}
.portfolio_button_right .button_medium span {
	margin-right:0;
}
.portfolio_nav {
	float:right;
	margin:10px 0 10px 0;
}
.portfolio_nav li {
	float:left;
}
.portfolio_nav a.next {
	float:left;
	display:block;
	background:url("../images/portfolio_next.png") no-repeat top right;
	padding-right:30px;
	color:#b8b8b8;
	font-size:14px;
	font-family:"Lato", serif;
	text-decoration:none;
	height:22px;
}
.portfolio_nav a.next:hover {
	background:url("../images/portfolio_next.png") no-repeat bottom right;
	text-decoration:none;
	color:#d93e39;
}
.portfolio_nav a.prev {
	float:left;
	display:block;
	background:url("../images/portfolio_prev.png") no-repeat top left;
	padding-left:30px;
	color:#b8b8b8;
	font-size:14px;
	font-family:"Lato", serif;
	text-decoration:none;
	height:22px;
}
.portfolio_nav a.prev:hover {
	background:url("../images/portfolio_prev.png") no-repeat bottom left;
	text-decoration:none;
	color:#d93e39;
}
.portfolio_nav li.separator {
	background:url("../images/portfolio_separator.png") no-repeat center bottom;
	text-decoration:none;
	width:1px;
	height:22px;
	padding:0 20px;
}
.boldlink {
	font-size:13px;
	font-weight:bold;
}
/* === Clearfix === */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}


/* ================= Categories ================= */
.categories ul {
	margin:-10px 0 0 0;
}
.categories ul li a {
}
.categories ul li a:hover, .categories ul li a.selected {
	text-decoration:none;
	color:#d93e39;
}



/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* ================= Portfolio ================= */
	.portfolio_1_4 ul {
	width:768px;
}
.portfolio_1_4 ul li {
	width:172px;
	height:308px;
}
.portfolio_1_4 ul li .image {
	width:160px;
	height:120px;
}
.portfolio_1_4 ul li .image .portfolio_image {
	width:160px;
	height:120px;
}
.portfolio_1_4 ul li .title {
	font-size:14px;
}
.portfolio_1_4 ul li .title a {
	font-size:14px;
}
.portfolio_1_3 ul {
	width:768px;
}
.portfolio_1_3 ul li {
	width:236px;
	height:345px;
}
.portfolio_1_3 ul li .image {
	width:224px;
	height:168px;
}
.portfolio_1_3 ul li .image .portfolio_image {
	width:224px;
	height:168px;
}
.portfolio_1_2 {
	padding:0;
}
.portfolio_1_2 ul {
	width:768px;
}
.portfolio_1_2 ul li {
	width:364px;
	height:404px;
}
.portfolio_1_2 ul li .image {
	width:352px;
	height:275px;
}
.portfolio_1_2 ul li .image .portfolio_image {
	width:352px;
	height:275px;
}


/* ================= Container and Columns ================= */
	.container {
	width: 748px; margin-left:5%;
}
.col_1_2 {
	width: 364px;
}
.col_1_3 {
	width: 236px;
}
.col_2_3 {
	width: 492px;
}
.col_1_4 {
	width: 172px;
}
.col_1_5 {
	width: 133px;
}
.col_3_4 {
	width: 556px;
}
.content .col_1_2 {
	width:239px;
	margin:0 10px 0 0;
}
.content .col_1_3 {
	width:156px;
	margin:0 10px 0 0;
}
.content .col_2_3 {
	width:322px;
	margin:0 10px 0 0;
}
.content .col_1_4 {
	width:114px;
	margin:0 10px 0 0;
}
.content .col_1_5 {
	width:89px;
	margin:0 10px 0 0;
}
.content .col_3_4 {
	width:362px;
	margin:0 10px 0 0;
}

}


/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 767px) {


/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:300px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:300px;
	height:366px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:288px;
	height:215px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:288px;
	height:215px;
}
.portfolio_nav {
	float:left;
	margin:10px 0 10px 0;
	
}
.portfolio_image {
	width:268px;
	height:215px;
}
/* ================= Portfolio Filter ================= */
	.filter {
	float:none;
}
.filter {
	padding:0;
	margin:0;
}
.filter ul {
	margin:0 0 0 -50px;
	position:static !important;
	width:100%;

}
.filter ul li {
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.filter ul li a {
	width:100%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 0;
	padding:5px !important;
}
.filter li.separator {
	display:none !important;
}
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:600px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:300px;
}

.filter ul li a {
	width:50%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 50px;
	padding:5px !important;
}

}



/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Portfolio ================= */
.cinta{ margin-left:-80px;}	
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0 0 0 -50px;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:420px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:420px;
	height:445px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:408px;
	height:305px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:408px;
	height:305px;
}
.portfolio_image {
	width:388px;
	height:305px;
}
/* ================= Container and Columns ================= */
	.companies .cbody {
	width:420px;
	margin:0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}

.filter ul li a {
	width:60%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 0;
	padding:5px !important;
}

#textos1 {
    width: 408px; margin:10px auto;
}

.cinta{ margin:0 auto;}

}


/* ================= Mobile (Portrait) < 320px ================= */
@media only screen and (max-width: 317px) {
/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:226px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:226px;
}

.content {
	width:226px;
	margin-right:0;
}



/* =================  Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:226px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 40px -40px;
	width:226px;
	height:342px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:214px;
	height:160px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:214px;
	height:160px;
}
.portfolio_image {
	width:194px;
	height:160px;
}

.filter ul li a {
	width:100%;
	border-bottom:1px dotted #cccccc;
	margin:0 0 10px 0;
	padding:5px !important;
}

#textos1 {
    width: 295px; margin:0 0 10px -40px;
}

#textos1 p{font-family: 'Lato', sans-serif; text-align:justify; font-size:16px; line-height:1.5; color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); padding:15px;}


.cinta{ margin:0 0 0 -80px;}

}
