/*
Autor: Jesus Sanchez para Gelattina www.gelattina.com
Fecha: 16 de Mayo de 2006
Version: 1.0
*/

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #AEC187;
	color:#666666;
	font-size: 11pt;
}

#cont_general {
	width: 1016px;
	position: relative;
	background-image: url(../images/bg_general.jpg);
	margin: auto;
}

#contenedor {
	display: block;
	text-align: left;
	width: 940px;
	position: relative;
	background-image: url(../images/bg_body.jpg);
	margin: auto;
}

#header #logo {
	position: relative;
	width: 938px;
	height: 50px;
	background-image: url(../images/bg_logo_top.jpg);
	margin: auto;
	overflow: hidden;
}

#logo h1 a {
	display: block;
	padding-top: 50px;
	width: 126px;
}

#header #loginform {
	float: right;
	margin-right: 30px;
	display: inline;
	margin-top: 25px;
}

#loginform span {
	color: #AEC187;
	font-size: 7pt;
	font-weight: bolder;
}

#loginform #username {
	border-width:0;
	width: 93px;
	height: 17px;
	font-size: 8pt;
	background-image: url(../images/bg_login_user.jpg); 
}

#loginform #logbot {
	font-size: 7pt;
	text-transform: capitalize;
}

#loginform #userpass 
{
	border-width:0;
	font-size: 8pt;
	width: 73px;
	height: 17px;
	background-image: url(../images/bg_login_pass.jpg);
}

#foto {
	width: 930px;
	margin: auto;
	height: 132px;
	position: relative;
}

#principal {
	width: 778px;
	overflow: hidden;
	float: right;
	display: inline;
	margin-right: 10px;
}

#contenido {
	margin-top: 3px;
	background-image: url(../images/bg_cont.jpg);
	width: 935px;
	margin-left: 5px;
	overflow: hidden;
	background-repeat: repeat-y;
}

#contenedor>#contenido {
	margin-top: 7px;
}

/* Empiezan estilos para contenido principal */
#principal_cuadros {
	background-image: url(../images/bg_green_cont.gif);
	width: 778px;
	height: 250px;
	position: relative;
}

#contenido>#principal>#principal_cuadros {
	right: 2px;
}

.cuadro {
	margin-top: 18px;
	position: relative;
	width: 240px;
	height: 216px;
	float: left;
	display: inline;
	font-size: 8pt;
	text-decoration: none;
	color: #666666;
	line-height:20px;
	
}

.cuadro h2 {
	display: block;
	height: 1px;
	overflow: hidden;
	padding-top: 20px;
}

#cuadro1 {
	background-image: url(../images/qualified_itpersonal.jpg);
	margin-left: 16px;
}

#cuadro2 {
	background-image: url(../images/itservices.jpg);
	margin-left: 16px;
}

#cuadro3 {
	background-image: url(../images/feature_information.jpg);
	margin-left: 14px;
}

.cuadro ul {
	margin-left: 20px;
	margin-top: 5px;
}

.cuadro ul li {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	position: relative;
	line-height:16px;
}

#cuadro1 li, #cuadro3 li {
	background-image: url(../images/bullet_green.jpg);
}

#cuadro2 li {
	background-image: url(../images/bullet_green.jpg);
}

.cuadro ul li a {
	font-size: 8pt;
	text-decoration: none;
	color: #666666;
}
/* Terminan estilos para contenido principal */

/* Empiezan estilos para los cuadros de informacion en el contenido principal */
#principal_textos {
	width: 778px;
	height: 250px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../images/bg_cuadrosinfo.jpg);
	
}

.cuadro_texto {
	margin-top: 18px;
	position: relative;
	width: 205px;
	float: left;
	display: inline;
	font-size: 11pt;
}

.cuadro_texto .vermas {
	color: #E80000;
	padding-left: 15px;
	background-image: url(../images/bullet_red2.jpg);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.cuadro_texto .vermas span {
	border-bottom: solid 2px #e80000;
}

.cuadro_texto p, .cuadro_texto ul {
	line-height: 14pt;
	margin-bottom: 15px;
}

.cuadro_texto ul li {
	margin-bottom: 10px;
	background-image: url(../images/bullet_red.jpg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 20px;
	position: relative;
}

.cuadro_texto li a {
	font-weight: bolder;
	color: #585858;
	text-decoration: none;
}

#principal h3 {
	font-size: 12pt;
	color: #AEC187;
	font: 1.2em "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#info1 {
	margin-left: 15px;	
}

#info2 {
	margin-left: 70px;
}

#info3 {
	margin-left: 60px;	
}
/* Terminan estilos para los cuadros de informacion en el contenido principal */

/* empiezan estilos para sidebar */
#sidebar {
	width: 143px;
/*	background-image: url(../images/sidebar_bg.jpg); */
/*	background-image: url(../images/sidebar_bg_big.jpg); */
	background-repeat: repeat-y;
	left: -3px;
	position: relative;
	overflow: hidden; 
/*	height: 356px; */
}

#sidebar h3 {
	display: block;
	position: relative;
	background-image: url('../images/hometit_bg.jpg');
	height: 36px;
	width: 140px;
	margin-left: 3px;
	color: #ffffff;
	font-weight: lighter;
	background-repeat: repeat-y;
	font-size: 12pt;
}

#sidebar h3 span {
	display: block;
	margin-left: 14px;
	padding-top: 5px;
}


#sidebar ul li {
	background-image: url(../images/bullet_sidebar.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
	background-position: 12px 14px;
	position: relative;
}

#sidebar ul li a {
	color: #8B6E4B;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bolder;
	display: block;
	background-image: url(../images/border_dotted.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 148px;
	height: 30px;
	padding: 10px 0 5px 25px;
}

#sidebar ul li a span {
	display: block;
	margin-left: 10px;
}
/* Terminan estilos para sidebar */

/* Otros estilos */
.clear {
	clear: both;
}

ul {
	list-style: none;
}

#barra_azul {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #006694;
	width: 980px;
	margin: auto;
	color:#ffffff;
	text-align: center;
	font-size: 8pt;
}

#barra_azul a {
	text-decoration: none;
	font-size: 8pt;
	color: #ffffff;
}

#validaciones {
	width: 980px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 8pt;
	color: #666666;

}

#validaciones a {
	text-decoration: none;
	font-size: 8pt;
	color: #666666;
}