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


/*------------------HEAD INTERIORES -------------- */


#cabecera_inter{ width:100%; height:auto; 
	background:url("../img/bg_top_inter.jpg") no-repeat center top;
	}

#top_inter{ width:1062px; height:auto;
	margin:0 auto 0 auto;
	position:relative;
	overflow:hidden;
}
	
.menu{ float:right;
	width:695px; height:56px;
}

.menu a{ display:block;
	float:left;
	width:103px; height:33px;
	padding:20px 0 0 0;
	text-decoration:none;
	font:normal 14px 'pt_sansregular', Arial, Helvetica, sans-serif; text-align:center;
	color:#FFF;
	background:url("../img/m_hover_inter.png") repeat-x 0 -100px;
	}
	
.menu a:hover{background-position:0 0; 
	}

.menu .m_active{background-position:0 0;
	}
	
.m_space{ float:left; width:5px;
	}

.telefono_inter{ width:140px; height:34px;
	padding:9px 0 0 38px;
	position:absolute;
	top:70px; right:0px;
	background:url("../img/ico_fono.png") no-repeat  left;
	font:normal 21px 'sansationbold', Arial, Helvetica, sans-serif;
	color:#226890
	}

#banner_int{ display:none}
/*------------------ TITULOS INTERIORES -------------- */


#titulo_slogan{ width:auto; height:auto;
	margin:0 auto 0 auto;
	padding:0 0 55px 0;
	background:url("../img/bg_slogan.png") no-repeat bottom center;
	text-align:center;
	}
#titulo_slogan h1{
	 font:normal 47px 'sansationregular', Arial, Helvetica, sans-serif; color:#FF1274;
	}
#titulo_slogan h2{
	margin:8px 0 8px 0;
	font:normal 18px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#616d73;
	}


/*------------------LA AGENCIA -------------- */


#nosotros{ width:881px; height:auto;
	margin:0 auto 0 auto;
	overflow:hidden;
	font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#616d73;
	text-align:justify;
	line-height:19px;
	}
#nosotros p{ 
	margin:0 0 15px 0;
	}
	
#nosotros h5{ font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#588a18;
	}
	
.nosotros_txt{ float:left;
	width:410px; height:auto;
	}
	
.txt_right{ float:right
	}

#equipo{ width:auto; height:auto;
	margin:30px 0 55px 0;
	text-align:center;
	}
	
#titulo_equipo{ width:auto; height:auto;
	padding:20px 0 55px 0;
	background:url("../img/bg_slogan.png") no-repeat bottom center;
	text-align:center;
	}
	
#titulo_equipo h1{ margin:0 0 8px 0 ;
	font:normal 46px 'sansationregular', Arial, Helvetica, sans-serif; color:#00b0f2;
	}
	
#titulo_equipo h2{font:normal 18px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#616d73;
	}
	
#projectContainer{width: 100%; height: auto; }

#subProject{ width: 960px; height:auto;
	margin: 5px auto 0 auto;
	position: relative;
	overflow:hidden }

#subProject .project{
    width: 320px;
    height: 320px;
    float: left;
    position: relative;
    overflow: hidden;
}

#subProject .project .pro{
    text-align: center;
    width: 320px;
    font-size: 30px;
	color:#ffffff;
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 0;
    display: none;
}

#subProject .project .pro h1{ font:normal 38px 'sansationregular', Arial, Helvetica, sans-serif; color:#ffffff;
	}
	
#subProject .project .pro h2{ font:normal 25.5px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#ffffff;
	}
	
#subProject .project p{ margin:10px 20px 0 20px;
	font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#ffffff;
	text-align:justify;
	}

#disenador{
    background: transparent url("../img/img_equipo_1.jpg") no-repeat 0 0;
}

#desarrollador{
    background: transparent url("../img/img_equipo_2.jpg") no-repeat 0 0;
}

#marketer{
    background: transparent url("../img/img_equipo_4.jpg") no-repeat 0 0;
}

#disenador2{
    background: transparent url("../img/img_equipo_3.jpg") no-repeat 0 0;
}

#disenador3{
    background: transparent url("../img/img_equipo_6.jpg") no-repeat 0 0;
}

#disenador4{
    background: transparent url("../img/img_equipo_5.jpg") no-repeat 0 0;
}


#subProject .fadeBackground
{
    width: 320px;
    height: 320px;
    position: relative;
    margin:auto;
    background:#77bd1e;
}

#xque_nostros{ width:1062px; height:auto
	}
	
#xque_nostros h2{ color:#dfdfdf;
	}
	
#cont_xque{ width:1062px; height:317px;
	margin:34px 0 0 0;
	text-align:center;
	position:relative;
	}

#cont_xque img{ width:208px; height:205px;
	margin:71px 0 0 0;
	}
	
#cont_xque h5{ font:normal 14px 'pt_sansregular', Arial, Helvetica, sans-serif; text-align:left;
	}
	
#cont_xque p{ font:normal 14px 'pt_sansregular', Arial, Helvetica, sans-serif; text-align:left; color:#616d73;
	text-align:left;
	}
	
.v_negocios{ position:absolute; top:0; left:98px;
	width:467px; height:117px;
	background:url("../img/vect_negocio.png") no-repeat bottom right;
	}

.v_negocios h5{ color:#0096ec;
	padding:5px 0 0 30px;
	background:url("../img/ico_negocios.png") no-repeat top left;
	}
	
.v_negocios p{ padding:0 148px 0 30px
	}
	
.v_alianza{ position:absolute; bottom:0; left:41px;
	width:441px; height:132px; background:url("../img/vect_alianza.png") no-repeat top right
	}
	
.v_alianza h5{ color:#18598b;
	margin:0 0 0 10px;
	padding:5px 0 0 30px;
	background:url("../img/ico_alianzas.png") no-repeat top left;
	}
	
.v_alianza p{ padding:0 175px 0 40px
	}
	
.v_creativos{ position:absolute; top:13px; right:57px;
	width:418px; height:218px;
	background:url("../img/vect_creativo.png") no-repeat bottom left;
	}

.v_creativos h5{ color:#77bd1e;
	margin:0 0 0 108px;
	padding:5px 0 0 30px;
	background: url("../img/ico_creativos.png") no-repeat top left;
	}
	
.v_creativos p{ padding:0 0 0 140px
	}

#btn_arrow{ width:727px; height:auto;
	margin:40px auto 40px auto;
	padding:0 0 20px 0;
	background:url("../img/shadow_botones_bottom.png") no-repeat center bottom;
	overflow:hidden;
	}
	
#btn_arrow img{ width:35px; height:36px;
	margin:30px 0 0 0;
	} 
	
#btn_arrow a{ float:left; display:block;
	width:243px; height:90px;
	padding:13px 0 0 0;
	text-decoration:none;
	}

#btn_arrow span{ font:normal 15px 'sansationbold', Arial, Helvetica, sans-serif;}


.btn_prev{ background:url("../img/btn_prev.png") no-repeat;
	margin:15px 10px 0 100px;
	}

.btn_prev span{ display:block; background:url("../img/ico_prev.png") no-repeat center left;
	margin:8px 0 0 15px;
	padding:0 20px 0 0;
	text-align:right;
	color:#66a21b;
	}
	
.btn_prev span:hover{ color:#74c014;	}

.btn_next{ background:url("../img/btn_next.png") no-repeat;
	margin:15px 0 0 0;
	}
	
.btn_next span{ display:block; background:url("../img/ico_next.png") no-repeat center right;
	margin:8px 15px 0 0;
	padding:0 0 0 20px;
	text-align:left;
	color:#00a6e3}

.btn_next span:hover{ color:#14b4ef;
	}


/*------------------ SERVICIOS --------------  */


.bg_svc_one{ width:100%; height:319px; background:#e6ebef;
	}

.bg_svc_two{ width:100%; height:319px; background:#dfe5ec;
	}

.svc_contenidos{ width:1060px; height:auto;
	margin:0 auto 0 auto; overflow:hidden
	}
	.svc_contenidos h3{ font:normal 36px 'sansationregular', Arial, Helvetica, sans-serif;
		text-align:left; letter-spacing:-1px}
	.svc_contenidos h4{ font:normal 17.5px 'MyriadProSemibold', Arial, Helvetica, sans-serif;
		margin:5px 0 5px 0; text-align:left;}
	.svc_contenidos p{ font:normal 16px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#595a5d;
		padding:10px 0 0 0; line-height:25px; text-align:justify}
	.svc_contenidos a{ display:block; width:130px; height:32px;
		margin:18PX 0 0 0; padding:8px 0 0 0;
		font:normal 17px 'pt_sansbold', Arial, Helvetica, sans-serif; color:#FFF;
		text-align:center; text-decoration:none; opacity: 1;
		-webkit-transition: all 0.5s ease; 
		-moz-transition: all 0.5s ease; 
		-o-transition: all 0.5s ease;
		-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));}
		
	.svc_contenidos a:hover{ opacity: 0.7;
		-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
		-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
		-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
		box-shadow: 0px 0px 20px rgba(255,255,255,0.8);}
	
