@charset "utf-8";
/* Autor: José Alejandro Castillo Medina */


header, nav, section, article, aside, figure, footer{
	display:block;
	margin:0;
	padding:0;
}
.limpiar{
	clear:both;
}
a{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

body{
	margin:0;
	
}


h2,h3{
	font-size:18px;
	font-weight:normal;
}



/*--Contenedor--*/

#contenedor{
	width:960px;
	height:730px;
	margin:0 auto;
	background-image:url(../public/images/bg_modal.jpg);		
}
#cabecera{

	height:auto;
	position:absolute;
	z-index:999;
	margin-top:0;
}


#contenido{
	width:920px;
	padding:20px;
}

#bienvenido{
	margin-top:80px;
}

#limatitle{
  font-family: "crimson_textroman", sans-serif;
  text-align:center;
  font-size: 15px;
  font-weight: lighter;
  color: #FFF;
  margin-top:65px;
}

#locales01{
	width:290px;
	height:auto;
	float:left;
	margin-right:5px;
}

#locales02{
	width:300px;
	height:auto;
	float:left;
	margin-right:25px;
}

#locales03{
	width:280px;
	height:auto;
	float:left;
}

#locales01, #locales02, #locales03{
font-family:"Champagne & Limousines";
font-size:12px;
color:#FFFFFF;
line-height:15px;
letter-spacing:0.5px;
}

#locales01 a, #locales02 a, #locales03 a{
font-family:"Champagne & Limousines";
font-size:12px;
color:#FFFFFF;
line-height:15px;
letter-spacing:0.5px;
}

#locales01 li, #locales02 li, #locales03 li{
list-style-image:url(../public/images/vineta.png);
}
	


#oficinas{
	margin-top:390px;
}

#ofctitle{
  font-family: "crimson_textroman", sans-serif;
  text-align:center;
  font-size: 15px;
  font-weight: normal;
  color: #FFF;
}


#ofctxt{
width:400px;
height:auto;
margin:0 auto;	
font-family:"Champagne & Limousines";
font-size:12px;
color:#FFFFFF;
line-height:15px;
letter-spacing:0.5px;
text-align:left;
}

#ofctxt a{
font-family:"Champagne & Limousines";
font-size:12px;
color:#FFFFFF;
line-height:15px;
letter-spacing:0.5px;
}

#ofctxt li{
list-style-image:url(../public/images/vineta.png);
}


/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:1024px){
	
	#contenedor{
		width:100%;
		height:auto;
		margin:0 auto;
		position:static;
	}

}

@media only screen and (max-width:800px){
	
	#contenido{
	width:80%;

}

	#cabecera{
	width:100%;
	margin-top:0;
	}


	#limatitle{
	margin-left:35px;
	text-align:left;
	font-size: 15px;
	margin-top:75px;
	}
	
	#locales01{
	width:100%;
	height:auto;
	
	}
	
	#locales02{
	width:100%;
	height:auto;

	}
	
	#locales03{
	width:100%;
	height:auto;
	}
	
	#locales01, #locales02, #locales03{
	font-size:15px;
	line-height:17px;
	letter-spacing:0.7px;
	}
	
	#locales01 a, #locales02 a, #locales03 a{
	font-size:15px;
	line-height:17px;
	letter-spacing:0.7px;
	}
		
	#oficinas{
	width:100%;
	margin-top:15px;
	}
	
	#ofctitle{
	margin-left:35px;
	text-align:left;
	font-size: 15px;
	}
	
	
	#ofctxt{
	width:100%;
	height:auto;
	font-size:15px;
	color:#FFFFFF;
	line-height:17px;
	letter-spacing:0.7px;
	text-align:left;
	}
}

.boton_whatsapp{
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;}
.boton_whatsapp .fa-whatsapp{font-size:16px;}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	
}