/*----------
Author: Jorge Alatriste
Date: 23/04/14 | dd/mm/yy
Profile: Radical Testa
-----------*/

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


body {

	/*background-color: #FFCC00;*/
	margin:0 auto;
	
}

.you_video{
width: 100%    !important;
height: auto   !important;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fl{float: left;}
.fr{float: right;}
.clr{clear:both;}

#main_wrap {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}
	

#wrap {
	
	margin: 0;
    padding: 0;
	width:100%;
	height:auto;

}



a {
	outline:none;
	text-decoration:none;
}







#tels .txts { font-family:'TandelleItalic'; font-size:34px; letter-spacing:1px; color:#FC0; line-height:37px;}

td, th { color:#666; font-family:Helvetica; font-size:12px;font-weight:lighter; }


p {
	
	
	padding: 0px 0 0px;	
	margin:0 0 0 0px;
	width:340px;
	text-align:left;
	font-family:'TandelleItalic';
	font-size:26px;
	height:31px;
		
}

li {
	list-style:none;

}

	
::-moz-selection{ 
	background:#ffcc00;
	color:#000;
	}


::selection{ 
	background:#d8e027;
	color:#000;
	}
	
	

/*--------------------------------------------------------------------------------------header*/



#header {
		background: url("none") no-repeat fixed center top #ffffff;
		width:100%;
		margin:0 auto;
		height:88px;
		left:0px;
		position:fixed;
		z-index:100;
		display:block;
		top:0;
}

#logo_rt {
    display: block;
    float: left;
    height: 121px;
    width: 228px;
	margin:10px 0 0 15px;
    outline:none;
    border: none;
}

#logo_rt img{
	max-width: 228px;
    width: 100%;
    outline:none;
    border: none;
}


#navbar { 
	
	float: right;
    height: 88px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 720px;
	
}


#navbar a {
	color: #000000;
    display: block;
    /*font-family: 'TandelleItalic';*/
    font-family: 'helr65w';
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    height: 88px;
    /*letter-spacing: 0.1px;*/
    line-height: 85px;
    list-style: none outside none;
    text-decoration: none;
}

.item_navbar {
	
	border-right: 1px solid #E5E5E5;
    float: right;
    height: 88px;
    padding: 0 25px;
    width: 70px;
	

}

#blog {
	width:35px;
    

}

#buyrun {
    
}

#aferinler {
	width:85px;
    

}

#neayak {
	width:85px;
    
}

#annesayfa {
    /*width:76px;*/
	width:100px;
    
}

.current_btn_p {
	
    background: url("../imgs/all.png") no-repeat scroll -225px -6px rgba(0, 0, 0, 0);
    display: block;
    height: 7px;
    margin: 2px auto 0;
    width: 12px;
	display: none; 

}
.current_active{
    display: block;
}

#current_btn_l {
	background: url("../imgs/all.png") no-repeat scroll -226px -15px rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    margin: -41px 0 0 -6px;
    position: relative;
    width: 6px;
	opacity:0;

}
	

/*--------------------------------------------------------------------------------------footer*/


#footer {
		
	background-color: #000000;
    bottom: 0;
    display: block;
    height: 87px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
		
}

#sn {
	display: block;
    float: right;
    height: 87px;
    /*width: 520px;*/
    width: 531px;


}

.botones_sn {
	border-right: 1px solid #3d3d3d;
    display: block;
    float: right;
    height: 87px;

}

.botones_sn a {
    display: block;
    height: 87px;
    width: 90px;
	
	 -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;

}

#bfb{
	
	border:none;

}

#bfb img {
	background-image:url("../imgs/all.png");
	background-position:-52px -81px;
	background-repeat:no-repeat;
	background-color:transparent;
	height: 22px;
    margin: 33px 39px;
    width: 11px;
	

}

#btw img {
	background-image:url("../imgs/all.png");
	background-position:-64px -81px;
	background-repeat:no-repeat;
	background-color:transparent;
    height: 18px;
    margin: 35px;
    width: 22px;

}

