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

body {
background-color: #fff;
background-image:url(imagenes/bg.gif);
background-repeat:repeat-y;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
}

a {color: #0000FF}
a:visited {color:#0000FF;}
a:hover {color: #0000FF;}
a:active { color:#0000FF;}

h1 {
font-size: 11px;
text-transform:uppercase;
padding:5px 15px;
margin:0px 
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}


/********** encabezado **********/


#encabezado {
width:100%; height:145px;
}

#encabezado_content {
margin:auto;
width:940px; height:145px;
background-image:url(imagenes/encabezado-bg.png);
}

#encabezado #logo {
width:300px;
float:left;
}

#encabezado #contacto {
width:310px; height:80px;
float:right;
text-align:left;
padding:5px 0 0 20px;
background-image:url(imagenes/bg-datos.png);
background-repeat:no-repeat;
}

.tit {
font-weight:900;
color: #000000;
}

/********** fecha javascript **********/

#fecha {
width:920px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333333;
text-align:left;
margin:3px;
padding-left:10px; padding-bottom:2px; padding-top:2px;
background-color:#fff;
}

/********** container to center the layout **********/

#container {
width: 935px;
height:auto;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

/********** outer and inner **********/

#outer{
width:auto;
border-left: solid 200px #FFFFFD;
} 

#inner{ margin:0px; width:100%;
}

/********** left navi **********/
#left {
 width:200px;
 float:left;
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }

/********** content **********/
#content{
position:static;
height:100%;
width:720px;
float:right;
margin: 0px;
background-image:url(imagenes/bg-content.png);
background-position:bottom;
background-repeat:no-repeat;
}

#content p{
padding: 5px 10px;
margin:0px; 
}

#content .div{
float:left;
margin:2px;
width:343px;
height:450px;
padding:5px;
border:0;
}

#content #imagen {
margin:3px;
width:700px; height:150px;
border:0;
position: relative;
}

#content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#990000;
margin:2px;
}

#content .div-left{
float:left;
margin-top:12px;
width:335px;
height:125px;
padding:3px;
border: solid 1px #E8E8E8;
}

#content .div-right{
float:right;
margin-top:12px;
width:338px;
height:125px;
padding:3px;
border: solid 1px #E8E8E8;
}

/********** menu **********/ 
#menu {
width:175px;
background: #8B0000;
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
width:175px;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#menu a {
width:175px;
background: #8B0000;
border-bottom: 1px solid #820000;
color: #fff;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}

#menu a:hover {
width:175px;
background: #8B0000 url("menu/hover.gif") left center no-repeat;
color: #fff;
font-weight:bold;
padding-bottom: 8px;
}

#menu .hover{
width:175px;
background: #8B0000 url("menu/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}


/********** menu_content **********/
#menu_content {
position:relative;
width: 199px;
padding: 0px;
margin-top:0;
background-color:#922E4A;
}

#menu_content .soft{
width:199px;
height:30px;
padding-top:10px;
}



/********** footer **********/ 
#footer {
font-family:Arial, Helvetica, sans-serif;;
color:#CCCCCC;
clear:both;
border-top:solid 1px #666666 ;
width:100%;
height:180px;
background-image:url(imagenes/bg-footer.png);
background-color:#7A0000;
}

#footer .kamzuu{
width:auto;
margin:auto;
padding-top:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:10;
}

#footer .kamzuu a{
text-decoration:none;
}

#footer_content {
padding-top:3px;
margin:auto;
width:940px; height:96px;
text-align:left;
background-image:url(imagenes/footer-img.png);
background-position:right; background-repeat:no-repeat;
}

#footer a{
color:#fff;
}

#footer a:hover {
color:#F9F9F9;
}

/********** servicios **********/ 
#servicios{
float:left;
font-family:Arial, Helvetica, sans-serif;;
width:710px;
padding:0 10px 20px 0;
font-size:120%;
}

#servicios h1{
font-family:Arial, Helvetica, sans-serif;;
color:#000000;
font-size:15px;
font-weight:bold;
margin:5px;
}

#servicios h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:900;
color:#990000;
margin:2px;
}

#servicios p{
margin-top:5px;
margin-bottom:15px;
margin-left:5px;
}

#servicios ul{
margin-left:30px;
}

