BODY{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
}

FORM{
	margin:0px;
	padding:0px;
}

a:link{text-decoration: none}
a:visited{text-decoration: none}
a:hover{color: #444444; text-decoration: underline;}
a:active{text-decoration: none;color: #000000}
a{color: #444444}

ul{
	margin: 0px;
	padding: 0px;
}
li{
	margin: 0px;
	padding: 0px;
}

/************************* fondos **************************/

#fondoT{padding:0; margin:0 auto; background: url(../img/fondoT.gif) repeat-x top #ffffff;}
#fondoTL{padding:0; margin:0 auto; background: url(../img/fondoTL.gif) no-repeat top left;}
#fondoTR{padding:0; margin:0 auto; background: url(../img/fondoTR.gif) no-repeat top right;}
#fondoB{padding:0; margin:0 auto; background: url(../img/fondoB.gif) repeat-x bottom;}
#fondoBL{padding:0; margin:0 auto; background: url(../img/fondoBL.gif) no-repeat bottom left;}
#fondoBR{padding:0; margin:0 auto; background: url(../img/fondoBR.gif) no-repeat bottom right;}
#fondoL{padding:0; margin:0 auto; background: url(../img/fondoL.gif) repeat-y top left;}
#fondoR{padding:0; margin:0 auto; background: url(../img/fondoR.gif) repeat-y top right;}
#fondoESP{padding-top: 9px; padding-bottom: 8px; padding-left: 9px; padding-right: 9px;}

/************************* textos **************************/

.contenedor_general{
 	margin:0px;
	padding:0px;
	width: 770px;/*774*/
	border: 1px solid #c5c5c5;
	background-color: #FFF;
}


/************************* Cabecera **************************/
.menu{
	background-color: #3f3f3f;
}
#cabecera_arriba{
	background-color: #FFF;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width:330px;
	height:94px;
}

#cabecera{
	margin:0;
	padding:0;
	clear:both;
	background-color: #FFF;
}

#botonera{
padding:0;
margin:0;
height:43px;
background-image: url(../img/sombra.jpg);
background-repeat:repeat-x;
background-position: bottom left;

}	

ul #botonera, ul#botonera li {
float: left;
list-style: none;
margin:0;
padding:0;
}
#bajo_menu{
	background-image: url(../img/top_flecha.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #7c7c7c;
	height: 16px; 
	clear:both
}
#bajo_img{
	background-color:#C0C0C0;
	height: 130px; 
	
}
/************************* Fin Cabecera **************************/

/************************* Cuerpo **************************/

#cuerpo{
	margin:10px 0px 0px 0px;
	padding:0;
}

#ver_mas{
	background-image: url(../img/punto_vermas.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a664d;
	padding: 0px 10px 0px 8px;
}
a:hover #ver_mas{
	padding-left: 8px;
	text-decoration: none;
}


.ver_mas2{
	background-image: url(../img/punto_vermas.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a664d;
	padding: 0px 10px 0px 8px;
	float: right;
	margin-top: 5px;
}
a:hover .ver_mas2{
	padding-left: 8px;
	text-decoration: none;
}
/************************* col-izquierda **************************/

#col_izq{
	/*background-color: #f4f4f4;*/
	width: 250px;
	float: left;
	padding: 10px 0px 0px 0px;

}
#puntos_h{
	background-image: url(../img/puntos_horiz1.jpg);
	background-repeat: repeat-x;
	/*margin-top: 10px;*/
}
#puntos_h2{
	background-image: url(../img/puntos_horiz2.jpg);
	background-repeat: repeat-x;
}
.tex{
	padding: 0px 0px 0px 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 11px;
	color:#818181;
}

.tex_chico{
	padding: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 9px;
	color:#818181;
}