.svc_cont_txt{ width:539px; height:auto;
	margin:34px 0 0 0; background:url("../img/svc_desarrollo_web.png") no-repeat left top;
	}

.svc_img{ width:513px; height:319px;
	}
	.icono_svc{ float:left; width:72px; height:72px}
	
	.texto_svc{ float:right; width:445px; height:auto; margin:6px 0 0 0}

	.btn_pag_web{ background:url("../img/btn_ver_desarrollo_web.png") no-repeat;}
	.btn_img_corp{ background:url("../img/btn_ver_img_corp.png") no-repeat;}
	.btn_seo{ background:url("../img/btn_ver_posicionamiento_seo.png") no-repeat;}
	.btn_sociales{ background:url("../img/btn_ver_redes_sociales.png") no-repeat;}
	.btn_sistemas{ background:url("../img/btn_ver_sistemas.png") no-repeat;}
	.btn_ecomerce{ background:url("../img/btn_ver_ecomerce.png") no-repeat;}
	.btn_moviles{ background:url("../img/btn_ver_aplicaciones_moviles.png") no-repeat;}
	.btn_hosting{ background:url("../img/btn_ver_hosting_dominio.png") no-repeat;}

	.subt_web{ color:#015788}
	.subt_icorp{ color:#af76bb}
	.subt_seo{ color:#526493}
	.subt_social{ color:#3385b4}
	.subt_social h3{ font-size:35px; letter-spacing:-1px}
	.subt_sistems{ color:#506592}
	.subt_ecomerc{ color:#536f89}
	.subt_movil{ color:#8663a7}
	.subt_host{ color:#4584a7}
	
.svc_left{ float:left; text-align:left;
	}

.svc_right{ float:right; text-align:right;
	}


/*------------- PORTAFOLIO INTERIOR  -------------- */

	
#bg_top_portaflo{ width:100%; height:538px;
	background:url("../img/bg_portafolio_int.png") repeat-x;
	text-align:center;
	position:relative
	}
	
.titulos_webs{ position:absolute; top:0px; left:0%; right:0%;
	}	
.titulos_webs h2{ font:normal 26.08px 'pt_sansbold', Arial, Helvetica, sans-serif; color:#015788}	

.web_anterior{ position:absolute; top:180px; left:2%;
	width:47px; height:91px;
	background:url("../img/web_anterior.png") no-repeat center;
	z-index:10
	}
.web_anterior:hover{ background-position: left}


.web_siguiente{ position:absolute; top:180px; right:2%;
	width:47px; height:91px;
	background:url("../img/web_siguiente.png") no-repeat center;
	}
	
.web_siguiente:hover{ background-position: right}

#bg_top_portaflo img{ margin:0px 5px 0 0;
	}
	
#cont_portaflo{ width:934px; height:auto;
	margin:0 auto 40px auto;
	overflow:hidden;
	}
	
	#cont_portaflo h3{ margin:0 0 11px 0;
		font:normal 18.5px 'MyriadProSemibold', Arial, Helvetica, sans-serif;
		color:#015788;
		}
	
	#cont_portaflo h4{ font:normal 14px 'pt_sansbold', Arial, Helvetica, sans-serif;
		color:#00b0f2;
		}
		
	#cont_portaflo p{ font:normal 16px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#666666;
		}
	
.cont_portaflo_left{ float:left;
	width:466px; height:auto;
	margin:51px 0 0 0;
	}
	
.cont_tecnology{ overflow:hidden;
	margin:0 0 20px 0;
	}
		
.portaflo_tecnology{ float:left;
	width:176px; height:auto;
	margin:30px 0 0 0;
	}
	
	.portaflo_tecnology ul{ width:143px;
		list-style:none;
		font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif;color:#666666;
		}
		
	.portaflo_tecnology ul li{
		margin:14px 0 0 0;
		padding:0 0 4px 0;
		border-bottom: solid 1px #d8d6d6;
		border-bottom-style:dashed
		}
		
.visita_la_web{
	margin:46px 0 0 0;
	font:normal 18px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#666666;
	}
	
.visita_la_web a{ text-decoration:none;	color:#0a678a;
	}		
		
.portaflo_tecnology_right{ float:right;
	}
	
.sep_portaflo{ float:left;
	width:2px; height:411px;
	margin:51px 42px 0 42px;
	background:url("sep_portaflo.png"/*tpa=http://www.siswebperu.com/structure/website/imgs/sep_portaflo.png*/) no-repeat;
	}
	
.cont_portaflo_right{ float:right;
	width:381px; height:auto;
	margin:68px 0 0 0;
	}
	
	#cont_portaflo .cont_portaflo_right h3{ margin:0 0 0 21px;
		color:#18598b;
		}
		
.portaflo_social{ width:299px; height:auto;
	margin:0 0 48px 10px;
	}
	.portaflo_social a{ text-decoration:none;
		}
			
.cont_testimonio{ width:380px; height:145px;
	margin:12px 0 0 0;
	padding:20px 0 0 0;
	background:url("../img/bg_testimonio.jpg") no-repeat;
	}
	
	#cont_portaflo .cont_testimonio p{ margin:0 34px 0 34px;
		font:normal 14px 'pt_sansitalic', Arial, Helvetica, sans-serif; color:#666666;
		}
		
.firma_testimonio{ float:right;
	width:220px; height:auto;
	margin:19px 0 0 0;
	text-align:right;
	font:normal 14px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#015788;
	}
	
	#cont_portaflo .firma_testimonio p{ 
		font:normal 14px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#666666;
		}
		
		
/*------------- CLIENTES  -------------- */


.txt_clientes{
	width:900px;
	height:auto;
	margin:0 auto 0 auto;
	font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif;
	color:#616d73;
}
	
.txt_clientes p{ margin:0 0 10px 0;	}
		
.clicontainer{
	width:900px;
	height:auto;
	margin:50px auto 45px auto;
	position:relative;
	}

.clibox{
	float:left;
	width:180px;
	height:180px;
	position:relative;
	border:0 solid #f5f5f5;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	transition:.2s;
	}
	
.clibox img{
	position:absolute;
	width:180px;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	transition:.2s;
	z-index:99
	}

.clibox:hover img{
	position:absolute;
	width:230px;
	height:230px; 
	margin-top:-25px;
	margin-left:-25px;
	-moz-box-shadow:15px 15px 15px rgba(0,0,0,.3);
	-webkit-box-shadow:15px 15px 15px rgba(0,0,0,.3);
	box-shadow:15px 15px 15px rgba(0,0,0,.3);
	z-index:100000000000000000000;
	overflow:hidden;
	-webkit-animation:pulselogo 0.5s ease-in-out 0 1 alternate;
    -moz-animation:pulselogo 0.5s ease-in-out 0 1 alternate;
    -ms-animation:pulselogo 0.5s ease-in-out 0 1 alternate;
    -o-animation:pulselogo 0.5s ease-in-out 0 1 alternate;
    animation:pulselogo 0.5s ease-in-out 0 1 alternate
}
	
.paginado_client{
	width:900px; height:auto;
	margin:0 auto 0 auto;
	padding-bottom:70px;
}
.paginado_client2{
	width:900px; height:auto;
	margin:0 auto 0 auto;
	padding-bottom:70px;
}

.pag_chica{
	height:auto;
}
	.ver_mas{
		width:510px;
		height:22px;
		margin:20px auto 50px auto;
		padding:0 0 0 350px;
		overflow:hidden;
		background:url("../img/lineas-ver_mas.png") no-repeat center;
	}
	.ver_mas_2{
		width:562px;
		height:22px;
		margin:20px auto 50px auto;
		padding:0 0 0 320px;
		overflow:hidden;
		background:url("../img/line_ancho.png") no-repeat center;
	}
	.ver_mas_3{
		width:510px;
		height:22px;
		margin:20px auto 50px auto;
		padding:0 0 0 399px;
		overflow:hidden;
		background:url("../img/lineas-ver_mas.png") no-repeat center;
	}
	.ver_siguiente{
		float:left;
		display:block;
		width:120px;
		height:22px;
		margin:0 0 0 15px;
		padding:0 0 0 5px;
		text-decoration:none;
		font:normal 20px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#18598b;
		background:url("../img/fle_siguiente.png") no-repeat 97px 0px;
		-moz-transition: 0.1s all ease-out;
		-webkit-transition: 0.1s all ease-out;
		-o-transition: 0.1s all ease-out;
		transition: 0.1s all ease-out;
	}
	.ver_siguiente:hover{
		background-position:97px -22px;
	}
	.ver_anterior{
		float:left;
		display:block;
		width:73px;
		height:22px;
		margin:0 0 0 0;
		text-decoration:none;
		padding:0 0 0 32px;
		font:normal 20px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#18598b;
		background:url("../img/fle_anterior.png") no-repeat;
		-moz-transition: 0.1s all ease-out;
		-webkit-transition: 0.1s all ease-out;
		-o-transition: 0.1s all ease-out;
		transition: 0.1s all ease-out;
	}
	.ver_anterior:hover{
		background-position:0 -22px;
	}

	
