html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@charset "utf-8";

/* CSS Document */

.clear{

      clear:both;
} 
body {
	background: #000000 url(../images/bg_vertical.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
}
h1 {
font-family:Helvetica;
font-size:22px;
}
#wrapper {
margin:0 auto;
width:1024px;
}
#header {
height:233px;
background:url(../images/header.jpg) no-repeat;
clear:both;
}
#contenedor {
width:780px;
margin:0 0 10px 0;
float:left;
}
#main_content {
margin:35px 0 8px 14px;
float:right;
width:772px;
}
#main_content_up {
float:left;
width:773px;
height:6px;
background:url(../images/curva_contenido_superior.jpg) no-repeat top;
}
#main_content_inside, #main_content_inside_index{
/*width:755px;*/
width:755px;
/*height:240px;*/
float:left;
/*background:#E7ECF2; */
padding:9px;
background:#FAFAFA;
}
#main_content_inside_index {
height:240px;
}
#main_content_down {
float:left;
height:10px;
width:773px;
background:url(../images/curva_contenido_inferior.jpg) no-repeat ;
color:#FFF;
text-align:center;
font-weight:bold;
}
.parrafo_justificado{
text-align:justify;
font-family:Helvetica;
font-size:1.3em;
padding:10px;
}
#lateral{
margin:0 0 0 6px;
width:228px;
float:left;
}
.banner-visible{ 
float:right;
}
.banner-hidden{
display:none;
}
#contenedor_anuncio {
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
background:#fafafa;
border:2px solid #0784C6;
width:190px;
}
#contenedor_anuncio h1{
margin:9px 0;
font-family:Helvetica;
text-align:center;
color:#E9820F;
}
.lateral_anuncio {
position:relative;
top:10px;
left:0;
border:1px solid #FF0000;

width:176px;
height:85px;
background:transparent;
font-family:Helvetica;
color:#FFF;
padding:5px;
} 
.lateral_anuncio img{
margin:10px auto;
display:block;
border:1px solid #0066FF;
} 
#navup, #navdown {
float:left;
width:210px;
height:7px;
} 
#navup {
margin:0 0 0 9px;
background:url(../images/esquinas_sup_botones.png) top;
} 
#navdown {
margin:0 0 0 9px;
background:url(../images/esquinas_infe_botones.png);
} 
#nav {
margin:0 0 0 9px;
float:left;
width:211px;
background:#0EC6DE url(../images/bg_botones.jpg) repeat-x top;
} 
#nav ul{
margin:0 auto;
padding:0;
} 
#nav ul li {
margin:5px 0 1px 5px;
width:201px;
height:27px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
background:url(../images/boton.png);
} 
#nav ul li:hover { 
background:url(../images/botonover.png);
} 
#nav ul li a{
margin:0;
float: left;
color:#000;
text-decoration:none;
margin:1px 0 0 19px;
padding:0;
}
#nav ul li a:hover{
      color:#2a3751;
} 
#nav ul li a .last{

      color:#FFFFFF;

      text-decoration:none;

      margin:0;

      padding:0;

      float: left;

      padding:14px 38px 17px;

      border-left: solid 1px #9ba3b1;

      border-right:

} 

a:link {
color: #CC6600;
}
a:visited {
color: #0099CC;
}
a:hover {
color: #FF6600;
}
a:active {
color: #CC6600;
}
.header {
	background: url(../images/header.jpg) no-repeat;
}

.curvas_contenido_superior {
	background: url(../images/curva_contenido_superior.jpg) no-repeat;
}
.curvas_contenido_inferior {
	background: url(../images/curva_contenido_inferior.jpg) no-repeat;
}

.bg_contenido {
	background: url(../images/bg_contenido.jpg) repeat-x;
}
.contenido {
	font: 14px Arial;
	color: #000033;
	padding: 5px;
}
#footer {
margin-top:20px;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
width:1024px;
height:144px;
background:#000000 url(../images/footer-web-developer.jpg) no-repeat;
font-family:Helvetica;
}
#footernav {
margin:0 auto;
width:80%;
height:20px;
} 
#footernav ul{
position:relative;
top:3px;
left:5%;
padding:0;
} 
#footernav ul li {
margin:0;
padding:0;
font-size:13px;
font-weight:bold;
color:#000;
display:inline;
} 
#footernav ul li a{
margin:0;
float: left;
color:#FFF;
text-decoration:none;
/*border-right:1px solid #05354B; */
padding:14px 40px 17px;
}
#footernav ul li a .last {
margin:0;
float: left;
color:#FFF;
text-decoration:none;
padding:14px 40px 17px;
}

#footernav ul li a:hover{
      color:#04B8EB;
} 

