/* RESPONSIVE */

@media only screen and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2){
	.icono_servicios {
		background: url("../imgs/iconos_servicios@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 426px 5315px;
	}
	.icon_clasificacion{
		background: url("../imgs/all@2x.png") no-repeat scroll -105px -38px rgba(0, 0, 0, 0);
		background-size: 419px 244px;
	}
	#btw img{
		background-image: url("../imgs/all@2x.png");
		background-size: 419px 244px;
	}
	#bfb img{
		background-image: url("../imgs/all@2x.png");
		background-size: 419px 244px;
	}
	#bmail img{
		background-image: url("../imgs/all@2x.png");
		background-size: 419px 244px;
	}
	#btel img{
		background: url("../imgs/all@2x.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);
		background-size: 419px 244px;
	}
	#logo_rt{
		background: url('../imgs/logo_rt_2014@2x.png') no-repeat 0 0;
		background-size: 210px 111px;
		width: 210px;
		height: 111px;
	}
	#logo_rt img{
		display: none;
	}
	.sidebar .attributes .attr .checked{
		background-image: url('../imgs/all@2x.png') !important;
		background-size: 419px 244px;
		width: 29px;
		height: 31px;
	}
	.left_control span, .right_control span{
		background-image:url('../imgs/all@2x.png') !important;
		background-size: 419px 244px;
	}
	.browser .top .link{
		background-image: url("../imgs/all@2x.png") !important;
		background-repeat: no-repeat;

		background-size: 419px 244px;;
	}
	.iconos{
		background-image: url("../imgs/all@2x.png")  !important;
	   		background-size: 419px 244px;
	}
	.iconos_info{
			background-image: url("../imgs/all@2x.png")  !important;
	   		background-size: 419px 244px;
	}
	.refresh_captcha.icon{
		    background-image: url("../imgs/all@2x.png")  !important;
	   		background-size: 419px 244px;
	    background-position: -215px -201px;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    display: block;
	    float: left;
	    height: 40px;
	    width: 48px;
	}
	.circle .arrow{
		 background-image: url("../imgs/all@2x.png")  !important;
	   		background-size: 419px 244px;
	}
	.btn_desp .arrow {
		 background-image: url("../imgs/all@2x.png")  !important;
	   		background-size: 419px 244px;
	}
	.plus_servicios{
		background-image: url("../imgs/all@2x.png")  !important;	
	   	background-size: 419px 244px;
	   	background-position: -213px -72px;
	   	border: none !important;
	}
	.plus_servicios .plus{
		display: none !important;
	}
	#all_blog .icon{

	background-image: url("../imgs/all@2x.png")  !important;	
	background-position:   -161px -72px !important;
	background-size: 419px 244px !important;
	width: 51px !important;
	height: 52px !important;
	}
	
	.clasificacion_servicio {
    /*background: url("../imgs/iconos_servicios@2x.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
	background-size: 426px 3020px;*/
    background: url("../imgs/iconos_servicios@2x.png") no-repeat scroll -46px -153px rgba(0, 0, 0, 0);
    background-size: 426px 5315px;
	
	} 
	
	.icono_secciones {
	background-image: url("../imgs/all@2x.png");
	background-size: 419px 244px !important;
	background-position:   -342px -123px !important;
	}
	
	#icono_proponemos {
    background-position: -215px -123px !important;
	}
	
	#icono_creamos {
    background-position: -268px -123px !important;
	}
	
	#icono_implementamos {
    background-position: -134px -123px !important;
	}
	
	#icono_comprobamos {
    background-position: -61px -121px !important;
	}
	
	
	#next_f {
	background-image: url("../imgs/all@2x.png");
	background-size: 419px 244px !important;
	background-position:-372px 0 !important;
	}
	
	#prev_f {
	background-image: url("../imgs/all@2x.png");
	background-size: 419px 244px !important;
    background-position: -395px 0 !important;
	}
	.item_navbar_estrategia img{
		background-image: url("../imgs/all@2x.png") !important;
		background-size: 419px 244px !important;
	}
	#awwwards.nominee.black a{
		background-image: url(ribbons/awwwards_nominee_black@2x.png);
	}


}

@media (max-width: 1400px) {
	#servicios_list li {
		width: 33.3%;
	}
}



