@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display:block;
}
a img{
	border:none;
}
.limpiar{
	clear:both;
}
body{
	background: #a9cce3;
	margin:30px;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin:6px;
	text-align: justify;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	margin:6px;
}
/*--- Maquetacion ---*/
#contenedor1{
	width:950px;
	margin:0 auto;
	background:#FFF;
	padding:25px;
}
/*-- Cabecera ---*/
#cabecera1{
	height:84px;
}
#logo1{
	width:351px;
	height:84px;
	float:left;
}
#cabecera1 ul{
	width:120px;
	height:64px;
	display:block;
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	padding-top:20px;
}
#cabecera1 ul li{
	float:right;
}
#cabecera1 li a{
	width:45px;
	height:45px;
	display:block;
	float:right;
	margin-left:10px;
}
/*--- Menu1 ---*/
#menu1{
	height:80px;
	border-bottom:4px solid #f444c1
}
#menu1 ul{
	margin:0;
	padding:0;
	list-style:none;
	width:474px;
	height:60px;
	display:block;
	background:#1F93F4;
	float:right;
	padding-top:20px;
}
#menu1 li{
	float:left;
}
#menu1 li a{
	line-height:40px;
	display:block;
	padding:0 25px;
	border-right:4px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#menu1 li a:hover{
	color:#000;
}
/*--- Cuerpo ----*/


.titulopagina1{
	display:block;
	font-size:30px;
	color:#6D6D6D;
}


.titulopagina2{
	display:block;
	font-size:30px;
	color: #0099cc;
}

.titulopagina3{
	display:block;
	font-size:25px;
	color: #0099cc;
}




.cajas1{
	border-bottom:5px solid #49e2e2
	padding:10px 0;
}
#cajapresentacion1{
	width:470px;
	float:left;
}
#cajapresentacion1 h1{
	 font-size:43px;
	 color:#1F93F4;
	 font-weight:normal;
}
#banner1{
	width:440px;
	float:right;
}
/*--- Proyecto ---*/
.caja-proyectos1{
	width:200px;
	float:left;
	border-top:1px solid #1F93F4;
	padding-top:16px;
	margin-right:50px;
}
.caja-proyectos1 h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	margin:6px;
}
.caja-proyectos1 a{
	color:#848484;
	text-decoration:none;
}
/*-- Servicios ----*/
.caja-servicios1{
	width:270px;
	float:left;
	margin-right:68px;
	margin-bottom:20px;
	border-top:1px solid #1F93F4;
}
.caja-servicios1-sm1{
	width:270px;
	float:left;
	margin-right:0;
	margin-bottom:20px;
	border-top:1px solid #1F93F4;
}
.caja-servicios1 h2, .caja-servicios1-sm1 h2{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#727272;
	 margin:15px 6px 6px 6px;
}
/*--- Pie pagina ---*/
#piepagina1{
	height:80px;
	border-top:5px solid #6EBCFE;
}
#piepagina1 .menupie1{
	width:474px;
	height:60px;
	display:block;
	background:#1F93F4;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:20px;
}
#piepagina1 .menupie1 li{
	float:left;
}
#piepagina1 .menupie1 li a{
	line-height:40px;
	display:block;
	padding:0 25px;
	border-right:4px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#piepagina1 .menupie1 li a:hover{
	color: #000;
}
#piepagina1 .socialespie1{
	width:120px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	padding-top:10px;
}
#piepagina1 .socialespie1 li{
	float:right;
}
#piepagina1 .socialespie1 li a{
	width:45px;
	height:45px;
	display:block;
	float:right;
	margin-left:6px;
}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	body{
		margin:15px;
	}
	/*--- Maquetacion ---*/
	#contenedor1{
		width:96%;
		padding:2%;
	}
	/*-- Cabecera ---*/
	#cabecera1{
		height:auto;
	}
	#logo1{
		width:100%;
		height:auto;
		float:none;
	}
	#cabecera1 ul{
		display:none;
	}
	/*--- Menu ---*/
	#menu1 ul{
		float:none;
		margin:0 auto;
	}
	/*--- cuerpo ---*/
	#cajapresentacion1{
		width:100%;
		float:none;
	}
	#cajapresentacion1 h1{
		 font-size:33px;	
	}
	#banner1{
		width:100%;
		float:none;
	}
	/*--- servicios ---*/
	.caja-servicios1-sm1{
		width:270px;
		float:left;
		margin-right:68px;
		margin-bottom:20px;
		border-top:1px solid #1F93F4;
	}
	/*--- Pie pagina ---*/
	#piepagina1{
		height:auto;
	}
	#piepagina1 .menupie1{
		float:none;
		margin:0 auto;
	}
	#piepagina1 .socialespie1{
		width:120px;
		height:45px;
		display:block;
		float:none;
		margin:0 auto;
		padding:0;
		list-style:none;
		padding-top:10px;
	}
	
	
}