#copyright {
margin-top:30px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:625px;
height:10px;
font-size: 10px;
font-weight: bolder;
font-variant: normal;
color:#fff;
}
#design {
margin:10px auto;
width:160px;
font-size: 9px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color:#FFFFFF	
}
.servicios-web {
float:left;
margin:5px 0 10px 30px;
}
.link2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color: #FF6600;
}
.title_big {
font-family: "Times New Roman", Times, serif;
font-size: 34px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color: #FFFFFF;
}
.title1 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-style:normal;
font-weight:bolder;
font-variant:normal;
color: #000066;
}
.title2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color: #0033FF;
}
.title3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color:#FFFFFF	
}
.title4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color:#FFFF00
}
.title5 {
font-family:Helvetica;
font-size: 16px;
font-weight: bolder;
color:#00CC00;
vertical-align:super;
}
.title6 {
font-family:Helvetica;
font-size: 16px;
font-weight: bolder;
color:#FF0000;
vertical-align:super;
}
.texto_centrar {
text-align:center;
}
.text1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color:#06C8EB
}
.text2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bolder;
font-variant: normal;
color:#FF6633
}
.bg1 {
background:#03405C;
}
.bg2 {
background:#FFFF66;
}
.bg3 {
background:#99FF00;
}
.bg4 {
background:#FF9900;
}
.bg5 {
background:#0099FF;
}
#main_content_inside1 {
float:left;
margin:2px 0 0 2px;
width:360px;
height:205px;
}
#desc_img {
position:relative;
top:-175px;
left:200px;
width:147px;
height:170px;
text-align:center;
vertical-align:middle;
font-family:Helvetica;
color:#00273F;
font-weight:bold;
background:url(../images/proyectos-web-realizados.png) no-repeat;
cursor:pointer;
}
#main_content_inside2 {
float:left;
margin:2px 0 0 15px;
width:335px;
height:205px;
cursor:pointer;
}
#servicios {
position:relative;
top:10%;
}
/*Estilo para IE */
.border_ie {
border:1px solid #C1C1C1;
}
/*Estilo para todos exepto IE */
.border_no_ie {
border:10px solid #FBFBFB;-moz-box-shadow:0px 2px 20px #000;-webkit-box-shadow:0px 2px 20px #000;box-shadow:0px 2px 20px #000;
}
#diapos-on{border:10px solid #FBFBFB;-moz-box-shadow:0px 2px 20px #000;-webkit-box-shadow:0px 2px 20px #000;box-shadow:0px 2px 20px #000;width:332px;height:168px; margin:0.8em auto 0;position:relative; cursor:pointer;}
#diapos-on li{ position:absolute; top:0; left:0; height:168px;list-style:none;}

#contador{ float:left; margin:19px 0 0 160px; width:auto;}
#contador li{float:left;width:10px;height:10px;margin-right:10px;list-style:none;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #000;box-shadow:0 1px 4px #000;}
#contador li a{display:block;text-indent:-999em;background:#F9D8E3;width:10px;height:10px;overflow:hidden;}
#contador li a:focus{outline:1px solid #F9D8E3;}
#contador li.actual a{background:#FF0000;}
/*tabla hosting*/
#paquetes {
margin:15px auto;
}
.fila_select {
border:solid 1px #000;
}
.fila_select:hover {
border:solid 1px #cc3333;
}
.yes_service, .no_service {
text-align:center;
margin:0 auto;
}
.btn_paquetes{
margin:10px auto;
width:104px;
height:38px;
font-family:Helvetica;
text-align:center;
font-weight:bold;
color:#000;
padding-top:6px;
background:url(../images/boton2.png) no-repeat;
}
.btn_paquetes:hover {
cursor:pointer;
color:#FFF;
}
.sight_ok_nook {
margin:0 0 0 1px;
float:right;
height:40px;
width:240px;
background:#F9F7ED;
vertical-align:text-top;
}
.sight_ok_nook img {
margin:0 0px 0 5px;
padding:5px;
}
/*Form's*/
#contact_form {
/*
position:relative;
top:5px;
left:50px; */
float:left;
margin:10px 15px 10px 10px;
width:425px;
border:5px solid #000;
background:#00AFF0;
font-size:62.5%;
font-family:Helvetica;
}
#fform {
height:460px;
border:1px solid #fafafa;
}
#msje_error_div {
float:left;
width:238px;
text-align:center;
}
.msje_error {
margin:5px 0 10px 20px;
height:auto;
background:transparent;
}
.msje_error_alert {
margin:-60px 0 10px 20px;
/*border:1px solid #FF0000;*/
height:auto;
background:transparent;
text-align:left;
font-size:1.10em;
font-weight:bold;
color:#BC3327;
padding:8px;
}
#msje_indicaciones {
float:left;
margin:15px 10px 10px 20px;
width:238px;
border:1px dashed #781351;
background:#E2E2E2;
text-align:left;
font-size:1.08em;
font-weight:bold;
padding:10px;
}
label {
font-size:14px;
color:#fff;
font-weight:bold;
width:4em;
float:left;
margin-right:0.5em;
text-align:right;
}
input,select,textarea{
background:#fafafa;
width:150px;
border:0;
}
.input_disable {
background:#E5E5E5;
width:150px;
border:0;
}
textarea{
border:1px dotted #000099;
}
input:focus,select:focus,textarea:focus {
background:#FFFF99;
}
.fields_form_alert {
background:#FFA07A;
}
.botones {
background:#04359B;
color:#FFF;
font-weight:bold;
font-size:14px;
}
.botones:hover {
background:#105CCC;
color:#FFF;
cursor:pointer;
}
#btn_enviar,#btn_cancelar {
position:relative;
top:170px;
left:270px;;
width:5.8em;
color:#fafafa;
font-family:Verdana;
background:#316AC5;
-moz-border-radius:5px;
cursor:pointer;
}
#btn_cancelar {
background:#FF0000;
}
#msje_enviando {
position:relative;
top:170px;
left:50px;;
width:13.9em;
color:#316AC5;
font-family:Verdana;
background:#fff;
-moz-border-radius:5px;
text-align:center;
border:1px dotted #316AC5;
}
.required {
color:#FFF;
font-weight:bold;
font-size:1.18em;
}
.required_alert {
font-family:Helvetica;
text-transform:uppercase;
color:#FF0000;
font-weight:bold;
font-size:1.18em;
}
/* Position to Field's form*/
#name {
position:relative;
top:50px;
left:30px;
}
#txt_name {
position:relative;
top:50px;
left:80px;
}
#required_form {
position:relative;
left:90px; top:55px;
width:65px;
}
#email {
position:relative;
top:65px;
left:30px;
}
#txt_email {
position:relative;
top:65px;
left:80px;
}
#required_form2 {
position:relative;
top:70px;
left:90px;
width:65px;
}

