/* CSS Document for COLPIX.com.ar */

/* Estilos Generales */

body{
	margin:0 auto;
	text-align: center;
	min-height: 100%;
	height:100%;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;	
	background:#333;
}

a{
	text-decoration:none;
	cursor:pointer; 
	color:#999999;
	outline:none;
}

a img{border:0;}

a.link{
	font-weight:bold;
	color:#009900;
}

a.link:hover {
	color:#4BC600;
}


p{margin:0; padding:0;}
ul{margin:0; padding:0; color:#333}

.text_indent { outline:0; display:block; text-indent:-25000px;}

	
/*----------------------------------------*/
/*--------------- ESTRUCTURA -------------*/
/*----------------------------------------*/

* {
	margin: 0;
	}
html, body {
	height: 100%;
	}
	
#container {
	min-height: 503px; 
	height: auto !important;
	width:735px;
	background: url(../images/bg_pagina.gif)repeat-y center;
	margin:0 auto;
	position:relative;
}


#header{
	width:723px; 
	height:118px; 
	margin:0 auto; 
	padding-left:12px;
	background: url(../images/bg_paginatop.jpg) no-repeat 0 top;
}

#content{
	width:735px;
	margin:0 auto;
	padding:0;
	background: transparent url(../images/bg_pagina.gif) repeat-y;
}

#content:after{ 	/*ajusta la altura del main_content a los div flotantes*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#main{
	height:100%;	
	width:516px;
	background:  url(../images/bg_contenidotop.jpg) no-repeat right top; 
	float:right;
	text-align:left;
	margin-right:0px;
}



#bg_col_izq{
	width:219px;
	background: url(../images/bg_col_izq.gif) repeat-y 4px 0;
	float:left;
	margin-bottom:20px;
	
}

#col_izq{
	width:219px; 
	background: url(../images/bg_menu_top.jpg) no-repeat 4px 0; 
	float:right;
}

#col_izq_bottom{
	float:left;
	clear:both;
	height:14px;
	width:210px;
	display:block;
	background: url(../images/bg_menu_bottom.gif) no-repeat 4px bottom;
}

#footer{
	width:735px;
	background:transparent url(../images/bg_footer.jpg) no-repeat center top; 
	clear:both;
	margin:0 auto;
	height:100px;
}


/*----------------------------------------*/
/*--------------- HEADER ---------------- */
/*----------------------------------------*/

#head_links{
	float:right;
	margin:10px;
}

#head_links a{
	text-decoration:none; 
	color:#999999; 
	margin: 0 3px;
}

#head_links a:hover{color:#333;}

#head_links a img {
	margin:0 4px 0 0;
}

#head_logo{
	float:left; 
	width:193px;
	height:100px; 
	margin:17px 0 0 0px;
}

#head_logo img{
	margin:0px 0 0 0px; 
	width:193px;
	height:101px; 
}


/*----------------------------------------*/
/*---------- COLUMNA IZQUIERDA ---------- */
/*----------------------------------------*/

#menu ul{
	width:170px;
	min-height:100px;
	background:none;
	list-style:none;
	text-align:left;
	margin:0 auto;
	padding:2px 0 0 0;
	background:url(../images/bg_limenu.gif) no-repeat 3px 0px;
}

#menu ul li{
	height:23px;
	min-height:23px;
	background:url(../images/bg_limenu.gif) no-repeat center bottom;
	padding:7px 0 0px 0;
}


#menu ul li a{ 
	margin:0;
	display:block;
	cursor:pointer;
	outline:none;
  	width:170px;
	height:23px;
	line-height:500px;
	overflow:hidden;
}

html>body #menu ul li{height:23px; padding:10px 0 0 0;}


#menu ul li a.empresa{
	background: transparent url(../images/me_laempresa.gif) no-repeat 5px 0px;
}
#menu ul li a.empresa:hover{
	background: transparent url(../images/me_laempresa_on.gif) no-repeat 5px 0;
}

#menu ul li a.servicios{
	background: transparent url(../images/me_servicios.gif) no-repeat 5px 0;
}
#menu ul li a.servicios:hover{
	background: transparent url(../images/me_servicios_on.gif) no-repeat 5px 0;
}

#menu ul li a.proceso{
	background: transparent url(../images/me_proceso.gif) no-repeat 5px 0;
}
#menu ul li a.proceso:hover{
	background: transparent url(../images/me_proceso_on.gif) no-repeat 5px 0;
}

