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

#window{
	width:100%;
	height:auto;
	margin:0; padding:0;
	overflow:hidden
}
#cabecera{
	width:100%; height:auto;
	position:relative;
	top:0;
	left:0;
}
#social_pest{
	width:35px;
	height:auto;
	position:absolute;
	top:520px;
	left:1%;
	z-index:1000000000000;
}
#social_pest a{
	display:block;
	width:35px;
	height:35px;
  }
#social_pest a:hover{
	-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
}
#banner{
	width:100% ;height: 430px;
	position:relative; z-index: 0;
	background:#2d81b8 url("../img/banner1.jpg"/*tpa=http://www.siswebperu.com/structure/website/imgs/banner1.jpg*/) no-repeat center top;
	
}

#window #banner img{ display:none}

.bg_banner_bottom{ width:100%; height:116px;
	position:absolute; bottom:-58px;
	background:url("../img/bg_banner_bottom.png"/*tpa=http://www.siswebperu.com/structure/website/imgs/bg_banner_bottom.png*/) no-repeat center bottom;
	z-index:1000;
}
	.cont_telefono{
		width:1062px; height:auto;
		margin:0 auto 0 auto;}
		
	.telefono_home{
	width: 140px;
	height: 34px;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 37px;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 38px;
	padding-bottom: 0;
	background: url("../img/ico_fono.png") no-repeat  left;
	font: normal 21px 'sansationbold', Arial, Helvetica, sans-serif;
	color: #FFFFFF
		}
		
#facebook_like{ width:100px; height:20px; position:absolute;
	top:18px; right:2%; z-index:10000000;
}

.banner1{width:100% ;height: 430px; background:#2d81b8 url("../img/banner1.jpg") no-repeat center top;}
.banner2{width:100% ;height: 430px; background:#923b8e url("../img/banner2.jpg") no-repeat center top}
.banner3{width:100% ;height: 430px; background:#7cab42 url("../img/banner3.jpg") no-repeat center top}
.banner4{width:100% ;height: 430px; background:#59d6dc url("../img/banner4.jpg") no-repeat center top}

    #banner ul{ visibility: hidden;}
	#banner ul li a{text-decoration: none;}
	#banner .bx-wrapper, #banner .bx-viewport{min-height: 533px;}
	#banner .bx-wrapper .bx-loading{ background:url("loader_banner.gif") center center no-repeat #202020}
	#banner .txt_banner{
		font-weight: bold; font-family: 'coolveticaregular', Arial, Helvetica, sans-serif; color:#00427f;
		width: 1022px;
		margin:0 auto 0 auto; padding-top:230px;
		min-height: 164px;
		z-index: 5;
		position:relative; 
		}
	#banner .txt_banner h1{ width:373px; height:auto; overflow:hidden; margin:0 0 5px 0; font:normal 47px 'coolveticaregular', Arial, Helvetica, sans-serif; color:00427f; }
	#banner .txt_banner h3{ margin:0 0 2px 0;font:normal 25px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#00fcff; letter-spacing:0px   }
	#banner .txt_banner p{ font:normal 20px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#3d96ea; letter-spacing:0; }
	#window #banner .txt_banner img{ width:79px; height:29px; position:absolute; bottom:51px; left:290px }
	
	#banner .txt_banner .blue{ color:#00fcff}
	#banner .txt_banner .mora{ color:#ffbbff}
	#banner .txt_banner .green{ color:#eeffa1}
	
	#window .txt_mov{ display:none}
	.adrian{ display:none}
	



/*----------- LOGO -  MENU------------*/


#top{ width:100%; height:auto; 
	position:absolute; top:0; z-index:100;
	background:url("../img/bg_top.png") repeat-x top;
	}
	
#window #banner #top img{ display:block}

#top_center{ width:1062px; height:auto;
	margin:0 auto 0 auto;
	overflow:hidden;
	}

.logo{
	float:left;
	width:243px; height:164px;
	padding:10px 0 0 40px;
	background:url("../img/bg_logo.png") no-repeat;
	}
	

.menu_home{ float:right;
	width:695px; height:56px;
	}
	
.menu_home a{ display:block;
	float:left;
	width:103px; height:33px;
	padding:22px 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.png") repeat-x 0 -66px;
	}

.menu_home a:hover{ background-position:0 0;
	}

.menu_home .active{ background-position:0 0;;
	}
	
.m_space{ float:left; width:5px;
	}

#top_center .m_largo, #top_inter .m_largo{
	width:155px;
}

/*----------- MENU RESPONSIVE ------------*/

#cont-menu{
		width:100%;
		height:auto;
		top:0px; display:none;
		border-bottom: 1px solid #ABB5C9;
		-webkit-box-shadow: inset 0 1px 1px -1px #fff;
		-webkit-box-sizing: border-box;
		border-top: 1px solid #1d4088;
		background:#114E8F; /*url(../imgs/menu.png) repeat-x top*/
		overflow:hidden;
}


#menu{
	position:relative;
	margin:0 auto 0 auto;
	z-index:1000;
	overflow:hidden;
}


/*----------- PAGINA - CUERPO - SLOGAN------------*/


#pagina{ width:100%; height:auto;
	background:url("../img/bg_pagina.jpg") repeat center top;
	background-attachment:fixed;
	}
#cuerpo{ width:1062px; height:auto; 
	margin:0 auto 0 auto; overflow:hidden;
	}
	
#slogan{ width:1062px; height:auto;
	background:url("../img/bg_slogan.png") no-repeat center bottom;
	overflow:hidden;
	}
	
#slogan h1{ margin:76px 0 0 57px;
	font:bold 27px 'sansationbold', Arial, Helvetica, sans-serif; color:#636B77; letter-spacing:1px;
	}
	
#slogan h2{ margin:0 0 0 57px;
	font:normal 16px 'MyriadProRegular',Arial, Helvetica, sans-serif; color:#646D72;
	}
	
#slogan img{ float:right;
	margin:28px 52px 0 0;
	position:relative;
	}


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


#servicios_home{ width:1062px; height:auto;
	margin:18px 0 0 0;
	overflow:hidden
	}

#title{ width:1062px;
	height:71px;
	overflow:hidden;
	}
	
#title h2{ margin:15px 0 0 8px;
	font:normal 24px 'sansationregular', Arial, Helvetica, sans-serif; color:#FFF;
	}
	