/*------------- CONTACTO  -------------- */



#contacto{ width:1007px; height:auto;
	margin:0 auto 0 auto;
	padding:0 0 6px 0;
	position:relative;
	background:url("../img/bg_bottom_contact.jpg") no-repeat bottom;
	overflow:hidden;
	}
#contacto .tape{ width:99px; height:26px;
	position:absolute;
	top:105px; left:450px;
	z-index:1000;
	} 
	
.datos_top{ width:945px; height:auto;
	margin:0 auto 0 auto;
	overflow:hidden;
	font:normal 24px 'sansationregular', Arial, Helvetica, sans-serif; color:#616d73;
	}
	
.telefono{ float:left;
	width:235px; height:54px;
	padding:35px 0 0 65px;
	background:url("../img/ico_telefono.png") no-repeat left;
	}
.celular{ float:left;
	width:235px; height:54px;
	padding:35px 0 0 65px;
	background:url("../img/ico_cel.png") no-repeat left;
	}
	
.telefono strong{ color:#566065;
	}
	
.email{ float:left;
	width:270px; height:54px;
	margin:0 0 0 10px;
	padding:35px 0 0 65px;
	background:url("../img/ico_email.png") no-repeat left;
	}

.email span{ color:#18598b;
	font:normal 25px 'pt_sansbold', Arial, Helvetica, sans-serif;
	}

#cont_contact{ width:1002px; height:478px;
	position:relative;
	margin:30px 0 30px 0;
	overflow:hidden;
	background:url("../img/bg_contacto.jpg") repeat;
	border:solid 1px #cccccb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	}

#contact_center{ width:988px; height:468px;
	margin:5px 7px;
	background:#FFF;
	font:normal 15px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#616d73;
	}
	
#datos_center{ width:895px; height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
	}
	
#datos_center h1{ float:left;
	margin:55px 0 0 10px;
	padding:0 0 0 30px;
	background:url("../img/ico_oficina.jpg") no-repeat left;
	font:normal 37px 'sansationregular', Arial, Helvetica, sans-serif; color:#18598b;
	}

.dire{ float:left;
	width:280px;height:auto;
	margin:65px 0 11px 55px;
	font:normal 16px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#6e6e6e;
	}

	
.peru{ background:url("../img/peru.png") no-repeat left top; margin:0 0 3px 0; padding:0 0 0 35px}
.usa{ background:url("../img/usa.png") no-repeat left top; margin:0 0 3px 0; padding:0 0 0 35px}

.line_bottom{ float:right; width:213px; height:auto;
	border-bottom:solid 1px #D1D1D1; border-bottom-style:dotted;
	}

.c_fb{ background:url("../img/ico_sfb.png") no-repeat;
	padding:8px 0 0 0;
	}
	
.c_twit{ background:url("../img/ico_stwet.png") no-repeat;
	padding:8px 0 0 0;
	}
	
.c_sky{ background:url("../img/ico_ssky.png") no-repeat;
	padding:8px 0 0 0;
	}

#formulario{ width:835px; height:auto;
	margin:30px auto 0 auto;
	}
	
#formulario label{ width:79px; height:auto;
	margin:13px 0 0 0;
	padding:4px 0 0 15px;
	background:url("../img/ico_form.jpg") no-repeat left;
	}
	
.form_left{ float:left;
	width:401px; height:auto;
	}
.form_right{ float:right;
	}
	
.txt{ float:left;
	width:296px; height:26px;
	margin:10px 0 10px 0;
	padding:5px 0 0 8px;
	font:normal 15px 'pt_sansregular', Tahoma, Geneva, sans-serif; color:#717171;
	border-color:#cccccb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border-style:solid;
	border-width:1px;
	box-shadow:inset 1px 1px 8px #cccccb; 
	-webkit-box-shadow:inset 1px 1px 8px #cccccb; /*Safari, Chrome*/ 
	-ms-box-shadow:inset 1px 1px 8px #cccccb; /*Internet explorer*/ 
	-o-box-shadow:inset 1px 1px 8px #cccccb; /*Opera*/ 
	-moz-box-shadow:inset 1px 1px 8px #cccccb; /*Mozilla Firefox*/ 
	}
	
.txt:focus{
	 background-color:#f2efef;
	 border-color:#fffdfd;
	 }
 
#formulario textarea{
	width:648px; height:76px;
	margin:10px 0 0 0;
	padding:8px 0 0 8px;
	font:normal 15px 'pt_sansregular', Tahoma, Geneva, sans-serif; color:#717171;
	border-top: solid 1px #cccccb;
	border-bottom: solid 1px #cccccb;
	border-left: solid 1px #cccccb;
	border-right:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	box-shadow:inset 1px 1px 8px #cccccb; 
	-webkit-box-shadow:inset 1px 1px 7px #cccccb; /*Safari, Chrome*/ 
	-ms-box-shadow:inset 1px 1px 8px #cccccb; /*Internet explorer*/ 
	-o-box-shadow:inset 1px 1px 8px #cccccb; /*Opera*/ 
	-moz-box-shadow:inset 1px 1px 8px #cccccb; /*Mozilla Firefox*/ 
	}

#formulario textarea:focus{
	 background-color:#f2efef;
	 border-color:#afbac7;
	 }
	 
.bg_texty_tare{ width:25px; height:88px;
	position:absolute; bottom:80px; right:166px;
	background:url("../img/textarea_right.png") no-repeat right;}

#btn_enviar{
	width:79px; height:79px;
	cursor:pointer;
	padding:5px 0 0 0;
	position:absolute; bottom:88px; right:90px;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background:#18598b;
	transition-property: background;
	transition-duration: 0.5s;
	font:bold 15px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#fff;
	text-align:center;
	}

#btn_enviar:hover{ background:#00b1f2;
	}

.loadingn{ margin:30px 0 0 10px;
	font:normal 15px 'sansationregular', Tahoma, Geneva, sans-serif; color:#B73528;
	}
	
#confirmacion{ 
	width:385px; height:auto;
	margin:0 auto 0 auto;
	padding-top:60px; padding-left:10px;
	text-align:center;
	font:normal 19px 'sansationregular', Tahoma, Geneva, sans-serif; color:#566065;
	}

#mapa{
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	text-align: center;
	position: relative;
	} 
		
#map_canvas{ width:100%; height:709px;
	margin-top:-30px;
	}

.sombra_mapa_top{ width:100%; height:108px;
	background: url("../img/sombra_mapa.png") no-repeat center top;
	position:absolute; top:0px;
	z-index:10000000000
	}
.sombra_mapa_top img{-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	}	
	.sombra_mapa_top img:hover{margin-top: 9px;}
	
.sombra_mapa{ width:100%; height:46px;
	background: url("../img/shadow_bottom_mapa.png") repeat-x bottom;
	position:absolute; bottom:0px;
	z-index:10000000000}
	
	.none{ display:none}

/*-------------  WEBS  -------------- */

.bg_lk{ width:100%; height:auto; background:#dfe5ec;
	font:normal 14px 'pt_sansregular', Tahoma, Geneva, sans-serif; color:#616d73;
	overflow:hidden;
	padding:0 0 20px 0;
	}

.lk_contenidos{ width:890px; height:auto;
	margin:0 auto 0 auto;
	}