@media (max-width: 1024px) {
	#servicios_list li {
		width: 50%;
	}
	
	
	#navbar {
    display: none;

	}
	
	#menu_m {
		display:block;	
	}
}


@media (max-width: 940px) {
	#awwwards{
		display: none;
	}
	.last_servicio {
    	margin: 0px !important;
		
   		-moz-box-shadow:    inset -1px 0px 0px #444444 !important;
   		-webkit-box-shadow: inset -1px 0px 0px #444444 !important;
   		box-shadow:         inset -1px 0px 0px #444444 !important;
	}
	
	#servicios_list li {
		width: 100%;
	}
	
	#widgets { 
		
		
		float: none;
    	height: 52px;
    	margin: 0 auto;
    	padding: 21px 0 0;
    	width: 263px;
	
	}
	
	#sn{
		float: none;
    	height: 57px;
    	margin: 0 auto;
    	width: 330px;
	
	}
	
	#tw {
   		margin: 0 1px 9px 0;

	}
	
	#footer {
		height: 138px;
    	position: relative;
	}
	
	#legales_rt {
		display: block;
    	float: none;
    	margin: 0 auto;
    	width: 266px;
	
	}
	
	#legales_rt span {
    margin: 0 5px 0 0;
	}
	
	.botones_sn {
    	border-right: none;
		height: 58px;
	}
	
	.botones_sn a {
    	height: 54px;
    	width: 55px;
		
		 -moz-border-radius: 28px;
    	-webkit-border-radius: 28px;
    	-khtml-border-radius: 28px;
    	border-radius: 28px;
	}

	#btel img {
    	margin: 16px 0 0;
		height:23px;
		width:22px;
		
    
	}
	
	#tel {
        color: #FFFFFF;
    	padding: 0 11px 0 9px;
		line-height: 59px;
	}
	
	#bfb {
    	border: medium none;
	}
	
	#bfb img {

    	height: 22px;
    	margin: 15px 22px;
    	width: 11px;
	}
	
	#btw img {
    	height: 18px;
    	margin: 18px;
    	width: 21px;
	}
	
	#bmail img {
	    height: 17px;
	    margin: 18px 14px;
	    width: 28px;
	}
	
	#fb {
		margin: 0 0 0 18px;
	
	}

}

@media (max-width: 690px) {
	
	/*	#widgets{
		width: 85%;
	}*/
	.content_aviso{
		width: 80% !important;
		margin: 0% auto -100px !important;
		padding: 10px 25px 45px !important;
	}
	.content_aviso .text_aviso h3{
		margin: 5px 0 !important;
	}
	.content_aviso .text_aviso p {
		font-size: 12px !important;
		line-height: 14px !important;
	}
	.content_aviso .text_aviso span {
		font-size: 12px !important;
	}
}	

@media (max-width: 380px) {

	#logo_rt {
    	margin: 17px 0 0 9px;
		width: 210px;
}
	
	
		
		
}	



.mobile_section {
	background-color:#ffcc00;
	

}

.mobile_first{
	height: auto;
    margin: 88px 0 0;
	position:relative;

}

#trama_m {
	display: block;
    position: absolute;
    width: 100%;
	height:100%;
	 top: 0;

}


	#visual_m {
    background-image: url("../imgs/visualprincipal@2x.png");
	background-repeat:no-repeat;
	background-size: 580px 514px ;
    background-position: center 14px;
	
	display: block;
    height: 514px;
    margin: 0 auto;
    width: 100%;
	
	}


#txt_inicio_m, #txt_m {
	
	display: block;
    height: auto;
    margin: -140px auto 19px;
    width: 300px;
	position: relative;

}

#txt_m {
	
	 margin: 30px auto 0;

}

#txt_inicio_m #titulo {
	
	 float: right;
    font-family: tandelleitalic;
    font-size: 126px;
    height: 199px;
    line-height: 99px;


}


#txt_inicio_m #subtitulo, #txt_inicio_m #descripcion {
	text-transform:uppercase;


}

.t_up, .t_down {
	
	display: block;
    position: relative;
    width: 100%;
	 z-index: 1;
	 background-color: transparent;

}

.t_down {

}

.sillon_m {
	margin: 30px 0 0;
    width: 100%;

}