#options {
position:relative;
top:80px;
left:30px;
}
#txt_options {
position:relative;
top:80px;
left:80px;
}
#required_form3 {
position:relative;
top:80px;
left:90px;
width:65px;
}

#subject {
position:relative;
top:95px;
left:30px;
}
#txt_subject {
position:relative;
top:95px;
left:80px;
}
#required_form4 {
position:relative;
top:95px;
left:90px;
width:65px;
}
#message {
position:relative;
top:110px;
left:30px;
}
#required_form5 {
position:relative;
width:65px;
}
#txt_message {
width:320px;
height:150px;
position:relative;
top:145px;
left:-15px;
padding:5px;
}
#form_success_message {
width:740px;
height:485px;
float:left;
padding:9px;
background:#FAFAFA;
text-align:center;
font-family:Helvetica;
font-size:22px;
}
/* CSS para 'mooSlide' */
.mooSlide img {
	float: left;
	margin-right: 20px;
	border:2px solid #FFF;	
}
.mooSlide {
	background-color:#C01D21;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFF;
	font-size: 11px;
	border:1px solid #AAAAAA;
}
.mooSlide h1 {
	font-size: 17px;
}
.style1 {color: #CCFF00}
code {
	font-size: 12px;
	line-height: 16px;
}
.img_portafolio {
margin:15px 0 4px 50px;
float:left;
width:auto;
}
.img_portafolio h3{
height:auto;
text-align:center;
padding-top:0.90em;
padding-bottom:0.40em;
border-top:dotted 1px #999999;
color:#2A2F32;
font-family:Helvetica;
}
.borde_portafolio_img {
border:5px solid #174A90;
}
.borde_portafolio_img:hover{
border:5px solid #9CBB20;
}
/* Social Networks */
#redes_sociales{
margin-top:80px;
margin-left:auto;
margin-right:auto;
display:block;
height:50px;
width:73%;
}
.redes_sociales_icon{
float:left;
margin-top:0;
margin-left:15px;
margin-right:15px;
width:auto;
}
.redes_sociales_icon:hover{
cursor:pointer;
border-bottom:1px dotted #D9D9D9;
}
#img_error_404 img{
margin-left:auto;
margin-right:auto;
display:block;
}
#titulo_warning h1{
color:#FF0000;
text-align:center;
padding:25px;
}
.div_titulo1 {
margin:25px 0 2px 0;
float:left;
height:30px;
width:100%;
background:#22859C;
text-align:center;
color:#fafafa;
}
.info {
margin-top:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:9px;
width:93%;
padding:8px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:2px solid #7FD7F7;
background:#E5F6FD;
color:#000;
font-size:1.1em;
text-align:justify;
}
#cargando{
position: absolute;
top: 0;
left: 0;
z-index:7000;
width:100%;
height:2000px;
background:#fff;
/* filter: alpha(opacity=80%); opacity: .5; */
text-align:center;
}
#cargando_inside{
position: relative;
top: 5%;
color:#FF0000;
}
#nojavascript_msje{
position:relative;
top:30%;
left:0;
background:#FF0033;
color:#FFFFFF;
}