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

/* Resetting Propietary Browser Styles */
html, body, div, span, object, iframe,
h1, h2, h3, h4, p, a, abbr, acronym, address, 
em, font, img, sub, sup, dl, dt, dd, ol, ul, li,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus { outline:0; }

/* End of: Styles' Reset */
/* Start of BS Global Styles */

/* ! IMPORTANT 
    We apply to the [body] a font-size of 62.5%,
	this is equal to 10px, and we're gonna work 
	with em units for browser consistency. So
	1 em = 10px
	1.3 em = 13px
*/


/* Layout */
body {
    background-color: #e1d8ca;
	font: normal 62.5%/1.2em Verdana, Arial, Helvetica, sans-serif; color: #57534e;
	}
/* Start of TOP global section*/
#top_bg {
    background: #393530 url(../img/divs_bg/top.jpg) bottom repeat-x;
	height: 36px;
	}

#top_bg #contactdetails {
    color: #faf4eb;
	width: 955px;
	margin: auto;
	font-size: 1.3em;
	}

#top_bg #contactdetails ul {
    list-style-type: none;
	overflow: hidden;
	}

#top_bg #contactdetails ul li {
    float: left;
	padding-top: 0.9em;
	padding-bottom: 1em;
	margin-right: 2em;
	}
	
#top_bg #contactdetails ul li a {color: #faf4eb; text-decoration: none; }
#top_bg #contactdetails ul li a:hover {color: #faf4eb; text-decoration: underline; }

#addr {
    background: url(../img/icons/addr.png) 0px 7px no-repeat;
	padding-left: 1.9em;
}

#tel {
    background: url(../img/icons/tel.png) 0px 9px no-repeat;
	padding-left: 1.5em;
}

#mail {
    background: url(../img/icons/mail.png) 0px 11px no-repeat;
	padding-left: 2.3em;
	color: #faf4eb;
}

/* End of TOP global section, Start of HEADER Global Section */
#head_bg {
    background: #ffffff url(../img/divs_bg/head.jpg) bottom repeat-x;
	height: 138px;
	}
#head_bg #header {
    color: #57534e;
	width: 956px;
	margin: auto;
	font-size: 1.3em;
	}
	
#head_bg #header h1 {
    width: 323px; 
	height: 86px;
	padding: 26px 0px;
	background: transparent url(../img/header_elements/logo.png) no-repeat 0px 26px;
	text-indent: -9999em;
	}
#head_bg #header h1 a { 
    display: block;
	width: 323px;
	height: 86px;
	}

/* SubSection: Navi */

#head_bg #header ul#navi {
    float: right;
	margin-top: -8.4em;
	list-style-type: none;
	display: inline;
	}

#head_bg #header ul#navi li {
    line-height: 6em;
	}

/* CRITICAL STYLING START: NEVER TOUCH THIS DARN AREA */	
#head_bg #header ul#navi li.reset {
    margin-top: -7.45em;
	}	

li.col1 { margin-left: 0em; }
li.col2 { margin-left: 10em; }
li.col3 { margin-left: 25em; }


/* Navi image.Replacement + comfortable anchors */

ul#navi li a {display:block; width:150px; height:0; padding-top:18px; color:#000; overflow:hidden; line-height: 3em; margin-bottom:1.1em; }

ul#navi li a#ainicio  {
    background: transparent url(../img/header_elements/navi/spr_inicio.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}

ul#navi li a#aempresa {
    background: transparent url(../img/header_elements/navi/spr_empresa.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#aservicios  {
    background: transparent url(../img/header_elements/navi/spr_servicios.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#aclientes  {
    background: transparent url(../img/header_elements/navi/spr_clientes.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#aantecedentes  {
    background: transparent url(../img/header_elements/navi/spr_antecedentes.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#arrhh  {
    background: transparent url(../img/header_elements/navi/spr_rrhh.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#acapacitacion  {
    background: transparent url(../img/header_elements/navi/spr_capacitacion.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}
	
ul#navi li a#acomunidad  {
    background: transparent url(../img/header_elements/navi/spr_community.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}

ul#navi li a#acontacto  {
    background: transparent url(../img/header_elements/navi/spr_contacto.png) no-repeat 0px 0px;
	text-indent: -9999em;
	}

ul#navi li a#ainicio:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#aempresa:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#aservicios:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#aclientes:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#aantecedentes:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#arrhh:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#acapacitacion:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#acomunidad:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
	
ul#navi li a#acontacto:hover {
    background-position: 0 -22px;
	z-index: 50;
	}
/* END OF CRITICAL STYLING */
/* End of Susbsection:Navi and Header Styling*/

/* Body Start */

#body_bg { background: #f0e7da url(../img/divs_bg/body.jpg) repeat-x top center;
}
#body_bg div#destacados {
    width:956px; 
	margin: auto;
	padding-top: 15px;
}

#destacados #billy_clipper { 
	width: 962px; 
	padding-top: 2px;
	margin-left: -5px;
	padding-top: 4px;
	padding-left: 8px;
	position: relative; /* For IE */
	overflow: hidden;
	height: 314px;
	background: transparent url(../img/assets/carrousels/W955_shadow.png) top left no-repeat;
	z-index:100;
}