.title_left{ float:left;
	width:102px; height:71px;
	}
	
.title_svc{ float:left;
	width:919px; height:53px;
	background: url(../img/t1.jpg) ;
	}
	
.title_ritgh{ float:left;
	width:41px; height:71px;
	}
	
#cont_svc{ width:1062px; height:auto;
	}
	
#subService{width: 1000px; height:auto;
	margin:0 0 30px 40px;
	position: relative;
	overflow:hidden;
	}
	
#subService .serviceBox1 b:hover{ color:#FFF
	}

#subService .serviceBox1{
	width: 217px;
	height: 180px;
	margin: 25px 15px 0 15px;
	float: left;
	border: solid thin #d6d6d6;
	color: #666;
	position: relative;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	transition: background-color 0.5s;
    /*cursor: pointer;*/
	}
#subService .serviceBox1 a{
	text-decoration:none;
	  color: #666;
	 }
#subService .serviceBox1 a:hover{
	 color: #ffffff;
	 }


#subService .serviceBox1:hover{
    border: solid thin #d6d6d6;
    color: #ffffff;
	}

.myservice1{
    background: #ffffff url("../img/ico_1.png") no-repeat 50px 12px;
	}

.myservice1:hover{
	background: #015788 url("../img/ico_1.png") no-repeat 50px -239px ;
	}
	
.mylink1{
    background: #ffffff url("../img/link_1.png") no-repeat 50px 12px;
	}

.mylink1:hover{
	background: #015788 url("../img/link_1.png") no-repeat 50px -239px ;
	}
	
	
	.myvideo1{
    background: #ffffff url("../img/video_1.png") no-repeat 50px 12px;
	}

.myvideo1:hover{
	background: #015788 url("../img/video_1.png") no-repeat 50px -239px ;
	}
	
	.mylink2{
    background: #ffffff url("../img/link_2.png") no-repeat 50px 12px;
	}

.mylink2:hover{
	background: #015788 url("../img/link_2.png") no-repeat 50px -239px ;
	}
	

.myservice2{
    background: #ffffff url("../img/ico_2.png") no-repeat 50px 12px;
	}
.myservice2:hover{
    background: #ac74b9 url("../img/ico_2.png") no-repeat 50px -239px ;
	}

.myservice3{
    background: #ffffff url("../img/ico_3.png") no-repeat 50px 12px;
	}

.myservice3:hover{
    background: #3385b4 url("../img/ico_3.png") no-repeat 50px -239px ;
	}

.myservice4{
    background: #ffffff url("../img/ico_4.png") no-repeat 50px 12px;
	}

.myservice4:hover{
    background: #92a0c6 url("../img/ico_4.png") no-repeat 50px -239px ;
	}

.myservice5{
    background: #ffffff url("../img/ico_5.png") no-repeat 50px 12px;
	}

.myservice5:hover{
    background: #506592 url("../img/ico_5.png") no-repeat 50px -239px ;
	}

.myservice6{
    background: #ffffff url("../img/ico_6.png") no-repeat 50px 12px;
	}

.myservice6:hover{
    background: #97aabc url("../img/ico_6.png") no-repeat 50px -239px ;
	}

.myservice7{
    background: #ffffff url("../img/ico_7.png") no-repeat 50px 12px;
	}

.myservice7:hover{
    background: #8662a7 url("../img/ico_7.png") no-repeat 50px -239px ;
	}

.myservice8{
    background: #ffffff url("../img/ico_8.png") no-repeat 50px 12px;
	}

.myservice8:hover{
    background: #96c4de url("../img/ico_8.png") no-repeat 50px -239px ;
	}

#subService .serviceBox1 b{
    padding: 135px 0 55px 0 ; position:relative; z-index:10;
    display: block;
    text-align: center;
    font-family: 'pt_sansregular', sans-serif;
    font-size: 14px;
    font-weight: bold;
	color:#00678d;
	}

#subService .serviceBox1 p{
    padding-top: 0px; position:relative; top:-53px;
    text-align: center;
    width: 200px;
    margin: auto;
	font-size:13px;
    font-family: 'pt_sansregular', sans-serif;
    line-height: 15px;
	}


/*------------ PROYECTOS HOME ----------------*/



#proyectos_home{ width:100%; height:574px; position:relative; overflow:hidden;
	}

/*#banner_proy{ width:100%; height:509px;
	background:url(../imgs/banner_proy_1.jpg) no-repeat center top
	}
	*/
#title_proy{ width:1062px;
	position:relative; bottom:-40px;
	z-index:12;
	height:71px;
	margin:0 auto 0 auto;
	overflow:hidden;
	}
	
#title_proy h2{ margin:15px 0 0 8px;
	font:normal 24px 'sansationregular', Arial, Helvetica, sans-serif; color:#FFF
	}
	
.title_proy_left{ float:left;
	width:102px; height:71px;
	}
	
.title_proy_center{ float:left;
	width:919px; height:53px;
	background:#00b1f2
	}
	
.title_proy_ritgh{ float:left;
	width:41px; height:71px;
	}


 /*------------ CLIENTES HOME ----------------*/


#clientes_home{ width:100%; height:195px;
	background:url("../img/sombra_clientes.png") repeat-x top;
	}

#title_clientes{ width:1062px; height:71px;
	margin:0 auto 0 auto;
	overflow:hidden;
	}

#title_clientes h2{ margin:15px 0 0 8px;
	font:normal 24px 'sansationregular', Arial, Helvetica, sans-serif; color:#FFF
	}

#subClient{ width: 990px; height: 107px;
	margin: 0 auto 0 auto;
	position: relative; overflow: hidden;
	}
	
