@charset "utf-8";
#seo {
	height:0!important;
	overflow:hidden;
}
/* CSS Document */
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, top, left {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

.header_text_bg { margin:0; padding:0; background:url(images/simple_bg.jpg) top center repeat-x; height:553px; }
.header_text_bg2 { margin:0; padding:0; background: url(images/simple_bg2.jpg) top center repeat-x; height:138px; }
.header_text { width:990px; margin:0 auto; padding:15px 0 0 0; }
.header_text h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:15px 0 5px 0; margin:0; }
.header_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2; padding:0 0 20px 0; margin:0; }
.header_text p.bott { font: normal 12px Arial, Helvetica, sans-serif; color:#b8b8b8; padding:15px 20px 20px 20px; margin:0; }
.header_text img { float:right; padding:15px 0 0 0; margin:0; }
#index_portfolio { float:left; width:969px; margin:0 11px 0 10px; padding:0; border:9px solid #0e0e0e; }
.itemidx { float:right; overflow:hidden; cursor: pointer; position: relative; height:347px; }
.itemidx img { margin:0; padding:0; float:none; }
#index_portfolio .itemidx a { width: 100%; height: 347px; float: left; position: absolute; display: none; }
#index_portfolio .current a { width: 100%; height: 347px; float: left; position: absolute; display: block; }
#index_portfolio .itemidx .caption { position: absolute; padding: 0; float: left; }
#index_portfolio .itemidx .caption h2 { font-weight: bold; }
#index_portfolio .itemidx .caption p { font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0; }

#navi {  
	list-style:none;
	margin:0;
	padding:0;
	width:989px;
	font-weight:bold;
	
	
}
#navi li {
	margin:0px;
	padding:0; 
	float:left;
	
	
}
#navi li a {
	display:block; 
	width:100%;
	padding:0px 20px 10px 18px;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	
	
	
}

#navi li a:hover {
	color:#000;
	background-color:#66CC00;
}



body {
     line-height: 1;
	 background-image:url(images/fondo2.jpg);
	 background-position:center top;
	 background-repeat:repeat-x;
	 background-color:#070A0F;
	 width:100%;
	 font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
	 
}

.twitter{
	margin-left:25px;
}