#bmail img {
	background-image:url("../imgs/all.png");
	background-position:-23px -81px;
	background-repeat:no-repeat;
	background-color:transparent;
    height: 17px;
    margin: 35px 31px;
    width: 28px;

}

#tel {
	color: #FFFFFF;
    font-family: "tandelleitalic";
    font-size: 28px;
    font-weight: lighter;
    letter-spacing: 2px;
    line-height: 95px;
    padding: 0 31px;

}

#btel img {
	background: url("../imgs/all.png") no-repeat scroll 0 -82px rgba(0, 0, 0, 0);
    height: 23px;
    margin: 32px;
    width: 22px;

}

#widgets {
	display: block;
    float: left;
    height: 32px;
    padding: 31px 0 0 31px;
}

#fb {
	display: block;
    float: left;
    height: 25px;
    width: 130px;
	margin:0;

}

#tw {
	
	display: block;
    float: left;
    height: 25px;
    width: 110px;

}


#legales_rt {
	color: #FFFFFF;
    float: left;
    font-family: 'Lintel-Regular';
    font-size: 10px;
    font-style: italic;
	width: 170px;

}

#legales_rt span {
	color:#FFFFFF;

}

#aviso {
	color: #FFFFFF;
    font-size: 14px;
    text-decoration: none;

}

#aviso:hover {
	color: #d8e02b;


}

#scrolldown {
	background-color: #FFFFFF;
    bottom: 44px;
    height: 90px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px;
	
     -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -khtml-border-radius: 45px;
    border-radius: 45px;

}

#btn_scroll {
	
	background-color: #FFFFFF;
    bottom: 44px;
    color: #000000;
    display: block;
    font-family: 'Lintel-Regular';
    font-size: 13px;
    font-style: italic;
    height: 65px;
    left: 50%;
    line-height: 14px;
    margin-left:-45px;
    padding: 25px 0 0;
    position: absolute;
    text-decoration: none;
    width: 90px;
	
     -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -khtml-border-radius: 45px;
    border-radius: 45px;
	text-align: center;
	
	
	

}

.fdown {
	background: url("../imgs/all.png") no-repeat scroll -297px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    margin: 4px auto 0;
    width: 16px;

}

/*--------------------------------------------------------------------------------------botonera estrategia*/


#btns_estrategia {
	background:url("../imgs/overlay_negro.png") repeat scroll 0 0 transparent;
	display: block;
    height: 436px;
    position: fixed;
    right: 25px;
    width: 72px;
    z-index: 10;
	top:50%;
	margin-top:-219px;
	
}
	
	
#navbar_estrategia {
	
	margin: 0;
    padding: 0;
	width: 72px;
	height: 436px;
	
}

#navbar_estrategia li {
	border-bottom: 1px solid #3D3D3D;
    height: 72px;
    list-style: none outside none;
	width: 72px;

}


#navbar_estrategia li a{
    height: 72px;
	width: 72px;

}


.item_navbar_estrategia {
	height:72px;
	display:block;
	text-indent: -9999px;
	background-color:transparent;
	float: left;
	

}
.item_navbar_estrategia img {
	display:block;
	background-image:url("../imgs/all.png");
    background-repeat: no-repeat;
    background-position:  0 0;	
}


#somos {
	
	background-position: 0 0;
    height: 39px;
    margin: 16px 17px;
    width: 38px;

}

#entendemos {
	background-position: -40px 0;
    height: 33px;
    margin: 20px 19px;
    width: 34px;

}

#proponemos {
	background-position: -77px 0;
    height: 38px;
    margin: 17px 23px;
    width: 26px;

}

#creamos {
	background-position: -105px 0;
    height: 36px;
    margin: 18px;
    width: 36px;

}

#implementamos {
	background-position: -143px 0;
    height: 29px;
    margin: 22px 21px;
    width: 30px;

}

#comprobamos {
	background-position: -176px 0;
    height: 35px;
    margin: 19px 19px 0 19px;
    width: 34px;
	

}	

