@charset "utf-8";
/* CSS Document */

*{ margin:0px;
   padding:0px;}
   
body { background-color:#8C8C8C; overflow-x: hidden;}
	
#container {
	height:5000px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	min-height:100%;
	/*--box shadow--*/

}	


@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('fonts/TitilliumText22L002-webfont.eot');
    src: url('fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L002-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('fonts/TitilliumText22L001-webfont.eot');
    src: url('fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TitilliumText22L001-webfont.woff') format('woff'),
         url('fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}


a {color:#551A8B;}

/*------------------------------------menu---------------------------------*/

#header {
	height:172px;
	width:100%;
	position:relative;
	float:left;
	
	}


#logo {
	height:176px;
	width:113px;
	background-image:url(img/logo.png);
	position:absolute;

	margin-left:792px;
	z-index:999;
}

#menu {
	height:106px;
	width:750px;
	position:relative;
	margin-left:34px;
	margin-top:0px;
	border-bottom:solid 1px #C1C1C1;
}
	
#menu ul {
	height:32px;
	margin-top:76px;
	position:relative;
	float:left;
	text-decoration:none;
	list-style:none;
}

#menu li {
	position:relative;
	float:left;
	margin-left:31px;
	list-style:url(img/bullet.gif) !important;
}

#menu a {
	font-family:tahoma, Arial, "Helvetica 55 Roman";
	font-size:13px;
	color:#666666;
	text-decoration:none;
}


.violeta {color:#7373A8;}

/*------------------------------------fin menu---------------------------------*/

.bold {
font-weight:bold;
}

p {
font-family:"Trebuchet MS";
font-size:14px;
color:#8C8C8C;
}

h2, h3,{
    font-family: 'TitilliumText22LThin';
	font-size:20px;
	color:#7373A8;
	margin-bottom:16px;
}


h1 {
	font-family: 'TitilliumText22LThin';
	font-size:24px;
	color:#050505;
	margin-bottom:5px;
}

h4{
    font-family: 'TitilliumText22LThin';
	font-size:20px;
	color:#7373A8;
	margin-bottom:10px;
}



/*------------------------------------Columna Izquierda---------------------------------*/

#izquierda {
	height:1390px;
	width:430px;
	position:relative;
	float:left;
	margin-left:34px;
	
}

#izquierda p {
	width:397px;
	text-align: justify;

}

#izquierda ul {
	text-decoration:none;
	margin-left:34px;
	margin-top:30px;
	margin-bottom:35px;
	
	}

#izquierda li {
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#8C8C8C;
	list-style:url(img/tilde.png);
	margin-bottom:10px;

}

/*------------------------------------Columna Derecha---------------------------------*/


#container_nuestrafirma {
	height:1750px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	min-height:100%;
	/*--box shadow--*/

}	



#derecha {
	height:1390px;
	width:430px;
	position:relative;
	float:left;
	margin-left:0px;	
	margin-top:23px;
}

dl {
	padding-left:10px;
	border-left:solid 1px #C1C1C1;}

dt {
	font-family: 'TitilliumText22LThin';
	font-size:24px;
	color:#7373A8;
	margin-bottom:5px;
	}

dd  {
	font-family: 'TitilliumText22LThin';
	font-size:16px;
	color:#999999;
	margin-top:12px;
	margin-bottom:34px;
	}

.cv {
	height:;
	width:400px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:26px;
	border-top:solid 1px #C1C1C1; ;
}

.datos {
	height:;
	width:235px;
	position:relative;
	float:left;
	margin-bottom:10px;
	}

.foto{
	height:100%;
	width:123px;
	position:relative;
	float:left;
	margin-right:15px;
	
}

.linea{
	position:relative;
	float:left;
	border-bottom:solid 1px #C1C1C1;
}


#bajada{
	position:relative;
	float:left;
	margin-top:20px
}

#direccion {
	position:relative;
	padding-left:10px;
	float:left;
	margin-top:80px;
	border-left:solid 1px #C1C1C1;
}

#direccion p {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#8C8C8C;
	}


/*------------------------------------Fin Columna Derecha---------------------------------*/

