*{
	margin:0;
	padding:0;
}
H1{
	font-size:24px;
	color:#7a7b6b;}
p{
	color:#7a7b6b;
}
a {color:##7a7b6b; text-decoration:none;} 
a:visited {color:##7a7b6b;text-decoration:none;} 
a:active {color:##7a7b6b;text-decoration:none;} 
a:hover {color:##7a7b6b;text-decoration:none;} 
a:link {text-decoration: none;}

body{
	font-family: arial, san-serif;
	color: #000;
	font-size:14px;	
}

/*COLORES DEL MENÚ SEGÚN LA PAGINA*/
body#principal #menu-horizontal li.principal{background:#df8932; color:#000; } /*#df8932*/
body#asesorias #menu-horizontal li.asesorias{background:#df8932; color:#000;}
body#desarrollo #menu-horizontal li.desarrollo{background:#df8932; color:#000;}
body#soporte #menu-horizontal li.soporte{background:#df8932; color:#000;}
body#clientes #menu-horizontal li.clientes{background:#df8932; color:#000;}
body#contacto #menu-horizontal li.contacto{background:#df8932; color:#000;}

body#principal #menu-horizontal li.principal a:hover{color:#2D2DCE;}
body#asesorias #menu-horizontal li.asesorias a:hover{color:#2D2DCE;}
body#desarrollo #menu-horizontal li.desarrollo a:hover{color:#2D2DCE;}
body#soporte #menu-horizontal li.soporte a:hover{color:#2D2DCE;}
body#clientes #menu-horizontal li.clientes a:hover{color:#2D2DCE;}
body#contacto #menu-horizontal li.contacto a:hover{color:#2D2DCE;}/*#2D2DCE*/

body#principal {background-image:url(topeventos4.jpg); background-repeat:repeat-y;}
body#asesorias {background-image:url(topeventos2.jpg); background-repeat:repeat-y;}
body#desarrollo {background-image:url(topeventos3.jpg); background-repeat:repeat-y;}
body#soporte {background-image:url(z_05_Soporte.jpg); background-repeat:repeat-y;}
body#clientes { background-image:url(z_06_Clientes.jpg); background-repeat:repeat-y;}
body#contacto{background-image:url(topeventos3.jpg); background-repeat:repeat-y;}


#contenedor{
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	/*margin-top: 2em;*/
	width: 90%;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 15px 0px rgba(50, 50, 50, 0.75);
}

/*ENCABEZADO DE LA PAGINA */

header #menu_imagen, #menu_menu #menu_menu2{
	width:100%;
}
#menu_imagen{
	background-color: rgba(255, 255, 255, 0.6);
}
#menu_imagen2{
		display:none;
	}
/* MENU DE LA PAGINA */
#menu_menu{
/*	background:#2D2DCE;*/
	background:#000;
	background-color: rgba(255, 255, 255, 0.6);
	}	
.menu_bar {  /* No muestra las rayitas del menú comprimido */
	display:none;
	
}
#menu_menu nav {
	width:100%;
	margin:0px auto;
	/*background:#FFF; /*#0606CC*/
	font-size:15px;	
	/*background-color:rgba(255, 255, 255, 0.8);*/
}
#menu_menu nav ul {
	overflow:hidden;
	list-style:none;
}
#menu_menu nav ul li {
	float:left;
}
#menu_menu nav ul li a {
	/*Color de la letra siempre, seleccionado o no*/
	color:#E95682;
	padding:20px;
	display:block;
	text-decoration:none;
}
#menu_menu nav ul li span {
	margin-right:10px;
} 
#menu_menu nav ul li a:hover {
	/*Color de la letra al seleccionar antes del click*/
	color:#C91674; /*#C91674*/
}






/* CUERPO DE LA PAGINA*/

#info_cuerpo #menu_lat, #info_contenido{
	display: inline-block;
	vertical-align: top;
	
}
#info_cuerpo{
	width:100%;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0px 0px 10px 10px;
}

#menu_lat{
	max-width: 100%;
	width: 20%;
	text-align:right;
	padding-right:20px;
	padding-bottom:35px;
	color:#213443;
}

#menu_lat ul{
       list-style:none;
}
#menu_lat ul li{
	padding-top:45px;
}
#info_contenido{
	/*background:	#FFF;*/
	/*max-width:100%;*/
	min-width:315px;
	width:70%;
	min-height: 500px;
	max-height:600px;
	height: 100%;
	/* font-weight:bold;*/
	text-align:justify;
	overflow:auto;
	padding:20px;
	float:right;
}
#contenido_principal{	/*Configuración a todos los contenidos de la página*/
	max-height:400px;
	width:95%;
	height:90%;
	/*padding:5px;*/
	margin-top:30px;
	padding:10px;
	color:#000;
/*  color:#bc101b;*/
	font-weight:bold;
	overflow:auto;
	
}
 textarea{
	 width:100%;
	 /* margin-right:3em;*/
	 float:left;
	 resize: none;
 }
 input{
	 width:70%;
	 float:right;
	 margin-right:3em;
 }
#menu_contacto{
	float:right;
}
#formulario{
	height:auto;}
/*footer{
	text-align:right;
	padding: 5px 0px 5px 0px;
	width:100%;
	color:#7a7b6b; 
	margin-right: auto;
	margin-left: auto;
	border-radius: 0px 0px 10px 10px;
	background-color: rgba(255, 255, 255, 0.8);
}*/

/*Comienza el Responsive */

@media(max-width: 1020px){  /* Justo cuando se pasa el menú principal para abajo */
	#contenedor{
		width:95%;
	}
	#menu_imagen{
		display:none;
	}
	#menu_imagen2{
		display:block;
		background-color: rgba(255, 255, 255, 0.6);
		width:100%;
	}
	#info_contenido{
	max-height:550px;
	}
	#contenido_principal{	/*Configuración a todos los contenidos de la página*/
	max-height:430px;
	margin-top:15px;
	padding:10px;
	}

	footer{
		width:99%;
		padding:5px;
		font-size:12px;
		height:100%;
		float:right;
	}
	#menu_menu span{
		display:none;
	}
}
@media(max-width: 665px){
	#contenedor{
		width:95%;
	}
	#menu_imagen{
		display:none;
	}
	#menu_imagen2{
		display:block;
		background-color: rgba(255, 255, 255, 0.6);
		width:100%;
	}
	#menu_lat	{
		padding:0;
		display:none;
	}
	#menu_lat ul{
		display:none;
	}
	#info_contenido{
		float:left;
		width:100%;
		padding:0;
		/*display:block;*/
		max-height:inherit;
		/*background-color: rgba(255, 255, 255, 0.8);*/
	}
	#contenido_principal{
		margin:0;
		padding-top:0px;
		max-height:inherit;
	}
	
	 #menu_menu nav {
		display:block;
		width:100%;
		height:100%;
		left:-100%;
		margin:0;
		position:absolute;
		background-color:rgba(255, 255, 255, 0.6);
	 } 

 
	#menu_menu nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	} 
	
	
 	#menu_menu span{
		display:block;
	}
	.menu_bar {
		display:block;
		width:100%;
		/*background:#0606CC; /*#0606CC*/
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px 10px 20px 10px;
		/*background:#0606CC;*/
		color:#E95682; /*#E95682*/
		text-decoration:none;
		font-weight: bold;
		font-size:15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:20px;
	}
	footer{
		width:99%;
		padding:5px;
		font-size:12px;
		height:100%;
		float:right;
	}
	 textarea{
	 width:80%;
 	}

}