#destacados ul#billy_fader_ini {
	width: 9999px;
	height: 306px;
	display: block;
	float: left;
	margin-bottom: 12px;
	position: relative;
}
	
	ul#billy_fader_ini li {
		width: 956px;
		height: 306px;
		float: left;
		display: block;
	}
  /* indicators */
  
 	/* center FX */
	/* #indcenterXQ - where 'Q' is the number of li's in the showcase -- set manually ¬¬ */  
    #indcenterX3 {margin: auto; width: 7%;}
	#indcenterX7inicio {margin-top: 10px; margin: auto; width: 14%;}
	
	/* build the indicators dinamically */
	ul#fade_ini_indicators {
	width: auto;
	margin-left: -15px;
	z-index: 90;
}

	ul#fade_ini_indicators li {
		display: block;
		width: 14px;
		height: 9px;
		float: left;
		margin-left: 7px;
		
	}
		
		ul#fade_ini_indicators li a {
			margin-left: 6px;
			display: block;
			width: 17px;
			height: 17px;
			
			background: transparent url(../img/assets/carrousels/sprite_selector.png);
			opacity: 0.6;
			}	
		
		ul#fade_ini_indicators li.active a { opacity: 0.9; background-position: 0px -17px;}
		ul#fade_ini_indicators li a:hover { opacity: 0.8; }
			ul#fade_ini_indicators li.active a:hover { opacity: 1.0; }

#body_bg div#destacados h2 {
    width: 270px; 
	height: 19px;
	margin: 12px 0 7px 2px;
	background: transparent url(../img/h2_and_h4_textreplacement/antecedentesdestacados.png) no-repeat;
	text-indent: -9999em;
	}
#body_bg #bodywrapper {
   width: 956px;
   margin: auto;
   padding-top: 35px;
}

div#empresa {
   background: transparent url(../img/content/home/empresa.png) no-repeat top left;
   background-position: -2px 0px;
   padding-left: 235px;
   padding-top: 3px;
   height: 160px;
   }

div#empresa h2 {
	padding-bottom: 5px;
	width: 114px; 
	height: 23px;
	background: transparent url(../img/h2_and_h4_textreplacement/a_empresa.png) no-repeat;
	text-indent: -9999em;
}

div#empresa h2 a {
    display: block;
	width: 114px;
	height: 23px;
}

div#servicios {
   background: transparent url(../img/content/home/servicios.png) no-repeat top left;
   background-position: -2px 0px;
   padding-left: 235px;
   margin-top: 25px;
   height: 160px;
   }

div#servicios h2 {
	padding-bottom: 5px;
	width: 114px; 
	height: 23px;
	background: transparent url(../img/h2_and_h4_textreplacement/a_servicios.png) no-repeat;
	text-indent: -9999em;
}

div#servicios h2 a {
    display: block;
	width: 114px;
	height: 23px;
}

div#servicios ul {
    padding-top: 5px;
	list-style: disc;
	list-style-position: inside;
}
 
div#servicios ul li {
    font-size: 1.3em;
	line-height: 1.5em;
}


div#aside {
    background: transparent url(../img/divs_bg/verticalseparator.png) no-repeat bottom left;
	padding-left: 8px;
}

#novedades img {
     margin-bottom: 6px;
	 }

div#clientes {
     margin-top: 27px;
}

div#clientes h2 {
	padding-bottom: 5px;
	width: 200px; 
	height: 23px;
	background: transparent url(../img/h2_and_h4_textreplacement/a_clientes.png) no-repeat;
	text-indent: -9999em;
}

div#clientes h2 a {
    display: block;
	width: 200px;
	height: 23px;
}

