*{
	margin:0;
	padding:0;
}
H1{
	font-size:24px;}
p{
	color:#656B5D;
}
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; }
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;}
body#principal {background-image:url(z_01_inicio.jpg); background-repeat:repeat-y;}
body#asesorias {background-image:url(z_03_Asesorias.jpg); background-repeat:repeat-y;}
body#desarrollo {background-image:url(z_04_Desarrollo.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(z_07_contacto.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:#283f47;*/
	background:#2D2DCE;
	}	
.menu_bar {  /* No muestra las rayitas del menú comprimido */
	display:none;
	
}
#menu_menu nav {
	width:100%;
	margin:0px auto;
	background:#0606CC;
	font-size:16px;	
}
#menu_menu nav ul {
	overflow:hidden;
	list-style:none;
}
#menu_menu nav ul li {
	float:left;
}
#menu_menu nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}
#menu_menu nav ul li span {
	margin-right:10px;
} 
#menu_menu nav ul li a:hover {
	/*background:#037E8C;*/
	color:#df8932;
}






/* 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);
}
#menu_lat{
	max-width: 100%;
	width: 30%;
	text-align:right;
	padding-right:20px;
	padding-bottom:30px;
	color:#213443;
}

#menu_lat ul{
       list-style:none;
}
#menu_lat ul li{
	padding-top:70px;
}
#info_contenido{
	/*background:	#FFF;*/
	/*max-width:100%;*/
	min-width:315px;
	width:55%;
	min-height: 450px;
	max-height:490px;
	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{
	background: #0606CC;
	text-align:right;
	padding:5px 0px 5px 0px;
	width:100%;
	color:#7a7b6b;
	margin-right: auto;
	margin-left: auto;
	border-radius: 0px 0px 10px 10px;
}

/*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.7);
	}
	#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;
/*		position:fixed;*/
		
	}
 
	#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;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px 10px 20px 10px;
		background:#0606CC;
/*		color:#fff;*/
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:18px;
		-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%;
 	}

}