.lk_contenidos h3{ font:normal 36px 'sansationregular', Arial, Helvetica, sans-serif;
		text-align:left; letter-spacing:-1px; color:#015788}
		
.lk_contenidos a{ text-decoration:none;
font:normal 14px 'pt_sansregular', Tahoma, Geneva, sans-serif; color:#616d73;
}
 
.lk_contenidos ul{ list-style:circle;
	margin:10px 0 0 25px;
}

.lk_left{ float:left;
	width:400px;
	height:auto;
	}

.lk_right{ float:right;
	width:400px;
	height:auto;
}

#top_inter, .menu, .menu a, #subProject, 
.telefono_inter, #cont_xque p, .v_negocios, 
.v_alianza, .v_creativos, #nosotros, 
.nosotros_txt, .nosotros_txt, #titulo_slogan h1, 
#subProject .project, #cont_xque img, #xque_nostros h2, 
#titulo_equipo h1, .svc_contenidos, .svc_cont_txt, 
.texto_svc, .svc_contenidos p, .svc_contenidos h3, 
.svc_contenidos h4, .svc_img, .svc_img img, 
.svc_contenidos a, .icono_svc, #window .content, 
#window .isotope-element, .ver_mas, #bg_top_portaflo img, 
#bg_top_portaflo .img_port, .web_anterior, 
.web_siguiente, .cont_portaflo_left, .sep_portaflo, 
.cont_portaflo_right, .firma_testimonio, .clicontainer, 
#contacto, .datos_top, #cont_contact, #contact_center, 
.telefono, .celular, .email, #formulario textarea, 
#btn_enviar, #datos_center, .dire, #datos_center h1, 
.form_left, .txt, .form_right, .bg_texty_tare {
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	-o-transition: all 0.45s ease-out;
	transition: all 0.45s ease-out;
	
}

@media only screen and (max-width: 1100px) and (min-width: 1029px) {
	
	#top_inter, .svc_contenidos{ width:980px; }
	
	/*--SERVICIOS--*/
	
	.svc_cont_txt{ width: 430px;}
	.texto_svc { width: 350px;}
	.svc_contenidos p{ line-height: 20px;}
	.svc_contenidos h3 { font-size:34px}
	.svc_contenidos h4{ font-size:16px}
	
	.bg_svc_one, .bg_svc_two{ height: 365px;}
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto}
	#window .isotope-element{margin: 0 10px 40px 10px;}
	
	/*--PROYECTOS DESCRIPCION--*/
	
	#bg_top_portaflo{
		overflow:hidden;
	}
	#bg_top_portaflo .img_port{
		width:1028px;
		height:auto;
		margin:0 auto;
		text-align:center;
		display:block;
	}
	#bg_top_portaflo img{ margin: 0 0 0 -27px;}
	
	.web_anterior { background-size:20px 91px;}
	.web_siguiente { background-size:20px 91px;}
	
}

@media only screen and (max-width: 1028px) and (min-width: 980px) {

	#top_inter, #xque_nostros, #cont_xque, .svc_contenidos { width:965px}
	
	/*--SERVICIOS--*/
	
	.svc_cont_txt{width: 430px;}
	.texto_svc {width: 350px;}
	.txt_clientes { width:auto;margin: 0 20px 0 20px;}
	.svc_contenidos p{line-height: 20px; font-size:14px;}
	.svc_contenidos h3 { font-size:34px}
	.svc_contenidos h4{ font-size:16px}
	.bg_svc_one, .bg_svc_two{height: 345px;}
	
	/*--AGENCIA--*/
	
	.menu {width: 645px}
	.menu a{ width: 80px; font-size:13px;}
	#cont-menu { display:none}
	.telefono_inter {right: 55px;}
	#cont_xque p { font-size:13px;}
	#cont_xque img { margin:71px 0 0 40px}
	.v_negocios {width: 438px;background-size: 130px 30px;}
	.v_alianza {width: 380px;background-size: 130px 15px; bottom: -3px; left: 72px;}
	.v_creativos { width: 370px; top:12px; right: 34px;background-size:200px 80px;}
	
	
	/*--PROYECTOS--*/
	
	
	#window .content{ width:auto}
	#window .isotope-element{width: 300px; margin: 0 10px 40px 10px; overflow:hidden}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a, body.page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a img {width: 300px;}
	#window .labels_hv { width:300px;}
	
	
	/*--PROYECTOS DESCRIPCION--*/
	
	
	#bg_top_portaflo{ overflow:hidden;}
	#bg_top_portaflo .img_port{ width:965px; height:auto; margin:0 auto; text-align:center; display:block}
	#bg_top_portaflo img{ margin: 0 0 0 -55px;}
	
	.web_anterior { background-size:20px 91px; left: 1%;}
	.web_siguiente { background-size:20px 91px; right: 1%;}
	
	
	/*--CONTACTO--*/
	
	#contacto { width:100%; padding: 0 0 2px 0; background-size: 890px;}
	
	.datos_top { width:100%; margin: 0 20px 0 39px; font-size:21px;}
	#cont_contact { width:900px;margin: 30px auto 30px auto}
	#contact_center { width:887px;}
	.telefono, .celular, .email {width: 200px;}
	
	#formulario textarea { width:598px}
	
	.form_right { float:left}
	.txt {width: 269px;}
}



@media only screen and (max-width: 980px) and (min-width: 821px) {
	
	#top_inter, #xque_nostros, #cont_xque, .svc_contenidos{ width:806px;}
	
	/*--SERVICIOS--*/
	
	.svc_cont_txt{width: 430px;}
	.texto_svc {width: 350px;}
	.txt_clientes { width:auto;margin: 0 20px 0 20px;}
	.svc_contenidos p{line-height: 20px; font-size:14px;}
	.svc_contenidos h3 { font-size:34px}
	.svc_contenidos h4{ font-size:16px}
	.bg_svc_one, .bg_svc_two{height: 345px;}
	
	.svc_img, .svc_img img {width: 350px;height: 250px; margin-top:10px}
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px}


	/*--AGENCIA--*/
	
	.menu {width: auto}
	.menu a{ width: auto; font-size:13px; padding: 22px 9px 0 9px;}
	
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#subProject { width:640px; overflow:hidden }
	
	#cont-menu { display:none}
	.telefono_inter {right: 0px;}
	#nosotros { width:auto}
	.nosotros_txt {width: 350px; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px;}
	#cont_xque img { margin:71px 0 0 40px}
	.v_negocios {width: 438px;background:none}
	.v_alianza {width: 380px;background:none; bottom: -3px; left: 92px;}
	.v_creativos { width: 370px; top:210px; right: 14px;background:none;}
	
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto}
	#window .isotope-element{ width: 248px; margin: 0 10px 0px 10px; overflow:hidden}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a, body.page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a img {width: 248px; height:auto;top: 6px;}
	
	#window .labels_hv { width:248px;}
	#window .images a img{ width:248px; height:248px;}
	#window .images .hv img{ width:auto; height:auto;}
	
	
	/*--PROYECTOS DESCRIPCION--*/
	
	#bg_top_portaflo{ overflow:hidden;}
	
	#bg_top_portaflo .img_port{ width:920px; height:480px; margin:0 auto; text-align:center; display:block}
	
	#bg_top_portaflo img{  margin: 0 0 0 -75px}
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: 420px;margin: 51px 0 0 10px;}
	.cont_portaflo_right{width: 350px;}
	.sep_portaflo {margin: 51px 12px 0 12px;}
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	
	/*--CLIENTES--*/
	
	.clicontainer { width: 825px;}
	
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: 627px; padding: 0 0 0 0; background-size: 790px;}
	
	#contacto .tape {left: 50%; right: 50%;}
	.datos_top { width:100%; margin: 0 20px 0 10px; font-size:19px;}
	#cont_contact { width:800px;margin: 30px auto 30px auto}
	#contact_center { width:789px;}
	.telefono, .celular, .email {width: 180px;}
	.email span{ font-size:21px}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width:auto; margin: 65px 0 11px 15px;}
	#datos_center h1 {margin: 55px 0 0 20px;}
	
	#formulario { width: auto;padding-left: 30px;}
	#formulario textarea {width: 494px;}
	
	#btn_enviar { right: 99px;}
	
	.form_left {width: auto;}
	.txt {width: 230px}
	
	.form_right {margin-right: 65px;}
	
	
	
}

@media only screen and (max-width: 915px) and (min-width: 621px) {
	#bg_top_portaflo img{  margin: 0 0 0 -115px}
	}

