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

body{  margin:0px; padding:0px; background-color:#000000; background-image: url(../images/bg_3.jpg); background-repeat:no-repeat; background-position:top;}
ol, h1, h2, h3, h4, h5, h6, form, p{  margin:0px; padding:0px;}
img{ border:none; }



#warp_index{ width:800px; height:820px; margin:0 auto;}
#warp{ width:800px; height:800px; margin:0 auto;}
#box1{ width:800px; height:65px;}
#box2{ width:800px; height:387px;}
#box4{ width:800px; height:250px;}
#box5{ width:800px; height:257px;}

#izq{ width:358px; height:270px; float:left;}
#center{ width:440px; height:270px; float:left; background-image: url(../images/man.png); background-repeat:no-repeat; background-position:center}
#der{ width:157px; height:387px; float:left;}
#logo_up{ width:140px; height:65px; background-image:url(../images/logo1.png); float:left}
#logo2{ width:358px; height:125px;}
#sye{ width:358px; height:144px;}
#txt1{ width:338px; height:118px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:justify; margin-left:20px;}
#sabias{ width:157px; height:89px;}

#lang{ width:50px; height:65px; float: right; background-repeat:no-repeat; padding-left:15px;}

#aplicaciones{ width:254px; height:257px; float: left; margin-left:38px}
#ser_{ width:210px; height:22px; background-image:url(../images/bullet.png); background-repeat:no-repeat; margin-left:10px; margin-top:10px;}
#ser_2{ width:210px; height:22px; background-image:url(../images/bullet.png); background-repeat:no-repeat; margin-left:10px;}
.txt2{ width:154px; height:22px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding-left:20px; line-height:20px; font-weight:bold}

#banner{ width:500px; height:257px; float: right; background-image:url(../images/compus.png)}

#sitemap{ width:140px; height:65px; background-image:url(../images/sitemap.jpg); float: right; background-repeat:no-repeat; padding-left:15px;}

#index_txt{ width:335px; height:172px; background-image: url(../images/main_txt.png);background-repeat:no-repeat; margin-top:140px; margin-left:77px; float:left}
#index_logo{ width:387px; height:312px; background-image: url(../images/main_logo.png);background-repeat:no-repeat; float:left}
#btn_leermas{ width:72px; height:42px; margin-top:250px; margin-left:280px;}
#btn_leermas2{ width:72px; height:42px; float:right; margin-right:70px;}


/* menu */
.txt_bluee2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0071BC;}
.txt_bluee{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0071BC;}
.txt_white{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff;}
.txt_orange{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#f58220;}
.txt_verde{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8cc63f;}
.txt_white2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
.txt_white3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
/* fin menu */

#sabias_txtblue{ width:147px; height:90px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0071BC; text-align:justify}
#sabias_txtwhite{ width:147px; height:90px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:justify}

#nservicio_img{ width:416px; height:26px; background-image: url(../images/img_nuestrosservicios.png); margin-top:15px; margin-left:65px; background-repeat:no-repeat;}
#perfil_img{ width:200px; height:26px; background-image: url(../images/img_perfil.png); margin-top:15px; margin-left:119px; background-repeat:no-repeat;}
#pic_perfil{ width:264px; height:74px; background-image:url(../images/pic_perfil.png); background-repeat:no-repeat; margin-left:55px; margin-top:10px;}
#perfil_txtblue{ width:194px; height:30px; margin-top:10px; margin-left:55px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#0071BC; text-align:justify}
#perfil_txtwhite{ width:194px; height:40px; margin-left:55px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:justify; margin-top:5px;}

#perfil{ width:319px; height:250px; float: left; }
#ayuda{ width:800px; height:64px; margin-top:10px; margin-bottom:10px}
#ayuda_img{ width:180px; height:64px; margin-left:10px; float:left; margin-top:15px;}

#footer{ width:800px; height:50px; background-size: 737px 50px; background-image:url(../images/img_footer.png); background-repeat:no-repeat; background-position:center;float:left;margin-top:15px;}

#on{ width:16px; height:19px;  float:right; margin-right:60px; margin-top:8px;}
#hm{ width:18px; height:16px;  float:right;margin-top:10px; margin-right:10px;}
#eml{ width:18px; height:14px;  float:right;margin-top:13px; margin-right:10px;}

.logo:link{ font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666666;text-align:center;text-decoration:none; margin-left:18px; line-height:50px;letter-spacing:1px;}
.logo:hover{ font-family:Arial, Helvetica, sans-serif;text-decoration:none;font-size:13px;color:#FF9900;text-align:center;margin-left:18px;line-height:50px;letter-spacing:1px;}
.logo:visited {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666666;text-align:center;text-decoration:none; margin-left:18px; line-height:50px;letter-spacing:1px;}

.mapa:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
line-height:55px;}
.mapa:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
color:#FF9900;
line-height:55px;}
.mapa:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
line-height:55px;}

.fot:link, .fot:visited {color:#fff; text-decoration:none;  font-size:8px; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
.fot:hover{color: #ff9900;text-decoration:underline;  font-size:8px; font-family: Arial, Helvetica, sans-serif;font-weight:bold}


.fot3:link, .fot3:visited {color:#fff; text-decoration:none;  font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight:bold; }
.fot3:hover{color: #ff9900;text-decoration:underline;  font-size:12px; font-family: Arial, Helvetica, sans-serif;font-weight:bold}