#last {
	border-bottom: medium none !important;
}

#bcomprobamos span {
	margin:-24px 0 0 -6px;
	
	

}
/*--------------------------------------------------------------------------------------sections*/



#somos_section, #entendemos_section, #proponemos_section, #creamos_section, #implementamos_section, #comprobamos_section { 
	
    float: left;
    margin:0;
	padding:0;
    min-height: 460px;
    overflow: hidden;
	position:relative;
	
	
}


#trama, #trama_blanca {
	display: block;
    height: 100%;
    left: 0;
    position:absolute;
    width: 100%;
    z-index: 0;

}


.titulo_secciones {
	display: block;
    float: right;
    font-size: 81px;
    height: 59px;
    margin: 0 0 10px;
    text-align: right;
    line-height: 75px;
	

}

.descripcion_secciones {
	color: #000000;
    display: block;
    float: right;
    font-family: 'Lintel-Regular';
    /*font-family: 'Jura';*/
    font-size: 16px;
    line-height: 23px;
	text-align: right;
	font-style:italic;
	line-height: 21px;

}

.descripcion_seccionesmarka {
	color: #000000;
    display: block;
    float: right;
    font-family: 'Lintel-Regular';
    /*font-family: 'Jura';*/
    font-size: 16px;
    line-height: 23px;
	text-align: right;
	font-style:italic;
	line-height: 21px;

}

.descripcion_secciones1 {
	color: #000000;
    display: block;
    float: right;
    font-family: 'Lintel-Regular';
    /*font-family: 'Jura';*/
    font-size: 20px;
    line-height: 23px;
	text-align: right;
	font-style:italic;
	line-height: 21px;

}



.icono_secciones {
	background: url("../imgs/all.png") no-repeat scroll -342px -123px rgba(0, 0, 0, 0);
    display: block;
    height: 74px;
    margin:0 0 10px 0;
    width: 77px;
    float: right;

}



#somos_section, #proponemos_section, #implementamos_section {
		
	background-color: #d6df2b;
	
}

#entendemos_section, #creamos_section,  #comprobamos_section {
	
	background-color: #FFFFFF;

}


#franja, #franja_negra  {
	
	
	background-color: #d6df2b;
    display: block;
    height: 150%;
    left: 50%;
    margin: 0 0 0 -374px;
    position: absolute;
    top: -21%;
    width: 300px;
    z-index: 0;
	
	
	/*background-color: #FFCC00;
    display: block;
    height: 150%;
    left: 50%;
    margin: -200px 0 0 -374px;
    position: absolute;
    width: 300px;
    z-index: 0;*/
	
	-webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
	

}

#franja_negra {
	/*background: url("../imgs/overlay_negro.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: -230px 0 0 50px;*/
	background-color: #414242;
    margin: 0 0 0 35px;
    opacity: 1;
    width: 340px;
	
	
	}
	


#franja2, #franja_negra2  {
    
    
    background-color: #d6df2b;
    display: block;
    height: 200%;
    left: 50%;
    margin: 0 0 0 -374px;
    position: absolute;
    top: -21%;
    width: 300px;
    z-index: 0;
    
    
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    

}

#franja_negra2 {
    /*background: url("../imgs/overlay_negro.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -230px 0 0 50px;*/
    background-color: #424141;
    margin: 0 0 0 35px;
    opacity: 1;
    width: 1250px;
    
    
    }


	
#scene2, #scene3, #scene4, #scene5, #scene6 {
	
	min-height: 460px;
    overflow: hidden;
    position: relative;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	

}

.object_parallax {
	
	display:block;
	position:absolute;
	top:50%;
	left:50%;

}




/*--------------------------------------------------------------------------------------somos_section*/



#content {
	display: block;
    float: left;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}




#scene{
	
	min-height: 460px;
    overflow: hidden;
    position: relative;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	

}




.layer {
	font-size: 150px;
	/*text-transform: uppercase;*/
	font-family: "tandelleitalic";
    list-style: none outside none;
	margin: 0;
	padding:0;

} 



