/*Murma - by Lisa Templates & HotDesign*/

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

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


/******* general *******/
body{ margin:0px; }
a{ -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration:none; }
a:hover{}
p, div, input, textarea{ font-family:'Arial'; font-size:13px; text-align:justify; }
h1, h2, h3, h4, h5{ font-family:'Arial';  }
h1{ font-size:22px; }
h2{ font-size:16px; font-weight:normal; }
span{}
table{}
tr{}
td{}
hr{}
img{ border:none; }
ul{  }
li{ font-family: 'droid_sansregular'; font-size:12px; list-style:none; }
iframe{ margin:0; padding:0; }

/*main container*/
#vg-main-container{ width:100%; }

	/*header*/
	#vg-header{ margin-top:-40px; height:100px; }
	
		/*logo*/
		#vg-logo{ float:left; background:url(../images/logo.png) no-repeat -10px 30px; width:335px; height:111px; }
			#vg-logo a{ display:block; text-indent:-9999%; width:100%; height:100%; }
		
		/*menu*/
		#vg-menu{ float:right; margin:42px -10px 42px auto; }
			#vg-menu ul {  }
				#vg-menu ul li{ display:inline-block; }
					#vg-menu ul li a{ margin:0 10px; font-size:14px; font-family:'droid_sansbold'; }
						#vg-menu ul li a:hover, .vg-active{ margin-bottom:-1px; }
							#vg-menu li ul{ position:absolute; margin:10px; padding:14px 19px; visibility:hidden; }
							.vg-submenu{ z-index:2147483647; }
								#vg-menu li ul li{ display:list-item; list-style:none; }
								.vg-sub-first{ margin-top:-5px; border-top:none !important; }
								.vg-sub-last{ margin-bottom:-5px; border-bottom:none !important; }
									#vg-menu li ul li a{ margin:0px; line-height:36px; }
										#vg-menu li ul li a:hover{ margin-bottom:0px; }

		
	/*slider*/
	#vg-slider{ height:360px; padding-top:5px; }
		.flexslider{ overflow:hidden; width:508px; border-radius:0px !important; float:right; }
			.flex-control-nav{  margin-bottom:50px !important;  right:0px;  }
				.flex-control-paging li a{ text-indent: -9999% !important; width:13px !important; height:13px !important; font-size:0px; }
			.flex-caption{ position:absolute; margin-left:565px; margin-top:75px; }
				.vg-title-slide{ font-size:28px; }
				
	/*materiales*/
	
	.materiales{float:left; width:400px; height:393px;   word-wrap: break-word; padding: 10px 10px 10px 10px; }
		.materiales p{font-family:'Arial'; font-size:12px; width:280px; margin-top:15px; margin-left:40px; }
		.materiales h10{font-family:'Arial'; font-weight:bold; font-size:22px; margin-left:35px; color:#444;}
	
	/*intro*/
	#vg-intro{ margin-top:1px; padding:05px 0; min-height:263px; }
		.vg-what{ float:left; margin-left:10px;}
		.vg-we-especialized{ float:right; }
		.vg-readmore{ font-family:'droid_sansregular'; font-size:12px; }
		.vg-lines{ height:33px;}
		.vg-lines-no{ padding: 0 25px; }
		.vg-lines-no-2{ padding-right:25px;  }
		.vg-subtitle{ font-weight:bold; font-size:16px; }
		.vg-lines2{ background:url(../images/lines2.png) repeat-x center center; height:24px; width:100%; }
		.vg-quotes{ text-align:center; font-style:italic; }
		.vg-tiny-icons{  }
			.vg-tiny-icons a{ margin-right:4px; }
		.vg-separator{ width:540px; margin:30px auto 15px auto; background:url(../images/separator.jpg) repeat-x; height:2px; }
		.vg-superblock{   }
			.vg-supertext{ margin:28px 55px; }
				.vg-supertext p{  }
			.vg-superlink { float:right; margin-top:-44px; }
				.vg-superlink  a{ font-size:13px; font-weight:bold; padding:16px 30px; text-transform:uppercase; }
		.vg-big-fail{ font-size:185px; margin:0; }
		.vg-superlink-2 { float:left; margin-right:30px; }
				.vg-superlink-2  a{ border-radius:1600px; font-size:28px; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; width:97px; height:97px; text-transform:uppercase; }
	
	/*services icons*/
	.vg-webdesign-icon{ background:url(../images/icons/web-design.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-copywrite-icon{ background:url(../images/icons/copywrite.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-seo-icon{ background:url(../images/icons/seo.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-analytics-icon{ background:url(../images/icons/analytics.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-webdev-icon{ background:url(../images/icons/web-dev.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-graphicdesign-icon{ background:url(../images/icons/graphicdesign.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-ecommerce-icon{ background:url(../images/icons/ecommerce.png) no-repeat left center; padding-left:40px; line-height:30px; }
	.vg-management-icon{ background:url(../images/icons/management.png) no-repeat left center; padding-left:40px; line-height:30px; }
		
	
	/*we specialized in*/
	.vg-icons{ margin:10px 0 10px -39px; }
		.vg-icons li{ margin:17px 0; padding-left:5px; }
			.vg-laptop{ background:url(../images/icons/laptop.png) no-repeat left center; }
			.vg-computer{ background:url(../images/icons/computer.png) no-repeat left center; }
			.vg-shopping{ background:url(../images/icons/shopping.png) no-repeat left center; }
			.vg-brush{ background:url(../images/icons/brush.png) no-repeat left center; }
			.vg-pencil{ background:url(../images/icons/pencil.png) no-repeat left center; }
			
	.vg-icons-2{ margin:10px 60px 10px -39px; }
		.vg-icons-2 li{ margin:32px 0; padding-left:51px; text-align:left; }		
			.vg-location{ background:url(../images/icons/location.png) no-repeat 5px center; }
			.vg-phone{ background:url(../images/icons/phone.png) no-repeat left center; }
			.vg-vcard{ background:url(../images/icons/vcard.png) no-repeat left center; line-height:22px; }
			
			.vg-video{ background:url(../images/icons/video.png) no-repeat left center; }
			.vg-author{ background:url(../images/icons/author.png) no-repeat left center; }
			.vg-date{ background:url(../images/icons/date.png) no-repeat left center; }
			.vg-comments{ background:url(../images/icons/comments.png) no-repeat left center; }
	.vg-icons-mod{ margin:22px 0 10px -10px !important; }
		.vg-icons-mod li{ line-height:24px !important; margin:10px 0 !important; }
			/*.vg-icons-mod li.vg-icons-mod-last{ margin:auto !important; }*/
	
	/*latest projects*/
	#vg-latest-projects{ min-height:auto; }
		.vg-project, .vg-project-2{ width:298px; height:507px; float:left; text-align:center; margin-right:21px; margin-bottom:39px; }
			.vg-project img{ margin-top:9px; }
			.vg-project a{ float:left; margin-left:9px; margin-top:7px; padding:2px 20px 2px 0; width:85px; }
				#vg-latest-projects .vg-last{ margin-right:0px !important; }
		.vg-project-2{ margin-top:10px; width:277px; height:277px; float:left; text-align:center; margin-right:21px; margin-bottom:20px; }
			.vg-project-2 img{ margin-top:11px; }
			.vg-project-2 a{ float:left; margin-left:9px; margin-top:7px; padding:2px 20px 2px 0; width:85px; }
				.vg-last-2{ margin-right:0px !important; }
		.vg-filtering{}
			.vg-filtering a{ margin-right:12px; font-family: 'rockwell'; font-size:16px; }
			.vg-filtering .vg-pages-active{ }
		.vg-views{ float:right;margin-top:15px; }
		.vg-next-img-active, .vg-next-img-normal:hover{ width:13px; height:11px; float:right; margin-top:8px; margin-left:5px; } 
		.vg-next-img-normal{ width:13px; height:4px; float:right; margin-top:13px; margin-left:5px; } 
	
	/*blog*/
	.vg-posts-left{ float:left; width:616px; margin-bottom:-20px; }
		.vg-intro-data{ width:162px;height:145px;float:right; min-height:172px; margin:-4px 0 0 0; }
	.vg-feature{ font-style:italic; text-decoration:underline; }
		.vg-feature img.vg-featured-thumb{ padding:3px; float:left; margin-right:10px; }
		.vg-stars{ margin-top:10px; }
	
	/*map*/
	.vg-map{ margin-top:0px; margin-bottom:70px; }
	
	/*twitter*/
	#vg-twitter{ background:url(../images/twitter-bg.png); }
		.vg-twitter{ min-height:103px; background:url(../images/icons/twitter.png) no-repeat left center; }
	#ticker{  height:107px; }
	.tweet_list {
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		list-style: none outside none;
		margin: 0;
		overflow-y: hidden;
		padding: 0;
	}
	.tweet_list li {
		list-style-type: none;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0.5em;
		font-family: 'droid_sansregular';
		font-size:16px;
		font-weight:normal;
	}
	.tweet_list li a {
		font-family: 'droid_sansregular';
		font-size:16px;
	}
	.tweet_list .tweet_even {
	}
	.tweet_list .tweet_avatar {
		float: left;
		padding-right: 0.5em;
	}
	.tweet_list .tweet_avatar img {
		border-radius: 24px 24px 24px 24px;
		vertical-align: middle;
	}
	#ticker ul.tweet_list {
		height: 100px;
		overflow-y: hidden;
		width:80%;
		margin:0 auto;
	}
	#ticker .tweet_list li {
		height: 50px;
		padding-top:45px;
	}
	.tweet, .query {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: auto;
	}
	
	/*footer*/
	#vg-footer{  }
		.vg-footer-title{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:45px; margin-right:20px; }
		.vg-socials{ margin:10px 0; }
			.vg-socials a{ margin-right:4px; }
		.vg-flickr{ width:245px; }
			.flickr_badge_image{ float:left; margin:8px 8px 6px 0; }
				.flickr_badge_image a img{ width:42px !important; height:42px !important; }
	
	/*credits*/
	#vg-credits{ height:05px; }
		.vg-copyright{ float:left; text-transform:uppercase; font-size:10px; margin:15px 0 0 0; }
		.vg-top{ float:right; }
			.vg-top a{ text-decoration:underline; padding:6px 35px 6px 35px; text-transform:uppercase; font-size:10px; display:block; margin:10px 0; }
	
	/*form*/
	.vg-name{ float:left; margin-right:30px; }
		.vg-name input[type="text"]{ padding:0 10px; width:100px; height:40px; font-size:25px; }
	.vg-email{ float:left; margin-right:30px; }
		.vg-email input[type="text"]{ padding:0 10px; width:100px; height:40px; font-size:25px; }
	.vg-subject{ float:left; margin-right:0px; }
		.vg-subject input[type="text"]{ padding:0 10px; width:100px; height:40px; font-size:25px; }
	.vg-message{ margin-right:0px; padding-top:10px; }
		.vg-message textarea{ padding:10px 10px; width:557px; height:50px; font-size:15px; }
	.vg-file{ float:left; margin-right:0px;  }
		.vg-file input[type="file"]{ padding:0 10px; width:557px; height:40px; font-size:15px; }
	.vg-accept{}
		.vg-accept input[type="checkbox"]{  }
	.vg-submit{ padding-top:10px; }
	
	/*widths*/
	.vg-size{ width:942px; margin:0 auto; display:table; margin-top:25px; }
		.vg-size-1{ width:204px; }
		.vg-size-2{ width:699px; }
		.vg-size-3{ width:280px; }
		.vg-size-4{ width:25%; }
		.vg-size-5{ width:30%; }
		.vg-size-6{ width:20%; }
		.vg-size-7{ width:616px; height:491px; }
		.vg-size-8{ width:280px; }
		.vg-size-9{ width:616px; min-height:525px; }
		
	.vg-size-index{ width:942px; margin:0 auto; display:table; margin-top:0px; }
		.vg-size-1{ width:204px; }
		.vg-size-2{ width:699px; }
		.vg-size-3{ width:280px; }
		.vg-size-4{ width:25%; }
		.vg-size-5{ width:30%; }
		.vg-size-6{ width:20%; }
		.vg-size-7{ width:616px; height:491px; }
		.vg-size-8{ width:280px; }
		.vg-size-9{ width:616px; min-height:525px; }
	
		
	/*columns*/
	.vg-column{ float:left; }
		.vg-column .vg-block{ margin-bottom:59px; }
		.vg-block-2{ margin-right:15px; margin-left:35px; }
	.vg-column-last{ margin-right:0 !important; }
	.vg-column-first{ margin-left:0 !important; }
		.vg-onehalf{ width:50%; }
			.vg-onehalf .vg-block{ margin-right:20px; }
		.vg-onethird{ width:33.3%; }
			.vg-onethird .vg-block{ margin-right:26px; margin-left:26px; }
		.vg-onefour{ width:33%; }
			.vg-onefour .vg-block{ margin-right:21px; margin-left:21px; margin-top:50px; }
		.vg-twothird{ width:66.6%; }
			.vg-onethird .vg-block{ margin-right:26px; margin-left:26px; }
		.vg-threefour{ width:75%; }
			.vg-threefour .vg-block{ margin-right:21px; margin-left:21px; }
	
	/*margins*/
	.vg-margin-1{ margin-right:22px; }
	.vg-margin-2{ margin-top:5px; }
	.vg-margin-3{ margin-left:35px; }
	.vg-margin-4{ margin-top:-12px; }
	.vg-margin-5{ margin-top:-00px; }
	.vg-margin-6{ margin-top:0px; }
	.vg-margin-7{ margin-top:28px; }
	.vg-margin-8{ margin-top:50px; margin-bottom:59px; }
	.vg-margin-9{ margin-bottom:55px; }
	.vg-margin-10{ margin-bottom:30px; }
	.vg-margin-11{ margin-top:-6px; }
	.vg-margin-12{ margin-top:25px; }
	.vg-margin-13{ margin-bottom:47px; }
	.vg-margin-14{ margin-bottom:90px; }
	.vg-margin-15{ margin-right:10px; margin-left:10px; }/*margin-right:10px;*/
	.vg-margin-16{ margin-bottom:25px; }
	.vg-margin-17{ margin-bottom:39px; }
	.vg-margin-18{ margin-top:32px; }
	
	/*paddings*/
	.vg-padding-1 li{ padding-top:10px !important; padding-bottom:10px !important; }
	
	/*tags*/
	.vg-tag-1{ font-size:9px;}
	.vg-tag-2{ font-size:14px;}
	.vg-tag-3{ font-size:17px;}
	.vg-tag-4{ font-size:21px;}
	.vg-tag-5{ font-size:25px;}
	.vg-tag-6{ font-size:35px;}
	.vg-tag-7{ font-size:40px;}
	
	/*aligns*/
	.vg-center{ text-align:center; }
	.vg-right{ text-align:right; }
	.vg-left{ text-align:left; }
	
	/*lists*/
	.vg-list-1{ margin-left:-5px; width:125px; }
		.vg-list-1 li{ padding-left:20px; padding-top:5px; padding-bottom:5px; }
	.vg-list-2{ margin-left:-40px; width:125px; }
		.vg-list-2 li{ padding-left:20px; padding-top:5px; padding-bottom:5px; }
	.vg-list-3{ margin-left:-40px; width:125px; }
		.vg-list-3 li{ padding-left:20px; padding-top:5px; padding-bottom:5px; }
	.vg-list-4{ margin-left:-40px; width:125px; }
		.vg-list-4 li{ padding-left:20px; padding-top:5px; padding-bottom:5px; }
		
	/*see more*/
	.vg-seemore-btn{ padding:2px 20px 2px 6px; width:80px; }
	.vg-seemore-btn-2{ padding:8px 16px; }
	
	/*line height*/
	.vg-line-height{ line-height:30px; 	 }