body {background-color:#a80000;
margin:0px;
color: black;
font-family: Calibri;
font-size: 11px;
}

#contenedor { width:850px}

#cabecera {background: url(http://www.ki-design.com.ar/img/img-index/cabecera.gif) 0 0 repeat-x;height:77px }
#logo{width:850px;text-align:left;margin:0px 0px 0px 0px}
#menu{width:500px;float:right;text-align:center;margin:27px 0px 0px 0px}
#fondo-video {background-color:#a80000;height:287px }
#video{width:850px;text-align:center;margin:0px 0px 0px 0px}
#servicios{width:390px;float:right;text-align:center;margin:20px 0px 0px 0px}
#fondo-de-contacto{background: url(http://www.ki-design.com.ar/img/img-index/fondo-contacto.gif) 0 0 repeat-x;margin:0px 0px 0px 0px;height:223px}
#datos-de-contacto{width:850px;text-align:center;margin:0px 0px 0px 0px;height:223px}
#testimonio{width:500px;float:right;text-align:center;margin:0px 0px 0px 0px;height:223px}
#cuerpo{background-color:#fafafa}
#contenido{width:850px;text-align:left;margin:0px 0px 0px 0px;height:800px}
#razones{background: url(http://www.ki-design.com.ar/img/img-index/fondo-razones.jpg); background-repeat: no-repeat; width:305px;float:right;text-align:left;margin:0px 0px 0px 0px;height:740px}

#franja-contacto {background-color:#a80000 }

h1 {display:inline; color:#626262;text-decoration: none ;margin:0px 0px 0px 0px; font:  normal 11px "Calibri"; text-align:left}
h2.razones {color:#525252;text-decoration: none ;margin:0px 0px 0px 10px; font:  bold 25px "Calibri"; text-align:left}
h2.hj {color:#525252;text-decoration: none ;margin:0px 0px 0px 10px; font:  bold 25px "Calibri"; text-align:left}

h3 {color:#525252;text-decoration: none ;margin:0px 320px 0px 0px; font:  normal 15px "Calibri"; text-align:justify}
h3.razones {color:black;text-decoration: none ;margin:0px 0px 0px 100px; font:  normal 14px "Calibri"; text-align:justify}
h3.testimonio {color:#525252;text-decoration: none ;margin:0px 0px 0px 0px; font:  italic 16px "Calibri"; text-align:justify}


#ul-servicios{
	float:right;

}


#ul-servicios ul li h2 a{
	background:url(http://www.ki-design.com.ar/img/img-index/servicios.png) 0px 0px;
	display:block;
	text-indent:-99999px;
	height:40px;
	width:372px;
	margin:0;
	padding:0;

}

#ul-servicios li{
	margin-bottom:7px;
	list-style:none;
}

#ul-servicios ul li h2{
	margin:0;
	padding:0;
	line-height:0;
}

#diseno-web-li a{					background-position:0px 0px !important; }
#diseno-web-li a:hover{				background-position:-373px 0px !important; }

#diseno-logotipos-li a{				background-position:0px -54px !important; }
#diseno-logotipos-li a:hover{		background-position:-373px -54px !important; }

#diseno-grafico-li a{				background-position:0px -105px !important;	}
#diseno-grafico-li a:hover{			background-position:-373px -105px !important;	}

#posicionamiento-web-li a{				background-position:0px -158px !important;	}
#posicionamiento-web-li a:hover{			background-position:-373px -158px !important;	}



h2{
	font-weight:bold;
	color:#000;
	font-size:19px;

}

a.menu-principal:link {color:white;text-decoration: none ;margin:0px 0px 0px 30px; font: bold 19px "Calibri"; text-align:right; }
a.menu-principal:visited {color:white;text-decoration: none ;margin:0px 0px 0px 30px; font: bold 19px "Calibri"; text-align:right }
a.menu-principal:hover {color:#be0000;text-decoration: none ;margin:0px 0px 0px 30px; font: bold 19px "Calibri"; text-align:right }	

a.testimonio:link {display:inline;color:black;text-decoration: none ;margin:0px 0px 0px 0px; font: bold 16px "Calibri"; text-align:right; }
a.testimonio:visited {display:inline;color:black;text-decoration: none ;margin:0px 0px 0px 0px; font: bold 16px "Calibri"; text-align:right }
a.testimonio:hover {display:inline;color:#be0000;text-decoration: none ;margin:0px 0px 0px 0px; font: bold 16px "Calibri"; text-align:right }	

a.mastestimonio:link {display:inline;color:#be0000;text-decoration: none ;margin:0px 0px 0px 50px; font: bold 16px "Calibri"; text-align:right; }
a.mastestimonio:visited {display:inline;color:#be0000;text-decoration: none ;margin:0px 0px 0px 50px; font: bold 16px "Calibri"; text-align:right }
a.mastestimonio:hover {display:inline;color:black;text-decoration: none ;margin:0px 0px 0px 50px; font: bold 16px "Calibri"; text-align:right }

a.links:link {display:inline;color:#be0000;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 16px "Calibri"; text-align:left; }
a.links:visited {display:inline;color:#be0000;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 16px "Calibri"; text-align:left }
a.links:hover {display:inline;color:black;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 16px "Calibri"; text-align:left }	

a.colaboramos:link {display:inline;color:#515151;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 11px "Calibri"; text-align:left; }
a.colaboramos:visited {display:inline;color:#515151;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 11px "Calibri"; text-align:left }
a.colaboramos:hover {display:inline;color:white;text-decoration: none ;margin:0px 3px 0px 3px; font: normal 11px "Calibri"; text-align:left }	


#pie{ background: url(http://www.ki-design.com.ar/img/pie.gif) 0 0 repeat-x;height:200px}
#pie1{  width:850px;background: url(http://www.ki-design.com.ar/img/FONDO-PIE.png);background-repeat: no-repeat;height:164px}
#pie3{ width:440px;float:left;text-align:left;height:144px}
#colaboramos{background-color:#2a2a2a; }

h4.contacto { color:white;text-decoration: none ;margin:0px 10px 0px 12px; font: normal 15px "Calibri"; text-align:left}
a.email:link { margin:0px 0px 0px 0px;color:#ffc000; text-decoration: none ;text-align:left;font: normal 13px "Calibri"; font-weight:bold}
a.email:visited {color:#ffc000; margin:0px 0px 0px 0px;text-align:left;font: normal 13px "Calibri"; font-weight:bold}
a.email:hover {color:#c20000;font: normal 13px "Calibri";margin:0px 0px 0px 0px; font-weight:bold}	

a.ultimos-blog:link { margin:0px 0px 0px 0px;color:#ffc000; text-decoration: none ;text-align:right;font: normal 13px "Calibri"}
a.ultimos-blog:visited {color:#ffc000; margin:0px 0px 0px 0px;text-align:right;font: normal 13px "Calibri"}
a.ultimos-blog:hover {color:#c20000;font: normal 13px "Calibri";margin:0px 0px 0px 0px}	

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.6em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 5px 30px 6px 0px;
	float: left;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 30px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #a80000;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

#hj {background-color:white }

a.hj:link {display:inline; color:black;text-decoration: none ;margin:0px 0px 0px 0px; font:  bold 11px "Calibri"; text-align:left}
a.hj:visited {display:inline; color:black;text-decoration: none ;margin:0px 0px 0px 0px; font:  bold 11px "Calibri"; text-align:left }
a.hj:hover {display:inline; color:black;text-decoration: none ;margin:0px 0px 0px 0px; font:  bold 11px "Calibri"; text-align:left }