#subtitulo {
	
	display: block;
    float: right;
    font-family: 'helr65w'; 
    font-weight:200;
    font-weight:200;
    font-size: 27px;
    width: 450px;
    margin: 0 0 16px;
	text-align: right;

}

#descripcion {
	color: #FFFFFF;
    display: block;
    float: right;
    font-family: "Lintel-bold";
    font-size: 18px;
    line-height: 23px;
	text-align: right;

}

.blanco {
	color: #ffffff;


}

#linea_titulo {
	
	background-color: #000000;
    display: block;
    float: right;
    height: 2px;
    margin: 0 0 19px;
    width: 427px;
	text-align: right;

}

#titulo {
	display: block;
    float: right;
    height:130px;
	text-align: right;

}

#txt_inicio {

 	margin: -250px 0 0 -587px;
    width: 563px;
    position: absolute;
    top: 50%;
    left: 50%;
}

#visual {
	left: 50%;
    margin: -405px 0 0 -89px;
    position: absolute;
    top: 50%;
    width: 913px;


}



/*--------------------------------------------------------------------------------------entendemos_section*/




#kuscuk {
	left: 50%;
    margin: -80px 0 0 -500px;
    position: absolute;
    top: 30%;
    width: 940px;
	


}



#lapiz {
	left: 50%;
    margin: -70px 0 0 -472px;
    position: absolute;
    top: 50%;
    width: 913px;
	


}







#sillon {
	left: 50%;
    margin: 0 0 0 -600px;
    position: absolute;
    top: 50%;
    width: 716px;



}


#libreta {
	left: 50%;
    margin: 169px 0 0 -169px;
    position: absolute;
    top: 50%;
    width: 318px;
	


}


#txt_inicio_entendemos {

 	left: 50%;
    margin: -153px 0 0 124px;
    position: absolute;
    top: 50%;
    width: 237px;
	height:305px;
}



#icono_entendemos {

}




#entendemos_fondo {
	
	left: 50%;
    margin: -273px 0 0 -105px;
    position: absolute;
    top: 50%;
    width: 716px;

}




/*--------------------------------------------------------------------------------------proponemos_section*/



#proponemos_fondo {
	
	left: 50%;
    margin: -251px 0 0 -250px;
    position: absolute;
    top: 50%;
    width: 716px;

}


#icono_proponemos {
	background-position: -215px -123px;
    float: left;
    height: 76px;
    width: 51px;

}

#txt_proponemos {
	text-align: left;
    width: 300px;
    line-height: 20px;
    /*text-transform: uppercase;*/

}

#txt_inicio_proponemos {
	display: block;
    float: left;
    font-family: "tandelleitalic";
    line-height: 87px;
    width: 302px;
    position: absolute;
    margin: 0px 0 0 145px;
}

#tit_proponemos {
	float: left;
    height: 59px;

}

#papel_03, #papel_02, #papel_01 {
	
	display: block;
    left: 50%;
    margin: 98px 0 0 457px;
    position: absolute;
    top: 50%;

}


#papel_02 {
	
	margin: -109px 0 0 34px;

}


#papel_01 {
	
	 margin: 368px 0 0 -142px;

}






#slides_container {
	
	
	float: right;
    height: 500px;
    left: 50%;
    margin: -272px 0 0 -517px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 1024px;
	

	
}


#slides_control {
	float: right;
    height: 500px;
    margin: 0 70px 0 0;
    width: 980px;
	
}                                          

.prev, .next {
	background-color: #FFFFFF;
    border-radius: 45px;
    display: block;
    height: 65px;
    padding: 25px 0 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 85px;
    z-index: 2;
	
	-moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -khtml-border-radius: 45px;
    border-radius: 45px;
	text-align: center;


}
.prev:hover, .next:hover{
    background-color: #000;

}
.next:hover > #next_f{
    background: url("../imgs/all.png") no-repeat scroll -372px -38px rgba(0, 0, 0, 0);
}

