@charset "utf-8";

@font-face{
font-family: geomanistlight;
src: url(geomanistlight.woff);


}


@font-face{
font-family: Geomanist-Medium;
src: url(Geomanist-Medium.woff);

}


@font-face{
font-family: geomanistbook;
src: url(geomanistbook.woff);

}



a:link { 
text-decoration:none; 
color:#333;
} 

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Diseño CELULAR: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


.contenedor {

	color:#0F3;
	width:420px;
	height:250px;
	float:center;
	margin-top:15px;
	border: 1px solid #333;
	

}

/*
	RECTANGULO GRANDE
*/
img {

    object-fit:cover;
	margin-left:0px;

}


/*
	LOGO
*/
#menu h2  {

    width:100%;
	font-size:20px;
	float:left;
	margin-left:-20px;
	margin-top:0px;

	

}

/*
	TEXTOS HOME TELEFONO
*/
#titulo  {
      
	  font-family: geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:0px;
	  margin-left:150px;
	  display:inline;
	  float:left;
	  text-decoration:none; 

}


#titulo :hover {

      color:#0F0;
      font-family: geomanistlight;

}
/*
	TEXTOS HOME TELEFONO
*/
#titulo1  {
      
	  font-family: geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:10px;
	  margin-left:10px;
	  display:inline;
	  float:left;

}




.contenedor2 {

	color:#0F3;
	width:420px;
	height:85px;
	float:center;
	margin-top:10px;
	border: 1px solid #333;

}

.contenedor2 img {

	width:100%;
	height:auto;
	float:center;
	margin-top:0px;

}


.contenedor3 {

	color:#0F3;
	width:420px;
	height:70px;
	float:center;
	margin-top:10px;
	border: 1px solid #333;

}


#titulo2 {
      font-family:geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:10px;
	  line-height:25px;

}



.contenedor4 {

	color:#0F3;
	width:420px;
	height:360px;
	float:center;
	margin-top:30px;
	border: 1px solid #333;

}


.caja1 {

	color:#0F3;
	width:180px;
	height:145px;
	float:left;
	margin-top:10px;
	border: 1px solid #333;
	margin-left:0px;

	
}


/*
	RECTANGULO GRANDE
*/
.cuadradofoto {

	width:170px;
	height:100px;
	float:left;
	border: 1px solid #FFF;
	text-align:left;
    padding:2px;
	font-family: geomanistlight;
	font-size:15px;
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:2px;

}


#titulo3  {
      
	  font-family: geomanistbook;
	  color:#333;
	  font-size:40px;
	  margin-top:0px;
	  line-height:25px;

}








/*
	RECTANGULO GRANDE
*/
.cuadradotexto {

	width:160px;
	height:20px;
	float:left;
	border: 1px solid #999;
    padding:2px;
	margin-top:5px;
	overflow:hidden;
	margin-left:4px;

}

.caja2 {

	color:#0F3;
	width:182px;
	height:145px;
	float:left;
	margin-top:-144px;
	border: 1px solid #333;
	margin-left:230px;

	
}


.caja3 {

	color:#0F3;
	width:182px;
	height:145px;
	float:left;
	margin-top:60px;
	border: 1px solid #333;
	margin-left:-403px;

	
}


.caja4 {

	color:#0F3;
	width:182px;
	height:145px;;
	float:left;
	margin-top:-144px;
	border: 1px solid #333;
	margin-left:230px;


}


.contenedor5 {

	color:#0F3;
	width:420px;
	height:360px;
	float:center;
	margin-top:360px;
	border: 1px solid #333;
	margin-left:-2px;

}

.footer {

    color:#0F3;
	width:420px;
	height:130px;
	float:center;
	margin-top:380px;
	border: 1px solid #333;
	margin-left:0px;

}


}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.contenedor {

	color:#0F3;
	width:1000px;
	height:130px;
	float:center;
	margin-top:15px;
	border: 1px solid #333;
	

}


.body {

	width:100%;
	height:100%;
	color:#CCC;


}

/*
	RECTANGULO GRANDE
*/
img {

    object-fit:cover;
	margin-left:0px;

}

/*
	LOGO
*/
#menu h2  {

	width:35%;
	font-size:15px;
	float:left;
	margin-left:-60px;
	margin-top:10px;

	

}



/*
	TEXTOS HOME TELEFONO
*/

#titulo  {
      
	  font-family: geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:50px;
	  margin-left:20px;
	  display:inline;
	  float:left;
	  text-decoration:none; 

}


#titulo :hover {

      color:#0F0;
      font-family: geomanistlight;
	  text-decoration:none; 

}


/*
	TEXTOS HOME TELEFONO
*/
#titulo1  {
      
	  font-family: geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:33px;
	  margin-left:20px;
	  display:inline;
	  float:left;
	  text-decoration:none; 

}






.contenedor2 {

	color:#0F3;
	width:1000px;
	height:200px;
	float:center;
	margin-top:10px;
	border: 1px solid #333;

}

.contenedor2 img {

	width:100%;
	height:100%;
	float:center;
	margin-top:0px;

}


.contenedor3 {

	color:#0F3;
	width:1000px;
	height:50px;
	float:center;
	margin-top:10px;
	border: 1px solid #333;

}


#titulo2 {
      font-family:geomanistlight;
	  color:#333;
	  font-size:18px;
	  margin-top:10px;
	  line-height:25px;

}

.contenedor4 {

	color:#0F3;
	width:962px;
	height:180px;
	float:center;
	margin-top:30px;
	border: 1px solid #333;

}


.caja1{

	color:#0F3;
	width:250px;
	height:390px;
	float:left;
	margin-top:15px;
	border: 1px solid #333;
	margin-left:110px;

	
}


/*
	RECTANGULO GRANDE
*/
.cuadradofoto {

	width:255px;
	height:280px;
	float:left;
	border: 1px solid #FFF;
    padding:0px;
	margin-top:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:0px;

}


/*
	RECTANGULO GRANDE
*/
.cuadradofoto img {

	width:245px;
	height:270px;
	float:left;
	border: 1px solid #FFF;
    padding:0px;
	margin-top:2px;
	margin-left:0px;

}


/*
	RECTANGULO GRANDE
*/
.cuadradotexto {

	width:235px;
	height:25px;
	float:left;
	border: 1px solid #999;
    padding:2px;
	margin-top:5px;
	overflow:hidden;
	margin-left:4px;

}

/*
	RECTANGULO GRANDE
*/
.cuadradotextocodigo {

	width:235px;
	height:15px;
	float:left;
	border: 1px solid #999;
    padding:2px;
	margin-top:5px;
	overflow:hidden;
	margin-left:4px;

}


#titulo3  {
      
	  font-family: geomanistbook;
	  color:# 333;
	  font-size:16px;
	  margin-top:0px;
	  line-height:25px;

}



#titulo4  {
      
	  font-family: geomanistlight;
	  color:#333;
	  font-size:20px;
	  margin-top:0px;
	  line-height:25px;

}


#titulo5  {
      
	  font-family: Geomanist-Medium;
	  color:#390;
	  font-size:14px;
	  margin-top:-5px;
	  line-height:25px;

}



.footer {

    color:#0F3;
	width:1000px;
	height:130px;
	float:center;
	margin-top:200px;
	border: 1px solid #333;
	margin-left:-15px;

}

}