.sep_clientes { float:left;
	width:194px; height:107px;
	background:url("../img/sep_clientes.png") no-repeat right;
	}
 
 /*ikons*/
 
 #subClient .client1{
    width: 121px;
    height: 68px;
    background: transparent url("../img/client_1.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:20px;
    left: 40px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client1:hover{
    background: transparent url("../img/client_1.png") no-repeat 0 -69px ;
    opacity:1;
	}
	
  /*fusionmarina*/
  
#subClient .client2{
    width: 130px;
    height: 75px;
    background: transparent url("../img/client_2.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:15px;
    left: 225px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client2:hover{
    background-position:0 -75px;
    opacity:1;
	}
	
 /*unox*/
 
#subClient .client3{
    width: 111px;
    height: 42px;
    background: transparent url("../img/client_3.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:35px;
    left: 430px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client3:hover{
    background-position:0 -42px;
    opacity:1;
	}
	
 /*fesdy*/
 
#subClient .client4{
    width: 110px;
    height: 84px;
    background: transparent url("../img/client_4.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left:620px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client4:hover{
   background-position:0 -84px;
    opacity:1;
	}
	
 /*VyR*/
 
#subClient .client5{
    width: 95px;
    height: 80px;
    background: transparent url("../img/client_5.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:20px;
    left: 820px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client5:hover{
   background-position:0 -79px;
    opacity:1;
	}
	
 /*consulting*/
 
#subClient .client6{
    width: 163px;
    height: 53px;
    background: transparent url("../img/client_6.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:15px;
    left: 1020px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client6:hover{
   background-position:0 -53px;
    opacity:1;
	}
	
 /*toledo group*/
 
#subClient .client7{
    width: 145px;
    height: 26px;
    background: transparent url("../img/client_7.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:35px;
    left: 1218px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client7:hover{
   background-position:0 -26px;
    opacity:1;
	}
	
 /*E&M*/
 
#subClient .client8{
    width: 104px;
    height: 88px;
    background: transparent url("../img/client_8.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:8px;
    left: 1427px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client8:hover{
   background-position:0 -88px;
    opacity:1;
	}
	
 /*cacerola*/
 
#subClient .client9{
    width: 133px;
    height: 76px;
    background: transparent url("../img/client_9.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 1610px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client9:hover{
   background-position:0 -76px;
    opacity:1;
	}
	
 /*velcons*/
 
#subClient .client10{
    width: 106px;
    height: 90px;
    background: transparent url("../img/client_10.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 1810px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client10:hover{
	background-position:0 -90px;
    opacity:1;
	}


 /*vida natural*/
 
#subClient .client11{
    width: 160px;
    height: 31px;
    background: transparent url("../img/client_11.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 2020px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client11:hover{
	background-position:0 -31px;
    opacity:1;
	}
	
	 /*santa maria*/
 
#subClient .client12{
    width: 82px;
    height: 96px;
    background: transparent url("../img/client_12.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 2250px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client12:hover{
	background-position:0 -96px;
    opacity:1;
	}
	
	 /*kayros*/
 
#subClient .client13{
    width: 102px;
    height: 104px;
    background: transparent url("../img/client_13.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 2430px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client13:hover{
	background-position:0 -104px;
    opacity:1;
	}
	
	 /*monte de Dios*/
 
#subClient .client14{
    width: 102px;
    height: 89px;
    background: transparent url("../img/client_14.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 2630px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client14:hover{
	background-position:0 -89px;
    opacity:1;
	}
	
	 /*jhon nash*/
 
#subClient .client15{
    width: 100px;
    height: 96px;
    background: transparent url("../img/client_15.png") no-repeat;
    margin: 0 auto 0 auto;
    position: absolute;
	top:10px;
    left: 2820px;
    opacity:0.50;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
	}
#subClient .client15:hover{
	background-position:0 -96px;
    opacity:1;
	}




 /*------------ BOTTOM ----------------*/



#bg_bottom{
	width:auto; height:300px;
	background:#0c0c0c url("../img/bg_bottom.jpg") repeat; 
	border-bottom:solid 18px #1a1b1e;
	overflow:hidden;
	}

#bottom{ width:1129px; height:270px;
	background:url("../img/bg_logo_footer.png") no-repeat bottom right;
	margin:38px auto 0 auto;
	}

#footer{
	width:952px; height:auto;
	margin:0 auto 0 auto;
	overflow:hidden
 	}
 
#footer h3{ padding:0 0 8px 0;
	font:normal 20px 'sansationregular', Arial, Helvetica, sans-serif;
	}
	
#footer ul{ list-style:none;
	margin:20px 0 0 0;
	font:normal 13px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#fff;
	}
	
	.h3_celeste{ color:#FFF;
		background:url("../img/line_contacto.png") no-repeat bottom left;
		}
	.h3_verde{ color:#a1ff00;
		background:url("../img/line_mapa.png") no-repeat bottom left;
		}
	.h3_rozado{ color:#fff;
		background:url("../img/line_redes.png") no-repeat bottom left;
		}
	
.ico_location{ padding:0 0 0 35px;
	background:url("../img/ico_location.png") no-repeat left top;
	}
	
.sep_footer{ float:left;
	width:2px; height:165px;
	margin:0 42px 0 50px;
	background:url("../img/line_sep_foot.png") no-repeat;
	}

.contacto_footer{ float:left;
	width:250px;
	}
	
	.contacto_footer a{ text-decoration:none;font:normal 13px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#fff
	}
	
.contacto_footer li{ width:200px; margin:0 0 8px 0;
	}
	
.mapa_sitio{ float:left; width:280px;
	overflow:hidden;
	}
	
.mapa_sitio a{ text-decoration:none;
	color:#fff;
	}
.mapa_sitio a:hover{ text-decoration:underline;
	color:#8e8d8d;
	}

.mapa_sitio_left{ float:left;
	padding-left:10px;
	}
	
.mapa_sitio_left li{ margin:0 0 10px 0;
	padding:0 0 0 25px;
	background:url("../img/ico_arrow_map.png") no-repeat;
	}
	
.mapa_sitio_rigth{ float:right;
	}

#footer .mapa_sitio_rigth ul{ margin:45px 0 0 0;
	}
	
#footer .mapa_sitio_rigth ul li{ margin:0 0 2px 0;
	}

.social_footer{ float:left;
	width:223px;
	}
	
.social_footer li{ margin:0 0 4px 0;
	}
	
.social_footer a{ display:block;
	width:26px; height:26px;
	padding:8px 0 0 0;
	text-decoration:none;
	font:normal 13px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#fff;s
    -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;
	}
	
.social_footer span{
	margin:0 0 0 35px;
	}
	
.social_footer a:hover{ background-position:-44px 0;
	color:#8e8d8d;
	}

.s_fb{ background:url("../img/ico_sfb.png") no-repeat;
	}
	
.s_twit{ background:url("../img/ico_stwet.png") no-repeat;
	}
	
.s_pint{ background:url("../img/ico_spint.png") no-repeat;
	}
	