@media only screen and (max-width: 820px) and (min-width: 5px) {
	
	
	#banner_int{
		display:block;
		width:100% ;
		height: auto;
		margin: -5px 0 0 0;
		position:relative; z-index: 0;
	}
	
	#banner_int img {
		display:block;
		width:100%;
		height:auto;
	}
}
@media only screen and (max-width: 820px) and (min-width: 621px) {
	
	
	#top_inter, #xque_nostros, #cont_xque{ width:auto;}
	
	/*--SERVICIOS--*/
	
	.svc_contenidos{ width:600px; overflow:inherit; margin:0 auto;}
	.txt_clientes { width:auto; margin: 0 20px 0 20px;}
	
	.svc_cont_txt{width: 600px; margin:20px auto 0 auto; text-align:center; background:none; position:absolute; top:0px; z-index:1}
	
	.bg_svc_one, .bg_svc_two{ height: 415px; position:relative; margin:0 auto}
	.icono_svc {margin: 0 auto 0 auto;}
	.texto_svc {width: 510px; float:none; padding: 0 0 0 90px;}
	.svc_left, .svc_right { float:none;}
	
	.svc_contenidos p{line-height: 20px; font-size:14px; }
	.svc_contenidos h3 { font-size:34px; }
	.svc_contenidos h4{ font-size:16px; }

	.svc_img {width: 600px;height: 250px; margin-top:0; position:relative; top:165px; text-align:center}
	.svc_img img {width: 350px;height: 250px; margin-top:0}
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px; position: absolute; bottom: -227px; right: 0px;}
	
	
	/*--AGENCIA--*/
	
	#cabecera_inter{ /*background:url(../imgs/bg_portafolio_int.png) repeat-x*/}
	.menu { display:none}
	.logo_movil {
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	#titulo_slogan h1 { font-size:37px; line-height: 35px; margin-top:10px}
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#subProject { width:620px; overflow:hidden }
	
	#cont-menu { display:none}
	.telefono_inter { display:none}
	#nosotros { width:auto}
	.nosotros_txt {width: auto; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px; }
	#cont_xque img { margin:71px 0 0 40px; width:158px; height:155px}
	
	.v_negocios {width: 250px;background:none; left: 18px; padding: 0 0 0 30px}
	.v_alianza {width: 250px;background:none; bottom: -3px; left: 18px;}
	.v_creativos { width: 250px; top:210px; right: 14px;background:none; }
	
	.v_negocios p{padding: 0 0 0 30px}
	.v_alianza p{padding: 0 0 0 40px}
	.v_creativos p{ padding: 0 0 0 40px}
	.v_creativos h5 {margin: 0 0 0 35px;}
	
	#subProject .project{ width: 310px;	background-size: 310px 320px;}
	#subProject .project .pro{ width: 310px;}
	
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto}
	#window .isotope-element{ width: 290px; margin: 0 20px 40px 0px; overflow:hidden}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .proy { margin: 0 20px 40px 155px;}
	
	.ver_mas { margin: 0 0 50px -120px;}
	.ver_mas_2, .ver_mas_3{ margin: 0 0 50px -120px;}
	
	
	/*--PROYECTOS DESCRIPCION--*/
	
	#bg_top_portaflo{ overflow:hidden; height: 406px;}
	#bg_top_portaflo .img_port{ width:auto; height:auto; margin:0 auto; text-align:center; display:block}
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -35px; width: 800px;}
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: 240px;margin: 51px 0 0 10px;}
	.cont_portaflo_right{width: 300px; float:left}
	
	.sep_portaflo {margin: 51px 12px 0 12px;}
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	

	/*--CLIENTES--*/
	
	.clicontainer { width: 700px; margin: 50px 0 45px 30px; }
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: 792px; padding: 0 0 0 0; background-size: 600px;}
	
	#contacto .tape {left: 43%; right: 50%;}
	.datos_top { width:100%; margin: 0 20px 0 0px; font-size:15px;}
	#cont_contact { width:618px; height:650px;margin: 30px auto 30px auto}
	#contact_center { width:605px; height:640px}
	.telefono, .celular, .email {width: 150px;background-size: 35px 34px;padding: 35px 0 0 45px;}
	.email span{ font-size:17px}
	.email { margin: 0 0 0 0px;}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width: 272px; margin: 25px 0 11px 20px;}
	#datos_center h1 {width: 400px; margin: 25px 0 0 20px;}
	
	#formulario { width: auto;padding-left: 30px;}
	#formulario textarea {width: 400px;
		border-color: #cccccb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 8px #cccccb;
		-webkit-box-shadow: inset 1px 1px 8px #cccccb;
		-ms-box-shadow: inset 1px 1px 8px #cccccb;
		-o-box-shadow: inset 1px 1px 8px #cccccb;
		-moz-box-shadow: inset 1px 1px 8px #cccccb;}
	
	.form_left {width: auto;}
	.txt {width: 400px}
	.form_right { float:none; margin-right: 0;}
	
	.bg_texty_tare { display:none}

	#confirmacion {padding-top: 90px;}
	
	#btn_enviar {
		width: 407px;
		height: 70px;
		right: 79px;
		bottom: 28px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;}
		
		#map_canvas {height: 509px;}
}
	
@media only screen and (max-width: 620px) and (min-width: 501px) { 
	
	#top_inter, #xque_nostros, #cont_xque{ width:auto;}
	
	/*--SERVICIOS--*/
	
	.svc_contenidos{ width:auto; height:460px; overflow:hidden; margin:0 auto; }
	.txt_clientes { width:auto; margin: 0 20px 0 20px;}
	.svc_cont_txt{width: 480px; margin:20px auto 0 auto; text-align:center; background:none; position:absolute; top:0px; z-index:1}
	
	.bg_svc_one, .bg_svc_two{ height: 475px; position:relative; margin:0 auto}
	.icono_svc {margin: 0 auto 0 auto;}
	.texto_svc {width: 380px; float:none; padding: 0 0 0 90px;}
	.svc_left, .svc_right { float:none;}
	
	.svc_contenidos p{line-height: 20px; font-size:14px; }
	.svc_contenidos h3 { font-size:30px; }
	.svc_contenidos h4{ font-size:15px; }

	.svc_img {width: 500px;height: 250px; margin-top:0; position:relative; top:180px; text-align:center}
	.svc_img img {width: 350px;height: 250px; margin-top:0}
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px; position: absolute; bottom: -290px; right: 50%;
left: 50%;}

	#window .btn_pag_web{ bottom: -270px;}
	
	/*--AGENCIA--*/
		
	#cont_xque { height: 217px;}

	#cabecera_inter{ background:url("../img/bg_portafolio_int.png") repeat-x}
	.menu { display:none}
	.logo_movil {
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	#titulo_slogan h1 { font-size:37px; line-height: 35px; margin-top:10px}
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#subProject { width:480px; overflow:hidden }
	#subProject .project {width: 240px; height:240px; background-size: 240px 240px;}
	#subProject .project .pro {width: 240px;}
	#subProject .project .pro h1{ font-size:25px; margin: -40px 0 0 0;}
	#subProject .project .pro h2 { font-size:20px;}
	#subProject .project p { margin: 8px 10px 0 10px; font-size:14px;line-height: 15px;}
	
	#xque_nostros h2 { margin: 0 0 0 0;}
	#titulo_equipo h1{ font-size:37px}
	
	#cont-menu { display:none}
	.telefono_inter { display:none}
	#nosotros { width:auto}
	.nosotros_txt {width: auto; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px; display:none;}
	#cont_xque img { margin:11px 0 0 40px; width:158px; height:155px}
	
	.v_negocios {width: 250px;height: 25px;background:none; left: 18px; padding: 0 0 0 0px}
	.v_alianza {width: 250px;height: 25px;background:none; bottom: 58px;left: 0px;}
	.v_creativos { width: 250px; height: 25px;top: 170px; right: -10px;background:none; }
	
	.v_negocios p{padding: 0 0 0 30px}
	.v_alianza p{padding: 0 0 0 40px}
	.v_creativos p{ padding: 0 0 0 40px}
	.v_creativos h5 {margin: 0 0 0 35px;}
	#btn_arrow { width:auto}
	#btn_arrow a{ width:210px;  background-size: 200px 90px;}
	.btn_prev{ margin: 15px 10px 0 30px;}
	#btn_arrow span { font-size:13px;}
	.btn_next span {margin: 8px 21px 0 0;}
	
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto}
	
	#window .isotope-element{ width: 230px; margin: 0 5px 0px 5px; overflow:hidden}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a, body.page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a img {width: 248px; height:auto;top: 6px;}
	
	#window .labels_hv { width:239px;}
	#window .images a img{ width:230px; height:248px;}
	#window .images .hv img{ width:200px; height:auto;}
	
	#window .proy { margin: 0 20px 40px 130px;}
	
	.ver_mas { margin: 0 0 50px -185px;}
	
	.ver_mas_2, .ver_mas_3{ margin: 0 0 50px -195px;}
	
	
	/*--PROYECTOS DESCRIPCION--*/
	
	#bg_top_portaflo{ overflow:hidden;}
	#bg_top_portaflo .img_port{ width:auto; height:auto; margin:0 auto; text-align:center; display:block}
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -240px; }
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: auto; margin: 51px 20px 0 20px; float:none}
	
	.cont_portaflo_right{width: auto; float:none; margin: 28px 0 0 0;}
	
	.sep_portaflo { display:none;}
	
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	
	.portaflo_tecnology ul li {margin: 8px 0 0 0;}
	.visita_la_web {margin: 20px 0 0 0;}
	.portaflo_social {margin: 0 0 28px 10px;}
	
	/*--CLIENTES--*/
	
	.clicontainer { width: 360px; margin: 50px 0 45px 50px; }
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: auto; padding: 0 0 0 0; background-size: 475px;}
	
	#contacto .tape {left: 40%; top: 135px;}
	.datos_top { width:100%; margin: 0 20px 0 0px; font-size:18px }
	#cont_contact { width:478px; height:auto;margin: 30px auto 18px auto}
	#contact_center { width:466px; height:510px}
	
	.telefono, .celular, .email {width: 170px;
		background-size: 35px 34px;
		margin: 0 0 8px 20px;
		padding: 0 0 0 45px;
		line-height: 60px;
 	}
	.email { margin: 0 0 0 70px;}
	.email span { font-size:23px}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width: 272px; margin: 25px 0 5px 20px; display:none}
	#datos_center h1 {width: 400px; margin: 25px 0 0 20px; font-size:16px; color: #616d73;}
	
	#formulario { width: auto;padding-left: 30px;}
	#formulario textarea {width: 300px;
		border-color: #cccccb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 8px #cccccb;
		-webkit-box-shadow: inset 1px 1px 8px #cccccb;
		-ms-box-shadow: inset 1px 1px 8px #cccccb;
		-o-box-shadow: inset 1px 1px 8px #cccccb;
		-moz-box-shadow: inset 1px 1px 8px #cccccb;}
	
	.form_left {width: auto;}
	.txt {width: 300px}
	.form_right { float:none; margin-right: 0;}
	
	.bg_texty_tare { display:none}

	#confirmacion {padding-top: 90px;}
	
	#btn_enviar {
		width: 307px;
		height: 70px;
		right: 40px;
		bottom: 28px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;}
	#map_canvas { height: 500px;margin-top: 35px;}
	.none{ display:inline-block}
	.most{ display:none}
}