/*------------------------------------Nuestro equipo---------------------------------*/

#container_nuestroequipo{
	height:1380px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	min-height:100%;
	/*--box shadow--*/

}

/*------------------------------------Fin Nuestro equipo---------------------------------*/




/*------------------------------------ Servicios -------------------------------------------*/


#container_servicios {
	height:3760px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	min-height:100%;
	/*--box shadow--*/

}

#izquierda3 {
	text-align:justify;

}


#titulo {
	width:934px;
	height:auto;
	float:left;
	position:relative;
}

#titulo p {
	width:515px;
}


#servicios {
	width:100%;
	height:500px;
	margin-left:34px;
	float:left;
	position:relative;
}

.categorias {
	width:160px;
	height:100px;
	margin-left:0px;
	float:left;
	position:relative;
	padding-left:15px;
	margin-top:30px;
	margin-bottom: 45px;
	border-left: 1px solid #9390D6;
	
}

.categorias2 {
	width:300px;
	height:100px;
	margin-left:0px;
	float:left;
	position:relative;
	padding-left:15px;
	margin-top:30px;
	margin-bottom: 45px;
	border-left: 1px solid #9390D6;
	
}


.categorias2 img a {
	text-decoration:none;
	outline:none;
	border:none;
}

.categorias a {
	text-decoration:none;
	color:#9390D6;	
	outline:none;
	border:none;
}



.categorias2 a {
	text-decoration:none;
	color:#9390D6;	
	outline:none;
	border:none;
}

#servicios ul {
	width:100%;
	

}

#servicios li {
	width:100%;
	height:auto;
	float:left;
	position:relative;
	list-style:none;
	margin-bottom:15px;
	
	font-family: 'TitilliumText22LThin';
	font-size:18px;
	
}

#serviciosdetalle{
	width:521px;
	height:auto;
	position:relative;
	float:left;

}


#serviciosdetalle dl {
	padding-left:0px;
	border-left:none !important;
	margin-bottom: 40px;
}

#serviciosdetalle dt {
	font-family: 'TitilliumText22LThin';
	font-size:22px;
	color:#7373A8;
	margin-bottom:5px;
	}

#serviciosdetalle dd  {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#8C8C8C;
	}


#links a {	
	color: #8C8C8C;
}

#links a:hover {	
	 color: #551A8B;
}

#links dd {
	line-height:5px;
}

#top {
	height:115px;
	width:115px;
	margin-left:798px;
	position: fixed;
	z-index:999;
	margin-bottom:0px;
	margin-top:394px;
	outline:none;
	border:none;
	
}

/*------------------------------------ Fin Servicios-------------------------------------------*/

/*-------------------------------------desarrollo-----------------------------------------------*/


#container_desarrollo{
	height:950px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	min-height:100%;
	/*--box shadow--*/

}

#izquierda2 {
	height:770px;
	width:430px;
	position:relative;
	float:left;
	margin-left:34px;
	
}

#izquierda2 p {
	width:397px;
	text-align:justify;

}

#izquierda2 ol {
	font-family: 'TitilliumText22LThin';
	font-size:18px;
	color:#7373A8;
	margin-left:24px;
	margin-top:30px;
	margin-bottom:35px;
	}

#izquierda2 ol  p{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#8C8C8C;
}

#izquierda2 li {
	list-style: decimal;
	margin-bottom:10px;

}

#derechadesarrollo {	
	height:770px;
	width:430px;
	position:relative;
	float:left;
	margin-left:0px;	
	margin-top:23px;

}

/*-------------------------------------Fin desarrollo-----------------------------------------------*/

/*-------------------------------------Nuestra firma-----------------------------------------------*/

#derecha2 {
  	float: left;
    margin-left: 25px;
    margin-top: 23px;
    position: relative;
    width: 430px;
}

#izquierda3 {
	height:;
	width:430px;
	position:relative;
	float:left;
	margin-left:34px;
}

#equipo { 
  	float: left;
    position: relative;
    z-index: 9999;
    margin-left: 84px;
    margin-top: 25px; 
}




/*-------------------------------------Fin Nuestra firma-----------------------------------------------*/

