@import url(normalize.css);

@import url(https://fonts.googleapis.com/css?family=Yellowtail);
ga

/*resets*/
*{
	/* [disabled]box-sizing:border-box; */
	border: none;
	text-decoration: none;
}
ul, ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{
	margin: 0;
	display:block;
}

.img-responsive {
	width:100%;
	height:auto;
	
	}


/*boton arriba*/
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(imgs/arriba.png) repeat-x center center;
}



/*basicos*/
html{
	font-size: 10px;
}

body {
	font-family: 'Montserrat', sans-serif;

}

h1 { font-size:1em;
font-weight:normal;
	
	}

h2 { font-size:1em;
font-weight:normal;




	
	}

h3 { font-size:1.5em;
font-weight:200;
color:#F2E377;
	
	}
	



#container{
	margin:auto;
	max-width: 1000px;
	border:dotted 1px #000000;
	;
}
.superior{
	background:url(imgs/fondo2c.jpg) repeat-x center top
#000;
height:500px;
text-shadow:2px 2px 2px #000;
	}


.topi{
	
	
	margin-left:auto;
	margin-right:auto;
	
	
	
	
	
	}
.central {
max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.25em;

	
	
	
	
	}

.direccion {
	color:#fff;
	font-size:1.7em;
	text-align:right;
	background:#004B97;
	}

.direccion a{
	color:#fff;
	display:inline-block;
	padding:0.5em 0.25em;
	}


#top{
	
	float:left;
	text-align:left;
	
	z-index:1000;
	margin-top:0;
	position:relative;
	margin-left: 1%;
}
#top img {
	max-width:250px;
	border-radius:0 0 5px 5px;}

.servicio {
	font-size:1.55em;

	color:#fff;
  line-height:1.45em;
	
	padding-bottom:;
	text-align:right;
	margin-top:2em;
	width:510px;
	float:right;
	
	
	}




.logo {
	float:right;
	
	margin-top:0.5em;
	
	
	
	}



.portabotones {
	
	
	}
.porta {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}

.centro {
	max-width:1200px;
margin-left:auto;
margin-right:auto;
line-height:normal;
color: #fff;

	
	}

.cleaner{
	clear: both;
}
img-responsive{
	width: 100%;
	height:auto;
}

.toogle-button { display:none;
	
	}

.menu {display:none;}

.portaboto {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}

.botonera ul{
	
	margin-top:1em;
		text-transform:none;
	text-decoration:none;
	width:100%;

	
	}
.botonera li{
	
	float:left;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	display:block;
	
	border-bottom:solid 1px #fff;
	margin-top:0em;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:0;
	width:23%;
	
	
	
	
	

	
	
	
	
	}
	
.botonera li:first-child {
	
	}

.botonera li:last-child  {
	margin-right:0;
	
	
	
	}

.botonera a{
	
	padding:0.35em 0.25em ;
  display:block;
	font-size:1.1em;
	color:#fff;
	
	text-transform:none;
	text-decoration:none;
	font-family: 'Catamaran', sans-serif;
	font-weight:400;
	
	

	
	}

.botonera a:hover {
	
	background:#fff;

	color:#0000cf;
	
		text-shadow:none;
	
	
	
	
	}
	
.principal{
	
	
	width:100%;
	margin-top:1em;
	}


.foto {
	max-width:360px;
	float:left;
margin:1em 3em 1em 0em;
	}


.text {
	width:77%;
		font-size:1.5em;
	color:#333;
	margin-left:1em;
	float:left;

	line-height:1.5em;
	padding:1em;
	text-align:justify;
	
	}
.text img {
	width:62%;
	
	
	}

.fotodos {
	width:28;
	float:right;
margin-top:1em;
	}

.marta {
	width:98%;
	color:#222;
	margin-left:auto;
	margin-right:auto;
	font-weight:400;
	

	
	line-height:normal;
	font-size:1.7em;
	
	
	}

.psicoterapiados {
	width:98%;
	color:#333;
	margin-left:auto;
	margin-right:auto;
	font-weight:400;
	
	font-size:1em;
	margin-top:1.5em;
	
	
	}

.psicoterapia a{
	color:#F60;
	
	
	}

.color { color:#004B97;
	
	}