/******************************************/
/***    Diseño para moviles 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	body{
		margin:8px;
	}
	/*--- Maquetacion ---*/
	#contenedor1{
		width:98%;
		padding:1%;
	}
	/*--- Menu ---*/
	#menu1{
		height:auto;
		border-bottom:none;
	}
	#menu1 ul{
		width:100%;
		height:auto;
		background:none;
		float:none;
		padding-top:0;
	}
	#menu1 li{
		float:none;
	}
	#menu1 li a{
		line-height:30px;
		display:block;
		background:#3A65F9;
		padding:0;
		text-align:center;
		border-right:none;
		font-size:13px;
		margin-bottom:4px;
	}
	/*--- Cuerpo ----*/
	#banner1 img{
		width:100%;
		height:auto;
	}
	/*-- pie pagina ---*/
	#piepagina1 .menupie1{
		width:100%;
		height:auto;
		background:none;
		float:none;
		padding-top:0;
	}
	#piepagina1 .menupie1 li{
		float:none;
	}
	#piepagina1 .menupie1 li a{
		line-height:30px;
		padding:0;
		background: #1d69eb;
		border-right:none;
		font-size:13px;
		margin-bottom:4px;
		text-align:center;
	}
	
}
/******************************************/
/***    Diseño para moviles  320        ****/
/******************************************/
@media only screen and (max-width:320px){
	#logo1 img{
		width:60%;
		height:auto;
	}
	
}
/******************************************/
/***    Diseño para moviles  240        ****/
/******************************************/
@media only screen and (max-width:240px){
	body{
		margin:5px;
	}
	#cajapresentacion1 h1{
		 font-size:20px;	
	}
	.cajas1{
		padding:4px 0;
	}
	/*--- Proyecto ---*/
	.caja-proyectos1{
		width:100%;
	}
	.caja-proyectos1 img{
		width:100%;
		height:auto;
	}
	/*--- servicios ---*/
	.caja-servicios1, .caja1-servicios1-sm1{
		width:100%;
	}
	
	.caja-servicios1 img, .caja1-servicios1-sm1 img{
		width:100%;
		height:auto;
	}
	
}


/*--- otros portafolios---*/

.portafolio {
	background: #fff;
	border-top: 5px solid #3da5e2;
	padding: 0 20px;
	margin-bottom: 40px;
}

.portafolio .titulo {
	padding: 40px 0;
	text-align: center;
	color: #3da5e2;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

/*--- Paneles y cajas personalizados ---*/

.bg-blue1{
	background-color: rgba(165, 226, 255, 0.24);
	border: .5px solid rgba(226, 255, 246, 0.93);
	color: rgba(47, 107, 250, 0.96);
}
.cont-cuerpo{
	border: 2px solid #f400ee;
	border-width: 1px 0;
	margin: 15px 0;
	padding: 10px 0;
	color: #333333;
	line-height: 1.5;
}

.p1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgba(0, 0, 0, 0.16);
	line-height: 18px;
	margin-bottom: 20px;
	background: #f444c1;
}


.item1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	margin-bottom: 20px;
}


.strong {
	font-weight: bold;
}

.nota-caja
{
	color: #dc29f4;
	background: #a5e2ff;
}



.piedepagina{

	font-family: Helvetica;
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	background: #1F93F4;
	margin: 0 0 25px;
	overflow: hidden;
	padding: 20px;


}
.lem-gob {
	font-size: 30px;
	color: #ff00f9;
	font-family: Courier;
}

.imgpie {
	float: left;
	margin: 1em 1em 1em 0;
}


.jumbotron{
	background: rgb(255, 255, 255);

}