@media only screen and (max-width: 500px) and (min-width: 341px) {
	
	#top_inter, #xque_nostros, #cont_xque{ width:auto;}
	
	
	/*--SERVICIOS--*/
	
	.svc_contenidos{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 auto; }
	.bg_svc_one, .bg_svc_two{ height: auto; position:relative; margin:0 auto}
	
	
	.txt_clientes { width:auto; margin: 0 20px 0 20px;}
	.svc_cont_txt{width: auto; margin:20px auto 0 auto; text-align:center; background:none; z-index:1}
	
	
	.icono_svc {margin: 0 auto 0 auto; float:none; width:auto}
	.texto_svc {width: auto; float:none; padding: 0 0 0 0; margin:0 20px 0 20px}
	
	.svc_left, .svc_right { float:none;}
	
	.svc_contenidos p{line-height: 20px; font-size:14px;}
	.svc_contenidos h3 { font-size:25px; text-align:center }
	.svc_contenidos h4{ font-size:13px; text-align:center }

	.svc_img { display:none; width: auto;height: auto; margin-top:0; text-align:center; position:absolute; top:200px}
	
	#window .res1{top:170px}
	#window .res2{top:315px}
	
	.svc_img img {width: 350px;height: 250px; margin-top:0}
	
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px; margin:20px auto 20px auto}

	#window .btn_pag_web{ bottom: -25px;}
	
	
	/*--AGENCIA--*/
	
	
	#cont_xque { height: 217px;}

	#cabecera_inter{ background:url("../img/bg_portafolio_int.png") repeat-x}
	.menu { display:none}
	.logo_movil {
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	#titulo_slogan h1 { font-size:35px; line-height: 35px; margin-top:10px}
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#xque_nostros { display:none;}
	
	#titulo_equipo h1{ font-size:37px}
	
	#cont-menu { display:none}
	.telefono_inter { display:none}
	#nosotros { width:auto}
	.nosotros_txt {width: auto; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px; display:none;}
	#cont_xque img { margin:11px 0 0 40px; width:158px; height:155px}
	
	.v_negocios {width: 250px;height: 25px;background:none; left: 18px; padding: 0 0 0 0px}
	.v_alianza {width: 250px;height: 25px;background:none; bottom: 58px;left: 0px;}
	.v_creativos { width: 250px; height: 25px;top: 170px; right: -10px;background:none; }
	
	.v_negocios p{padding: 0 0 0 30px}
	.v_alianza p{padding: 0 0 0 40px}
	.v_creativos p{ padding: 0 0 0 40px}
	.v_creativos h5 {margin: 0 0 0 35px;}
	
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto; float:none}
	#window .isotope-element{ float:none; margin: 0 auto 20px auto; overflow:hidden}
	.ver_mas { margin: 0 0 50px -185px;}
	
	.ver_mas_2, .ver_mas_3{ margin: 0 0 50px -215px;}
	
	
	/*--PROYECTOS DESCRIPCION--*/
	
	#bg_top_portaflo{ overflow:hidden; height:405px}
	#bg_top_portaflo .img_port{ width:auto; height:auto; margin:0 auto; text-align:center; display:block}
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: auto; margin: 51px 20px 0 20px; float:none}
	
	.cont_portaflo_right{width: auto; float:none; margin: 28px 0 0 0;}
	
	.sep_portaflo { display:none;}
	
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	
	
	.portaflo_tecnology ul li {margin: 8px 0 0 0;}
	.visita_la_web {margin: 20px 0 0 0;}
	.portaflo_social {margin: 0 0 28px 10px;}
	
	
	/*--CLIENTES--*/
	
	.clicontainer { width: 360px; margin: 50px 0 45px 50px; }
	
	.clibox {width: 300px; height:300px}
	.clibox img {width: 300px;}
	
	.clibox:hover img {width: 320px; height: 320px;}
	
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: auto; padding: 0 0 0 0; background-size: 325px 30px;}
	
	#contacto .tape {left: 35%; top: 153px;}
	.datos_top { width:100%; margin: 0 20px 0 0px; font-size:18px }
	#cont_contact { width:340px; height:auto;margin: 30px auto 29px auto}
	#contact_center { width:327px; height:680px}
	
	/*.telefono, .celular, .email {
		width: 100%;
		background-size: 50px 50px;
		margin: 0 0 45px 0;
		padding: 0 0 0 0;
		line-height: 140px;
		text-align: center;
		background-position: center top;
 	}*/
	.telefono, .celular, .email {
		width: 170px;
		height:45px;
		background-size: 35px 34px;
		margin: 0 0 0 44px;
		padding: 0 0 0 45px;
		line-height: 50px;
 	}
	
	.email span { font-size:20px}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width: 272px; margin: 25px 0 5px 20px; display:none}
	#datos_center h1 {
		width: auto;
		margin: 25px 0 0 20px;
		font-size: 16px;
		color: #616d73;
		text-align: center;
		padding: 0 0 0 0px;
	}
	
	#formulario { width: auto;padding-left: 8px; }
	#formulario textarea {
		float:none;
		width: 300px;
		margin: 5px 0 0 0;
		border-color: #cccccb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 8px #cccccb;
		-webkit-box-shadow: inset 1px 1px 8px #cccccb;
		-ms-box-shadow: inset 1px 1px 8px #cccccb;
		-o-box-shadow: inset 1px 1px 8px #cccccb;
		-moz-box-shadow: inset 1px 1px 8px #cccccb;
	}
	
	.form_left {width: auto; float:none;}
	
	.txt {
		width: 300px;
		height: 40px;
		padding: 3px 0 0 8px;
		margin: 5px 0 18px 0;
	}
	
	#formulario label {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 0 3px;
		padding: 4px 0 0 15px;
	}
	
	.form_right { float:none; margin-right: 0;}
	
	.bg_texty_tare { display:none}
	
	#confirmacion { width:80%; padding:90px 20px 0 20px}
	
	#btn_enviar {
		width: 308px;
		height: 70px;
		right: 16px;
		bottom: 37px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;}
	
	#mapa { height:400px; margin: 0px auto 0 auto; padding-top: 10px; overflow:hidden}
	
	#map_canvas { height: 300px; margin-top: 65px; padding-top:150px}
	.none{ display:inline-block}
	.most{ display:none}
	
}

@media only screen and (max-width: 500px) and (min-width: 466px) {
	
	/*--AGENCIA--*/
	
	#subProject { width:80%; overflow:hidden; margin:0 auto  }
	#subProject .project {width: 180px; height:180px; background-size: 180px 180px;}
	#subProject .project .pro {width: 180px;}
	#subProject .project .pro h1{ font-size:25px; margin: 0px 0 0 0;}
	#subProject .project .pro h2 { font-size:20px;}
	#subProject .project p { display:none;}
	
	#btn_arrow { width:auto}
	#btn_arrow a{ width:210px;  background-size: 200px 90px;}
	.btn_prev{ margin: 15px 0 0 20px;}
	#btn_arrow span { font-size:13px;}
	.btn_next span {margin: 8px 21px 0 0;}
	
	.ver_mas_2, .ver_mas_3{ margin: 0 0 50px -215px;}
	
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -160px; width: 800px; }
	
	}