.s_sky{ background:url("../img/ico_ssky.png") no-repeat;
	}


#sub_footer{ width:952px; height:auto;
	margin:25px auto 0 auto;
	font:normal 13px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#393c43;
	overflow:hidden;
	}
	
.copy{ float:left;
	}

.policies{ float:right;
	}

.policies a{ text-decoration:none;
	font:normal 13px 'pt_sansregular', Arial, Helvetica, sans-serif; color:#393C43;
	text-decoration:underline;
	}
	
	
/*efecto pulsador*/	
	
@-webkit-keyframes pulselogo {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes pulselogo {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-ms-keyframes pulselogo {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-o-keyframes pulselogo {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulselogo {
    0% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}


/*----------TRANSITION----------*/

#banner, .banner1, .banner2, .banner3, .banner4, 
#top_center, #banner .txt_banner, #banner .txt_banner h1, 
.bg_banner_bottom, .cont_telefono, #slogan h1, #cuerpo, 
#slogan, #pagina, #slogan img, #social_pest, #social_pest a, 
#servicios_home, #title, .title_svc, #cont_svc, #subService, 
#proyectos_home .options, #carteles li .cartel_txt, #carteles li, 
#platos, #proyectos_home, #bottom, #title_clientes, #title_proy, 
.menu_home, .menu_home a, #banner .txt_banner h3, #bg_carteles, 
#subClient, #footer, .sep_footer, #bg_bottom, #sub_footer, 
.contacto_footer, .mapa_sitio, .social_footer, .mapa_sitio_left, .m_space, 
.logo, .contacto_footer li, #footer li, .contacto_footer a, .mapa_sitio_left li, 
.social_footer li, .social_footer a, #window #banner .bx-wrapper .bx-prev, 
#window #banner .bx-wrapper .bx-next, #facebook_like, #window #titulo_slogan {
	-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 QUERIES ====================*/


@media only screen and (max-width: 1300px) and (min-width: 1100px) {
	#facebook_like{
		top:525px;
	}	
}


@media only screen and (max-width: 1100px) and (min-width: 1028px) {
	
	#facebook_like{
		top:490px;
	}	
	
	#cont-menu { display:none}
	
	#top_center{ width:980px; }
	#banner, .banner1, .banner2, .banner3, .banner4{
		height: 523px;
		background-size:1900px 500px;
		-moz-background-size:1900px 500px;
		-o-background-size:1900px 500px;
		-webkit-background-size:1900px 500px;
		-khtml-background-size:1900px 500px;
	}
	
	#window #banner .bx-wrapper .bx-prev{
		background-position:0px 0px;
		width: 15px;
		background-size:27px 75px;
		-moz-background-size:27px 75px;
		-o-background-size:27px 75px;
		-webkit-background-size:27px 75px;
		-khtml-background-size:27px 75px;
		}
		
	 #window #banner .bx-wrapper .bx-next{
		width: 15px;
		background: url("../img/bg_direction_nav.png") no-repeat -15px 0px;
		background-size:27px 75px;
		-moz-background-size:27px 75px;
		-o-background-size:27px 75px;
		-webkit-background-size:27px 75px;
		-khtml-background-size:27px 75px;
		}
		
	#window #banner .bx-controls-direction { width:99%; top:-265px;}
	
	#banner .txt_banner { width:981px; margin-left:70px}
	#banner .txt_banner h1 {
	font-size: 40px;
	width: 330px;
	color: #0060A6;
}
	.bg_banner_bottom{ bottom: -34px;}
	
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #bottom{ width:1010px;}
	
	#slogan h1{margin: 36px 0 0 57px;}
	#slogan img {margin: 0 70px 0 0;}
	
	#social_pest{ width:230px; left:7%; top: 431px}
	#social_pest a{ float:left;}
	
	.title_svc, .title_proy_center{ width: 859px}
	#subService{ margin: 0 0 30px 10px;}
	
	#proyectos_home .options{ right: 40px;}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size: 1800px 430px;
								-moz-background-size:1800px 430px;
								-o-background-size:1800px 430px;
								-webkit-background-size:1800px 430px;
								-khtml-background-size:1800px 430px;
							}
	
	#carteles li .cartel_txt { top: -170px;}
	#carteles li { height: 400px; margin-top: 60px; }
	#platos {height: 430px;}
	#proyectos_home{ height: 494px}
}