.color2{ color:#E6CE00;}

.color3 {
	color:#AF943B;}

.btn2 a{ color:#fff;}
.btn2 a:hover{ color:#E6CE00;}

#iso {
	max-width:100px;
	margin:-7em auto 0 auto;
	z-index:2000;}	

footer {
	width:100%;
	font-size:1.4em;
  letter-spacing:0.1em;
	color:#ccc;
	padding:1em 0 0em  0 ;
	text-align:center;
	background: #004B97;
	line-height:2em;
	border-top:solid 2px #ccc;
	margin-top:-1em;
	}

footer a {
	display:inline-block; color:#fff; font-size:1.2em;
	text-decoration:none;
	text-transform:none;}	
	
.red {
	float:left;
	width:20%;
	margin-left:4%;
	}
	
	
.red img {
	display:block;
	width:106px;
	
	
	
	}

.dire {
	width:70%;
	margin-right:4%;
	float:right;
	text-align:right;
	margin-top:0em;
}
.tel {
	font-size:0.8em; letter-spacing:0em; line-height:normal;
	color:#fff;
	
	padding-top:0.5em;
	
	} 
.tel a{
	text-transform:none;
	text-decoration:none;
	color:#F60;
}

.tel a:hover{
color:#09F;
	
	
	}

.pie {
	text-align:center;
		background:#000;
	font-size:0.7em;
	width:100%;
	margin:0;
	
	
	}
.pie a{
	text-decoration:none;
	text-transform:none;
	color:#FFFFFF;

	padding:0.35em;
	
	}

.destacado {
	
	text-align:center;
	}

.destacado a{
	font-size:1.8em;
	padding:0.5em 1em;
	background:#0D0C69;
	color:#fff;
	border:thin solid #fff;
	border-radius:5px;
	text-align:center;
	display:block;
	
	}

.destacado a:hover{
	color:#fff;
	
	}
	

.destacado2 {
	max-width:850px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

.destacado2 a{
	
	padding:0.5em 1em;
	
	color:#fff;
	border:thin solid #fff;
	border-radius:25px;
	text-align:center;
	display:block;
	
	}

.destacado2 a:hover{
	color:#E6CE00;
	
}
/*quienes*/

.quienes {
	width:95%;
		
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	

	line-height:1.5em;

	
	text-align:justify;
	
	
	}



.mision {
	width:100%;
		font-size:1.5em;
	color:#333;
	margin-left:1em;
	

	line-height:1.5em;
	padding:1em;
	text-align:justify;
	
	}

/*trabajos*/

article.caja {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:0.3em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	min-height:270px;
	}

.tt {
	width:100%;
	height:141px;
	background:url(imgs/tt.jpg) center no-repeat;
	
	}

/*alquileres*/

article.alqui {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:1.2em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	
	
	}

article.caja {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:0.3em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	min-height:270px;
	}

article.alquileres {
	width:95%;
	margin-right:auto;
	margin-left:auto;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#333;
	float:left;
	
	}
	
.aa {
	width:100%;
	height:141px;
	background:url(imgs/aa.jpg) center no-repeat;}
	
article.alquileres img{
	width:40%;
	
	}

/*contacto*/

.imagen {
	width:100%;
	height:170px;
	background:url(imgs-NO/cc.jpg);
	
	}
	
input,textarea, select, file {
	margin-bottom:1%;
	border: 1px dotted #999;
	color:#000000;
	font-family : inherit;
  font-size   : 100%;
  width:100%;
  padding:0.35em;
  border-radius:5px;
	
	}
	
.verif{ display: none; }

.contacto {
	width:90%;
		font-size:1.5em;
	color:#333;
	margin-left:auto;
	margin-right:auto;
	

	line-height:1.5em;
	padding:1em;
	text-align:justify;
	background:url(imgs-NO/ff.jpg) repeat-x;
	}

form {
	background:url(imgs/ff.jpg) repeat-x top;
	padding:1em;
	}
	


.galeria1 {
width: 23%;
margin-left: 0.6%;
margin-right: 0.6%;
float: left;
margin-bottom: 1.5em;

line-height: normal;
text-align: center;
background: #fff;
padding: 0.4%;
border-radius:5px;
	
	}

.galeria1 img {
	width:100%;
	height:auto;
	margin-bottom:0em;
	
	}

.galeria1 a{
	
	}

.galeria {
	width:31.3%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	margin-bottom:1em;
	
	
	line-height:normal;
}

.galeria img {
	border-radius:10px;
	

	
	}
	
.galeriaf {
	width:31.3%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	margin-bottom:1em;
	
	
	line-height:normal;
}

.galeriaf img {
	border-radius:10px;
	

	
	}

/* botn mercado pago*/
.MP-ar-l-rn-Dl {
	font-size:18px;}

/*.galeria img {
	max-width:165px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-bottom:0.25em;
	
	}*/

.rojo {color:#C00;
	}

.columna {
	width:47%;
	margin-left:1.5%;
	margin-right:1.5%;
	float:left;

	
	
	
	}

.linea {
	border-bottom:thin dotted #222;
	margin-top:0.25em;
	margin-bottom:0.25em;
	
	}

.tipogrande {
	font-size:1.3em;
	font-family: 'Cinzel', serif;
	padding-left:1em;
	padding-right:1em;
}

.tipogrande2 {
	font-size:1.3em;
	font-family: 'Cinzel', serif;
	
}


.dosimagen {
	max-width:628px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	
	}
.dosimagen img {
	width:100%;
	height:auto;
	
	}

.naranja {
	
	color:#F60}

form {
	
	
	} 

.buscador {
	font-size:1.6em;
padding:0.2em;
margin-left:2em;

	
	}

.buscar input {
	max-width:100px;
	
	}

.topdos {
	background:url(imgs/top2.jpg) repeat; height:186px;
	 margin-top:7em; 
	 -top:thin solid #fff; border-bottom:thin solid #fff;
	 
	 }

.masgrande {
	font-size:1.5em;
	line-height:1.2em;
	}
.frase {
	text-align: center;
font-size: 3.1em;
max-width:1150px;
margin:auto;

color:#AF943B;
margin-top: 0em;
padding: 1em ;
margin-bottom: 0em;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;

	}
.titulo {
	font-family: 'Cinzel', serif;
	text-align: center;
font-size: 3.5em;

color:#AF943B;
margin-top: 0em;
padding: 0em 0.5em 1em 0.5em;
margin-bottom: 0em;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
	
	
	}

.titulo2 {
font-family: 'Cinzel', serif;
text-align: center;
font-size: 1.8em;
background: #e1eaf2;
color: #004b97;
margin-top: 0em;
padding: 1.7em 0.25em 1.7em 0.25em;
margin-bottom: 0em;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
	
	
	}

.solicitar {
	
	color:#fff;
	border:thin solid #ccc;
	max-width:200px;
	text-align:center;
	border-radius:5px;
	
	
	
	}

.solicitar a{
	color:#fff;
	display:block;
	background:#0057B0;
	padding:0.5em;
	
	}

.solicitar a:hover{
	background:#666;
		border-radius:5px;
		color:#fff;

	
	}

.topdos{
	height:150px;
	background:url(imgs/top.jpg) repeat-x;
	border-top:thin solid #fff;
	border-bottom:thin solid #fff;
	margin-top:0em;
	
	}

.derecha {
	float:right;
margin:1em 0 2em 2em;
max-width:350px;
	
	}

.derecha img {
	border-radius:5px;
	
	
	}


/*
.textura {
	background:url(imgs/textura.jpg) repeat-x;
	border-bottom:solid 2px #fff;
	margin-bottom:-0.35em;
	max-height:536px;
	overflow:hidden;
	border-bottom: solid 8px #fff;
	border-top: solid 8px #fff;
	}
.textura2 {
	background:url(imgs/textura.jpg) repeat;
	border-bottom:solid 2px #fff;
	margin-bottom:-0.35em;
	
	}*/
.sombra {
	max-width:984px;
	height:auto;
	margin:auto;}

.alineo {
	text-align:center;
	}

.repujado {
	background:url(imgs/repujado.jpg) repeat; 
	height:50px;
	margin-bottom:0em;}

.contenido {
	font-size:1.6em; color:#fff;
	max-width:1300px;
	padding: 0 2em;}


article {
	border-bottom:thin solid #FFF;
	margin-bottom:1em;}

.catalogo {
	width:75%;
	float:left;
	
	padding:0.5em;
	}
	
.catalogo img {width:35%;
float:left;
margin:0 0.5em 0.5em 0;
	
	}

.precio {
	margin-top:1em;
	width:15%;
	float:left;
	padding:0.5em;
	background-color:#CCC;
	color:#313131;
	font-weight:bold;
	text-align:center;
	
	}

.texto {
	font-size: 2.1em;
color: #222;
max-width: 1050px;
margin: auto;
padding: 0 1em;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;}

.texto2 {background:#00376F;
}

.recuadro {
	padding:0.5em;
	border:thin solid #222;
	border-radius:5px;
	
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*Plantilla Agenda*/

.izquierda {
	float:right;
	margin:0em 0em 1em 2em;
	text-align:left;
	color:#004B97;
	}
.fotossecundarias{float:none; width:100%; }.fotossecundarias img{float:right; margin: 0.25% 0.25% 0.5em 0.25%; width:16.1%;}	
.secund {
	max-width:230px;float:left;margin:0 1em 1em 0}

/*media queri///////////////////////////////////*/

.centro {
	
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto Condensed', sans-serif;}
	
@media screen and (max-width: 964px){
	
	#top {
	margin-left:0;
	margin-right:0;
	width:100%;
	text-align:center;
	float:none;}
	
	.logo {
		float:none;
		margin-top:0;}
	
	.direccion {
		

	text-align:center;
	}
	
	.superior{
	
    z-index: 0;
	}
	
	.topi { width:100%;
text-align:center;
	
	}
	
	.top{

	width:90%;	
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
		
	
}
.top img {
	max-width:400px;}

.porta {
	float:none;
	width:100%;
	
	}

.logo {
	width:95%;	
	float:none;
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;

	padding:0.03em;
	margin-bottom:0em;
	
	
	
	}
.servicio {
	text-align:center;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-top:9em;
	margin-bottom:3.5em;
	float:none;
	
		
	}

.botonera ul {
	margin-top:2em;}
.botonera li {
	width:18%;
	margin-left:1%;
	margin-right:1%;
	
	
	
	}
.central {margin-top:1em;}

.frase {
	font-size:3em;
	margin-top:1em;}


.galeriaf {
	width:90%;
	margin-left:5%;	margin-right:5%;

}

.fotossecundarias img{width:48%;margin-left:1%;margin-right:1%}
}


@media screen and (max-width: 700px){
	

	.destacado2 {
width:90%;
	}


.galeria1 {
	width:48%;

}}

@media screen and (max-width: 614px){
	
	.derecha {
	float:none;
margin:1em auto 0em auto;
width:80%;
text-align:center;
	
	}
	
	.foto {
	max-width:200px;
	float:left;
margin:1em 1em 1em 0em;
	}
	
	
	.servicio {
		margin-top: -1em;
margin-bottom:1em;
width:100%;
margin-left:0;
margin-right:0;}

.central {margin-top:-5em;}

	
.topi { width:100%;
text-align:center;
	
	}
	


.porta {
	float:none;
	width:100%;
	
	}

.logo {
	width:100%;	
	float:none;
	margin-left:auto;
	margin-right:auto;
	
	}

	
	nav {
		display:none;
		
		}
	
	.portabotones {
	height:auto;
	
	}

.menu {
	display:block;
	width:100%;
	text-align:center;
	font-size:1.1em;
	color:#222;}
		
.toogle-button { display:block;
	
	}

.toogle-button{
	display: block;
	width: 30px;
	margin:8em 1.5em 1em auto;
	background-color: #000;
	border-radius: 10px;
	padding: 10px;
}
.toogle-button span{
	display: block;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	height: 16px;
	position: relative;
	text-indent: -9999px;
}
.toogle-button span:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}

.botonera ul{
	
	margin-top:0;
		text-transform:none;
	text-decoration:none;
	width:100%;
	margin-left:0;
	
	
	}
.botonera li{
	border-radius:0;
	width:100%;
	margin-right:0;
	margin-left:0;
	border:0;
	border-bottom:#ccc 1px solid;
	margin-top:0em;
	
	
	
	
	
	}



.botonera a{
	
	display:block;
	text-decoration:none;
	padding-top:1em;
	padding-bottom:1em;
	border:0;
	border-radius:0;
	margin-right:0;
	text-align:left;
	padding-left:2em;
	
	
	
	
	}

.botonera a:hover {
	

	
	
	border-radius:0;
	
	}

.text {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	
	}

.text img {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	
	
	}




/*quienes*/

.quienes {
	text-align:left;
}


.principal{
	margin-top:0em;
	}

.fotodos {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	}

.principal {
	margin-top:1em;
	
	}
.dire {
	display:none;
	
	
	}

.tel {
	

	
	}


.red {
	width:10.6%;
	
	
	}
red img{
	
	margin-left:auto;
	margin-right:auto;
	
	
	}





.columna {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	float:none;
	margin-bottom:1em;
	
	}

.alineo {
	text-align:center;
	margin-left:0%}
	

.buscador {
	text-align:center;
	background:#fff;
	margin-left:auto;
	margin-top:-2em;
	}


.topdos {margin-top:0em;
	
	}

	
@media screen and (max-width: 655px){	
.secund{
	max-width:230px;float:none;margin:0 auto 1em auto}
}


@media screen and (max-width: 507px){
	
.central {
	border-radius:none;
	
	
	}


.tel {
	

	
	}


.top {
	margin-top:0.5em;
	
	}

.tipogrande {
	font-size:1.1em;
	
	}

.galeria {
	width:90%;
	margin-left:5%;	margin-right:5%;

}



.galeria1 {
	width:90%;
	margin-left:5%;	margin-right:5%;

}

 footer {letter-spacing:0em;
 font-size:1.2em;
}

audio {
	display:none;}
	

	
}

@media screen and (max-width: 442px){
.catalogo {
	width:100%;
	float:none;
	
	padding:0.5em;
	}
	
.catalogo img {width:95%;
float:left;
margin:0 auto;
	
	}

.precio {
	margin-top:0em;
	width:95%;
	float:none;
	
	
	}

.foto {
	
	float:none;
	max-width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
	
	}

.foto img{ max-width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;

}
.frase {
	font-size:2.5em;}
}