/*---------formulario de contacto-------*/

#grisFormulario {
	background-color:#B6B7B7;
	height:;
	width:942px;
	position:relative;
	float:left;
	margin-left:12px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity:0.85;
	
}

form {
  	display: block;
    float: left;
    height: 100%;
    margin-bottom: 0;
    margin-left: 34px;
    margin-right: 0;
    margin-top: 5px;
    width: 896px;
   
}

.formu {
	width: 360px;
}

		
#pie {
	display:inline;
	float:left;
	margin-bottom:0;
	margin-left:17px;
	margin-right:15px;
	margin-top:0;
	padding-bottom:15px;
	padding-left:487px;
	padding-right:0;
	padding-top:0;
	text-align:left;
	width:447px;
}

label {
	color: #fff;
	font-size: 10px;
	line-height: 140%;
	display: block;
	margin-right: 0;
	margin-bottom: 0.2em;
	width: 387px;
	font-family: tahoma, Arial, "Helvetica 55 Roman";
	margin-top: 10px;
}

input.textField {
	width: 387px;
	color: #333333;
	font-size: 1.1em;
	padding: 4px;
	background: #F4F4F4;
	border: 1px solid #999;
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}


textarea.textArea {
	width: 387px;
	height: 163px;
	color: #333333;
	font-family: Tahoma, tahoma, sans-serif, Arial, Tahoma, Verdana;
	font-size: 1.5em;
	padding: 4px;
	border: 1px solid #999;
	overflow: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	background-color: #F4F4F4;
	}
	
.error-message, label.error {
	color: #6C6CA3;
	display: block;
	font-size: 10px !important;
	font-weight:bold;
	font-family: tahoma, Arial, "Helvetica 55 Roman";
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	text-align: left;
}

		/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message {
	display: none !important;
}

#grisFormulario h1 {
	border-bottom-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-left:34px;
	margin-right:47px;
	margin-top:30px;
	padding-bottom:3px;
	margin-top:-45;
	width: 865px;
}

#grisFormulario h2 {
	font-size:22px;
	color: #F4F4F4;
	margin-left:105px;
	margin-right:53px;
	margin-top:13px;
	padding-bottom:3px;
}

#grisFormulario img {
	margin-right:5px;
	margin-top:5px;
}

.margenTelefono {
margin-top:5px;
}

#pie a:hover {
	color:#008888;
}

select {
	width:290px;
	background-color:#F4F4F4;
	margin-top:26px;
	color: #333333;
	font-size: 14px;
	font-weight:bold;
}

#map {
	width:455px;
	height:329px;
	margin-top:5px;
}

#container_contacto {
	height:729px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;

	/*--box shadow--*/

}	

/*-----------------------------------------------------------HOME----------------------------------------------------*/

#container_home{
	height:650px;
	width:968px;
	position:relative;
	margin:auto;
	background-color:#F1F2F4;
	
}


#izquierda_home{
	height:624px;
	width:677px;
	position:relative;
	float:left;
	margin-left:0px;
	padding-top:20px;
	padding-left:20px;
	
}

#logo_home {
	height:233px;
	width:170px;
	position:relative;
	margin:auto;
	float:left;
	background-image:url(img/logo_home.png);
	background-repeat:no-repeat;
	
}

#menu_home{

	height:360px;
	width:250px;
	position:relative;
	float:left;
	border-left:1px #cccccc solid;
}

#menu_home ul {
	text-decoration:none;
	margin-top:58px;
	margin-left:6px;
	
}

#menu_home li {
	width:100%;
	position:relative;
	float:left;
	margin-left:22px;
	margin-bottom:15px;
	list-style:url(img/bullet.gif) !important;
	
}

#menu_home li a {
	font-family:tahoma, Arial, "Helvetica 55 Roman";
	font-size:13px;
	color:#595858;
	font-weight:bold;
	text-decoration:none;
}

#menu_home li a:hover {
	color: #551A8B;
	text-decoration:underline;
}


/*-----------------------------------------------------------FIN HOME----------------------------------------------------*/

.buhar_desarrollo {color:#551A8B; font-weight:bold; !important }