.prev:hover > #prev_f{
    background: url("../imgs/all.png") no-repeat scroll -395px -38px rgba(0, 0, 0, 0);    
}
.prev {
	left: 0;

}
#next_f, #prev_f {
	background: url("../imgs/all.png") no-repeat scroll -372px 0px rgba(0, 0, 0, 0);
    width: 22px;
    height: 37px;

}

#prev_f {
	background-position: -395px 0;
    margin: 0 0 0 -10px;

}


.nextprev_note{
    background-color: #d8e027;
    display: block;
    height: 15px;
    padding: 2px 5px 5px 5px;
    /*position: absolute;
    top: 50%;
    text-align: center; */
    margin-top: 10px;
    right: 0;
    z-index: 2;
}

.prev_note, .next_note{
    color
    display: block;
    height: 15px;
    /*padding: 2px 5px 5px 5px;
    position: absolute;
    top: 50%;
    text-align: center; */
    margin-top: 10px;
    right: 0;
    z-index: 2;
}



#next_note{
    background: url("../imgs/all.png") no-repeat scroll -347px 0px rgba(0, 0, 0, 0);
    width: 13px;
    height: 17px;
}

#prev_note{
    
    background: url("../imgs/all.png") no-repeat scroll -359px 0px rgba(0, 0, 0, 0);
    width: 13px;
    height: 17px;    
}



.next_note:hover > #next_note{
    background: url("../imgs/all.png") no-repeat scroll -347px -17px rgba(0, 0, 0, 0);
}

.prev_note:hover > #prev_note{
    background: url("../imgs/all.png") no-repeat scroll -359px -17px rgba(0, 0, 0, 0);   
}


.txt_slide {
    color: #FFFFFF;
    font-family: "tandelleitalic";
    font-size: 81px;
    display: block;
    /*height: 80px;*/
}

.bx-wrapper, .bx-viewport {
	width:980px;

}

.bx-wrapper img {

   float: right;
    margin: 65px 0 0 ;
}

#txt_prop_estrategia .descripcion_secciones {
	float: left;
    text-align: left;
    line-height: 19px;
    /*text-transform: uppercase;*/

}

#txt_prop_estrategia {

  display: block;
    float: left;
    height: 145px;
    margin: 310px 0 0 148px;
    width: 350px;
	
}






/*--------------------------------------------------------------------------------------creamos_section*/


#creamos_fondo {
	
    margin: -266px 0 0 -30px;
    width: 716px;

}

#compu {
	  margin: -200px 0 0 -544px;

}

#manchas_01 {
	 margin: -224px 0 0 -644px;
	

}


#manchas_02 {
	
	 margin: 516px 0 0 -44px;
	

}


#manchas_03 {
	margin: 540px 0 0 -642px;
	

}

#manchas_04 {
	margin: 377px 0 0 -642px;
	

}

#manchas_05 {
	margin: 377px 0 0 -642px;
	

}

#gotas_01 {
	margin: 165px 0 0 -647px;

}

#gotas_02 {
	  margin: 507px 0 0 90px;
	
}

#icono_creamos {
	background-position:-268px -123px;
	height:72px;
	width:73px;
	margin:0 2px 10px 0;

}

#txt_inicio_creamos {
	margin: -95px 0 0 124px;
    width: 236px;

}



/*--------------------------------------------------------------------------------------implementamos_section*/


#implementamos_fondo {
	
    margin: -188px 0 0 -350px;

}

#icono_implementamos {
	background-position: -134px -122px;
    height: 74px;
    margin: 0 2px 10px 0;
    width: 79px;
    float: left;

}

#txt_inicio_implementamos {
    margin: -35px 0 0 -424px;
    text-align: left;
    width: 302px;
}


#txt_inicio_implementamos .titulo_secciones, #txt_inicio_implementamos .descripcion_secciones  {
	float:left;
	text-align:left;
}



#implementamos_fondo {

}

#compu_vieja {
	 margin: -77px 0 0 -152px;

}

