*{margin:0;padding:0;}
html{background:#003365 url(html.jpg) repeat-x;}
body{background:center top url(body.jpg) no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:97%;}
a{color:#13789D; outline:0}
a:hover{color:#333;}
img{border:0;}
hr{display:block;clear:both;height:15px;width:99.9%;border:0;color:#fff;visibility:hidden;}
.home-logo{width:220px;height:82px;position:absolute;top:10px;left:8px;}
h1{margin:10px 0;font-size:120%;color:#555 !important}
h2{color:#555;font-size:114%;line-height:235%;margin-top:10px;}
h3{color:#2f4d61;font-size:114%;line-height:235%;margin-top:10px;}
.hh{color:#555;font-size:114% !important;font-weight:bold;line-height:235%;margin-top:10px;}
h4{color:#666;}
#head a,.submenu a,.boxy a{outline:none;}
#head ul,#foot ul,.submenu ul{list-style:none;}
#content ul,#content ol{font-size:80%;color:#666;margin:10px 40px 20px 40px;}
#content ul li{line-height:140%;margin:0 0 10px 0;list-style-image:url(item.gif);}
#content ol li{line-height:140%;margin:0 0 10px 0;}
#content ul.list_cols{width:300px;float:left;margin:10px 30px;padding:0;}
#content ul.list_cols2{width:200px;float:left;margin:10px 20px;padding:0;}
#content ul.list_cols2 li{list-style:none;}
p.more a{text-align:right;display:block;margin:10px 0;color:#13789D;font-weight:bold;text-decoration:none;font-size:105%;font-family:Tahoma,Arial,sans-serif;}
p.more a:hover{color:#1aa3d4;}
#main{width:790px;margin:0 auto;}
#head{width:784px;height:100px;position:relative;}
#content{width:784px;height:auto!important;height:400px;min-height:400px;position:relative;padding-bottom:20px;background:url(content.png) center repeat-y;}
.data{padding:10px 28px 0 28px;overflow:hidden;}
.submenu{width:784px;position:relative;}
#foot{width:784px;height:50px;background:url(bottom.png) center top no-repeat;clear:both;position:relative;}
#intro.index{padding:5px 5px 15px 20px;height:auto!important;height:120px;min-height:110px;margin-bottom:0;}
.boxy{width:232px;float:left;}
.boxy.mid{margin:0 10px;padding:0 10px;background:url(boxy-mid.gif) left top no-repeat;}
#intro .boxy p{width:auto;padding-left:10px;color:#666666;margin:-5px 20px 10px 0;}
#intro .boxy img{margin:-5px 0 5px 0;display:block;}
#banner img{display:block;margin:1px auto 10px auto;}
.info{width:70%;float:left;padding-right:10px;border:0px solid #000000;}
.sidebar{width:225px !important;width:222px;float:left;}
.info h3,.sidebar h3,.data h3{margin:0;font-size:93%;text-transform:uppercase;}
h1.tilde{color:#2f4d61;font-size:114%;line-height:235%;margin-top:10px;padding:0 0 0px 0px;text-transform:uppercase;font-size:93%;margin:0;}
h3.rss{background:url(rss.gif) no-repeat;padding:0 0 0 40px;}
#content .data .sidebar ul{margin:8px 0 0 10px;padding:0;}
.sidebar ul li{list-style-type:none;}
.sidebar ul li a{color:#1aa3d4;}
.sidebar ul li a:hover{color:#67c9ed;}
#head ul{position:absolute;top:0;right:20px;}
#head ul li{float:left;font-size:80%;display:block;width:110px;}
#head ul li.m2{width:120px;}
#head ul li a{display:block;height:103px;margin:0 1px 0 0;padding:35px 20px 0 20px;position:relative;color:#A4B4C0;text-decoration:none;}
.chat{display:block;height:103px;margin:-35px 1px 0 -20px;position:relative;color:#A4B4C0;text-decoration:none;}
#head ul li.chat a:hover{background:none;}
#head ul li a:hover{background:url(head-activo.gif) repeat-x;}
#head ul li a.activo{background:url(head-activo.gif) repeat-x;}
#head ul li a strong{display:block;font-weight:normal;color:#fff;text-transform:uppercase;}
#head ul li a em{visibility:hidden;}
#head ul li a.contacto{padding:0;}
#content p{text-align:justify;font-size:80%;line-height:140%;margin-bottom:5px;color:#666}
#intro{padding:5px 25px 15px 25px;margin:0 7px 10px 7px;background:url(intro.gif) bottom repeat-x;clear:both;overflow:hidden;}
#intro2{padding:5px 25px 15px 25px;margin:0 7px 10px 7px;background:url(intro.gif) bottom repeat-x;clear:both;overflow:hidden;}
#intro p{width:500px;color:#666;margin-bottom:6px;}
#intro2 p{width:700px;color:#666;margin-bottom:6px;}

.deco1{position:absolute;top:25px;right:50px;}
.deco2{position:absolute;top:25px;right:35px;}
.deco3{position:absolute;top:12px;right:40px;}
.deco4{position:absolute;top:25px;right:45px;}
.deco5{position:absolute;top:5px;right:45px;}
#foot img#logo{position:absolute;top:28px;left:10px;}
#foot ul#check{position:absolute;top:30px;right:10px;}
#foot ul.l1{position:absolute;top:20px;left:143px;}
#foot ul.l2{position:absolute;top:50px;left:125px;}
#foot ul li{float:left;margin:0 5px 0 0;color:#7AA2C6}
#foot ul li a{color:#7AA2C6;text-decoration:none;font-size:70%;}
#foot ul li a:hover{color:#3a6387;text-decoration:underline;}
#foot ul li a strong{font-weight:normal;}
p.phone{background:url(telephone.png) 3px 0 no-repeat;padding:0 0 10px 25px;}
p.email{background:url(email.png) 0 3px no-repeat;padding:0 0 10px 25px;}
p.pais{background:url(pais.png) 0 3px no-repeat;padding:0 0 10px 25px;}
a.bt,a.bt2{display:block;width:102px;height:31px;line-height:30px;background-image:url(bt-100.gif);background-repeat:no-repeat;background-position:0 0;text-align:center;font-weight:bold;color:#fff;text-decoration:none;}
a.bt2{width:210px;background-image:url(bt-210.gif)}
a.bt:hover,a.bt2:hover{background-position:0 -31px;color:#fff;}

table.inf1{margin:20px auto;color:#444;border:0px solid #e1e8ec;padding:6px;}
table.inf1 thead tr th{width:200px;}
caption{display:none;}
table a{color:#ff6600}
table{font-size:80%;}
table td{padding:4px 5px;}
table thead tr th{background:#003466;color:#fff;padding:3px 0;}
table tr th{background:#ffffff;font-weight:normal;text-indent:5px;}
.vacio{background:none;}
tr.par{background:#F4F8FB;}

.submenu{height:21px;background:url(top.png)!important;background:url(top.gif);}
.submenu.optciones{height:46px;background:url(submenu-opt.png) !important;}
.submenu ul li{float:left;}
.submenu ul{padding:10px 0 0 15px;}
.submenu ul li{font-size:80%;position:relative;margin:0 .2em 0 0;float:left;}
.submenu ul li.last{font-size:80%;position:relative;margin:0 1em 0 0;float:right;}
.submenu ul li a{padding:.9em 1.5em;float:left;text-decoration:none;text-align:center;}
.submenu.optciones li a{color:#902B00;}
.submenu.optciones li.current{background:url(opt.png) no-repeat;}
.submenu.optciones li.current a,.submenu.host li.current a:hover{background:url(opt-a.png) top right no-repeat;}
.submenu.optciones li a:hover{color:#902B00;} /*background:url(host-h.png);*/

.clear{overflow:hidden;width:100%;}
a.button{background:transparent url(bg_button_a.gif) no-repeat scroll top right;color:#444;display:block;float:left;font:normal 12px arial,sans-serif;height:24px;margin-right:6px;padding-right:18px;text-decoration:none;}
a.button span{background:transparent url(bg_button_span.gif) no-repeat;display:block;line-height:14px;padding:5px 0 5px 18px;}
a.button:active{background-position:bottom right;color:#000;outline:none;}
a.button:active span{background-position:bottom left;padding:6px 0 4px 18px;}

.disenioWeb{position:absolute;top:45px;right:50px;}
.eCommerce{position:absolute;top:30px;right:30px;}
.eLearning{position:absolute;right:30px;top:15px;}
.joomla{position:absolute;top:25px;right:25px;}
.desarrollo{position:absolute;top:45px;right:50px;}
.crm{position:absolute;top:40px;right:30px;}
.eMarketing{position:absolute;top:35px;right:65px;}

.linea {
	background-image:url(../images/linea.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:1px;
}

.forms {
	background-color:#FDFDFD;
	border:1px solid #A9A9A9;
	color:#505050;
	font-weight:normal;
}

.formchico {
	background-color:#FDFDFD;
	border:1px solid #A9A9A9;
	color:#505050;
	font-family:Tahoma,Sans-serif;
	font-size:11px;
	font-weight:normal;
	width:60px;
}
