/*CSS Reset
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, menuFont {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


		
/*Globel
---------------------------------------------------------*/
#cabecera {height: 5px;

background-color: #0091ed;

color: #fff;

text-align: center;

}
body{
		background:url(/images/bg1.gif) repeat ; height:100%;
		font-size:11px;
		color:#555555;
		 font-family: 'MyriadPro-Regular', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;;
    	src: url('../_font/MyriadPro-Regular.eot');
	    src: url('../_font/MyriadPro-Regular.otf') format('opentype');

		}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../_font/MyriadPro-Regular.eot');
    src: url('../_font/MyriadPro-Regular.otf') format('opentype');
    
    font-weight: normal;
    font-style: normal;

}




img{
	   	border:none;}
	   



a{
		color:#75cdd2;
		text-decoration:none;}
		
a:hover{
		color:#75cdd2;
		text-decoration:underline;}	


hr{
	background:#e0e0e0;
	height:1px;
	border:none;
	margin-top:9px;}
	
.nomarginright{
		margin-right:0px !important;
		}	
	
.nomarginleft{
		margin-left:0px !important;
		}	

.paddingleft{
	padding-left: 50px;
}

.noborderright{
		border-right:none !important;}

/*Logo
---------------------------------------------------------*/

#logo_container{
		float:left;
		margin-top:5px;}

#logo{
		background:url(../images/lo.png) no-repeat left;
		width:429px;
		float:left;
		height:126px;
		
		}
.tag_line{
		font-size:12px;
		color:#666;
		float:left;
		padding:5px 0px 0px 25px;

		}
		

/*Font Color
---------------------------------------------------------*/	

.pink{
		color:#ef5656;
		}
		
.light{
		color:#75cdd2;}	
		
		
.black{
		color:#2f2f2f;
		font-size:14px;
		font-weight:500;}	
		
		
.dark_grey{
		color:#2f2f2f;
		font-weight:500;
		}			

/*Heading and Paragraph
---------------------------------------------------------*/	

h1{
	font-size:15px;
	text-align:left;
	color:#2f2f2f;}
	

h2{
	font-size:30px;
	text-align:left;
	  font-family: 'MyriadPro-Regular';
	color:#51565e;}
	
h3{
	font-size: 18px;
	color: #2f2f2f;
	font-weight: bold;
}	

h4{
	font-size: 18px;
	text-align: left;
	font-family: 'MyriadPro-Regular';
	color: #2f2f2f;
}
	
h5{
	font-size: 16px;
	text-align: left;
	font-family: 'MyriadPro-Regular';
	color: #2f2f2f;
}
	
	
f1{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
	
.home-items{
	font-size:20px;
	text-align:center;
	color:#036;
	margin-bottom:10px;
    }
	
	
		
p{
	font-size: 14px
	line-height: 20px;
	padding: 0 0 15px 0;
	text-align: justify;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	
   
}
pabout{
	font-size: 15px;
	line-height: 20px;
	text-align:justify;
	padding: 0 0 12px 0;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, sans-serif;
}
menuFont{
		font-size: 15;
}
tit{
	font-size: 18px;
	text-align: left;
	font-family: 'MyriadPro-Regular';
	color: #2f2f2f;
}
	ini{
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 12px 0;
	font-family: Century Gothic, Trebuchet MS, Helvetica, Arial, sans-serif;
	
}
.main_heading{
		padding:20px 0px 20px 0px;}


/*Navigation
---------------------------------------------------------*/	

#nav_wrapper {
	position:relative;
	display:inline;
	float:right;
	margin-right:15px;
	margin-top:16px;

}

#nav, #nav ul{
	margin: 0;
	padding: 0;
	position: relative;
	font-family: inherit;
}
 
#nav a{
	display:block;
	padding:8px 10px;
	color:#fff;
	text-decoration:none;
}

#nav li{
	position:relative;
	float:left; 
	list-style:none;
	padding: 15px 0;
	margin-right:5px;
	font-weight:normal;
	font-size:15px;
	font-weight:normal;
	line-height:15px;
}

#nav li a { color:#4b4641; }

#nav li a:hover{ color:#fff; background:#75cdd2;}

#nav ul li { padding:0;}

#nav ul {
	position:absolute;
	width:200px;
	top:45px;
	background:#75cdd2;
	border-top:none;
	display:none;
	z-index:50;
}