@media only screen and (max-width: 1028px) and (min-width: 980px) {
	
	#facebook_like{
		top:440px;
	}
	
	.menu_home {width: 670px}
	.menu_home a{ width: 80px; font-size:13px;}
	
	#cont-menu { display:none}
	
	#window #banner .bx-wrapper .bx-prev{
		background-position:0px 0px;
		width: 15px;
		background-size:27px 53px;
		-moz-background-size:27px 53px;
		-o-background-size:27px 53px;
		-webkit-background-size:27px 53px;
		-khtml-background-size:27px 53px;
		}
		
	 #window #banner .bx-wrapper .bx-next{
		 width: 15px;
		 background: url("../img/bg_direction_nav.png") no-repeat -15px 0px;
		background-size:27px 53px;
		-moz-background-size:27px 53px;
		-o-background-size:27px 53px;
		-webkit-background-size:27px 53px;
		-khtml-background-size:27px 53px;
		}
		
		#window #banner .bx-controls-direction { width:99%; top:-235px;}
	
	
	#banner, .banner1, .banner2, .banner3, .banner4{
		height: 470px;
		background-size:1700px 450px;
		-moz-background-size:1700px 450px;
		-o-background-size:1700px 450px;
		-webkit-background-size:1700px 450px;
		-khtml-background-size:1700px 450px;
	}
	#banner .txt_banner { width:800px; margin-left:40px}
	#banner .txt_banner h1 { font-size:30px; width:330px}
	#banner .txt_banner h3{ font-size:20px;}
	.bg_banner_bottom{ bottom: -34px;}
	
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #bottom, #top_center { width:965px;}
	
	#slogan h1{margin: 36px 0 0 57px;}
	#slogan img {margin: 0 70px 0 0;}
	
	#social_pest{ width:230px; left:75%; top: 389px; display:none;}
	#social_pest a{ float:left;}
	
	.title_svc, .title_proy_center{ width: 820px}
	
	#subService{ margin: 0 0 30px 45px; width:900px; }
	#subService .serviceBox1{ width:190px; height: 234px; background-position:40px 12px}
	#subService .serviceBox1 b{ font-size:13px;}
	#subService .serviceBox1 p{ width: 180px;}
	
	#proyectos_home .options{ right: 40px;}
	
	#proyectos_home #bg_carteles{ width:980px; height: 375px;}
	
	#proyectos_home  #bg_platos{ width:980px; height: 400px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size: 1700px 400px;
								-moz-background-size:1700px 400px;
								-o-background-size:1700px 400px;
								-webkit-background-size:1700px 400px;
								-khtml-background-size:1700px 400px;
							}
	
	#carteles li .cartel_txt { top: -170px;}
	#carteles li { height: 400px; margin-top: 60px; }
	#platos {height: 430px;}
	#proyectos_home{ height: 465px}
	#subClient{ width:940px;}

}

	 
@media only screen and (max-width: 980px) and (min-width: 821px) {
	
	#facebook_like{
		top:395px;
	}
	
	#cont-menu { display:none}
	.menu_home {width: auto;}
	.menu_home a{ width:auto; font-size:13px; padding: 22px 9px 0 9px;}
	#top_center .m_largo, #top_inter .m_largo {width: 124px;}
	#top_center .m_space {width: 1px;}
	
	#banner, .banner1, .banner2, .banner3, .banner4{
		height: 425px;
		background-size:1500px 400px;
		-moz-background-size:1500px 400px;
		-o-background-size:1500px 400px;
		-webkit-background-size:1500px 400px;
		-khtml-background-size:1500px 400px;
		background-position-x: -360px;
	}
	#window #banner .bx-wrapper .bx-prev{
		background-position:0px 0px;
		width: 15px;
		background-size:27px 63px;
		-moz-background-size:27px 63px;
		-o-background-size:27px 63px;
		-webkit-background-size:27px 63px;
		-khtml-background-size:27px 63px;
		}
		
	 #window #banner .bx-wrapper .bx-next{
		 width: 15px;
		 background: url("../img/bg_direction_nav.png") no-repeat -15px 0px;
		background-size:27px 63px;
		-moz-background-size:27px 63px;
		-o-background-size:27px 63px;
		-webkit-background-size:27px 63px;
		-khtml-background-size:27px 63px;
		}
		
		#window #banner .bx-controls-direction { width:99%; top:-210px;}
	
	#banner .txt_banner { width:750px; margin-left:40px; margin: 0 auto 0 auto; padding-top: 210px;}
	#banner .txt_banner h1 { font-size:30px; width:250px}
	#banner .txt_banner h3{ font-size:20px; display:none}
	#banner .txt_banner p{ display:none}
	
	.bg_banner_bottom{ bottom: -34px;}
	
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, 
	#bottom, #top_center{ width:806px; overflow:hidden;}

	#slogan h1{margin: 36px 0 0 57px; font-size:22px}
	#slogan img {margin: 0 90px 0 0;}
	
	#social_pest{ display:none}
	
	.title_svc, .title_proy_center{ width: 655px}
	
	#subService{ margin: 0 0 30px 0px; width:810px; }
	#subService .serviceBox1{ width:180px; height: 234px; background-position:34px 12px; margin: 25px 10px 0 10px;}
	#subService .serviceBox1 b{ font-size:13px;}
	#subService .serviceBox1 p{ width: 170px;}
	
	#window #proyectos_home .options{ width:820px; right: 40px;}
	
	#proyectos_home #bg_carteles{ width:810px; height: 300px;}
	
	#proyectos_home  #bg_platos{ width:820px; height: 315px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size:900px 250px;
								-moz-background-size:900px 250px;
								-o-background-size:900px 250px;
								-webkit-background-size:900px 250px;
								-khtml-background-size:900px 250px;
	}
	
	#window #carteles li .cartel_txt { width: 200px; top: -170px; left:80px; background-size:220px 260px; padding:90px 0 0 0; }
	#window #carteles li h2 { text-align:center; margin: 0px 0 0 5px; font-size:20px;}
	#carteles li .cartel_txt p { display:none;}
	#window #carteles li h3 { margin:10px 0 10px 20px; font-size:13px;color:#ECECE9}
	#window #carteles li .unox h3{ margin:10px 0 -7px 20px;}
	#window #carteles .link_pag { width:200px;}
	
	
	#window #carteles li { height: 400px; margin-top: 60px; }
	#window #platos {height: 250px;}
	#window #proyectos_home{ height: 315px}
	#window #subClient{ width:760px;}
	
	#bg_bottom, #bottom, #footer{ height:auto}
	#footer, #sub_footer{ width:780px;}
	
	.sep_footer {margin: 0 20px 0 20px;}
	.contacto_footer{width: 210px;}
	.mapa_sitio{width: 270px;}
	.social_footer{width: 210px;}
	.mapa_sitio_left {padding-left: 0px;}
}

@media only screen and (max-width: 820px) and (min-width: 5px) {
	
	#window #titulo_slogan { margin: 40px auto 0 auto;}
	

	#window  #banner {
		height: auto;
		margin: -5px 0 0 0;
		background:none;
	}
	
	#window #banner img {
		display:block;
		width:100%;
		height:100%;
	}
	
.banner1 .banner2, .banner3, .banner4, #window #banner .bx-wrapper .bx-pager, #window #banner .bx-wrapper, #banner .bx-viewport, #window #banner .bx-wrapper .bx-prev, #window #banner .bx-wrapper .bx-next, #window #banner .txt_banner h1, #window #banner .txt_banner h3, #window #banner .txt_banner p, .bg_banner_bottom, #window #banner .bx-controls-direction { display:none; background:none}

	
#window .txt_mov{
	display: block;
	width: 100%;
	min-height: 60px;
	margin: 13% 0 0 0;
	padding: 0;
	background: url("../img/bg_top.png") repeat;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 2px;
	text-shadow: rgba(2, 2, 2, 0.65) 0.1em 0.2em 0.5em;
	left: -2px;
}


.adrian{ 
display:block;
	width:100%;
	min-height:60px;
	background-color:rgba(0,54,99,1.00);

	

}
	
}

	

}


@media only screen and (max-width: 820px) and (min-width: 500px) {
	#window .txt_mov h1{
		display:block;color: #fff; width:auto; text-align:center; font-size:2.0em;
		font-family: 'sansationregular', Arial, Helvetica, sans-serif; height: auto;
		margin: 10px 0 10px 0;
	}
	
	 .adrian h1{
		display:block;color: #fff; width:auto; text-align:center;
	}
	
	}