.entendemos_m {
	
	background-color: #fff;
    height: auto;
	

}


.proponemos_m {
	position:relative;
	

}

.titulo_secciones_m {
	
	font-family: tandelleitalic;
    font-size: 77px;

}

#txt_m .icono_secciones {
	
	float: left;

}


#txt_m .descripcion_secciones {
	
	display: block;
    float: none;
    margin: 50px auto;
    padding: 0 31px;
    text-align: left;
    text-transform: uppercase;
    width: auto;
	
}

#txt_inicio_m #descripcion {
	margin:0 0 30px 0;

}

.txt_prop {
	margin:5px auto 10px !important;

}





#slides_container_m {
	height: 500px;
    margin: 0 auto 66px;
    width: 297px;

}

#slides_container_m #slides_control{
	
	float: none;
    height: 100%;
    margin: 0;
    width: auto;

}

#slides_container_m #txt_prop_estrategia{
	
	 display: block;
    float: none;
    height: auto;
    margin: 130px 0 0;
    text-align: center;
    width: auto;

}

#slides_container_m .bx-wrapper img{
	float:none;
	margin: 0 auto;
	
}

#slides_container_m .descripcion_secciones{
	display: block;
    float: none;
    margin: 0 auto;
    padding: 0 40px;
    width: auto;
	
}

#slides_container_m .prev, #slides_container_m .next {
	margin: 0 40px;
    top: 662px;

}

.creamos_m {
	background-color:#FFFFFF;

}

.creamos_m #icono_creamos {
	margin: 0 0 0 35px;

}

.compu_m {
	width: 100%;
	margin: 0 0 0 8px;

}

.creamos_m .descripcion_secciones {
	margin:0 0 36px 0 !important;

}

.implementamos_m {
	position:relative;
	

}

.implementamos_m .icono_secciones{
	float: right !important;
    margin: 0 !important;
	

}

.implementamos_m #txt_m{
    margin: 0 auto !important;
	height: 535px;
	

}

.implementamos_m .titulo_secciones_m {
	display: block;
    height: 146px;
    margin: 0 0 20px;
    text-align: center;

}


.implementamos_m #compu_vieja {
	
	display: block;
    margin: 0 auto;
    position: static;
    width: 300px;
	height:200px;

}


.implementamos_m #compu_vieja img {
	
    width: 100%;

}

.implementamos_m #compu_vieja .bx-wrapper {
	height: 77px;
    left: 105px;
    margin: 0 auto;
    position: absolute;
    top: 185px;
    width: 100px;
    z-index: 1;
	


}



.implementamos_m #compu_vieja .bx-viewport {
	


}

.implementamos_m .descripcion_secciones {
	margin:26px 0 !important;

}

.comprobamos_m {
	background-color:#FFFFFF;
	margin: 0 0 133px;

}


.simio_m {
	width:100%;

}

.comprobamos_m .descripcion_secciones {
	margin:0 0 36px 0 !important;

}


.comprobamos_m .titulo_secciones_m {
	
	font-size: 65px;

}

#overlay_aviso{
    position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	/* display: none; */
	z-index: 999;
}
.content_aviso{
	background: rgb(255, 255, 255);
width: 60%;
height: auto;
margin: 10% auto -100px;
padding: 10px 25px 45px;
position: relative;
}
.content_aviso .close_aviso{
	background: url('../imgs/all.png') no-repeat -255px 0;
width: 13px;
height: 13px;
display: block;
position: absolute;
top: 10px;
right: 10px;
}
.content_aviso .text_aviso{
	color: #000;
	margin: 0 auto;
	text-align: center;
	font-family: "Lintel-bold";
}
.content_aviso .text_aviso h3{
	color: #000;
	font-size: 18px;
		font-family: "Lintel-bold";

}
.content_aviso .text_aviso p{
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0px;
	width: 100%;
		font-family: "Lintel-bold";

	height: auto;
}
.content_aviso .text_aviso span{
	font-size: 14px;
	color: #000;
		font-family: "Lintel-bold";

}
.content_aviso .text_aviso a{
	color: #000;
	text-decoration: none;
		font-family: "Lintel-bold";

}
.content_aviso .text_aviso a:hover{
	text-decoration: underline;
	color: #ffcc00;
}
@media only screen and(max-width: 540px){

}