#nav li ul a {
	width:190px; 
	float:left;
	padding-right: 0;  
	font-size:15px; 
	font-weight:normal;
	border-bottom:1px solid #70c3c7;
}

#nav li ul li a:hover { background:#62c5ca; color:#FFF;}

#nav ul ul {top:auto;}

#nav li ul ul {left:200px; border-top:3px solid #327a31;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

#nav .current_page_item a { background:#75cdd2; color:#fff; border-radius: 1em 4em 1em 4em; box-shadow:0 3px 3px rgba(0, 0, 0, 0.3)}


/*Qucik Navigation
---------------------------------------------------------*/	

ul#q_nav{
		float:left;
		margin-top:30px;
		}
		
ul#q_nav li{
		list-style:none;
		text-align:center;
		display:inline;
		margin:0;}


		
ul#q_nav li a{
		color:#51565e;
		text-align:center;
		padding:0px 3px 0px 0px;
		font-size:15px;
		margin:0;}
		
ul#q_nav li a:hover{
		color:#51565e;
		
		text-decoration:none;
		margin:0;
		border:none;
		border-radius: 15px;
		}	
		 
		 
ul#q_nav li a.active{
		color:#75cdd2;
		text-decoration:none;
		margin:0;
		/* Rounded corners */  
		border:none;
		border-radius: 15px;
	}	


/*Slider
---------------------------------------------------------*/	


#slider{
		margin-top:12px;}
		
/* slideshow */
#slideshow, #slideshow_noslide {
	position:relative;
	width:940px;
	height:312px; 
	margin:0px auto 0px;
	overflow:hidden;
	clear:both;
	box-shadow:0 15px 40px rgba(0, 0, 0, 0.7);
	
}

.slide_entry, .slide_entry_noslide { position: relative; width: 940px; height:312px; }

#slideshow ul { 
	left:0px; 
	width: 940px; 
	top:0px; 
	overflow: hidden; 
	position: absolute; 
}

#slideshow ul li {
	float: left;
	position: absolute;
	text-align: center;
	width: 940px;
	height: 312px;
	top: -41px;
	left: -1px;
}

.main_title, .subtitle {
	position:absolute;
	left:-650px;
	padding:10px;
	width:600px;
	text-align:left;
	color:#fff;
	background:#333;
	opacity:0.5;
	
}

#number { 

	z-index: 50; 
	position: absolute; 
	bottom: 5px; 
	right: 10px; 
	font-size:25px;
	text-shadow: 0px 2px 3px #555;
}

#number a { margin: 0 5px; padding: 3px 5px; color:#0091ed; }

#number a.activeSlide { color: #0091ed; text-shadow: 0px 2px 3px #555;;}

#number a:hover { color: #ffff; text-shadow: 0px 2px 3px #555;;}

#number a:focus { outline: none; text-shadow: 0px 2px 3px #555;; }

.main_title { bottom: 75px; font-size:26px;
			  font-family:Qubix;  text-shadow: 0px 2px 3px #555;}

.subtitle { top:240px; font-size:16px; text-shadow: 0px 2px 3px #555;}
		
		
/*Right Side
---------------------------------------------------------*/	
.right_side{	
		margin-top:13px;}
		
		

		

.clients{
		width:220px;
		height:79px;
		display:block;
		border:1px solid #e4f1f2;
		margin:10px 0px 10px 0px;}


/*Circule
---------------------------------------------------------*/	

.circle{
		margin:50px 30px 5px 0px;
		border-radius: 6px;}


/*Box
---------------------------------------------------------*/	


.box{
	padding: 0px 7px 0px 7px;
	text-align: justify;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.side_border{
		border-left:#e0e0e0 20px solid;
		margin:0px 0px 20px 0px;
		padding:10px 0px 5px 20px; 
		}
		
.text_container{
		margin:30px 0px 70px 0px ;}		


/*Divider
---------------------------------------------------------*/	

.divider{
		background:url(../images/divider.png) no-repeat;
		width:940px;
		height:16px;
		margin:52px 0px 20px 0px;
		
		}
		
/*filtering and portfolio
---------------------------------------------------------*/	
#main{
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
	width:100%;
	
}


#filtering-nav, #project_navi {
	display:inline;
	float:left;  
    padding: 0;
	font-family: Century Gothic;
	
	margin:0 0px 20px;
}

#filtering-nav li, #project_navi li { 
	list-style: none;
	float: left; }