h2{
	padding: 0px 5px 5px 5px;
	font-weight: bold;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 14px;
	color:#4b5948;
}
.tex b{
	font-size: 14px;
	font-weight: bold;
	color:#4b5948;
	line-height: 25px;
}
#subtitulos{
	font-family: Arial;
	color: #969494;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	padding:5px 0px 10px 0px;
}
h1{
	background-image: url(../img/fondo_web.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b6beb6;
	padding:10px 30px 10px 56px;
	height: 35px;
	margin: 0px;
}

#porfolio{
	background-color: #e7e7e7;
	border-bottom: 2px solid #cfcdcd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
	font-weight: bold;
	padding:10px 5px 5px 15px;
}
#info_porf{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#5a5a5a;
	line-height: 12px;
}

#cont_porf{
	padding: 10px 0px 10px 10px;
}
#info_porf b{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}

#img_porf{
	border:1px solid #908f8f;
	padding: 3px;
	background-color: #fff;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}


/************************* Columna-Derecha **************************/
#col_der{
	background-color: #fff;	
	float: right;
	width: 515px;
}

#cont_nov{
	font-size:12px;
	/*background-image: url(../img/puntos_horiz1.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;*/
	overflow:auto;	
}

#novedades{
	background-image: url(../img/fondo_sistema.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 35px;
	margin: 0px
	
}

/*
#host{
	background-image: url(../img/fondo_sistema.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 35px;
	margin: 0px
}
*/


#novedades a:hover{
	color: #ffffff;
}

#novedades a:visited{
	color:#ffffff;
}

#cont_host{
	/*background-image: url(../img/puntos_horiz1.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;*/
	font-size:12px;
	overflow:auto;	
}

#host{
	background-image: url(../img/fondo_sistema.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 25px;
	margin: 0px
}


#host_nov{
	background-image: url(../img/lupa2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 25px;
	margin: 0px
}

#host2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	/*padding:10px 30px 10px 30px;*/
	/*height: 35px;*/
	/*width:100%;*/
	background-position: top left;
	background-image:url(../img/fondo_sistema2.jpg);
	background-repeat:repeat-x;
	margin: 0px;
}

#host a{
	color: #ffffff;
	text-decoration: none;
}

#host a:hover{
	color: #ffffff;
	text-decoration: none;
}

#host2 a{
	color:#ffffff;
	text-decoration: none;
}

#host a:visited{
	color:#ffffff;
	text-decoration: none;
}

#host2 a:hover{
	color: #ffffff;
	text-decoration: none;
}

#host2 a:visited{
	color:#ffffff;
	text-decoration: none;
}

#host_nov a:hover{
	color: #ffffff;
	text-decoration: none;
}

#host_nov a:visited{
	color:#ffffff;
	text-decoration: none;
}


#img_nov{
	border:1px solid #908f8f;
	padding: 3px;
	background-color: #fff;
	float: right;
	margin-left: 5px;
}

#info_nov{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#5a5a5a;
	line-height: 12px;
}

#link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a664d;
	padding: 0px 0px 0px 0px;
	list-style: none;
	margin: 0px;
}


#tex_serv{
	list-style-image:url(../img/punto_vermas2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
/************************* login**************************/
.login_form{
	margin: 0px;
	padding: 5px;
	font-size:10px;
	font-weight:bold;
	clear: both;
	display:none;
}

/*#login{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D534D;
	font-weight: bold;
}*/

.login_input{
	border: 1px solid #bec2bd;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	margin-left: 5px;
	/*padding: 3px;
	margin-right: 10px;*/
}

#bot_log{
	padding:0px;
	margin:0px;
	list-style: none;
}

ul #bot_log, ul#bot_log li {
	float: left;
	list-style: none;
	margin:0px;
	padding:0px 3px 0px 0px;
}
/************************* Fin Cuerpo **************************/
	
#pie{
	margin:0;
	padding:0;
	clear: both;
}	

#cophyright{
	background-image: url(../img/fondo_footer2.jpg);
	background-repeat: no-repeat;
	background-position: center top ;
	height: 61px;
}
#cophyright_tex{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #a0a59f;
	text-align: center;
	padding: 18px 0px 0px 0px;
}

.portfolio{
	font-size:xx-small;
	color:#000066;
	}
 	
/************************* formulario **************************/	
.input_form{
	border: 1px solid #999999;
	width: 150px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	margin-bottom: 10px;
}