#reflector_01 {
	
	 margin: 155px 0 0 -171px;
	
}

#reflector_02 {
	margin: 74px 0 0 204px;

}

#reflector_03 {
	margin: 384px 0 0 -107px;

}

.screens_cpu {


}


#compu_vieja .bx-viewport {
    height: 180px;
    margin: 0;
    padding: 0;

}

#compu_vieja .bx-wrapper {
	display: block;
    height: 180px;
    left: 235px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 43px;
    width: 237px;

}


#bxslider{
    padding:0;
    margin:0;
}
#bxslider li{
    padding:0;
    margin:0;
}
#bxslider ul{
    padding:0;
    margin:0;
}
#bxslider img{
        padding:0;
    margin:0;
}
#bxslider2 li{
    padding:0;
    margin:0;
}
#bxslider2 img{
    padding: 0;
    margin: 0;
}
#bxslider2 {
    padding: 0;
    margin: 0;
}
#bxslider2 ul{
    padding: 0;
    margin: 0;
}


/*--------------------------------------------------------------------------------------comprobamos_section*/


#comprobamos_fondo {
	
    margin: -210px 0 0 -37px;

}

#icono_comprobamos {
	 background-position: -61px -121px;
    height: 73px;
    margin: 0 2px 10px 0;
    width: 72px;

}

#txt_inicio_comprobamos {
    margin: 0px 0 0 60px;
    width: 302px;
}

#simio {
	margin: -18px 0 0 -650px;

}

#hoja_01 {
	 margin: 422px 0 0 -144px;

}

#hoja_02 {
	margin: 595px 0 0 -245px;

}

#hoja_03 {
	margin: 500px 0 0 -700px;

}

#kamera {
	
	background-position: -40px -2px;
    margin: 13px 15px 0 0;
    width: 40px;

}#goz {
	
	background-position: 1px -2px;
    margin: 13px 15px 0 0;
    width: 40px;

}#boyut{
	
	background-position: -218px -4px;
    margin: 13px 15px 0 0;
    width: 40px;

}#web {
	
	background-position: -165px -4px;
    margin: 13px 15px 0 0;
    width: 40px;

}#foto{
	
	background-position: -112px -4px;
    margin: 13px 15px 0 0;
    width: 40px;

}#mobil{
	
	background-position: -80px -4px;
    margin: 13px 15px 0 0;
    width: 30px;

}




#implementamos_icon_s {
	
	background-position: -143px -31px;
    margin: 13px 15px 0 0;
    width: 30px;

}

#implementamos_icon_a {
	
	background-position: -14px -31px;
    margin: 13px 15px 0 0;
    width: 30px;

}

#comprobamos_icon_s {
	
	background-position: -176px -36px;
    width: 34px;
	

}




/*SERVICIOS*/



#servicios_wrapper {
	background-color:#222222;
	width:100%;
	height:auto;
	margin:0;
	padding:0;


	}
	
	
#servicios_list {
	margin:88px 0 0;
	padding:0;
	font-family: 'Lintel-Bold';
	

}

#servicios_list li {
	list-style: none outside none;
	float: left;
	
	
    height: 300px;
    
    margin: 0;
    padding: 0;
    width: 25%;
	position:relative;
	
	cursor:pointer;
	

    
    
    background: none repeat scroll 0 0 #222222;
   -moz-box-shadow:    inset -1px -1px 0px #444444;
   -webkit-box-shadow: inset -1px -1px 0px #444444;
   box-shadow:         inset -1px -1px 0px #444444;
    color: #999999;
   
    
}

	
.servicio {
	display: block;
    position: relative;

}




.servicio_nombre {
	
	display: block;
    height: auto;
    margin: -129px -125px 0 0;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    width: 250px;

}