#servicios li{
margin:2px;
list-style-image:url(imagenes/li-img.png);}

#servicios .prog-arktec{
width:690px;
float:left;
border:1px #CCCCCC solid;
padding:0;
margin:3px;
}

#servicios .prog-arktec .pais{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
background-color:#FBFBFB;
margin-left:10px;
}

.prog-arktec .cursos{
width:320px;
height:130px;
float:left;
margin:0;
}


#servicios img{
float:left;
margin:2px;
margin-right:10px;
}

#servicios h2{
margin:0;
}

#servicios p{
margin:0;
}

#servicios .art-completo{
width:260px;
height:auto;
margin:5px;
float:right;
}

#servicios #auditorias{
width: 240px;
height:155px;
margin:5px;
padding:5px;
float:left;
}

#servicios #img-1 {
width:355px;
height:260px;
float:left;
padding:5px;
margin:5px;
}

#servicios #img-soft {
width:355px;
height:400px;
float:left;
padding:5px;
margin:5px;
}

#servicios .programas{
float:left;
}

#bot-principal{
width:150px;
height:50px;
margin:2px;
padding-left:480px;
float:left;
clear:both;
}

/********** calidad iso 9000 **********/
#iso{
font-family:Arial, Helvetica, sans-serif;;
font-size:100%;
}

#iso .img{
background-color: #fff;
margin:7px;
width:349px;
padding:3px;
border: dashed 1px #CCCCCC;}

#iso #encabezado{
background-color: #fff;
margin:0px;
width:725px;
height:auto;
padding:3px;
margin-left:20px;
border: solid 1px #CCCCCC;}

#iso p{
margin:0;
padding:0;}

#iso h1{
font-family:Arial, Helvetica, sans-serif;;
color:#000000;
font-size:13px;
font-weight:bolder;
margin:0;
display:inline;
}

#content #contenido{
float:left;
font-family:Arial, Helvetica, sans-serif;;
width:700px;
font-size:100%;
}

/********** principal **********/
#principal{
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
text-align:center;
color:#FFFFFF;
width:700px;
float:left;
margin:5px;
margin-right:8px;
padding:3px;
background-color:#820000;
clear:both;
}

#principal h2{
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-0.5px;
display:inline;
}

#principal a{
color:#CCCCCC;
}

#principal a{
color:#FFFFFF;
}

/********** contacto **********/

#contacto{
width:500px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
float:left;
}


#contacto .mensaje{
width:320px;
height:50px;
float:left;
}

#contacto .datos{
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-right:15px;
float:left;
}

#contacto .campo{
float:left;
border:solid 1px #CCCCCC;
font: 11px Arial, Helvetica, sans-serif;;
margin:1px 0 1px 0;
width:300px;
}

#contacto .enviar{
float:left;
width:120px;
height:30px;
margin-left:100px;
margin-top:10px;
}

/********** div **********/
.div .div-left .thumb{
width:50px;
height:50px;
float:left;
margin:5px;
}

.div .div-right .thumb{
width:50px;
height:50px;
float:left;
margin:5px;
}

#servicios .consultas{
width:710px;
height:auto;
}

#servicios .consultas h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:900;
color:#990000;
margin:2px;
}

#servicios .consultas h3{
font-family:Arial, Helvetica, sans-serif;;
font-size:12px;
color:#0000FF;
margin:2px;
}


#servicios .consultas .bloque{
font-family:Arial, Helvetica, sans-serif;
color:#333;
padding-bottom:8px;
font-size:13px;
margin-top:20px;

border-top:1px solid #959595;
}

#servicios .consultas .pregunta{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:4px;
padding-bottom:8px;
margin-bottom:4px;
background-color:#F3F3F3;
color:#000000;
}

#servicios .consultas strong{
margin-left:5px;
margin-right:10px;
}


.div .div-left .mas{
width:80px;
float:right;
margin:0;
}

.div .div-right .mas{
width:80px;
float:right;
margin:0;
}

.div p{
font-family:Arial, Helvetica, sans-serif;;
font-size:11px;
}

#servicios .clientes{
width:690px;
float:left;
border:1px #F9F9F9 solid;
padding:0;
margin:0;
}

#servicios .clientes p{
margin:3px;
}




/* end style.css */