/*****************************************/
/*       ETIQUETAS HTML DE USO COMUN     */
/*****************************************/

body {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	background-color: #1C1E23;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	width: 5096px;
}

h1 {
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px;
}

h2 {
	font-size: 14px;
	color: #FADB29;
	font-variant: small-caps;
	margin: 0;
}

a {
	border-bottom: 1px dashed #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
}

a .noborder {
	border-bottom: 0px;
}


/*****************************************/
/*                 MENU                  */
/*****************************************/

.menu {
	margin-top: 28px;
	height: 24px;
}

.menu_list {
	margin: 0px;
	padding: 0px;
}

.menu_list li {
	list-style-type:none;
	border: 1px solid #414143;
	background-color: #1C1E23;
	width: 100px;
	height: 19px;
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	margin-right: 2px;
	font-weight: bold;
	color: #B4B5B7;
}

.menu_list li a {
	color: #B4B5B7;
	text-decoration: none;
	border-bottom: 0;
}

.menu_list li.menu_active {
	border: 1px solid #B1B2B4;
	background-color: #FADB29;
	width: 100px;
	height: 19px;
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	margin-right: 2px;
	font-weight: bold;
	color: #1C1E23;
}

.menu_list li.menu_active a {
	color: #1C1E23;
	text-decoration: none;
	border-bottom: 0;
}

/*****************************************/
/*               INICIO                  */
/*****************************************/

#inicio {
	padding-left: 14px;
	width: 892px;
	float: left;
}

#inicio #imgtitle {
	clear: both;
}

#inicio #brief {
	clear: both;
}

#inicio #services {
	clear: both;
	float: left;
	margin-top: 61px;
}

#inicio #services .service{
	float: left;
	width: 270px;
	height: 148px;
	padding: 5px;
}
#inicio #validation{
	clear: both;
	float: left;
	font-size: 10px;
	color: #B6B6B6;
	width: 750px;
	height: 35px;
}

/*****************************************/
/*               ACERCA DE               */
/*****************************************/

#acercade {
	float: left;
	width: 1038px;
}

#acercade #division1 {
	background-image: url(../img/division1.jpg);
	width: 210px;
	height: 650px;
	float: left;
}

#acercade .content1 {
	width: 614px;
	float: left;
}

#acercade .header1 {
	padding-left: 14px;
	width: 614px;
}

#acercade .title1 {
	clear: both;
	float: left;
	height: 136px;
}

#acercade .title1 h1{
	font-size: 48px;
}

#acercade .module1 {
	background-image: url(../img/bg_module.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 459px;
	width: 628px;
}

#acercade .module1 .col{
	width: 275px;
	margin-left: 20px;
	margin-top: 15px;
	margin-right: 5px;
	float: left;
}

#acercade #logos {
	margin-top: 283px;
	width: 200px;
	float: right;
}

/*****************************************/
/*               PORTFOLIO               */
/*****************************************/

#portfolio {
	float: left;
	width: 1011px;
}

#portfolio #division2 {
	background-image: url(../img/division2.jpg);
	background-repeat: no-repeat;
	width: 223px;
	height: 425px;
	float: left;
	padding-top: 225px;
	padding-left: 30px;
	padding-right: 10px;
}

#portfolio .content2 {
	width: 748px;
	float: left;
}

#portfolio .title2 {
	clear: both;
	float: left;
	height: 136px;
}

#portfolio .title2 h1{
	font-size: 48px;
}

#portfolio .module2 {
	background-image: url(../img/bg_module.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 459px;
	width: 628px;
	padding: 30px;
}
#portfolio #frame {
	border: 1px solid #2C2F36;
	width: 560px;
	height: 317px;
}

/*****************************************/
/*               LOGROS                  */
/*****************************************/

#logros {
	float: left;
	width: 1007px;
}

#logros #division3 {
	background-image: url(../img/division3.jpg);
	width: 261px;
	height: 650px;
	float: left;
}

#logros .content3 {
	width: 746px;
	float: left;
}

#logros .header3 {
	width: 746px;
	float: left;
}

#logros .title3 {
	clear: both;
	float: left;
	height: 136px;
}

#logros .title3 h1{
	font-size: 48px;
}

#logros .module3 {
	clear: both;
	background-image: url(../img/bg_module.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 459px;
	width: 528px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 60px;
}

/*****************************************/
/*               CONTACTO                */
/*****************************************/

#contacto {
	margin-left: 14px;
	float: left;
	width: 962px;
}

#contacto #division4 {
	background-image: url(../img/division4.jpg);
	background-repeat: no-repeat;
	width: 246px;
	height: 650px;
	float: left;
}

#contacto .content4 {
	width: 702px;
	float: left;
}

#contacto .header4 {
	width: 702px;
	float: left;
}

#contacto .title4 {
	clear: both;
	float: left;
	height: 136px;
}

#contacto .title4 h1{
	font-size: 48px;
}

#contacto .module4 {
	clear: both;
	background-image: url(../img/bg_module.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 459px;
	width: 568px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 40px;
}

#contacto #footer {
	color: #535354;
	font-size: 11px;
}

#contacto #log_res {
	height:auto;
	width:400px;
}

#contacto #log_res p {
	margin: 0;
	padding: 0;
}

#contacto #log_res.ajax-loading { 
	background: url(img/spinner.gif) no-repeat center;
}

/*****************************************/
/*               FORM                    */
/*****************************************/

input, textarea {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #1C1E23;
}

#Formulario .columna1 {
	width: 236px;
}

#Formulario .columna2 {
	width: 324px;
}

/*****************************************/
/*               COLORES                 */
/*****************************************/

.gray {
	color: #B6B6B6;
}
.yellow {
	color: #FADB29;
}
.red {
	color: #990000;
}

/*****************************************/
/*               TAMAŅOS                 */
/*****************************************/

.small {
	font-size: 10px;
}

/*****************************************/
/*               ALINEADOS               */
/*****************************************/

.right {
	text-align: right;
}