#menu ul li a.proyectos{
	background: transparent url(../images/me_proyectos.gif) no-repeat 5px 0;
}
#menu ul li a.proyectos:hover{
	background: transparent url(../images/me_proyectos_on.gif) no-repeat 5px 0;
}

#menu ul li a.novedades{
	background: transparent url(../images/me_novedades.gif) no-repeat 5px 0;
}
#menu ul li a.novedades:hover{
	background: transparent url(../images/me_novedades_on.gif) no-repeat 5px 0;
}

#menu ul li a.rrhh{
	background: transparent url(../images/me_rrhh.gif) no-repeat 5px 0;
}
#menu ul li a.rrhh:hover{
	background: transparent url(../images/me_rrhh_on.gif) no-repeat 5px 0;
}

#menu ul li a.contacto{
	background: transparent url(../images/me_contacto.gif) no-repeat 5px 0;
}
#menu ul li a.contacto:hover{
	background: transparent url(../images/me_contacto_on.gif) no-repeat 5px 0;
}

#menu ul li a.foro{
	background: transparent url(../images/me_foro.gif) no-repeat 5px 0;
}
#menu ul li a.foro:hover{
	background: transparent url(../images/me_foro_on.gif) no-repeat 5px 0;
}


#col_izq #tecnologias{
	width:165px; 
	background:url(../images/bg_limenu.gif) no-repeat 8px bottom;
	margin:0px auto 0px 20px;
	padding:10px 0 12px 5px;
}

#col_izq #tecnologias p{ 
	line-height:17px;
	word-spacing: 5px;
	color:#999999;
}


#col_izq #frases{ 
	width:170px; 
	background:url(../images/bg_limenu.gif) no-repeat 8px bottom;
	margin:0px auto 0px 20px;
	padding:12px 0 5px 0;
	text-align:right; 
}

#col_izq #frases p{
	line-height:17px;
}

#col_izq #frases .autor{
	color:#009900;
	font-weight:bold;
	margin:10px 0;
	display:block;
}


/*----------------------------------------*/
/*--------------- CENTRO ---------------- */
/*----------------------------------------*/

#main #contenido{
	margin:0 0 40px 0; 
	width:100%; 
	min-height:340px;
	_height:340px;
	float:left; 
	background:transparent;
}

#main #contenido .titulo_principal{
	background: url(../images/bullet_flechaverde.gif) no-repeat 0px 0px;
	padding-left:20px;
}

#main #contenido h1{
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin:20px 0 0 0px;
	display:block;
	line-height:100px;
	overflow:hidden;
	width:250px; 
	height:28px;
}
#main #contenido h1 img{margin-left:.0px;}

#main #contenido .tit_ultimos_proyectos{
	background: url(../images/tit_ultimos_proyectos.gif) no-repeat 3px 5px;
}

#main #contenido .tit_laempresa{
	background: url(../images/tit_la_empresa.gif) no-repeat 0px 5px;
}

#main #contenido .tit_desarrollosoft{
	background: url(../images/tit_desarrollosoft.gif) no-repeat 0px 5px;
}
#main #contenido .tit_mentoring{
	background: url(../images/tit_mentoring.gif) no-repeat 0px 5px;
}
#main #contenido .tit_serviciosit{
	background: url(../images/tit_serviciosit.gif) no-repeat 0px 5px;
}


#main #contenido .tit_servicios{
	background: url(../images/tit_servicios.gif) no-repeat 0px 5px;
}
#main #contenido .tit_novedades{
	background: url(../images/tit_novedades.gif) no-repeat 0px 5px;
}
#main #contenido .tit_rrhh{
	background: url(../images/tit_rrhh.gif) no-repeat 0px 5px;
}

#main #contenido .tit_proceso{
	background: url(../images/tit_proceso.gif) no-repeat 0px 5px;
}

#main #contenido .tit_proyectos{
	background: url(../images/tit_proyectos.gif) no-repeat 0px 5px;
}

#main #contenido .tit_contacto{
	background: url(../images/tit_contacto.gif) no-repeat 0px 5px;
}

#main #contenido p{
	margin:0 15px 0 0px;
	line-height:30px;
	padding:0 20px 0 0;
}

#main #contenido ul{
	margin:10px 20px 10px 0;
	list-style:none;
	line-height:18px;
}

#main #contenido ul li{
	background: url(../images/bullet_tickverde.gif) no-repeat left 0px ;
	padding-left:20px;
	margin-top:10px;
}