div#clientes img { 
    padding-top: 12px;
    margin-left: 35px;
	}
	
#footer_bg {
   clear: both; 
   background: #2a2826 url(../img/divs_bg/footer.jpg) repeat-x center top;
   height: 160px;
   } 
   

#footer_bg #footer {
   padding-top:22px;
   color: #e5ddcf;
   width: 956px; 
   margin: auto;
   }
   
#footer_bg #footer h2 {
   padding-bottom: 5px;
   width: 200px; 
   height: 23px;
   background: transparent url(../img/h2_and_h4_textreplacement/contactenos_inset.png) no-repeat;
   text-indent: -9999em;
}

#footer_bg #footer ul {
   float: left;
   margin-top: 2px;
   list-style: none;
   display: inline;
} 

#footer_bg #footer ul#copy li{
   color: #aea89d;
   line-height: 19px;
}

#footer_bg #footer ul li {
    margin-bottom: 7px;
	}

	
#footer_bg #footer ul.reset {
    margin-top: -89px;
	}	

ul.fcol1 { margin-left: 0; }
ul.fcol2 { margin-left: 50px; }
ul.fcol3 { margin-left: 600px; }  

#footer_bg #footer ul li { 
   margin-left: 0;
   font-size: 1.3em;
   line-height: 1.4em;
   }
#footer_bg #footer a img {
	position: relative;
    height: 36px;
	float: right;
	width: 84px;
	margin-top: -137px;
	margin-right: 20px; 	

}

#footer_bg #footer ul li a {
    color: #e5ddcf; 
	text-decoration: none;
	}

#footer_bg #footer ul li a:hover {
    text-decoration: underline;
	}
	
#footer_bg #footer ul.fcol2 li a#kntk/*:link*/ {
   display: block;
   margin-left: -2px;
   width: 200px; 
   height: 30px;
   background: transparent url(../img/buttons/mail_dde_kntk.png) no-repeat 0 0;
   text-indent: -9999em;
}

/* To the Top */
#container {
width: 100%;
overflow: hidden;
 }

#container #tothetopse {
   	width: 956px;
	margin: auto;
	margin-top: 50px;
	
}

#container #tothetopse p a {
   color: #c92535;
   background: transparent url(../img/icons/top.png) no-repeat left bottom;
   text-decoration: none;
   padding-left: 17px;
   float: right;
   margin-bottom: 20px;
}
/* Novedades: UPDATEABLE NEWS SCROLL */
#novedades #novcontainer {
   list-style-type: none;
   font-size: 1.3em;
   line-height: 1.4em;   
   height: 150px;
   margin-bottom: 10px;
   overflow: hidden;
   
}

.novCloned {
   margin-top: -3px;
}

#novedades #novcontainer ul li {
   height: 165px;
}

#novedades #fader {
   position: relative;
   margin-top: -25px;
   z-index: 25;
   width: 280px;
   height: 45px;
   background: transparent url(../img/divs_bg/sidebarfader.png) no-repeat center bottom;
}
#novedades #news_bt {
   float:right;
   padding: 4px;
   margin-top: -30px;
}

#news_prev {
   float:right;
   cursor: pointer;
}

#news_next {
   float:right;
   cursor: pointer;
}

#novedades h2 {
   margin-top: 2px;
   padding-bottom: 5px;
   width: 150px; 
   height: 23px;
   background: transparent url(../img/h2_and_h4_textreplacement/novedades.png) no-repeat;
   text-indent: -9999em;

}
/* Box Models (1/3 - 2/3) */ 
.twothirds {
   width: 648px;
   float: left;
   background-color: transparent;                
	}   
.onethird {
   width: 300px;
   float: left;
   background-color: transparent;
}

/* Aside */
.alignme {margin-left: -2px;}

/* Typographical Styles */ 

p { 
   font-size: 1.3em;
   line-height: 1.2em;
   text-align: left;
  }

.fechanovedad
  { color: #666666;
    font-size: 1em;
	font-style: italic;
	}
	
.textonovedad
  { color: #666666;
    font-size: 1em;
	font-style: italic;
	}
	
h3 {
  font-size: 1.6em;
  font-weight: normal;
  }
  
a {
  color: #c92535;
  text-decoration: none;
}

a:hover {
  color: #c92535;
  text-decoration: underline;
}

.bold {
   font-weight: bold;
}
/* START OF SECTIONS STYLING */

/* Empresa */