@media only screen and (max-width: 500px) and (min-width: 400px) {
	#window .txt_mov h1{
		display:block;color: #fff; width:auto; text-align:center; font-size:1.6em;
		font-family: 'sansationregular', Arial, Helvetica, sans-serif; height: auto;
		margin: 10px 0 10px 0;
	}
	
	 .adrian h1{
		display:block;color: #fff; width:auto; text-align:center;
	}
}

@media only screen and (max-width: 400px) and (min-width: 300px) {
	#window .txt_mov h1{
		display:block;color: #fff; width:auto; text-align:center; font-size:1.2em;
		font-family: 'sansationregular', Arial, Helvetica, sans-serif; height: auto;
		margin: 10px 0 10px 0;
	}
	
.adrian h1{
		display:block;color: #fff; width:auto; text-align:center;font-size:1.2em;
	}
}

@media only screen and (max-width: 300px) and (min-width: 5px) {
	#window .txt_mov h1{
		display:block;color: #fff; width:auto; text-align:center; font-size:1.0em;
		font-family: 'sansationregular', Arial, Helvetica, sans-serif; height: auto;
		margin: 10px 0 10px 0;
	}
	
.adrian h1{
		display:block;color: #fff; width:auto; text-align:center;
	}
}





@media only screen and (max-width: 820px) and (min-width: 5px) {
	#facebook_like{
		top:auto;
		bottom:8px;
		z-index:10
	}
	
}

@media only screen and (max-width: 820px) and (min-width: 621px) {
	
	
	
	.logo{ display:none}
 .logo_movil {
		display:block;
		float:left;
		width:100px;
		position:absolute;
		padding:0;
		top:0px;
		height: 42px;
		overflow: hidden;
		margin:6px 0 0 10px;
		z-index: 1001;
	}
	
	#pagina { background:none;}
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #top_center{ width:620px; overflow:hidden;}

	#slogan{ background:none; text-align:center}
	#slogan h1{margin: 20px 0 0 57px; font-size:22px}
	#slogan img {margin: 20px 0 0 0; float:none; display:none}
	
	#social_pest{ display:none}
	
	.title_svc, .title_proy_center{ width: 475px}
	
	#subService{ margin: 0 0 30px 0; width:620px; }
	#subService .serviceBox1{ width:184px; height: 254px; background-position:40px 18px; margin: 25px 15px 0 5px;}
	
	#subService .myservice7{margin:25px 15px 0 105px;}
	
	#subService .serviceBox1 b{ font-size:16px; margin-top:5px}
	#subService .serviceBox1 p{ width: 165px; font-size:15px; margin-top:5px}
	
	#window #proyectos_home .options{ width:620px; right: 40px;}
	
	#proyectos_home #bg_carteles{ width:800px; height: 300px;}
	
	#proyectos_home  #bg_platos{ width:800px; height: 315px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 {
		background-size:900px 250px;
		-moz-background-size:900px 250px;
		-o-background-size:900px 250px;
		-webkit-background-size:900px 250px;
		-khtml-background-size:900px 250px;
	}
	
	#window #carteles li .cartel_txt { width: 200px; top: -170px; left:80px; background-size:220px 260px; padding:90px 0 0 0; }
	#window #carteles li h2 { text-align:center; margin: 0px 0 0 5px; font-size:20px;}
	#carteles li .cartel_txt p { display:none;}
	#window #carteles li h3 { margin:10px 0 10px 20px; font-size:13px;color:#ECECE9}
	#window #carteles li .unox h3{ margin:10px 0 -7px 20px;}
	#window #carteles .link_pag { width:200px;}
	
	#window #carteles li { height: 400px; margin-top: 60px; }
	#window #platos {height: 250px;}
	#window #proyectos_home{ height: 315px}
	#window #subClient{ width:610px;}
	
	#bg_bottom, #bottom, #footer{ width:100%; height:auto}
	#bottom { margin: 22px auto 0 auto;}
	#footer, #sub_footer{ width:100%;}
	#sub_footer{ margin:0 0px 0 10px}
	#footer h3 { font-size:25px}
	
		.sep_footer {margin: 0 20px 0 20px; display:none;}
		
		#footer li{ font-size:16px}
		#footer .contacto_footer a{ font-size:16px}
		
		.contacto_footer, .mapa_sitio, .social_footer{ float:none; width:96%; margin:0 15px 30px 5px; padding: 15px 0 15px 15px; border:1px solid #464444; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; overflow:hidden}
	
		.contacto_footer li { width:100%; margin:0 0 10px 0}
		.mapa_sitio img{ display:none}
		.mapa_sitio_left li{width: 150px;float: left;}
		
		.social_footer li{float: left;width: 250px;}
		.social_footer a{ font-size:15px}
		
		.mapa_sitio_left {padding-left: 0px;}
		.mapa_sitio_rigth { display:none;}
		.h3_celeste, .h3_verde, .h3_rozado { background:none;}
		.policies { float:left}
		.copy {margin: 0 30px 0 0;}
}
	