.icono_servicios {
	background: url("../imgs/iconos_servicios.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 122px;
    margin: 20px auto;
    width: 101px;
	display:block;

}




.titulo_servicio {
	 color: #444444;
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin: 20px 20px 20px 5px;
	

}


.clasificacion_servicio {

 	background: url("../imgs/iconos_servicios.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0) ;
	background-position: -48px -155px;
	display: block;
    float: right;
    height: 112px;
    position: absolute;
    right: 0;
    top: 0;
    width: 109px;
	?
}


.icon_clasificacion {
	background: url("../imgs/all1.png") no-repeat scroll -105px -38px rgba(0, 0, 0, 0);
    float: right;
    height: 36px;
    margin: 13px 13px 0 0;
    width: 36px;

}

.icon_clasificacion1 {
	background: url("../imgs/icons.png") no-repeat scroll -48px -155px rgba(0, 0, 0, 0);
    float: right;
    height: 36px;
    margin: 13px 13px 0 0;
    width: 50px;

}


.plus_servicios {
	border: 1px solid #666666;
    border-radius: 27px;
    bottom: 0;
    height: 50px;
    margin: 0 0 25px 25px;
    position: absolute;
    width: 50px;

}


.plus {
	background: url("../imgs/all.png") no-repeat scroll -227px -86px rgba(0, 0, 0, 0);
    height: 22px;
    margin: 14px;
    width: 22px;

}

.last_servicio {
	margin:0 0 60px 0 !important;

}


#s_01 .icono_servicios {
  background-position: 0 -290px;
  height: 160px;
  width: 215px;
  ;
}

#s_01 .servicio_nombre {
	margin:-111px -125px 0 0;

}




#s_02 .icono_servicios {
	background-position: 0 -465px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_02 .servicio_nombre {
	margin:-111px -125px 0 0;

}


#s_03 .icono_servicios {
	background-position: 0 -656px;
  	height: 160px;
  	width: 215px;
  	;
	
	
}

#s_03 .servicio_nombre {
	margin:-111px -125px 0 0;

}


