@charset "utf-8";

*{outline:none;}
html, body, div, h1, h2, h3, ul, li, p, blockquote, pre, form, fieldset, table, th, td{margin:0; padding:0;}
a{text-decoration:none;}
img{border:none;}
p{text-align:justify; font-size:10pt;}
h1{font-size:17pt; color:#049; border-bottom:2px solid #049;}
h3{font-size:14pt; color:#434343; font-weight:bold; padding:5px;}
th{background:#4F81BD; color:#FFF; padding:3px;}
th h3{color:#FFF;}
.tbl-row{background:#D3DFEE;}
.texto01{color:#C00;}
.clear{clear:both;}

body{font-size:10pt; font-family:Arial, Verdana, sans-serif; color:#2A2A2C; background:#004C9E;}

/* INPUTS */
.input{width:350px; border:1px solid #049;}
.input2{width:190px; border:1px solid #049;}
.btnAccept, .btnReset{font-weight:bold; padding:5px; border:none; cursor:pointer;}
.btnAccept{background:#049; color:#FFF;}
.btnReset{background:#D3DFEE; color:#000;}

/* BOXES */
.box{color:#000;}
.box h2{color:#049; font-size:13pt; padding:3px; border-bottom:1px solid #049;}


/* VALIDACION */
#msg1, #msg2, #msg3, #msg4, #msg5, #msg6{display:none; background:none; border:none; color:#F00;}
.vanadium-invalid{border:1px solid #F33; background:#FDD;}

/* MENSAJES AL USUARIO */
#mensaje{color:#049; font-size:10pt; display:none;}
#mensaje span{font-weight:bold;}
#mensaje img{vertical-align:middle;}

#container{width:1000px; margin:0 auto; background:#FFF; border:1px solid #FFF;}
#brand{background:#FFF; height:100px; position:relative;}
#ads{width:100%; height:279px; background:url(../images/bg-ads.jpg) no-repeat; border-top:1px solid #000; z-index:100; position:relative;}
#main{background:url(../images/bg-site.gif) repeat-x;}
#content{width:950px; margin:0 auto;}
.img{padding:5px; background:#000; margin-right:10px; margin-bottom:10px;}

/* MENU PRINCIPAL */
#nav{list-style:none; position:relative; float:right; top:-323px;}
#nav li{display:inline; float:left; display:block; margin-left:3px;}
#nav li a{color:#025990; font-weight:bold; display:block; float:left; padding-left:20px; background:url(../images/nav.gif) top left; border:none;}
#nav li a span{display:block; float:left; padding-right:20px; line-height:50px; height:44px;background:url(../images/nav.gif) top right;}
#nav li a:hover{background-position:0% -44px; color:#fff;}
#nav li a:hover span{background-position:100% -44px; color:#fff; cursor:pointer;}
#nav li.current a{background-position:0% -88px;color:#fff;}
#nav li.current a span{background-position:100% -88px;color:#fff;cursor:pointer;}
/* MENU FOOTER */
#nav-footer{text-align:center; margin-top:30px; margin-bottom:30px;}
#nav-footer p{text-align:center;}
#nav-footer ul{list-style:none;}
#nav-footer li{float:left; margin-right:10px;}
#nav-footer a{font-size:9pt; color:#004C9E;}
#nav-footer a:hover{color:#000;}
#nav-footer img{position:relative; top:7px;}
/* SERVICIOS */
.features{list-style:none; text-align:justify; float:left;}
.features a{color:#000;}
.features li{width:240px; padding-left:60px; float:left; margin:0 20px 20px 0; line-height:20px;}
.features li.website{background:url(../images/bg-website.png) no-repeat;}
.features li.servicios{background:url(../images/bg-servicios.png) no-repeat;}
.features li.hosting{background:url(../images/bg-hosting.png) no-repeat;}
.features li.dominio{background:url(../images/bg-dominio.png) no-repeat;}
.features li.clientes{background:url(../images/bg-clientes.png) no-repeat;}
.features li.contacto{background:url(../images/bg-contacto.png) no-repeat;}
.hot{zoom:1;}
.hover{cursor:pointer;}
.hover strong{color:#0055A8; border-bottom:1px dotted #0055A8;}
.hover a:link{color:#000;}
.hover a:visited{color:#000;}
/* GALERIA DE FOTOS STANDARD */
.NN-gallery ul{list-style:none;}
.NN-gallery li{float:left; margin-right:25px; margin-top:10px;}
.NN-gallery img{display:block; padding:5px;}
.NN-gallery a{color:#FFF; display:block; text-align:center; font-size:9pt; background:#4F81BD;}
.NN-gallery a:hover{color:#FFF; background:#142A53;}
/* COLUMNAS */
#col-right{float:right; width:280px;}
#col-left{float:left; width:640px;}
/*------------------------------------------------------------*/
/* Contenido principal 1_columnas*/
.websites{width:100%; height:100%; float:left; padding:10px 10px 10px 0px;}
.websites h2{font-size:15px; color:#8EBDDD; margin:0; width:700px; float:left}

.websites .modulos{width:300px; height:300px; margin:27px 0 0 10px; float:left;}
.websites .modulos div{margin:15px 0px 0px 10px;}
.websites .modulos strong a{color:#C00;}
.websites img{vertical-align:middle;}
.websites .modulos a{color:#049; font-weight:bold;}
.websites .modulos a:hover{text-decoration:underline;}
.websites .modulos h3 a{text-decoration:none; color:#049;}
.websites .modulos h3 a:hover{text-decoration:underline; color:#666;}
.websites .modulos ul{font-size:10pt; color:#555; width:250px; margin:20px 0 0 5px;}