@media only screen and (max-width:465px) and (min-width: 341px) {
	
	
	/*--AGENCIA--*/
	#subProject { width:327px; overflow:hidden; margin:0 auto }
	#subProject .project {width: 163px; height:163px; background-size: 163px 163px;}
	#subProject .project .pro {width: 163px;}
	#subProject .project .pro h1{ font-size:25px; margin:0 0 0 0;}
	#subProject .project .pro h2 { font-size:20px;}
	#subProject .project p { display:none;}
	
	#btn_arrow { width:341px; margin:0 auto; background:none}	
	#btn_arrow a{ width:230px;  background:none; float:none; margin:0 auto;}
	.btn_prev{ margin: 15px 0 0 20px;}
	#btn_arrow span { font-size:15px;}
	.btn_next span {margin: 8px 21px 0 0;}
	
	.ver_mas_2, .ver_mas_3{ margin: 0 0 50px -245px;}
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -200px; width: 800px; }
	
	.titulos_webs h2 { font-size:22px}
}


@media only screen and (max-width: 340px) and (min-width: 241px)  { 

	#top_inter, #xque_nostros, #cont_xque{ width:auto;}
	
	/*--SERVICIOS--*/
	
	.svc_contenidos{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 auto; }
	.bg_svc_one, .bg_svc_two{ height: auto; position:relative; margin:0 auto}
	
	
	.txt_clientes { width:auto; margin: 0 20px 0 20px;}
	.svc_cont_txt{width: auto; margin:20px auto 0 auto; text-align:center; background:none; z-index:1}
	
	
	.icono_svc {margin: 0 auto 0 auto; float:none; width:auto}
	.texto_svc {width: auto; float:none; padding: 0 0 0 0; margin:0 20px 0 20px}
	
	.svc_left, .svc_right { float:none;}
	
	.svc_contenidos p{line-height: 20px; font-size:14px;}
	.svc_contenidos h3 { font-size:25px; text-align:center }
	.svc_contenidos h4{ font-size:13px; text-align:center }

	.svc_img { display:none; width: auto;height: auto; margin-top:0; text-align:center; position:absolute; top:200px}
	
	#window .res1{top:170px}
	#window .res2{top:315px}
	
	.svc_img img {width: 350px;height: 250px; margin-top:0}
	
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px; margin:20px auto 20px auto}

	#window .btn_pag_web{ bottom: -25px;}
	
	/*--AGENCIA--*/
	
	#cont_xque { height: 217px;}

	#cabecera_inter{ background:url("../img/bg_portafolio_int.png") repeat-x}
	.menu { display:none}
	.logo_movil {
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	#titulo_slogan h1 { font-size:35px; line-height: 35px; margin-top:10px}
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#xque_nostros { display:none;}
	
	#titulo_equipo h1{ font-size:37px}
	
	#subProject { width:327px; overflow:hidden; margin:0 auto }
	#subProject .project {width: 160px; height:160px; background-size: 160px 160px;}
	#subProject .project .pro {width: 160px;}
	#subProject .project .pro h1{ font-size:21px; margin:0 0 0 0;}
	#subProject .project .pro h2 { width: 103px; font-size: 18px; margin: 0 0 0 0; padding:0 30px 0 30px}
	#subProject .project p { display:none;}
	
	#cont-menu { display:none}
	.telefono_inter { display:none}
	#nosotros { width:auto}
	.nosotros_txt {width: auto; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px; display:none;}
	#cont_xque img { margin:11px 0 0 40px; width:158px; height:155px}
	
	.v_negocios {width: 250px;height: 25px;background:none; left: 18px; padding: 0 0 0 0px}
	.v_alianza {width: 250px;height: 25px;background:none; bottom: 58px;left: 0px;}
	.v_creativos { width: 250px; height: 25px;top: 170px; right: -10px;background:none; }
	
	.v_negocios p{padding: 0 0 0 30px}
	.v_alianza p{padding: 0 0 0 40px}
	.v_creativos p{ padding: 0 0 0 40px}
	.v_creativos h5 {margin: 0 0 0 35px;}
	
	#btn_arrow { width:341px; margin:0 auto; background:none}	
	#btn_arrow a{ width:230px;  background:none; float:none; margin:0 auto;}
	.btn_prev{ margin: 15px 0 0 20px;}
	#btn_arrow span { font-size:15px;}
	.btn_next span {margin: 8px 21px 0 0;}
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto; float:none}
	#window .isotope-element{width: 230px; float:none; margin: 0 auto 0 auto; overflow:hidden}
	
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a, body.page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a img {width: 248px; height:auto;top: 6px;}
	
	#window .labels_hv { width:239px;}
	#window .images a img{ width:230px; height:248px;}
	#window .images .hv img{ width:200px; height:auto;}
	
	.ver_mas, .ver_mas_3 { margin: 0 0 50px -310px;}
	
	.ver_mas_2{ margin: 0 0 50px -290px;}
	.ver_anterior {width: 60px; font-size:18px; }
	.ver_siguiente{font-size:18px;margin: 0 0 0 10px; background-position:88px 0px;}
	
	/*--PROYECTOS DESCRIPCION--*/
	
	.titulos_webs h2 { font-size:18px}
	#bg_top_portaflo{ overflow:hidden; height:354px}
	#bg_top_portaflo .img_port{ width:auto; height:auto; margin:0 auto; text-align:center; display:block}
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -200px; width: 700px; }
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: auto; margin: 51px 20px 0 20px; float:none}
	
	.cont_portaflo_right{width: auto; float:none; margin: 28px 0 0 0;}
	
	.sep_portaflo { display:none;}
	
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	
	.portaflo_tecnology ul li {margin: 8px 0 0 0;}
	.visita_la_web {margin: 20px 0 0 0;}
	.portaflo_social {margin: 0 0 28px 10px;}
	
	/*--CLIENTES--*/
	
	.clicontainer { width: 260px; margin: 50px 0 45px 40px; }
	
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: auto; padding: 0 0 0 0; background-size: 325px 30px;}
	
	#contacto .tape { left: 30%; top: 138px;}
	.datos_top { width:100%; margin: 0 20px 0 0px; font-size:14px }
	#cont_contact { width:auto; height:auto;margin: 30px auto 29px auto}
	#contact_center { width:auto; height:595px}
	
	/*.telefono, .celular, .email {
		width: 100%;
		background-size: 50px 50px;
		margin: 0 0 45px 0;
		padding: 0 0 0 0;
		line-height: 140px;
		text-align: center;
		background-position: center top;
 	}*/
	.telefono, .celular, .email {
		width: 170px;
		height:45px;
		background-size: 30px 30px;
		margin:-5px 0 0 5px;
		padding: 0 0 0 45px;
		line-height: 50px;
 	}
	
	.email span { font-size:15px}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width: 272px; margin: 25px 0 5px 20px; display:none}
	#datos_center h1 {
		width: auto;
		margin: 25px 0 0 0px;
		font-size: 16px;
		color: #616d73;
		text-align: center;
		padding: 0 0 0 0px;
		background:none
	}
	
	#formulario { width: auto;padding-left: 8px;padding-right: 17px; }
	#formulario textarea {
		width: 100%;
		margin: 5px 0 0 0;
		border-color: #cccccb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 8px #cccccb;
		-webkit-box-shadow: inset 1px 1px 8px #cccccb;
		-ms-box-shadow: inset 1px 1px 8px #cccccb;
		-o-box-shadow: inset 1px 1px 8px #cccccb;
		-moz-box-shadow: inset 1px 1px 8px #cccccb;
	}
	
	.form_left {width: auto; float:none;}
	
	.txt {
		width: 100%;
		height: 24px;
		padding: 3px 0 0 8px;
		margin: 5px 0 15px 0;
	}
	
	#formulario label {
		width: 100%;
		height: auto;
		margin: 0 0 0 3px;
		padding: 4px 0 0 15px;
	}
	
	.form_right { float:none; margin-right: 0;}
	
	.bg_texty_tare { display:none}
	
	#confirmacion { width:100%; padding:90px 0 0 0}
	
	#btn_enviar {
		position:inherit;
		margin:15px 0 0 0;
		width: 100%;
		height: 50px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;}
	
	#mapa { height:400px; margin: 0px auto 0 auto; padding-top: 10px; overflow:hidden}
	
	#map_canvas { height: 300px; margin-top: 65px; padding-top:150px}
	.none{ display:inline-block}
	.most{ display:none}
	
}