.sepa{
	margin-left:20px;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

.contenedor{
	width:989px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.contenedor3{
	width:989px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.top_menu{
	height:43px;	
	background-repeat:repeat-x;
	display:block;
	overflow:hidden;
	width:100%;
	
}

.top_menu li{
	float:left;
	font-size:12px;
	line-height:40px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	color:#FFF;
	padding-left:18px;
	padding-right:18px;
	border-right:1px solid #383D41;
	margin-top:0px;
	
	
}

.banner{
	
	height:400px;
	
}

.sep_banner{
	
	width:835px;
	height:20px;
	float:left;
}

.sep_banner2{	
	width:154px;
	margin-top:5px;
	float:left;
	text-align:right;
}

.tpor{
	font-size:11px;
	font-weight:normal;
	color:#6C0;
	
	
}

.hosting{
	margin-top:5px;
	margin-bottom:5px;
	width:210px;
	height:210px;
	float:left;
	text-align:left;
	margin-left:5px;
	
}

.diseño_web{
	margin-top:5px;
	margin-bottom:5px;
	width:231px;
	height:210px;
	margin-left:40px;
	float:left;
	text-align:left;

}

.diseño_grafico{
	margin-top:5px;
	margin-bottom:5px;
	width:210px;
	height:210px;
	margin-left:40px;
	float:left;
	text-align:left;

}

.impresion{
	margin-top:5px;
	margin-bottom:5px;
	width:210px;
	height:210px;
	margin-left:20px;
	float:left;
	text-align:left;

	
}

.botton_menu{	
	height:70px;
	clear:both;
}

.izq_menu{
	width:10px;
	height:70px;
	margin-left:0px;
	float:left;
}

.centro{
	height:230px;
	width:492px;
	float:left;
	margin-top:20px;
	
	background-repeat: no-repeat;
}
.centro2{
	height:70px;
	width:700px;
	float:left;
	margin-left: 5px;
	
}
.der_menu{
	height:70px;
	width:10px;
	background-image:url(images/lat-izq.png);
	float:left;
}

.slogan{
	width:460px;
	margin-left:20px;
	height:230px;
	float:left;
	background-repeat: no-repeat;
	
}

.slogan2{
	width:250px;
	margin-left:20px;
	height:70px;
	float:left;
	
}

h2{
	color:#FFF;
	font-family:Georgia,serif;
	font-size:26px;
	font-weight:normal;
	line-height:20px;
}
h3{
	color:#66CC00;
	font-family:Georgia,serif;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
}

.texto_resal{
	color:#6C0;
	font-size:11px;
	font-weight:bold;
}

.texto_resal2{
	color:#000;
	font-size:12px;
	font-weight:bold;
}
p{
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	color:#686B6E;
}

.centro li{
	float:left;
	font-size:12px;
	line-height:23px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	color:#FFF;
	padding-left:18px;
	padding-right:2px;
	margin-top:15px;
}

.centro h2{
	font-size:20px;
	
}
.centro p{
	color:#FFF;
	text-align:right;
	margin-top:7px;
}
.azul{
	color:#09F;
	font-weight:bold;
}

.interno{
	margin-top:5px;
	margin-bottom:5px;
	width:260px;
	height:100%;
	margin-left:15px;
	float:left;
	text-align:left;

	
}
.interno4{
	margin-top:5px;
	margin-bottom:5px;
	width:200px;
	height:400px;
	margin-left:30px;
	float:left;
	text-align:left;

	
}
.interno8{
	margin-top:5px;
	margin-bottom:5px;
	width:380px;
	height:400px;
	float:right;
	text-align:left;

	
}

.objeto{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	height:100%;
	float:left;
	text-align:left;
	margin-left:5px;
	
}
.objeto4{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	height:100%;
	float:left;
	text-align:left;
	margin-left:5px;
	
}
.objeto5{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	height:700px;
	float:left;
	text-align:left;
	margin-left:5px;
	
}
.objeto2{
	margin-top:5px;
	margin-bottom:5px;
	width:750px;
	height:600px;
	float:left;
	text-align:left;
	margin-left:5px;
	
}

.objeto7{
	margin-top:5px;
	margin-bottom:5px;
	width:580px;
	height:100%;
	float:left;
	text-align:left;
	margin-left:5px;
	margin-right: 10px;
}

.objeto10{
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
	height:400px;
	float:left;
	text-align:left;
	margin-left:5px;
	background-image: url(images/fondo_ftp.png);
	background-repeat: no-repeat;
	background-position: top;
	
}

.contenedor2{
	width:989px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}


	

a:link {
	text-decoration: none;
	color:#999;
}
a:visited {
	text-decoration: none;
	color:#999;
}
a:hover {
	text-decoration: none;
	color:#66CC00;
	
}
a:active {
	text-decoration: none;
	color:#999;
}

.resal5 a:link {
	color:#FFF;
}



.resal5 a:hover {
	color:#FFF;
}
.resal5 a:active {
	color:#FFF;
}
.resal5 a:visited {
	color:#FFF;
}




	


a.resal6 {
	color:#66CC00;
	font-size:12px;
}



.planes1{
	width:170px;
	height:240px;
	
	margin-left:5px;
	float:left;
	
}

.comprobador{
	width:260px;
	height:22px;
	background-image:url(images/comprobador.png);
	margin-bottom:10px;
}

.banner2{
	height:400px;
}

.banner4{
	height:480px;
}

.plan_sup{
	height:50px;
	background-image:url(images/plan_sup.png);
	
}

.plan_center{
	height:180px;
	background-image:url(images/plan_center.png);
	
}

.plan_inf{
	height:10px;
	background-image:url(images/plan_inf.png);
}

h3{
	font-size:16px;
	font-weight:bold;
}

.lista{
	color:#FFF;
	font-size:12px;
}
.lista2{
	color:#000;
	font-size:10px;
}
.lista3{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

.lista4{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
}

.lista5{
	color:#FFF;
}

.white{
	color:#FFF;
	font-weight:bold;
}

.direct1{
	width:460px;
	margin-right:10px;
	height:2000px;
	float:left;
	border-right:solid #CCC 1px;
	
	
}

.direct2{
	width:230px;
	margin-left:5px;
	float:left;
	height:700px;
	
}

.animacion_barra{
	height:100px;
	margin-top:7px;
	width:500px;
	float:left;
}

.ani_img{
	width:190px;
	height:100px;
	float:left;
	margin-top:7px;
	
}

.animacion_barra2{
	height:150px;
	margin-top:7px;
	width:485px;
	float:left;
	padding-left:15px;
	
	}
.animacion_barra3{
	height:150px;
	margin-top:7px;
	width:650px;
	float:left;
	padding-left:15px;
	margin-right: 20px;
	
	}
.ani_img2{
	width:190px;
	height:150px;
	float:left;
	margin-top:7px;
	
}
.ani_img3{
	width:250px;
	height:150px;
	float:left;
	margin-top:7px;
	
}
.ani{
	clear:both;
}

.menu_marketing li{
	margin-top:10px;
	color:#CCC;
	text-align:center;
	line-height:22px;
	font-size:26px;
	padding-bottom:8px;
	border-bottom:#CCC dotted 1px;
	text-align:left;
	
}

.resal{
	color:#CCC;
	font-family:Georgia,serif;
	font-size:26px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}

.resal2{
	color:#CCC;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}


.resal5{
	color:#FFF;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}

.resals{
	color:#000;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}
.resal2_blanco{
	color:#FFF;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}

.resal3{
	color:#CCC;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}



.resal10{
	color:#CCC;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}

.resal9{
	color:#CCC;
	font-family:verdana;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}

.img_plain{
	float:right;
	
}

.resal4black{
	color:#000;
	font-family:Georgia,serif;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:10px;
}


#menu {
	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 260px;
}
#menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background-image:url(images/fondo_boton.png);
	background-repeat:repeat-x;
	
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #66CC00 url("images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

.portfolio{
	background-image:	url(images/boton_portfolio2.png);
	background-repeat:no-repeat;
	width:245px;
	height:54px;
	clear:both;
	padding-left:15px;
	padding-top:10px;
	
	
}


.portfolio2{
	width:245px;
	height:500px;
	clear:both;
	padding-left:15px;
	padding-top:10px;
	
}


.port_img{
	width:220px;
	height:200px;
	margin-right:10px;
	float:left;
	
}

.port_img2{
	width:220px;
	height:40px;
	margin-right:10px;
	float:left;
	
}

.mantenimiento{
	width:320px;
	margin-left:60px;
	color:#FFF;
	
	
}

.news p{
color:#000;
text-align:left;
margin-left:25px;

}

.metodo{
	width:650px;
	height:80px;
	height:100px;
	margin-bottom:15px;
	
	
	
}

.metoimg{
	width:80px;
	height:100px;
	float:left;
}
.metonoti{
	margin-left:10px;
	width:500px;
	float:left;
	height:100px;
}


.metodo2{
	width:650px;
	height:80px;
	height:120px;
	margin-bottom:15px;
	
	
	
}

.metoimg2{
	width:150px;
	height:120px;
	float:left;
}
.metonoti2{
	margin-left:10px;
	width:420px;
	float:left;
	height:120px;
}

.img_suelta{
	position:absolute;
	top:840px;
	left:650px;
	
	
}

.flash{
	width:775px;
	height:360px;
		clear:both;
		margin-left:auto;
		margin-right:auto;


}

.banner_home1{
	height:100px;
	background-repeat:no-repeat;
	margin-bottom:5px;
	
}

.banner_home2{
	height:110px;
	width:210px;
	float:left;
	margin-right:30px;
	background-repeat:no-repeat;
	
	
}

.home2{
	width:100px;
	
	margin-left:10px;
	margin-top:22px;
}


.blanco a{
	color:#FF0;
}

.banner_home3{
	height:110px;
	width:210px;
	float:left;
	background-repeat:no-repeat;
	
	
	
}

.blanco{
	color:#FFF;
}
.text_banner{
	width:350px;
	margin-left:10px;
	margin-top:5px;
	
}

#formulariog {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
}

#formulariog label{
	display:block;
	width:150px;
	float:left;
	color:#66cc00;
}
#formulariog p input {
	width:250px;
	color:#000;
}
#formulariog p {
	overflow:hidden;
	padding:4px 0;
}
#formulariog #comentario {
	width:254px;
	height:150px;
}
#formulariog p.error {
}
#formulariog p.error input, #formulariog p.error #comentario {
	color:#C00;
	background:#FDD;
}
p.noexito {
	border:1px solid #c00;
	color:#444!important;
	margin: 10px 10px 0 10px;
	padding:5px 13px 5px 30px!important;
	background: #Fdd url('img/delete.png') no-repeat 5px 50%;
	
}
p.enviado {
	border:1px solid #0c0;
	background:#dfd;
	color:#444!important;
	margin: 10px 10px 0 10px;
	padding:5px 13px 5px 30px!important;	
	background: #dfd url('img/accept.png') no-repeat 5px 50%;
}