@media only screen and (max-width: 620px) and (min-width: 501px) { 



.logo{ 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;
	}
	
	#pagina { background:none;}
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #top_center{ width:480px; overflow:hidden;}

	#slogan{ background:none; text-align:center}
	#slogan h1{margin: 20px 0 0 0; font-size:22px}
	#slogan h2{margin: 5px 0 0 0;}
	#slogan img {margin: 20px 0 0 0; float:none; display:none}
	
	#social_pest{ display:none}
	
	.title_svc, .title_proy_center{ width: 335px}
	#title h2, #title_proy h2, #title_clientes h2 { font-size:22px;}
	
	#subService{ margin: 0 auto 30px auto; width:400px; }
	#subService .serviceBox1{ width:398px; height: 150px; background-position:20px 20px; margin: 25px 0 0 0; overflow:hidden}
	#window #subService .serviceBox1 b{
		width: 238px;
		height: 150px;
		position: absolute;
		left: -160px;
		font-size:16px;
		margin-top:0px;
		margin-left:160px;
		padding: 0 0px 0 160px;
		text-align:left;
		line-height:97px;
	}
	#subService .serviceBox1 p{ top:60px; width: 190px; font-size:15px; margin-top:5px; margin-left:160px; text-align:left}
	
	#window #proyectos_home .options{ width:505px; right: 40px;}
	
	#proyectos_home #bg_carteles{ width:800px; height: 300px;}
	
	#proyectos_home  #bg_platos{ width:800px; height: 315px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size:900px 250px;
								-moz-background-size:900px 250px;
								-o-background-size:900px 250px;
								-webkit-background-size:900px 250px;
								-khtml-background-size:900px 250px;
								background-position-x: -120px;
	}
	
	#window #carteles li .cartel_txt { display:none; }
	#window #carteles li h2 { text-align:center; margin: 0px 0 0 5px; font-size:20px;}
	#carteles li .cartel_txt p { display:none;}
	#window #carteles li h3 { margin:10px 0 10px 20px; font-size:13px;color:#ECECE9}
	#window #carteles li .unox h3{ margin:10px 0 -7px 20px;}
	#window #carteles .link_pag { width:200px;}
	
	#window #carteles li { height: 400px; margin-top: 60px; }
	#window #platos {height: 250px;}
	#window #proyectos_home{ height: 315px}
	#window #subClient{ width:380px;}
	
	#bg_bottom, #bottom, #footer{ width:100%; height:auto}
	#bottom { margin: 22px auto 0 auto;}
	#footer, #sub_footer{ width:100%;}
	#sub_footer{ margin:0 0px 0 10px}
	#footer h3 { font-size:25px}
	
		.sep_footer {margin: 0 20px 0 20px; display:none;}
		
		#footer li{ font-size:16px;}
		#footer .contacto_footer a{ font-size:16px}
		
		.contacto_footer, .mapa_sitio, .social_footer{ float:none; width:auto; margin:0 5px 30px 5px; padding: 15px 0 15px 15px; border:1px solid #464444; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; overflow:hidden}
	
		.contacto_footer li { width:auto; margin:0 0 10px 0}
		.mapa_sitio img{ display:none}
		.mapa_sitio_left li{width: 150px;float: left;}
		
		.social_footer li{float: left;width: 250px;}
		.social_footer a{ font-size:15px}
		
		.mapa_sitio_left {padding-left: 0px;}
		.mapa_sitio_rigth { display:none;}
		.h3_celeste, .h3_verde, .h3_rozado { background:none;}
		.policies { float:left}
		.copy {margin: 0 30px 0 0;}
		
}
@media only screen and (max-width: 500px) and (min-width: 341px) {
	
	
	.logo{ 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;
	}
	
	
	#pagina { background:none;}
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #top_center{ width:100%; overflow:hidden;}

	#slogan{ background:none; text-align:center}
	#slogan h1{margin: 20px 0 0 0; font-size:22px}
	#slogan h2{margin: 5px 0 0 0;}
	#slogan img {margin: 20px 0 0 0; float:none; display:none}
	
	#social_pest{ display:none}
	
	.title_ritgh, .title_left, .title_proy_left, .title_proy_ritgh { display:none}
	
	.title_svc, .title_proy_center{ width: 100%; margin:0; text-align:left; padding-left:5px;}
	#title h2, #title_proy h2, #title_clientes h2 { font-size:22px;}
	
	#subService{ margin: 0 auto 30px auto; width:410px; }
	#subService .serviceBox1{ width:180px; height: 144px; background-position:46px 18px; margin: 25px 10px 0 10px;background-size:80px 260px;}
	#subService .serviceBox1 b{ font-size:13px; margin-top:5px; padding-top:100px}
	#subService .serviceBox1 p{ display:none;}
	
	#window #proyectos_home .options{ width:420px; right: 40px;}
	
	#proyectos_home #bg_carteles{ width:800px; height: 300px;}
	
	#proyectos_home  #bg_platos{ width:800px; height: 315px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size:900px 250px;
								-moz-background-size:900px 250px;
								-o-background-size:900px 250px;
								-webkit-background-size:900px 250px;
								-khtml-background-size:900px 250px;
								background-position-x: -120px;
	}
	
	#window #carteles li .cartel_txt { display:none; }
	#window #carteles li h2 { text-align:center; margin: 0px 0 0 5px; font-size:20px;}
	#carteles li .cartel_txt p { display:none;}
	#window #carteles li h3 { margin:10px 0 10px 20px; font-size:13px;color:#ECECE9}
	#window #carteles li .unox h3{ margin:10px 0 -7px 20px;}
	#window #carteles .link_pag { width:200px;}
	
	#window #carteles li { height: 400px; margin-top: 60px; }
	#window #platos {height: 250px;}
	#window #proyectos_home{ height: 315px}
	#window #subClient{ width:320px;}
	
	#bg_bottom, #bottom, #footer{ width:100%; height:auto}
	#bottom { margin: 22px auto 0 auto;}
	#footer, #sub_footer{ width:100%;}
	#sub_footer{ margin:0 0px 0 10px}
	#footer h3 { font-size:25px}
	
		.sep_footer {margin: 0 20px 0 20px; display:none;}
		
		#footer li{ font-size:16px;}
		#footer .contacto_footer a{ font-size:16px}
		
		.contacto_footer, .mapa_sitio, .social_footer{ float:none; width:auto; margin:0 5px 30px 5px; padding: 15px 0 15px 15px; border:1px solid #464444; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; overflow:hidden}
	
		.contacto_footer li { width:auto; margin:0 0 10px 0}
		.mapa_sitio img{ display:none}
		.mapa_sitio_left li{width: 150px;float: left;}
		
		.social_footer li{float: left;width: 250px;}
		.social_footer a{ font-size:15px}
		
		.mapa_sitio_left {padding-left: 0px;}
		.mapa_sitio_rigth { display:none;}
		.h3_celeste, .h3_verde, .h3_rozado { background:none;}
		.policies { float:left}
		.copy {margin: 0 30px 0 0;}
}

@media only screen and (max-width: 415px) and (min-width: 341px) {
	#subService{ margin: 0 auto 30px auto; width:340px; }
	#subService .serviceBox1{ width:145px; height: 144px; background-position:33px 13px; margin: 25px 10px 0 10px;background-size:80px 260px;}
	#subService .serviceBox1 b{ width: 130px;
	font-size: 13px;
	margin-top: 5px;
	padding-top: 100px;
	margin: 5px auto 0 auto;
}
	#subService .serviceBox1 p{ display:none;}
	
	}
	

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


