body {	color:#333;	font:400 15px/15px Raleway,Arial,Helvetica;background:#eee; -webkit-font-smoothing:antialiased; background:#fff; }

a{color:#00a9c6; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
text-decoration: none;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h2{font:400 3em Cinzel,Arial,Helvetica;color: #333;margin-bottom: 1em;font-size: 2em;}
h3{color: #DFB533;margin-bottom: 1em;font-size: 1.5em;}
h4{color: #eb9909;margin-bottom: 0.5em;font-size: 1.25em;}

/*ESTO QUIERE DECIR QUE DESDE 0 HASTA 580px*/
@media screen and (max-width:940px) {
.img-logo {
  width: 100%;
  max-width: 130px !important;
}
.menu {
  text-align: center !important;
  top: 0px !important;
   width: 100% !important;
   position: static !important;  
   padding-right: 0px !important;
   margin-left: 0% !important;
}
.menu a {
  border-bottom: 1px dotted grey;
 margin:0px !important;
  display: block !important;
  padding: 7px;
}

h1.logo {
  background-color: white;
  background-size: 50px auto;
  color: #000;
  position: static !important; 
  text-align: center;
  width: 100%;
  z-index: 10000;
  padding-left: 0px !important;
}
.carousel {
  margin-top: 0px !important;
}
.posterTres60 {
 
  max-width: 100% !important;
 
}
.video {

  width: 100% !important;
}
.caption {
 
  display: none !important;
}
}
@media screen and (min-device-width: 941px) and (max-device-width: 1555px) {
.caption {
  top: 40% !important;
  width: 350px !important;
}
.caption h2 {
  font-size: 1.5em !important;
 
}
.caption p {
  font-size: 0.8em !important;
}
}
/* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*/
#galeria {margin-top:95px;
position:static;}

.textodescripcion {
  color: #68573f;
  font-family: Cinzel;
  font-size: 1.3em;
  padding-left: 15px;
}
.iconcolor {
  color: #68573f;
  font-size: 0.5em;
}
.iconcolormemoria {
  color: #68573f;
  font-size: 8em;
  margin-left: 40px;
}
.textoespecial {
  border-top: 1px solid grey;
  display: block;
  font-size: 0.9em;
  margin-top: 40px;
  padding-top: 20px;
  text-align: justify;
}
.textoespecialmemoria {
  border-right: 1px solid grey;
  display: block;
  font-size: 1.1em;
  line-height: 30px;
  padding-right: 30px;
  text-align: justify;
}
.video {
  display: block;
  margin: 0 auto;
  width: 70%;
}
	/* 360 */

html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#plano.posterTres60 a#plano-boton-adit {
animation: parpadeo 1s;
-webkit-animation: parpadeo 1s;
-moz-animation: parpadeo 1s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;

  background-image: url("../images/botoncasas.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  height: 100%;
  opacity: 0.0;
  position: absolute;
  width: 44.8%;
}
@keyframes parpadeo {
0% {opacity: 0.0;}
50% {opacity: 0.2;}
100%{opacity: 0.0;}
}

@-webkit-keyframes parpadeo {
0% {opacity: 0.0;}
50% {opacity: 0.2;}
100%{opacity: 0.0;}
}
#adit {display:none; visibility:hidden;}
#plano-boton-back-adit{background-image: url("../images/back.png");
    width: 13%;}	
	
#plano {visibility:visible; display:block;}
.posterTres60 {
  margin: 0 auto;
  max-width: 70%;
  position: relative;
}


html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360pa {
    background-image: url("../images/icono360pa.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 13%;
    position: absolute;
    width: 13%;
}
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360pa:hover {
	 background-image: url("../images/icono360pa-on.png");}



html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360a {
    background-image: url("../images/icono360a.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 13%;
    position: absolute;
    width: 13%;
}
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360a:hover {
	 background-image: url("../images/icono360a-on.png");}


html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360b {
    background-image: url("../images/icono360b.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 13%;
    position: absolute;
    width: 13%;
}
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360b:hover {
	 background-image: url("../images/icono360b-on.png");}
	 
	 
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360c {
    background-image: url("../images/icono360c.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 13%;
    position: absolute;
    width: 13%;
}
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360c:hover {
	 background-image: url("../images/icono360c-on.png");}	 
	 
	 
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360cl {
    background-image: url("../images/icono360club.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 13%;
    position: absolute;
    width: 13%;
}
html body#home div#visitavirtual.contact div.container-fluid div.row div.col-sm-12 div#adit.posterTres60 a.icono360cl:hover {
	 background-image: url("../images/icono360club-on.png");}		 


	.posterTres60 a {
   
    background-repeat: no-repeat;
    background-size: 80% auto;
    display: block;
    height: 8%;
    position: absolute;
    width: 5%;
}		   
			   
.aviso {
  color: white;
  font-family: Verdana;
  font-size: 0.7em;
  margin-top: 20px;
}			   
	 
.posterTres60 a:hover {
	background-image: url("../images/icono360-off.png");
} 
.imgper { height: auto;
    max-width: 100%;
	border-radius: 15px;}
	/* 360 */
	
	
/* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*//* MIS ESTILOS*/

/*button*/
.btn{border-radius: 0;border:none;padding:0.75em 2.5em; }
.btn i{margin-right: 5px;}
.btn-warning{background: #eb9909;color: #000;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{color: #333;}
/*button*/

.form-control{border:none;border-radius: 0;box-shadow: none;background-color:#eee; }

.ab-wrap{display: table;height: 100%;width: 100%;}
.ab-center{display: table-cell;vertical-align: middle;position: relative;}

/*header* background: url(../images/logo.png) 10px center no-repeat #fff; */
h1.logo {
  background-color: white;
  background-size: 50px auto;
  color: #000;
  font: 800 4em/60px Raleway;
  left: 0;
  padding-left: 66px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
h1.logo a{color: #333;}
.img-logo {
  max-width: 115px;
  width: 100%;
}
.menu {
 
  left: 0;
  margin-left: 20%;
  padding-right: 40px;
  position: fixed;
  text-align: right;
  top: 40px;
  width: 80%;
  z-index: 10000;
}
.menu a{color: #000;margin:0 11px;}
.galleryBajar {margin-top:25%;}
/*header*/

/*banner*/
.carousel{background-color: #000;z-index: 1000;}
.carousel-inner > .item{text-align: right;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{display: inline;width: 100%;}
.carousel-control{background: none !important;width: 7%;}
.carousel-control i{top: 50%;position: absolute;margin-top: -30px;color: #999;text-shadow: none;}

.next-prev a {
  background-color: rgba(134, 112, 81, 0.9);
  border-radius: 10px;
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 42px;
  margin-left: 1px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}
.next-prev a.left{left: 0;}
.next-prev a.right{right: 0;}
/*banner*/

/*intro*/
.caption {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  border-radius: 20px;
  left: 100px;
  padding: 1.5em;
  position: absolute;
  text-align: left;
  top: 70%;
  width: 550px;
}
.caption h2 {
  color: #68573f;
  font-family: Cinzel;
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
.caption p {
  color: grey;
  font-family: Raleway;
  font-size: 0.97em;
  line-height: 1.5em;
  margin: 0;
}
/*intro*/

/*about*/
.about{padding: 100px 0; }
.about .panel-group .panel{border-radius: 0;border: none;}
.about .panel-default > .panel-heading{border-radius: 0;padding: 0;background-color:#eee; }
.panel-title{font-size: 1.35em;}
.panel-title > a{display: block;padding:1.5em;}
.panel-title > a:hover{text-decoration: none;background-color:rgba(0,0,0, 0.1);color: #fff;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border:none;line-height: 1.5em;font-size: 1.15em;}
.panel-body{padding:2em;background-color:#fff;}
/*about*/

/*gallery*/
.gallery .product{position: relative;margin-bottom: 30px;}
.gallery .product .overlay{opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:rgba(255,255,255,0.9);cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.gallery .product:hover .overlay{opacity: 1; }
.gallery .product h3{color: #333;margin-bottom: 0.5em;}
.gallery .product p{color: #666;font-weight: bold;}
.gallery .product .btn{padding: 0.5em 1.5em;background-color: #333;color: #fff;text-shadow:none;}
.gallery .product .btn:hover{background-color: #74a22b;color: #000;}
/*gallery*/


/*contact*/
.contact{padding: 100px 0;color: #aaa;}
.contact .btn{width: 100%;}
#map{height: 400px;}
/*contact*/

/*footer*/
.footer{background-color: #222; padding: 2em 0; color: #666;}
.footer a{color: #aaa;}
.footer .social{margin-bottom: 2em;}
.footer .social a{color: #fff;font-size: 1em;margin-right: 10px;}

/*footer*/

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}

@media (max-width: 900px) {
	.caption{top: 30%;}
	.contact{padding:50px 0; }
}

@media (max-width: 767px) {
	body{font-size: 13px; line-height: 13px;}
	h1.logo{font:800 2.25em Raleway;line-height: 90px;width: auto;right: 0;line-height: 55px;}	
	h2{font-size: 1.25em;}
	.menu{top:55px;right: 0;width: auto;text-align: center;}
	.carousel{margin-top: 88px;}
	.btn{padding: 0.5em 1.5em;}
	.caption{display: none;}

	.about{padding: 40px 0;}
	.panel-title{font-size: 1em;}
	.panel-title > a{padding: 0.75em;}

	.next-prev{display: none;}
	#map{height: 200px;}
}