#main #contenido ul.proyectos li{
	border-bottom:1px dotted #f1f1f1;
	padding-bottom:10px;
}

#main #contenido ul.proyectos li i{
	display:block; 
	margin:0;
	text-transform:none;
	font-style:normal;
}


#main #contenido #menu_servicios_it li{background: url(../images/bullet_tickazul.gif) no-repeat left 0px ;}
#main #contenido #menu_mentoring li{background: url(../images/bullet_ticknar.gif) no-repeat left 0px ;}

#main #botonera{
	margin:0;
	width:100%; 
	height:70px;
	float:left; 
	clear:both;
	background: url(../images/bg_botonera.jpg) no-repeat top;
}

#main #botonera object{margin-left:10px;}

#main #botonera ul{
	width:100%; 
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

#main #botonera ul li{
	display:inline; 
	float:left; 
	height:50px;
	margin:5px 0 0 10px;
	padding:5px; 
}

#main #botonera .btn_desarrollosoft{width:133px; height:45px; background: url(../images/btn_desarrollosoft.jpg) no-repeat center; display:block;}
#main #botonera .btn_serviciosit{width:145px; height:45px; background: url(../images/btn_serviciosit.jpg) no-repeat center; display:block;}
#main #botonera .btn_mentoring{width:153px; height:45px; background: url(../images/btn_mentoring.jpg) no-repeat center; display:block;}




/*----------------------------------------*/
/*--------------- FOOTER ---------------- */
/*----------------------------------------*/

#footer #direccion{
	margin:0px auto 20px auto;
	padding:20px 0 0 0; 
	text-align:center;
	color:#333;
	background: url(../images/hr.jpg) no-repeat center 5px;
}

#footer #direccion p a{color:#333;}

#footer #copy{
	clear:left;
	float:right;
	color:#CCC;
	text-align:right;
	margin-right:5px;
	padding:2px 0 0 0;
}

#footer #qweb{
	float:right;
	text-align:right;
}

/******* FORM CONTACTO ********************/

form{
	margin:-25px 20px 0 0;
	padding-top:0px;
}

form div{
	border-bottom:1px dotted #F1F1F1;
	clear:both;
	margin:5px 20px;
	padding:4px 0; 
}

form div.noBorder{
	border-bottom:0;
}


form label{
	cursor: pointer;
	float: left;
	width: 80px;
	text-align:left;
	margin-top:3px;
	padding-left:20px;
	font-weight:bold;
	background: url(../images/puntero_chico.gif) no-repeat 0px 0;
}


form textarea, form input{
	font: 11px Arial, Helvetica, sans-serif; 
}

form input{
	width:200px;
}

form textarea{
	width:340px;
	height:100px;
}


form .botonera{
	float:right;
	margin-right:20px;
	border-bottom:0;
}

form .btnEnviar{
	float:left;
	display:block;
	border:0;
	background: url(../images/btnEnviar.gif) no-repeat 0 0px;
	width:59px;
	height:22px;
	cursor:pointer;
}

/******* ULTIMOS PROYECTOS ********************/

.proyecto{
	width:470px;
	_height:70px;
	min-height:70px;
	background: url(../images/pix_punteado.gif) repeat-x 0px bottom;
	margin:10px 0;
	padding:10px 0;
}

.proyecto .imagen{
	float:left;
	width:128px;
	height:51px;
	padding:5px;
	background: url(../images/bg_proyecto.gif) no-repeat left 0px;
}

.proyecto .imagen img{
	text-align:center;
}

.proyecto .texto{
	width:332px;
	float:left;
}

#main #contenido .proyecto .texto p{
	line-height:20px;
	margin:0 0 0 10px;
}

/******* COLPIX SERVICIOS BOTONES *****************/

#colpix_servicios{
	position:relative;
	z-index:100;
	float:right;
	width:10px;
	height:160px;
	top:25px;
	margin-right:2px;
	_margin-right:1px;
}

#colpix_servicios #btn_desarrollo_software{
	display:block;
	width:10px;
	height:49px;
	background: url(../images/tab-colpix-desarrollo-software.gif) no-repeat left 0;
}

#colpix_servicios #btn_colpix_servicios_it{
	display:block;
	width:10px;
	height:47px;
	background: url(../images/tab-colpix-servicios-it.gif) no-repeat left 0;
}

#colpix_servicios #btn_colpix_mentoring{
	display:block;
	width:10px;
	height:46px;
	background: url(../images/tab-colpix-mentoring.gif) no-repeat left 0;
}