/*Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* kotasoft css  made by dcg */
a {color:#454545; text-decoration:none;}
a:hover{text-decoration:underline;}
img {margin:0;padding:0;}
.accesible {display:none;}

#content h1{font-size:24px; font-weight:bold;text-align:left;}
#content h2{font-size:18px; font-weight:bold; margin-top:10px; text-align:left;}
#content h3{font-size:16px; font-weight:bold; margin-top:5px;}
#content h4{font-size:14px; font-weight:bold;}
#content h5{font-size:12px; font-weight:bold;}

strong {font-weight:bold;}


/*-- kotasoft css design made by dcg --*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display:block;} 
 
body {text-align:center;margin: 0 auto;	padding: 0;	border: 0; color: #333;background:#f4f4f4;	font: normal 12px/16px  Verdana, Arial, Helvetica, sans-serif;}
#global{width:926px; margin: 0 auto; padding:10px; background:#f4f4f4; }
#header{width:100%; height:55px; background:#f4f4f4;}
#header h1{float:left;background:#f4f4f4 url('../imgs/logo_kotasoft.gif') no-repeat left top; margin-left:23px;width:205px; height:53px;}
* html #header{height:65px;}/* ie6 */ 
*:first-child+html #header {height:65px;}/* ie7 */

.bloque {margin:20px 10px 40px 10px;  display:block; height:60px; border-bottom:1px #f4f4f4 solid;}
/* --------------------------------- nav pesta�as ---------------------------------------*/
#nav_eyelashes{position:relative; float:left; margin-top:10px;height:455px; width:23px;left:0px;}
* html #nav_eyelashes{left:4px;margin-top:10px;}/*ie6*/
*:first-child+html  #nav_eyelashes{left:4px;margin-top:0px;}/* ie7 */

#nav_eyelashes ul li a {display:block;	width:22px;	background: url('../imgs/nav_eyelashes.gif');}
#nav_eyelashes ul li.mInicio a{height:74px; }
#nav_eyelashes ul li.mInicio a:hover {background-position:-22px 0; }
.home #nav_eyelashes ul li.mInicio a{ background-position:-44px 0; }

#nav_eyelashes ul li.mKotasoft a {height:105px;background-position:0 -74px; }
#nav_eyelashes ul li.mKotasoft a:hover {background-position:-22px -74px; }
.kotasoft #nav_eyelashes ul li.mKotasoft a{ background-position:-44px -74px; }

#nav_eyelashes ul li.mServicios a {height:122px;background-position:0 -180px; }
#nav_eyelashes ul li.mServicios a:hover {background-position:-22px  -180px }
.servicios #nav_eyelashes ul li.mServicios a{ background-position:-44px  -180px }

#nav_eyelashes ul li.mSoftwareFactory a {height:154px;background-position:0 -301px; }
#nav_eyelashes ul li.mSoftwareFactory a:hover {background-position:-22px -301px; }
.softwarefactory #nav_eyelashes ul li.mSoftwareFactory a{ background-position:-44px -301px; }

#nav_eyelashes ul li span {display:none;}

#wrap{ width:900px;background:#fff;height:100%;padding:10px 0 30px 0;margin:10px 0 0 22px;}
* html #wrap{margin-left:-5px;padding:0;}
#wrap_content{margin-bottom:20px;}
#content{float:left;  width:600px; text-align:justify; line-height:180%; padding:0 20px; margin-right:20px; border-right:1px #f4f4f4  solid;}
#sidebar{float:left;}

/* imagenes del body */
.banner{margin:10px 0 20px 5px; width:890px; height:150px; text-align:left;}
#page44 .banner { background:url('../imgs/kotasoft.jpg') no-repeat;}
#page45 .banner { background:url('../imgs/kotasoft_cultura.jpg') no-repeat;}
#page46 .banner { background:url('../imgs/imagen7.jpg') no-repeat;}
#page47 .banner { background:url('../imgs/kotasoft_equipo.jpg') no-repeat;}
#page48 .banner { background:url('../imgs/kotasoft_mercado.jpg') no-repeat;}
#page49  .banner { background:url('../imgs/image2.jpg') no-repeat;}

#page51 .banner { background:url('../imgs/servicios_sw.jpg') no-repeat;}
#page50 .banner { background:url('../imgs/servicios_sw.jpg') no-repeat;}
#page52 .banner { background:url('../imgs/servicios_cesion.jpg') no-repeat;}
#page53 .banner { background:url('../imgs/servicios_consultoria.jpg') no-repeat;}
#page54 .banner { background:url('../imgs/servicios_integracion.jpg') no-repeat;}

#page55  .banner { background:url('../imgs/sw_index.jpg') no-repeat;}
#page60 .banner { background:url('../imgs/sw_cadenavalor.jpg') no-repeat;}
#page58 .banner { background:url('../imgs/sw_cmmi3.jpg') no-repeat;}
#page59 .banner { background:url('../imgs/sw_garantiacalidad.jpg') no-repeat;}
#page57 .banner { background:url('../imgs/sw_localizacion.jpg') no-repeat;}
#page63 .banner { background:url('../imgs/sw_modelonegocio.jpg') no-repeat;}
#page56 .banner { background:url('../imgs/image3.jpg') no-repeat;}
#page62 .banner { background:url('../imgs/image4.jpg') no-repeat;}
#page61 .banner { background:url('../imgs/image4.jpg') no-repeat;}
#page68 .banner { background:url('../imgs/noticias.jpg') no-repeat;}
#page69 .banner { background:url('../imgs/news.jpg') no-repeat;}
#page70 .banner{background:url('../imgs/dondeestamos.jpg') no-repeat;}
#page66 .banner { background:url('../imgs/image1.jpg') no-repeat;}
#page67 .banner{ background:url('../imgs/image3.jpg') no-repeat;}
#page68 .banner{ background:url('../imgs/imagen5.jpg') no-repeat;}


.banner h1{ margin-left:15px; padding-top:10px; font:30px Verdana; color:#082e59; font-weight:bold;}
.banner h3{ margin-left:15px; padding-top:10px; font:14px Verdana; color:#8b8b8b; font-weight:bold; width:400px;}



#content h1 {  margin:5px 0 15px 0 ;}
/*-- estilos distintas opciones para los titulos --*/

.kotasoft #content h1, .kotasoft .color, .kotasoft #content h2 {color:#e16305;}
.servicios #content h1, .servicios .color, .servicios h2 {color:#217204;}
.softwarefactory #content h1, .softwarefactory .color, .softwarefactory h2 {color:#931d18;}

/*--- content generic list --*/
#content ul{ margin:10px 0; list-style:circle;}
#content ul li{ margin: 5px 0 0 25px;list-style:circle;}
#content ul li strong{font-weight:bold;}
#content ul li a {font-weight:bold;}

/*-- idiom nav --*/
ul#nav_idiom {float:right;position:relative;top:0px; right:0px;}
ul#nav_idiom li {float:left;margin-right:10px;}
ul#nav_idiom a {font-size:10px; color:#454545;margin-left:10px;}
ul#nav_idioma li a.active{font-weight:bold;color:#f6c003;}
/*-- menu superior --*/
#nav_top{float:right;position:relative;top:45px;right:-120px;}
* html #nav_top{float:right;position:relative;top:45px;right:-123px;}
ul#nav_top li {float:left; margin-right:10px;}
ul#nav_top li a{font-size:11px; color:#454545; margin-left:10px;}

/*----------- menu sidebar ----------------*/
.menu {text-align:left; margin-top:35px;}
.menu li  {display:block; width:180px; border-bottom:1px #f4f4f4 solid; }
.menu li a {display:block; width:180px; padding:5px; color:#000;    text-decoration:none; }
.menu li a:hover {border-right:3px solid #ccc;}


* html  .menu  li.active {padding:0px;}

/*-- estilos opcion ---*/
.home .option a {color:#0367a0; }
.home .menu li.active {border-right:3px solid #0367a0;padding:0 10px 0 0; color:#000;}
.menu li.active {border-right:3px solid #333; padding:0 10px 0 0; color:#000;}
.kotasoft .option a {color:#e16305; }
.kotasoft .menu li.active {border-right:3px solid #e16305; padding:0 10px 0 0; color:#000;}

.servicios .option a {color:#217204; }
.servicios .menu li.active {border-right:3px solid  #217204; padding:0 10px 0 0; color:#fff;}

.softwarefactory .option a {color:#931d18; }
.softwarefactory .menu li.active {border-right:3px solid #931d18; padding:0 10px 0 0; color:#fff;}

* html .home .menu  li.active,
  * html .kotasoft .menu  li.active,
   * html .servicios .menu  li.active,
     * html .softwarefactory .menu  li.active {padding-right:0px;} 
 .menu li.active a  {color:#000;}
 .menu li.active a:hover{color:#000;}

/*---------------------------- infocontacto pie  -----------------------*/
#info_contact{height:30px;clear:both; background:#fff; border-top:1px #f4f4f4 solid; padding:10px 5px; }
#info_contact ul li {float:left; font-size:10px; font-weight:bold; margin-left:10px;}
.fax{background:url('../imgs/icon_fax.gif') no-repeat; padding-left:25px;}
.phone{background:url('../imgs/icon_phone.gif') no-repeat; padding-left:25px;}
.mail{background:url('../imgs/icon_mail.gif') no-repeat; padding-left:25px;}     
.direction{background:url('../imgs/icon_direction.gif') no-repeat; padding-left:25px;}
.gmaps{background:url('../imgs/icon_map.gif') no-repeat;  padding-left:25px;}

/*--------------------------------- footer  -----------------------------------------*/
/*-- menu footer */
#footer { border-top:1px #f4f4f4 solid;padding-top:10px;}
ul#nav_footer li {float:left; margin-right:10px;color:#146ca0;}
ul#nav_footer li a{font-size:11px; color:#146ca0; font-weight:bold; margin-left:10px;}
ul#nav_footer li a:hover{}
.copyright{padding: 10px; clear:both; text-align:left;}

/*-- lista de iconos -- */
.icons_list{border-bottom:1px solid #f4f4f4;height:50px; margin:10px 0;}
.icons_list li {float:left;	margin-left:10px;}

/*------------------------------- home ---------------------------------------------*/ 

.box_tecnology{ float:left; margin-left:50px; text-align:left;}
.first {margin-left:20px;}
.box_tecnology h2{font:22px Arial; font-weight:bold; }
.fatwire, .fatwire a{color:#7bbe46;}
.php, .php a{color:#0367a0;}
.j2ee, .j2ee a{color:#cd0a0a;}
.sqa, .sqa a{color:#ffba00;}
.box_tecnology h3{font:14px Arial; font-weight:bold; color:#d3d3d3;}
* html #content ul.list_services li{margin-left:15px;}
* html #content ul.list_services {margin-left:0px;}

#content  li.box_services {display:block;margin-bottom:30px;  float:left; width:45%; }

.left {margin-right:30px;}
.box_services h2 {font:18px Arial; font-weight:bold; color:#454545;margin-bottom:5px;}
.box_services p{font:11px Arial;}

#sidebar h2 {text-align:left;font:18px Arial; font-weight:bold; color:#999;margin:15px 0; border-bottom:1px #f4f4f4 solid;}
.box_noticias{background:#f4f4f4; padding:5px 10px; margin-top:10px;}
.noticias {text-align:left;width:200px; margin-bottom:20px; background:#f4f4f4;}
.noticias li {margin-bottom:5px;font:11px Arial;}
.more{text-align:right;margin-bottom:20px;}
.more a {font-weight:bold; color:#0367a0;}

/*------------------- contact form  -------------------------*/ 
.formulario {background:url('../imgs/contacto.jpg') no-repeat right top;}
.formulario input, .formulario select {height:20px;font-size:11px; width:300px;border:1px #ccc solid;}
.formulario textarea {border:1px #ccc solid; width:300px;}
.formulario p  {margin-bottom:10px;} 
.formulario .btn_boton {font-family:Tahoma, Arial, Helvetica, sans-serif; width:100px;	font-weight:bold;color:#fff;text-transform:uppercase;margin-left:5px;padding:2px 0;	border:none;	background:#5C5D5D;}
button {font-family:Tahoma, Arial, Helvetica, sans-serif; width:100px;	font-weight:bold;color:#fff;text-transform:uppercase;margin-left:5px;padding:2px 0;	border:none;	background:#5C5D5D;}

/*-- referencia--*/
#content .reference li {float:left; margin:5px; list-style:none;}


/*-----  mapa---------*/

/* popup */
.popup {height:175px; width:250px;}
.popup  #datos li {margin-bottom:0; list-style:none;font-size:10px; }
.title {font-size:14px; border-bottom:1px solid #ccc; color:#0367a0; }

#map {height:500px; width:600px;}


/*news*/

#content  .news_list li{list-style:none; padding:0 0 10px 0; margin:0; border-bottom:1px #f4f4f4 solid; }
#content  .news_list li h2 a {font-size:16px;color:#0367a0;}



/***/