@media only screen and (max-width: 240px) and (min-width: 5px)  {
	
	#window .icon + span {font-size: 0.6em;}
	
	#top_inter, #xque_nostros, #cont_xque{ width:auto;}
	
	/*--SERVICIOS--*/
	
	.svc_contenidos{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 auto; }
	.bg_svc_one, .bg_svc_two{ height: auto; position:relative; margin:0 auto}
	
	
	.txt_clientes { width:auto; margin: 0 20px 0 20px;}
	.svc_cont_txt{width: auto; margin:20px auto 0 auto; text-align:center; background:none; z-index:1}
	
	
	.icono_svc {margin: 0 auto 0 auto; float:none; width:auto}
	.texto_svc {width: auto; float:none; padding: 0 0 0 0; margin:0 20px 0 20px}
	
	.svc_left, .svc_right { float:none;}
	
	.svc_contenidos p{line-height: 20px; font-size:14px;}
	.svc_contenidos h3 { font-size:25px; text-align:center }
	.svc_contenidos h4{ font-size:13px; text-align:center }

	.svc_img { display:none; width: auto;height: auto; margin-top:0; text-align:center; position:absolute; top:200px}
	
	#window .res1{top:170px}
	#window .res2{top:315px}
	
	.svc_img img {width: 350px;height: 250px; margin-top:0}
	
	.svc_contenidos a {width: 120px; height: 25px; background-size:120px 65px; font-size:14px; margin:20px auto 20px auto}

	#window .btn_pag_web{ bottom: -25px;}
	
	/*--AGENCIA--*/
	
	
	#cont_xque { height: 217px;}

	#cabecera_inter{ background:url("../img/bg_portafolio_int.png") repeat-x}
	.menu { display:none}
	.logo_movil {
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	#titulo_slogan h1 { font-size: 28px;line-height: 30px; margin-top:10px}
	#top_inter .m_largo{width: 124px;}
	#top_inter .m_space {width: 1px;}
	
	#xque_nostros { display:none;}
	
	#titulo_equipo h1{ font-size:30px}
	
	#subProject { width:240px; overflow:hidden; margin:0 auto }
	#subProject .project {width: 240px; height:240px; background-size: 240px 240px;}
	#subProject .project .pro {width: 240px;}
	#subProject .project .pro h1{ font-size:25px; margin:25px 0 0 0;}
	#subProject .project .pro h2 { font-size:20px;}
	#subProject .project p { display:none;}
	
	#cont-menu { display:none}
	.telefono_inter { display:none}
	#nosotros { width:auto}
	.nosotros_txt {width: auto; margin: 0 20px 0 20px;}
	
	#cont_xque p { font-size:13px; display:none;}
	#cont_xque img { margin:11px 0 0 40px; width:158px; height:155px}
	
	.v_negocios {width: 250px;height: 25px;background:none; left: 18px; padding: 0 0 0 0px}
	.v_alianza {width: 250px;height: 25px;background:none; bottom: 58px;left: 0px;}
	.v_creativos { width: 250px; height: 25px;top: 170px; right: -10px;background:none; }
	
	.v_negocios p{padding: 0 0 0 30px}
	.v_alianza p{padding: 0 0 0 40px}
	.v_creativos p{ padding: 0 0 0 40px}
	.v_creativos h5 {margin: 0 0 0 35px;}
	
	#btn_arrow { width:240px; margin:0 auto; background:none}	
	#btn_arrow a{ width:230px;  background:none; float:none; margin:0 auto;}
	.btn_prev{ margin: 15px 0 0 20px;}
	#btn_arrow span { font-size:15px;}
	.btn_next span {margin: 8px 21px 0 0;}
	
	
	/*--PROYECTOS--*/
	
	#window .content{ width:auto; float:none}
	#window .isotope-element{width: 230px; float:none; margin: 0 auto 0 auto; overflow:hidden}
	
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element .labels h3.pr_title a { font-size:22px; letter-spacing: 0.0px;}
	#window .page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a, body.page-portfolio #zone-content #region-content .view-isotope #isotope-container .isotope-element a img {width: 248px; height:auto;top: 6px;}
	
	#window .labels_hv { width:239px;}
	#window .images a img{ width:230px; height:248px;}
	#window .images .hv img{ width:200px; height:auto;}
	
	.ver_mas{ margin: 0 0 50px -310px;}
	.ver_mas_3{ margin: 0 0 50px -360px;}
	.ver_mas_2{ margin: 0 0 50px -312px;}
	.ver_anterior {width: 60px; font-size:18px; }
	.ver_siguiente{font-size:18px;margin: 0 0 0 10px; background-position:88px 0px;}
	
	/*--PROYECTOS DESCRIPCION--*/
	
	.titulos_webs h2 { font-size:18px}
	#bg_top_portaflo{ overflow:hidden; height:354px}
	#bg_top_portaflo .img_port{ width:auto; height:auto; margin: 25px auto 0 auto; text-align:center; display:block}
	
	#bg_top_portaflo .img_port img{  margin: 0 0 0 -200px; width: 700px; }
	
	.web_anterior { background-size:20px 91px; left:0%; background-color: rgba(173, 159, 137, 0.45);}
	.web_siguiente { background-size:20px 91px; right:0%; background-color: rgba(173, 159, 137, 0.45);}
	
	#cont_portaflo { width:auto}
	.cont_portaflo_left {width: auto; margin: 51px 20px 0 20px; float:none}
	
	.cont_portaflo_right{width: auto; float:none; margin: 28px 0 0 0;}
	
	.sep_portaflo { display:none;}
	
	.cont_testimonio {width: auto;height: auto;margin: 5px 0 10px 0; background:none}
	.firma_testimonio{margin: 19px 40px 0 0;}
	
	
	.portaflo_tecnology ul li {margin: 8px 0 0 0;}
	.visita_la_web {margin: 20px 0 0 0;}
	.portaflo_social {margin: 0 0 28px 10px;}
	
	
		/*--CLIENTES--*/
	
	.clicontainer { width: 260px; margin: 50px 0 45px 10px; }
	
	
	/*--CONTACTO--*/
	
	#contacto { width:100%;height: auto; padding: 0 0 0 0; background-size: 325px 30px;}
	
	#contacto .tape { left: 30%; top: 138px;}
	.datos_top { width:100%; margin: 0 20px 0 0px; font-size:14px }
	#cont_contact { width:auto; height:auto;margin: 30px auto 29px auto}
	#contact_center { width:auto; height:629px}
	
	/*.telefono, .celular, .email {
		width: 100%;
		background-size: 50px 50px;
		margin: 0 0 45px 0;
		padding: 0 0 0 0;
		line-height: 140px;
		text-align: center;
		background-position: center top;
 	}*/
	.telefono, .celular, .email {
		width: 170px;
		height:45px;
		background-size: 30px 30px;
		margin:-5px 0 0 5px;
		padding: 0 0 0 45px;
		line-height: 50px;
 	}
	
	.email span { font-size:15px}
	
	#datos_center { width:auto; margin: 0px 10px 0 10px;}
	.dire { width: 272px; margin: 25px 0 5px 20px; display:none}
	#datos_center h1 {
		width: auto;
		margin: 25px 0 0 0px;
		font-size: 16px;
		color: #616d73;
		text-align: center;
		padding: 0 0 0 0px;
		background:none
	}
	
	#formulario { width: auto;padding-left: 8px;padding-right: 17px; }
	#formulario textarea {
		width: 100%;
		margin: 5px 0 0 0;
		border-color: #cccccb;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: inset 1px 1px 8px #cccccb;
		-webkit-box-shadow: inset 1px 1px 8px #cccccb;
		-ms-box-shadow: inset 1px 1px 8px #cccccb;
		-o-box-shadow: inset 1px 1px 8px #cccccb;
		-moz-box-shadow: inset 1px 1px 8px #cccccb;
	}
	
	.form_left {width: auto; float:none;}
	
	.txt {
		width: 100%;
		height: 24px;
		padding: 3px 0 0 8px;
		margin: 5px 0 15px 0;
	}
	
	#formulario label {
		width: 100%;
		height: auto;
		margin: 0 0 0 3px;
		padding: 4px 0 0 15px;
	}
	
	.form_right { float:none; margin-right: 0;}
	
	.bg_texty_tare { display:none}
	
	#confirmacion { width:90%; padding-top: 90px;}
	
	#btn_enviar {
		position:inherit;
		margin:15px 0 0 0;
		width: 100%;
		height: 50px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;}
	
	#mapa { height:400px; margin: 0px auto 0 auto; padding-top: 10px; overflow:hidden}
	
	#map_canvas { height: 300px; margin-top: 65px; padding-top:150px}
	.none{ display:inline-block}
	.most{ display:none}
	
}