.logo{ 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;
	}
	
	#pagina { background:none;}
	#cuerpo, #slogan, .cont_telefono, #servicios_home, 
	#title, #cont_svc, #title_proy, #title_clientes, #top_center{ width:100%; overflow:hidden;}

	#slogan{ background:none; text-align:center}
	#slogan h1{margin: 20px 0 0 0; font-size:22px}
	#slogan h2{margin: 5px 0 0 0;}
	#slogan img {margin: 20px 0 0 0; float:none; display:none}
	
	#social_pest{ display:none}
	
	#title h2, #title_proy h2, #title_clientes h2 { font-size:20px;}
	.title_ritgh, .title_left, .title_proy_left, .title_proy_ritgh { display:none}
	
	
	.title_svc, .title_proy_center{ width: 100%; margin:0; text-align:left; padding-left:5px;}
	
	#window #proyectos_home .options{ width:355px; right: 40px;}
	
	#proyectos_home #bg_carteles{ width:800px; height: 300px;}
	
	#proyectos_home  #bg_platos{ width:800px; height: 315px}
	
	#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, 
	#bg_platos #platos .proy_2 { background-size:900px 250px;
								-moz-background-size:900px 250px;
								-o-background-size:900px 250px;
								-webkit-background-size:900px 250px;
								-khtml-background-size:900px 250px;
								background-position-x: -120px;
	}
	
	#window #carteles li .cartel_txt { display:none; }
	#window #carteles li h2 { text-align:center; margin: 0px 0 0 5px; font-size:20px;}
	#carteles li .cartel_txt p { display:none;}
	#window #carteles li h3 { margin:10px 0 10px 20px; font-size:13px;color:#ECECE9}
	#window #carteles li .unox h3{ margin:10px 0 -7px 20px;}
	#window #carteles .link_pag { width:200px;}
	
	#window #carteles li { height: 400px; margin-top: 60px; }
	#window #platos {height: 250px;}
	#window #proyectos_home{ height: 315px}
	#window #subClient{ width:190px;}
	
	#bg_bottom, #bottom, #footer{ width:100%; height:auto}
	#bottom { margin: 22px auto 0 auto;}
	#footer, #sub_footer{ width:100%;}
	#sub_footer{ margin:0 0px 0 10px}
	#footer h3 { font-size:25px}
	
		.sep_footer {margin: 0 20px 0 20px; display:none;}
		
		#footer li{ font-size:16px;}
		#footer .contacto_footer a{ font-size:16px}
		
		.contacto_footer, .mapa_sitio, .social_footer{ float:none; width:auto; margin:0 5px 30px 5px; padding: 15px 0 15px 15px; border:1px solid #464444; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; overflow:hidden;}
	
		.contacto_footer li { width:auto; margin:0 0 10px 0}
		.mapa_sitio img{ display:none}
		.mapa_sitio_left li{width: 150px;float: left;}
		
		.social_footer li{float: left;width: 250px;}
		.social_footer a{ font-size:15px}
		
		.mapa_sitio_left {padding-left: 0px;}
		.mapa_sitio_rigth { display:none;}
		.h3_celeste, .h3_verde, .h3_rozado { background:none;}
		.policies { float:left}
		.copy {margin: 0 30px 0 0;}
}


@media only screen and (max-width: 340px) and (min-width: 321px)  {
	
	#cont_svc{ margin:0 20px 0 20px}
	
	#subService { width:100%; margin:0 0 0 0}
	#subService{ margin: 0 auto 30px auto; width:100%; }
	#subService .serviceBox1{ width:130px; height: 144px; background-position:26px 18px; margin: 25px 10px 0 10px;background-size:80px 260px;}
	#subService .serviceBox1 b{ font-size:13px; margin-top:5px; padding-top:100px}
	#subService .serviceBox1 p{ display:none;}
}

@media only screen and (max-width: 320px) and (min-width: 242px)  {
	
	#cont_svc{ margin:0 20px 0 0px}
	#subService{  width:100%; margin:0 0 0 0}
	
	#subService .serviceBox1{ float:none;width:206px; height: 144px; background-position:60px 10px; margin: 25px auto 0 auto;background-size:80px 260px;}
	#subService .serviceBox1 b{ font-size:13px; margin-top:5px; padding-top:100px}
	#subService .serviceBox1 p{ display:none;}
}

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


	
#window .logo_movil {
	float: left;
	width: 100px;
	position: absolute;
	padding: 0;
	top: 0px;
	height: 42px;
	overflow: hidden;
	margin: 11px 0 0 20px;
	z-index: 1001;
}

#window .nav .navtoogle {
	float: right;
	width: 45px;
	margin: 23px 0 10px 0;
	padding: 0px 0 10px 20px;
	display: block;
	text-indent: -59px;
}

#window #proyectos_home {
	height: 266px;
}


#title h2, #title_proy h2, #title_clientes h2 { font-size:18px;}

#cont_svc{ margin:0 20px 0 0px}

#subService { width:100%; margin:0 auto 0 auto}

#subService .serviceBox1{ width:206px; height: 144px; background-position:60px 10px; margin: 0 0 30px 9px;background-size:80px 260px;}

#subService .serviceBox1 b {
	font-size: 13px;
	margin-top: 5px;
	padding-top: 94px;
}

#subService .serviceBox1 p { display:none}

#bg_platos #platos .proy_3, #bg_platos #platos .proy_1, #bg_platos #platos .proy_2 {
	background-size: 740px 200px;
	-moz-background-size: 740px 200px;
	-o-background-size: 740px 200px;
	-webkit-background-size: 740px 200px;
	-khtml-background-size: 740px 200px;
	margin: 0 0 0 -29px;
	background-position-x: -120px;
}

#footer .contacto_footer a {
	font-size: 15px;
}

#footer li {
	font-size: 15px;
}

.social_footer a {
	font-size: 14px;
}

.copy {
	margin: 0 30px 10px 0;
}
	
}

.columi{  width:50%; float:left; margin-top:25px;}
.columi ul li{list-style-type:square; margin-left:25px;}

@media only screen and (max-width: 820px) and (min-width: 10px) {
	.columi{width:100% ;
	
	}
	.columi ul li{list-style-type:square; margin-left:25px;}
	

}