#s_04 .icono_servicios {
	background-position: 0 -834px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_04 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_05 .icono_servicios {
	background-position: 0 -995px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_05 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_06 .icono_servicios {
	background-position: 0 -1170px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_06 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_07 .icono_servicios {
	background-position: 0 -1370px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_07 .servicio_nombre {
	margin:-111px -125px 0 0;

}


#s_08 .icono_servicios {
	background-position: 0 -1550px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_08 .servicio_nombre {
	margin:-111px -125px 0 0;

}


#s_09 .icono_servicios {
	background-position: 0 -1718px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_09 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_10 .icono_servicios {
	background-position: 0 -1900px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_10 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_11 .icono_servicios {
	background-position: 0 -2080px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_11 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_12 .icono_servicios {
	background-position: 0 -2250px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_12 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_13 .icono_servicios {
	background-position: 0 -2430px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_13 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_14 .icono_servicios {
	background-position: 0 -2635px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_14 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_15 .icono_servicios {
	background-position: 0 -2800px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_15 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_16 .icono_servicios {
	background-position: 0 -2980px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_16 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_17 .icono_servicios {
	background-position: 0 -3160px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_17 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_18 .icono_servicios {
	background-position: 0 -3335px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_18 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_19 .icono_servicios {
	background-position: 0 -3530px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_19 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_20 .icono_servicios {
	background-position: 0 -3700px;
  	height: 160px;
  	width: 215px;
  	;

}



#s_20 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_21 .icono_servicios {
	background-position: 0 -4240px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_21 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_22 .icono_servicios {
	background-position: 0 -4785px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_22 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_23 .icono_servicios {
	background-position: 0 -4970px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_23 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_24 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_24 .titulo_servicio {
	font-family: "tandelleitalic";
    font-size: 100px;
    height: 74px;
    line-height: 93px;
    margin: 0;
	color:#222222;

}


#s_25 .icono_servicios {
	background-position: 0 -5160px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_25 .servicio_nombre {
	margin:-111px -125px 0 0;


}


#s_26 .icono_servicios {
	background-position: 0 -4060px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_26 .servicio_nombre {
	margin:-111px -125px 0 0;

}

#s_27 .icono_servicios {
	background-position: 0 -4420px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_27 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_28 .icono_servicios {
	background-position: 0 -4515px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_28 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_29 .icono_servicios {
	background-position: 0 -4650px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_29 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_30 .icono_servicios {
	background-position: 0 -3890px;
  	height: 160px;
  	width: 215px;
  	;
}

#s_30 .servicio_nombre {
	margin:-111px -125px 0 0;


}
#s_31 .icono_servicios {
	background-position: 0 -162px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_31 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_32 .icono_servicios {
	background-position: 0 -162px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_32 .servicio_nombre {
	margin:-111px -125px 0 0;


}

#s_33 .icono_servicios {
	background-position: 0 -4610px;
  	height: 160px;
  	width: 215px;
  	;

}

#s_33 .servicio_nombre {
	margin:-111px -125px 0 0;


}


.frente {
	
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background: none repeat scroll 0 0 #222222;

	
   -moz-box-shadow:    inset -1px -1px 0px #444444;
   -webkit-box-shadow: inset -1px -1px 0px #444444;
   box-shadow:         inset -1px -1px 0px #444444;
   
   
    color: #999999;

}

.reversa {

	display:none;

}

.c_reversa {
	color: #222222;
    height: 200px;
    margin: -100px auto 0;
    position: relative;
    text-align: center;
    top: 50%;
    width: 253px;

}

.reversa_txt {
	
	display: block;
    font-family: 'Lintel-Regular';
    /*font-family: 'Jura';*/
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0 0;
}

.reversa_titulo {
	font-size: 20px;
	line-height: 18px;
}


.offline_titulo_servicios {
	background-color: #444444 !important;

}

/*OBJETOS DE RESPONSIVE*/


.menu_mobile {
	font-family: 'TandelleItalic';
    font-size: 28px;
    font-weight: lighter;
    letter-spacing: 0.1px;
    margin: 0;
    padding: 0;
	
	
}

.menu_mobile a{
	border-bottom: 1px solid #E5E5E5;
    color: #000000;
    display: block;
    height: 74px;
    line-height: 82px;
    padding: 0 0 0 27px;
	
}



.menu_mobile li {
	
}

#menu_m {
	
     display: none;
    float: right;
    height: 20px;
    padding: 34px;
    width: 26px;
	border-left: 1px solid #E5E5E5;
}

.linea_menu_m {
	background-color: #000000;
    display: block;
    height: 4px;
    margin: 0 0 3px;
    width: 26px;

}


.item_navbar_m {
	

}
 #cat_overlay{
    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.91);
    position:fixed;
    top:0px;
    left: 0px;
    z-index: 999;
    display: none;
}
#text{
  width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 95px 0 0 -62px;
    height: 250px;
    display:none;
}
#logo{
    width: 123px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -62px;
    height: 250px;
    display: none;
}
#text .quote{
    stroke:#fc0;
}
#logo svg{
    width: 200px;
    height: 220px;
    overflow: scroll;
}
#logo .body{
    fill:#fff;
    stroke:#666;
}
#logo .carita{
    fill:#fff;
    stroke:#666;
}
#logo .line{
    fill:#fff;
    stroke:#666;
}
#logo .nose{
    fill:#fff;
    stroke:#666;
}
#logo .elipse{
    fill:#000;
    stroke:#666;
}
#logo_1{
    fill: #0f0;
}
#logo .colita{
   fill:#fff;
    stroke:#666;
}
#logo .colita_fill{
      fill:#fff;
    stroke:#666;
}

@media (max-height: 800px) {

	#txt_inicio_comprobamos {
    margin: -30px 0 0 60px;
	}
	
	#simio {
    margin: -90px 0 0 -650px;
	}
	
	#hoja_01 {
    margin: 189px 0 0 -144px;
	}
	
	#hoja_03 {
    margin: 310px 0 0 -700px;
	}
	
	#hoja_02 {
    margin: 364px 0 0 -245px;
	}
	
	
	
		
}