#filtering-nav li a, #project_navi li a  {
    display: block;
    padding: 8px 30px 10px 0px;
    margin: 10px 10px 10px 0px;
	color:#333;
	font-size:15px;
	
}

#filtering-nav li a:hover, #project_navi li a:hover {
	 background:none; 
	 color:#75cdd2;
	 text-decoration:none;}



.wrap_page {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}


.wrap_image {
	 position:relative; 
	 float:left; }

.columns_1 .portfolio_box {
	 width: 940px;
	}
	 
.columns_1 .portfolio_box img, .columns_1 .portfolio_box a img {
	width:940px; 
	height:300px; 
	max-width:940px;}	 

.columns_2 .portfolio_box {
	width: 300px;}

.columns_2 .portfolio_box img, .columns_2 .portfolio_box a img {
	width:300px;
	height:200px;
	max-width:300px;}

.portfolio_box { 
	float: left; 
	margin: 0px 10px 10px 0px; }

.portfolio_box h2 {
	margin-bottom:5px;
	font-size:18px;}


a.over_image { 
	position:absolute;
	top:-60px;
	left:50%;
	width: 100px;
	background:#75cdd2;
	height:24px;
	color:#fff;
	display:none;
	line-height:22px;
	padding:5px;
	margin: -12px 0 0 -55px;
	text-align:center;
	text-decoration:none;
}

/*pagination
---------------------------------------------------------*/	

#pagination {
	padding: 20px 0; 
	float:left; 
	position:relative; 
	width: 940px;
	clear:both;
	margin:10px;
	text-align:right;
	margin-bottom:20px; font-size:12px;
}

#pagination li { display:inline;} 

#pagination li a{ color:#4b4641; padding: 13px 15px;}

#pagination li.pag_current a  { background:#75cdd2; padding:13px 15px; color:#fff;}

#pagination li a:hover { background:#75cdd2; color:#fff;}


/*Button
---------------------------------------------------------*/	
	
		
.bottom_heading{
		width:700px;	
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		text-align:left;
		color:#555555;}	
			
/*Address
---------------------------------------------------------*/	

.address{
		padding:25px 0px 0px 0px;}

/* ============================= forms ============================= */
/* Contact Form */

	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; font-family:Tahoma, Geneva, sans-serif; color:#555555;width:30px; font-size:11px;text-align:right; float:left; margin-right:10px;}
	
		
			
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:350px;}
	#contact_form textarea				{width:350px;height:200px; resize: none;}
	#contact_form input.button			{float:right;}
	
	/* Comment form */
	.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 							{text-align:right;}
	.error                              {display:none; color:#cf0606;}  
	.success							{display:none; color:#035f06;}
	
	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	 html .clearfix 					{height:1%;}
		.hr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.pr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;}
	.dotted								{border-style:dashed; border-left:0; border-right:0;}	
	
.buttons {padding-top:8px;text-align:right}
.buttons a {margin-left:16px}

.button {display:inline-block;font-size:14px;line-height:24px;min-width:71px;padding:7px 5px;color:#696969;text-align:center;border:1px solid #999999;background:url(../images/button-tail.gif) 0 0 repeat-x #eee;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.button:hover {color:#fff;background:#696969}
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#376092;color:#fff}

						
.send_btn{
		width:93px;
		height:34px;
		float:left;
		background:url(../images/send_btn.png) no-repeat;
		line-height:34px;
		color:#FFF;
		text-align:center;
		font-family: Century Gothic;
		font-size:13px;
		text-decoration:none;
		margin-top:20px;}

/*Team
---------------------------------------------------------*/	
.team_img{
		width:500px;
		margin:0  auto;
		height:500px;
		}
	
			

/*Blog
---------------------------------------------------------*/	

.blog{
		padding-top:20px;
		margin-bottom:20px;
		float:left;}
		
		
.blog h1{
		
	font-size:26px;
	text-align:left;
	font-family: 'MyriadPro-Regular';
	color:#51565e;}


.blog .img_blog{
		width:280px;
		height:180px;
		float:left;
		margin:15px 15px 0px 0px;
		background:#333;}

		
/*Footer
---------------------------------------------------------*/	


#footer{
		height:86px;
		background:url(../images/footer.jpg) repeat;
		padding:9px 0px 0px 2px;
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px;  
		 border-radius: 7px; 
		 behavior: url(border-radius.htc);
		
		}

#footer p{
	color: #0e3a3c;
	font-size: 12px;
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 15px;
	text-shadow: 0px 2px 3px #555;
}	
}

#footer a{
	color: #003366;
	font-family: inherit;
	-webkit-transition: color 2s;
	-moz-transition: color 2s;
	-ms-transition: color 2s;
	-o-transition: color 2s;
	transition: color 2s;
}


