@charset "utf-8";
/* CSS Document */
html, body { height:100% }
body { margin:0 auto; background:#344454;  }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
h1{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height:22px;color: #002248; margin: 0;}
h2{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; line-height:18px; color: #f4911e;  margin: 0; }
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color: #fff; line-height:20px; margin: 0;}
h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #fff; line-height:18px; margin: 0; margin-bottom:2px}
p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color: #666; margin: 0; line-height:18px }
p.white { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; color: #fff; margin: 0; margin-bottom:5px  }
img { border-style: none;}
ul { margin:0; padding:0}
li { list-style:none}
a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin: 0; text-decoration: none; }
hr { border: 0 #f4911e solid; border-top-width: 1px; clear: both; height: 0;}
.izquierda { float:left }
.derecha { float:right }

#wrap { height: auto!important; height:100%; min-height: 100%}
#main { overflow: hidden; padding-bottom:20px;}
#main { width:960px; padding-top:0px; margin:0 auto }
#header { width:960px; height:80px; padding-bottom:8px; background:url(../imagenes/hd.png) no-repeat; position:relative }
.headcont { width:350px; height:80px;}
#logo { background: url(../imagenes/logo_c.png) no-repeat; position:absolute; left:10px}
#claim { background: url(../imagenes/claimc.png) no-repeat; position:absolute; right:10px }

#botonera { width:940px; height:50px; background:url("../imagenes/bkg-bot.jpg") no-repeat; position:relative; display:block; margin:0 auto }

/* ---------- Botonera ---------- */
ul#botones { width:940px; height:50px; margin:0 auto; padding:0px; display:block}
ul#botones li { list-style: none; display:inline } 
ul#botones li a { height:50px; display:block; position:absolute; padding:0px; text-indent:-9999px; outline:none; border:0 none; background-image: url("../imagenes/sprite.png");}

li#home a { width:125px; background: url("../imagenes/sprite.png") no-repeat; background-position:0px 0px; left:0px }
li#home a:hover { width:125px; background:url("../imagenes/sprite.png") no-repeat; background-position:0px -50px; left:0px }

li#empresa a { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-125px 0px; left:124px }
li#empresa a:hover { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-125px -50px; left:124px }

li#productos a { width:145px; background:url("../imagenes/sprite.png") no-repeat; background-position:-255px 0px; left:254px }
li#productos a:hover { width:145px; background:url("../imagenes/sprite.png") no-repeat; background-position:-255px -50px; left:254px }

li#servicios a { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-400px 0px; left:399px }
li#servicios a:hover { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-400px -50px; left:399px }

li#alianzas a { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-530px 0px; left:529px }
li#alianzas a:hover { width:130px; background:url("../imagenes/sprite.png") no-repeat; background-position:-530px -50px; left:529px }

li#laboral a { width:140px; background:url("../imagenes/sprite.png") no-repeat; background-position:-660px 0px; left:659px }
li#laboral a:hover { width:140px; background:url("../imagenes/sprite.png") no-repeat; background-position:-660px -50px; left:659px }

li#contacto a { width:140px; background:url("../imagenes/sprite.png") no-repeat; background-position:-800px 0px; left:799px }
li#contacto a:hover { width:140px; background:url("../imagenes/sprite.png") no-repeat; background-position:-800px -50px; left:799px }
/* activos para cada pagina */
li#aactivo a { width:125px; background: url("../imagenes/sprite.png") no-repeat; background-position: 0px -50px; left:0px}
li#bactivo a { width:130px; background: url("../imagenes/sprite.png") no-repeat; background-position:-125px -50px; left:124px}
li#cactivo a { width:145px; background: url("../imagenes/sprite.png") no-repeat; background-position:-255px -50px; left:254px}
li#dactivo a { width:130px;background: url("../imagenes/sprite.png") no-repeat; background-position:-400px -50px; left:399px}
li#eactivo a { width:130px;background: url("../imagenes/sprite.png") no-repeat; background-position:-530px -50px; left:529px}
li#factivo a { width:140px;background: url("../imagenes/sprite.png") no-repeat; background-position:-660px -50px; left:659px}
li#gactivo a { width:140px;background: url("../imagenes/sprite.png") no-repeat; background-position:-800px -50px; left:799px}

/* fin botones */
/* slider */
#slider { margin: 0 auto; height: 235px; }
#slider a img { text-decoration: none; border: none }
#slider ul, #slider li { margin: 0 auto; padding:0; list-style:none;}
#slider li { width:940px; height:235px; overflow: hidden; }
/* fin slider */
/* ---home---  */
.imgbkg { width:960px; height:320px; padding-top:10px; background: url("../imagenes/bkg_imgb.png") no-repeat; margin:0 auto; }
.colbkg { width:960px; height:350px; padding-top:10px; background: url("../imagenes/bkg_colb.png") no-repeat; margin:0 auto; }
.colteiner { width:940px; display: block; position:relative; margin:0 auto}
.col01 { width:150px; height:145px; background:url(../imagenes/blue01.jpg) no-repeat; margin-right:10px; padding-left:75px; padding-right:4px; padding-top:5px; display:block; position:relative }
.col02 { width:700px; padding-top:10px}
.col02 img { float:left}
.icono { width:70px; height:75px; position: absolute; left:0px; top: 20px}
.colinf { width:148px }
#colinf01 { height:145px; background:url(../imagenes/blue02.jpg) no-repeat; padding-left:75px; padding-right:4px; padding-top:10px; margin-right:10px; display:block; position:relative}
#colinf02 { height:145px; background:url(../imagenes/orange.jpg) no-repeat; padding-left:75px; padding-right:4px; padding-top:5px; margin-right:10px; display:block; position:relative }
#colinf03 { height:145px; background:url(../imagenes/red.jpg) no-repeat; padding-left:75px; padding-right:4px; padding-top:5px; margin-right:10px; display:block; position:relative }
#colinf04 { height:145px; background:url(../imagenes/green.png) no-repeat; padding-left:75px; padding-right:4px; padding-top:5px; display:block; position:relative }
.btnver { width:100px; height:25px; position:relative; left:150px; top:30px; }
.btnver a { width:100px; height:25px; display:block; position:absolute; padding:0px; text-indent:-9999px; outline:none; border:0 none }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.space { clear:both; height:10px;}

/* ---interior---  */
.btnbkg { width:960px; height:50px; padding-top:10px; background: url(../imagenes/bkg_btnb.png) no-repeat; margin:0 auto }
.contenedorint { width:960px; height: auto!important; /* para los browsers buenos */ height: 300px; /* para IE5+ */min-height:300px; background:url(../imagenes/bkg_intb.png) repeat-y; margin:0 auto; display:block; }
#bottom { width:960px; height:15px; clear:both; background:url(../imagenes/bottomb.png) no-repeat;}
#columna { width:229px }
#contenido { width:700px; float:right; padding-bottom:30px; background:#f0f0f0}
img.spaceimg { margin top:10px; margin-right:10px; margin-bottom:10px; margin-left:0px}
#topspace { height:10px; clear:both}
/*- Menu 1--------------------------- */
#menu1 { width: 229px; display:block; }
#menu1 ul, li { list-style-type: none; vertical-align:bottom }
#menu1 ul { margin:0; padding:0 }
#menu1 li { border-top: solid 1px #003a7b;}
#menu1 a { font-size:13px; }	
#menu1 a { text-decoration:none; color:#fff; background:#002248; display:block; padding: 3px 0 3px 16px }
#menu1 a:hover { color: #FFF; background:#344454; padding: 3px 0 3px 15px; margin: 0 }
#menu1 a.current { background:#344454; }/* -alternativo #0052ae */
.sub { text-indent:18px }
#menu1top { width:229px; height:8px; background:url(../imagenes/lateraltop.jpg) no-repeat}
#menu1bottom { width:229px; height:8px; background:url(../imagenes/lateralbottom.jpg) no-repeat}
/* -lista productos */
#texto { width:640; padding-left:30px; padding-right:30px}
#software { color:#002248; padding-left:150px; font-size:14px; font-weight:normal}
#software ul { color: #002248; margin:0px; padding:0px }
#software ul li { color: #002248; margin:0px; }
#software li { list-style:none; background: url(../imagenes/discb.png) left bottom no-repeat; padding-left:25px; padding-top:4px; }
#software li a { color: #002248; text-decoration:none; border-bottom: 1px dotted}
#software li a { color: #00326a; text-decoration:none; border-bottom: 1px dotted}

#calidad { color:#002248; padding-left:20px; font-size:14px; line-height:18px; font-weight:normal}
#calidad ul {color:#002248; margin:0px; padding:0px}
#calidad li { margin-bottom:5px }
#calidad li { list-style:none; background: url(../imagenes/discb.png) no-repeat; background-position: 0 2px 0 0 ; padding-left:25px; }

ul#menu2 { margin:0 auto; padding:0px; display:block}
ul#menu2 li { list-style: none; display:inline; float:left } 
ul#menu2 li a { display:block; padding:3px; outline:none; border:0 none; color:#f4911e}


/* ---------- footer  ---------- */
#footer { width: 100%; position:relative; margin-top:-230px; height:230px; clear:both; padding-bottom:30px; background: #002248;  margin:0 auto; border-top:#000a15 4px solid }
#contfooter { width: 900px; margin:0 auto; position:relative; display:block;}
#footcol01 { width:32%; padding:5px; float:left; margin: 2px; }
#footcol02 { width:32%; padding:5px; float:left; margin: 2px; }
#footcol03 { float:right; width: 31%; padding:5px;}
#textfooter { padding-top:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:11px; color:#bfddff}
#textfooter a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:11px; font-weight:bold; color: #bfddff;  margin: 0; text-decoration: none; border:0 none }
#textfooter a:hover {color: #268cff; margin: 0; text-decoration: none; border:0 none }
#linka { width: 26px; height: 26px; position:absolute; right:10px; top:20px; background:url(../imagenes/2d.png) no-repeat}
#linka a { width: 26px; height: 26px; border:0 none}
#linka a { display: block; margin: 0; text-indent: -99999px; outline: none }

/* ---------- contacto  ---------- */
#contform { width:920px; height:299px; background:url("../imagenes/bkg_contactob.jpg") no-repeat; margin:0 auto;position:relative; top:10px}
#texcontac { width:320px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:16px; color:#FFF; padding-left:120px; padding-top:22px }
#texcontac span { font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:16px; color:#FC3 }
#formcontent { width: 420px; height:330px; padding-left:20px; outline:none; background:#f0f0f0; border: solid 3px #ccc } 
/* ----------formulario---------- */
.labels { width:120px; float:left; font-family: "Trebuchet MS", Arial, sans-serif; color:#002248; font-size:16px; font-weight:normal; margin:0; padding: 0 }
#contactform { padding-top:22px }
#sugerenciaform { padding-top:22px;}
input { font-size:11px; margin-bottom:6px; font-family: "Trebuchet MS", Arial, sans-serif }
.inputtext { font-size:11px; margin-bottom:6px; font-family: "Trebuchet MS", Arial, sans-serif }
select { width:250px; font-size: 11px;margin-bottom:6px; font-family: "Trebuchet MS", Arial, sans-serif }
textarea { font-size: 11px;margin-bottom:6px; font-family: "Trebuchet MS", Arial, sans-serif }
.inputtext { width: 250px }
textarea { width: 250px; height: 70px }