.input_form2{
	border: 1px solid #999999;
	width: 158px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	margin-bottom: 10px;
}

.tex_form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
}
#fondo_datos{
	background-image: url(../img/fondo_datos.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 140px;
}

#FT-contacto{
	background-image: url(../img/fondoT_contacto.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 35px;
	margin: 0px
}

.zona_clientes{
	background-image: url(../img/login1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b6beb6;
	padding:13px 30px 10px 45px;
	height: 20px;
	margin: 0px;
}

.zona_clientes a{
	color: #b6beb6;
}

.zona_newsletter{
	background-image: url(../img/login2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b6beb6;
	padding:13px 30px 10px 45px;
	height: 20px;
	margin: 0px;
}

.zona_newsletter a{
	color: #b6beb6;
}

a:hover.zona_clientes,a:hover.zona_newsletter{
	color: #b6beb6;
	padding:13px 30px 10px 45px;
	height: 20px;
	margin: 0px;
}
/************************* clientes **************************/	
.cuadro_clientes{
	background-image: url(../img/clientes/fondo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 105px;
	height: 80px;
	float:left;
	padding: 5px 5px 5px 6px;
	margin: 5px 0px 0px 0px;
}
.bg_port{
	background: url(../img/bg_port.jpg) repeat-x top left;
	border:1px solid #ccc;
}

.lis_potclient{
	background: url(../img/flecha_listport.jpg) no-repeat 0px 3px;
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}

.tex_clientes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #c0c0c0;
	margin-right: 10px;
	margin-top:5px;
	/*padding-top: 11px;*/
}

.titulo_clientes{
	background-image: url(../img/fondo_servicios.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding:10px 30px 10px 70px;
	height: 35px;
	margin: 0px
}

/************************* portfolio **************************/	
.cuadro_portfolio{
	background-image: url(../img/portfolio/01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 73px;
	height: 68px;
   float:left;
   margin-right:7px;
   cursor:pointer
}
.fondo_portiz{
	background-image: url(../img/portfolio/fondo_porfiz.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	/*width: 114px;
	height: 102px;*/
	padding: 0px 0px 0px 10px;
}

.barra-port{
	background-image: url(../img/fondo_servicios2.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	height: 50px;
	margin: 0px
}

/******************** HOME ***************************/

.bg_titulotr{
	background: #e3ece8 url(../img/ultimos_trabajos/titulo.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}

.padding_home{
	padding: 20px 10px 10px 10px;
}
.con_tr{
	background: url(../img/linea_tr.jpg) no-repeat top left;
	width: 229px;
	overflow:hidden;
}

.titulo_tr{
	font: 14px Arial;
	font-weight: bold;
	color: #017b22;
	padding: 0px 0px 0px 12px;
	line-height: 14px;
	text-transform: uppercase;
}
.subtitulo_tr{
	color: #5a5959;
	font: 11px Arial;
	font-weight: bold;
	padding: 0px 0px 0px 12px;
	line-height: 11px;
}
.link_tr{
	color: #b4b4b4;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
}
a:hover.link_tr{
	text-decoration: underline;
	color: #b4b4b4;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
}

.cont_imgtr{
	border: 1px solid #a0a0a0;
	padding: 3px;
	margin: 7px 0px 7px 0px;
}
.tex_tr{
	font: 11px Arial;
	color: #666;
	padding: 5px 0px 0px 12px;
	line-height: 14px;
}
.tex_tr b{
	font-weight:bold; 
	font-size: 11px;
	color: #666;
	line-height: 12px;
}
.puntosh_tr{
	background: url(../img/puntosh_tr.jpg) repeat-x;
	height: 1px;
}
.espacio{
	height: 30px;
}

/******************** CLIENTES ***************************/
.bg_titulocs{
	background: #e3ece8 url(../img/clientes/titulo.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}
.cont_clientes{
	/*display: block;*/
	border: 1px solid #d4d4d4;
	height: 47px;
	margin:0px 15px 8px 5px;
}

.cont_intclientes{
	background: url(../img/clientes/linea_vert.jpg) no-repeat top left;
	height: 38px;
}

.cont_intclientes2{
	background:#e3ece8;
	height: 38px;
}

.titulos_cs{
	font: 12px Arial;
	font-weight: bold;
	color:#5f8c72;
	text-transform: uppercase;
	padding: 0px 0px 0px 20px;
}

.link_cs{
	color: #7a7f7c;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
}
a:hover.link_cs{
	text-decoration: underline;
	color: #7a7f7c;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
}

/*********************** Portfolio *******************************/
.cont_imgport{
	border: 1px solid #a0a0a0;
	padding: 3px;
	margin: 0px 20px 7px 3px;
	float: left;
	width: 129px;
}
.titulo_port{
	font: 14px Arial;
	font-weight: bold;
	color: #5f8c72;
	padding: 8px 0px 0px 0px;
	line-height: 14px;
	text-transform: uppercase;
}
.tex_port{
	font: 11px "Trebuchet MS";
	color: #777;
	padding: 4px 0px 0px 0px;
	line-height: 13px;
}
.tex_port b{
	font-weight:bold; 
	font-size: 11px;
	color: #666363;
	line-height: 13px;
}
.tex_port2{
	font: 10px Arial;
	color: #777;
	padding: 5px 0px 0px 0px;
	line-height: 12px;
}
.tex_port2 b{
	font-weight:bold; 
	font-size: 11px;
	color: #666363;
	line-height: 12px;
}
.link_port{
	color: #b4b4b4;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
a:hover.link_port{
	text-decoration: underline;
	color: #5e936c;
	font: 11px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.div_port{
	background:#e1e4e2 url(../img/portfolio/divport.jpg) no-repeat top left;
	height: 1px;
	clear: both;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}
.espacio2{
	clear: both;
	height: 5px;
}

/******** ventana *********/
.top_vport{
	background: url(../img/portfolio/top.jpg) no-repeat top left;
	width: 532px;
	height: 32px;
}
.cont_vport{
	background: #fff;
	border-left: 1px solid #b7b6b6;
	border-right:1px solid #b7b6b6;
	width: 530px;
	overflow:hidden;
}
.img_vport{
	background: url(../img/portfolio/img.jpg) no-repeat top left;
	padding: 13px;
	float: left;
	width: 300px;
	height: 160px;
	margin: 10px 0px 0px 0px;
}

.titulo_vport{
	font: 12px Arial;
	font-weight: bold;
	color: #5f8c72;
	padding: 30px 0px 10px 0px;
	line-height: 14px;
	text-transform: uppercase;
}

.tex_vport{
	font: 10px Arial;
	color: #616c68;
	padding: 5px 0px 0px 0px;
	line-height: 16px;
}
.tex_vport b{
	font-weight:bold; 
	font-size: 11px;
	color: #858f8b;
	line-height: 16px;
}
.link_vport{
	color: #5e936c;
	font: 10px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
a:hover.link_vport{
	text-decoration: underline;
	color: #5e936c;
	font: 10px Arial;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.img_vportsmall{
	border: 1px solid #c1c4c3;
	padding: 3px;
	float: left;
	margin-right: 10px;
}

.lista_vport{
	background: url(../img/portfolio/puntolista.jpg) no-repeat 0px 6px;
	list-style: none;
	text-align: left;
	padding-left: 10px;
}


/*********************** titulos *******************************/
.bg_titulons{
	background: #e3ece8 url(../img/titulo_ns.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}

.bg_tituloss{
	background: #e3ece8 url(../img/titulo_ss.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}

.bg_titulopo{
	background: #e3ece8 url(../img/titulo_po.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}

.bg_tituloco{
	background: #e3ece8 url(../img/titulo_co.jpg) no-repeat top left;
	height: 36px;
	border-left: 4px solid #9fb5a8;
}

.cont_titsistemas{
	background: url(../img/lineav_tserv.jpg) no-repeat top left;
	height: 25px;
}

.tex_titsistemas{
	font: 14px Arial;
	color: #255633;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}