#footer h1{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1A1F44;
	font-weight: bold;
	text-align: center;
}	
		
		
#footer .social_icon{
		width:36px;
		height:36px;
		margin:10px 5px 0px 0px;
		float:left;}
	
		

#footer input{
		background:url(../images/search_field.png) no-repeat;
		width:198px;
		height:25px;
		text-indent:8px;
		margin:14px 0px 5px 0px;
		border:none;}
		
#footer .text_shadow{
		text-shadow: 0px 2px 3px #555; font-size:13px;}	
		
.copyright{
		font-family:Tahoma, Geneva, sans-serif;
		color:#7b7b7b;
		font-size:12px;
		float:left;
		padding:10px 0px 20px 0px;}	
		
		
ul#footer_nav{
		float:right;
	   padding:10px 0px 0px 0px
		}	
		
ul#footer_nav li{
		
		list-style:none;
		border-right:#7b7b7b 1px solid;
		padding:0px 7px 0px 7px;
		display:inline;
		}			
		
ul#footer_nav li a{
		
		list-style:none;
		color:#7b7b7b;
		
		font-family:Tahoma, Geneva, sans-serif;
		}		


.post_stats { 
	display:block;
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0 0 20px;
}

.post_stats li { margin-right:15px; border:none; list-style:none; padding-bottom:6px;}
.b_date { font-size:20px; }
.align-left { text-align:left !important; }

/*________Drop_Shadow____*/

.drop-shadow {
   position:relative;
   width:90%;
}

.drop-shadow:before,
.drop-shadow:after {
   content:"";
   position:absolute;
   z-index:-1;
}
#apDiv1 {
	position: absolute;
	width: 53px;
	height: 47px;
	z-index: 1;
	left: 231px;
	top: 23px;
}
#apDiv2 {
	position: absolute;
	width: 55px;
	height: 55px;
	z-index: 1;
	left: -245px;
	top: 21px;
	box-shadow:0 15px 15px rgba(0, 0, 0, 0.7)
	Border-radius: 13px;
}
#apDiv3 {
	position: absolute;
	width: 154px;
	height: 71px;
	z-index: 1;
	left: 66px;
	top: 16px;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

#adress {
	position: absolute;
	width: 21px;
	height: 21px;
	z-index: 1;
	left: 68px;
	top: -2px;
}
#follow {
	position: absolute;
	width: 21px;
	height: 23px;
	z-index: 1;
	left: 12px;
	top: -5px;
}
#contac {
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 1;
	left: 77px;
	top: -2px;
}
#iconfb {
	position: absolute;
	width: 100px;
	height: 37px;
	z-index: 1;
	left: 7px;
	top: 29px;
}


.black {
	text-align: justify;
}
.container_12 .grid_9 pabout {
	text-align: justify;
	font-weight: normal;
}
#fl_menu{
	position: absolute;
	top: -30px;
	left: 730px;
	z-index: 9999;
	width: 195px;
	height: 50px;
	border-radius: 1em 4em 1em 4em;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.7);
	
	
}
#fl_menu .label{padding-left:20px; line-height:50px; font-family:Century Gothic;; font-size:14px; font-weight:bold; text-shadow: 0px 4px 5px #555; background:#259494; color:#FFF; letter-spacing:7px;border-radius: 1em 4em 1em 4em; filter: alpha(opacity=60); opacity: .6}
#fl_menu .menu{display:none; }
#fl_menu .menu .menu_item{display:block; background:#366; color:#FFF; border-top:1px solid #288488; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-shadow: 0px 2px 3px #555;text-decoration:none;border-radius: 25px 10px / 10px 25px;box-shadow:0 5px 5px rgba(0, 0, 0, 0.7) }
#fl_menu .menu a.menu_item:hover{background:#6CC; color:#09C;border-radius: border-radius: 25px 10px / 10px 25px;;}

 
  #Partner img {
    border:0;
    cursor:pointer;
    margin:0 1px;
  }