@import url(https://fonts.googleapis.com/css?family=Yellowtail|Dosis:400,700);

@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: 'Dosis', sans-serif;
	font-weight:300;
}
body {
	max-width:100%;
	width: 100%;
	min-width:320px;
	margin: 0%;
	padding: 0%;
	background-color: #222;
	font-size: 1em;
	line-height: 1em;
	word-wrap: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
}
/**--------------------------------**/
a:link {
	color:#3f6231;
	text-decoration: none;
}
a:visited {
	color:#3f6231;
	text-decoration: none;
}
a:hover {
	color:#4B88CE;
	text-decoration: none;
}
a:active {
	color:#4B88CE;
	text-decoration: none;
}
/**--------------------------------**/
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	line-height: 1em;
	color: #222;
}

h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	text-align:justify;
	color: #222;
}
small {
	font-size: 0.6em;
}
li {
	text-align:left;
	font-size: 0.8em;
	list-style-type:square;
	margin: 0px 0px 0px 15px;
}
hr {
	border: 0;
	border-bottom: #3f6231 1px dashed;
	margin: 2em 0;
}
/**--------------------------------**/
.banner {
	width: 100%;
	margin: 0em;
	height:auto;
	min-height: auto;
}
.banner img {
	min-height: auto;
	min-width: 100%;
	width:100%;
	height:auto;
}
/**--------------------------------**/
.logo {
	text-align:center;
	margin: 5em auto;
	width: 30%;
}
.logo img {
	width: 100%;
}
.iconos {
	text-align:center;
	margin: 10em auto;
	width: 100%;
}
.iconos img {
	width: 100%;
}
.arquitectos {
	text-align:center;
	margin: 5em auto 2em auto;
	width: 10%;
}
.arquitectos img {
	width: 100%;
}
/**--------------------------------**/
.cabecera {
	text-align:center;
	margin: 5em 0 0 0;
	padding: 1em 0px;
}
/**--------------------------------**/
.navegacion {
	text-align:center;
	text-transform:uppercase;
	font-size: 1em;
	margin: 1em;
	line-height: 3em;
	padding: 0em;
	text-shadow: 0 0 5px #111;
}
.navegacion a {
	color: #fff;
}
.navegacion a:hover {
	color: #4B88CE;
}
.navegacion li {
	display: inline;
	padding: 0.5em;
	margin: 0.5em;
	border: solid 1px #fff;
	white-space: nowrap;
}
.navegacion li:hover {
	border: solid 1px #4B88CE;
}
.navegacion li:active {
	border: solid 1px #4B88CE;
}
.navegacionpeq {
	text-align:center;
	text-transform:uppercase;
	font-size: 1em;
	margin: 2em;
	line-height: 3em;
	text-shadow: 0 0 5px #111;
}
/**--------------------------------**/
.contenido {
	margin: 0;
	padding: 1em 0em 4em 0em;
	text-align:center;
	background: #fff;
	line-height: 1.5em;
}
.columna2i {
	width: 40%;
	min-width: 270px;
	min-height: auto;
	text-align:left;
	display:inline-block;
	margin: 0.5em;
	padding: 0.5em;
	vertical-align:top;
}
.columna2d {
	width: 40%;
	min-width: 270px;
	min-height: auto;
	text-align:right;
	display:inline-block;
	margin: 0.5em;
	padding: 0.5em;
	vertical-align:top;
}
.columna4 {
	width: 20%;
	min-width: 270px;
	min-height: auto;
	text-align:justify;
	display:inline-block;
	margin: 0.5em;
	padding: 0.5em;
	vertical-align:top;
}
/**--------------------------------**/
.boton {
	margin: 0.5em auto;
	width: auto;
	height: auto;
	text-align:left;
}
.boton a {
	color: #111;
	background: #4B88CE;
	padding: 0.5em;
}
.boton a:hover {
	color: #fff;
	background: #3f6231;
	padding: 0.5em;
}
/**--------------------------------**/
.mapa {
	padding: 0;
	margin: 0;
}
.overlay {
	pointer-events: none;
}
/**--------------------------------**/
.pie {
	margin: 2em;
	padding: 2em;
	text-align:center;
}
.logopie {
	width: auto;
}
.logopie img {
	width: 250px;
	height: auto;
}
.eslogan {
	font-family: 'Yellowtail', cursive;
	font-size: 3em;
	color: #fff;
	margin: 1em;
}
.pie h4 {
	color: #fff;
	line-height: 1em;
	padding: 0em 0em 2em 0em;
	margin: 0em;
}
.pie h5 {
	color: #fff;
	line-height: 1em;
	padding: 0.2em;
	margin: 0em;
}
.pie h6 {
	color: #4B88CE;
	line-height: 1em;
	padding: 0.2em;
	margin: 0em;
}
.pie p {
	text-align:center;
	line-height: 1em;
	color:#fff;
}
.pie a {
	color:#4B88CE;
}
.pie a:hover {
	color:#fff;
}
.separador {
	width: 1px;
	height: 150px;
	background:#fff;
	display:inline-block;
}
.nota {
	margin: 5em 0em 1em 0em;
}
	
/**--------------------------------**/

@media only screen and (max-width: 1024px) {
.boton {
	width: auto;
}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
.columna2, .columna4 {
	width: 90%;
	margin: 1em 0;
	padding: 0;
}
.columna4especial {
	width: 100%;
	display: block;
	margin: 1em 0;
	padding: 0;
}
}
@media only screen and (max-width: 480px) {
.navegacion li {
	display: block;
	text-align:center;
}
.logo {
	display:block;
	text-align:center;
	margin: auto auto;
}
.contacto {
	display:block;
	float: none;
}
}
@media only screen and (max-width: 320px) {
.contacto {
	padding: 2%;
	margin: 2%;
	width: auto;
	float: none;
	text-align:center;
}
.telefono img {
	display: none;
}
.email {
	display:none;
}
.redes {
	display: none;
}
.logo {
	margin: auto auto;
	display:block;
}
.tipo {
	margin: auto auto;
	display:block;
	padding: 5% 0% 0% 0%;
	text-align:center;
}
.navegacion li {
	display: block;
	text-align:center;
}
.navegaciontipos li {
	display: block;
	text-align:center;
}
}