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

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none;}
img, video { max-width:100%;}


body { font-family:'Open Sans', sans-serif, Arial, Helvetica; font-size:14px; color:#5b739f; font-weight:400; }

#top, #nav, #slide, #main, #footer { 
display:block; width:100%;
}
.cont { width:1180px; margin:0 auto;}

#top { background:#fff; }
#top h1 { width:29%; text-align:left; line-height:20px;}
#top h1, #nav-dos { display:inline-block;  vertical-align: middle; max-width:100%;}
#top a { color:#5b739f; }
#nav-dos { width:70%; text-align:right; font-size:14px; text-transform:uppercase;}
#nav-dos ul { list-style:none;}
#nav-dos li { display:inline-block; padding:8px 12px; vertical-align:top; margin-left:10px; border:solid 1px #e8ceda; font-family: 'PT Sans', sans-serif, Arial, Helvetica;}
#nav-dos li:hover { background:#f6dce7;}


#nav { background:#c988a5;  z-index:20; font-family: 'PT Sans', sans-serif, Arial, Helvetica; font-weight:400;}


#slide { height:462px; background:#d4dcec url(images/foto-home.jpg) no-repeat center top; overflow:hidden;}
#slide h2 { font-weight:300; font-size:36px; text-transform:uppercase; margin-top:140px; color:#c988a5; letter-spacing:0.5px;}
#slide h3 {font-weight:300; font-size:22px; line-height:30px; width:280px; margin-top:52px; letter-spacing:0.5px;}

#main { padding:25px 0;}
.center { background:#fff; padding:25px;}

#home-nav { display:block; margin-left:-25px;}
#home-nav .spot { width:260px; height:300px; overflow:hidden; background:#fff; margin-left:28px; display:inline-block; position:relative;}
#home-nav .spot:hover { opacity:0.8;}
#home-nav .spot h3 { background:#c988a5; color:#fff; text-align:center; text-transform:uppercase; font-size:18px; font-weight:400; height:40px; margin-top:-4px; padding-top:6px;}
#home-nav .spot h3 a { color:#fff; }
#home-nav .spot-shad { width:260px; height:20px; overflow:hidden; background:#fff url(images/spot-shadow.png) no-repeat center top; margin-left:28px; display:inline-block; margin-top:-4px;}

#home-L, #home-R { display:inline-block; margin-top:20px; vertical-align:top;}
#home-L { width:850px; }
#home-R { width:274px; padding-left:24px; border-left:solid 1px #e9ceda;  }
#home-R img { float:left; margin-right:10px;}
#home-L p, #home-R p { line-height:16px; margin-bottom:8px;}

p a {color:#5b739f;}
hr {height:1px; border-width:0; color:#e9ceda; background-color:#e9ceda; margin:20px 0;}
#col2 { margin-left:40px; width:60%;
	-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
}

#texto, #fotos {display:inline-block;  vertical-align:top; margin-top:10px;}
#texto { width:72%; padding-right:15px; border-right:solid 1px #e9ceda;  }
#fotos {width:27%;   padding-left:15px; }
#texto.sinfotos { width:100%; padding:0; border:none;}
p.titulo { color:#7a92c0;}
.center h2 {border-bottom:solid 1px #e9ceda; font-weight:300; font-size:24px; text-transform:uppercase; color:#c988a5; letter-spacing:0.5px; margin:14px 0; }
#texto > p { margin-bottom:6px;}
#fotos p { text-align:center; font-size:12px; display:inline-block; width:49%; margin-bottom:15px;}
#fotos p.direccion { text-align:left; font-size:14px; display:block; width:100%; margin-bottom:15px;}
#texto input, #texto textarea { border:solid 1px #ddd;  }
#texto input {height:22px;}
#texto input.boton { background:#c988a5; padding:0px 12px; border:none; color:#fff; text-transform:uppercase; font-size:12px;}

.page-nav { margin-bottom:10px; padding-bottom:0px;}
.page-nav .image, .page-nav .items { display:block;}
.page-nav .image { width:18%; overflow:hidden; display:none;}
.page-nav .image img{ width:100%;}
.page-nav .items { width:100%; vertical-align:top;  padding:0px; font-size:13px;}
.page-nav .items p { text-transform:uppercase; font-weight:bold; padding-bottom:5px; /*border-bottom:1px solid #7a92c0; margin-bottom:5px;*/ }
.page-nav .items ul { list-style:none; text-transform:uppercase;}
.page-nav .items ul li { display:inline-block; vertical-align:top;}
.page-nav .items ul ul { margin-left: 0px; text-transform: none; background:#c988a5; margin-top:4px;}

.page-nav .items ul.dos li {margin-right:0px; text-align:center; width:48%; font-size:11px; border:1px solid #c988a5; background:#fef8fa; padding:3px 0 0 0; }
.page-nav .items ul.dos li li{ width:auto; padding:3px 18px; background:none; border-right:solid 1px #fef8fa;
border-radius:0;}
.page-nav .items ul.dos li .noqui li{padding:3px 18px;}
.page-nav .items ul.dos li .qui li{padding:3px 25px;}
.page-nav .items ul.una li {margin-right:0px; text-align:center; width:100%; font-size:11px; border:1px solid #c988a5; background:#fef8fa; padding:3px 0 0 0; }
.page-nav .items ul.una li li{ width:auto; padding:3px 30px; background:none; border-right:solid 1px #fef8fa;}
.page-nav .items ul.cinco li {margin-right:0px; text-align:center; width:auto; font-size:11px; border:1px solid #c988a5; background:#fef8fa; padding:3px 0 0 0;}
.page-nav .items ul.cinco li li{ width:auto; padding:3px 4px; background:none; }

.page-nav .items ul li li:hover {background:#d5a4ba;}
.page-nav .items a { color:#fff; padding-left:0px; font-size:12px;}

#footer { background:#7a92c0; color:#fff; text-align:center; padding:20px 0;}
#footer a, #footer strong { color:#ffbcdb; font-weight:600;}
#footer2 { background:#7a92c0; color:#fff; text-align:center; padding:0 0 20px 0;}


#bcnis {width:100%; font-size:10px; padding:10px 0 0px 0; color:#4a628d; font-weight:600;}
#bcnis a {color:#4a628d;}

/*rounded*/
#nav-dos li, .center, #home-nav .spot, .page-nav .image img { border-radius:8px;
-ms-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-webkit-border-radius:8px;}

#texto input, #texto textarea, .page-nav .items ul.cinco li, .page-nav .items ul.una li, .page-nav .items ul.dos li { border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;}


/*gradient*/
#nav, .mobile-menu {background: linear-gradient(#c988a5, #b1718e);
-ms-background: linear-gradient(#c988a5, #b1718e);
-moz-background: linear-gradient(#c988a5, #b1718e);
-o-background: linear-gradient(#c988a5, #b1718e);
-webkit-background: linear-gradient(#c988a5, #b1718e);}

#main {background: linear-gradient(#fafbfb, #dee2e9);
-ms-background: linear-gradient(#fafbfb, #dee2e9);
-moz-background: linear-gradient(#fafbfb, #dee2e9);
-o-background: linear-gradient(#fafbfb, #dee2e9);
-webkit-background: linear-gradient(#fafbfb, #dee2e9);}

/*sombras*/
#nav, #slide { position:relative; 
box-shadow: 0px 2px 4px rgba(0,0,0,.4);
-ms-box-shadow: 0px 2px 4px rgba(0,0,0,.4);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.4);
-o-box-shadow: 0px 2px 4px rgba(0,0,0,.4);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.4);}

.menu li a { text-shadow: 1px 1px #888;}

#slide h2 {text-shadow: 2px 2px #fff;}

.center, #home-nav .spot {box-shadow: 0px 0px 4px rgba(0,0,0,.2);
-ms-box-shadow: 0px 0px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.2);
-o-box-shadow: 0px 0px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2);}








  /* Estilos del botón flotante */
        .contact-button {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background-color: #25D366;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-align: center;
            font-size: 30px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        
        .contact-button:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        }
        
        /* Estilos del formulario */
        .contact-form-container {
            position: fixed;
            bottom: 30px;
            right: -400px;
            width: 350px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            padding: 20px;
            z-index: 999;
            transition: all 0.3s ease;
        }
        
        .contact-form-container.visible {
            right: 30px;
        }
        
        .contact-form-container h3 {
            margin-top: 0;
            color: #333;
            text-align: center;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #555;
        }
        
        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
        }
        
        .form-group textarea {
            height: 100px;
            resize: vertical;
        }
        
        .submit-btn {
            background-color: #25D366;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            font-size: 16px;
            transition: background-color 0.3s;
        }
        
        .submit-btn:hover {
            background-color: #128C7E;
        }
        
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
            color: #777;
        }
		
		
		.copia-checkbox {
            margin: 10px 0;
            display: flex;
            align-items: center;
        }
        .copia-checkbox input {
            margin-right: 8px;
        }


@media screen and (max-width: 1024px){
.cont { width:1006px; }
#home-nav .spot { width:225px; height:auto;  margin-left:20px; }
#home-nav .spot-shad { width:225px;  margin-left:20px;}
#home-L { width:75%;}
#home-R { width:24%; line-height:30px;}
.page-nav .items ul li li{ padding:3px 4px !important;  }
.page-nav .items ul.cinco li { width:33%; margin-bottom:5px;}
.page-nav .items ul.cinco li li { width:auto; margin-bottom:0;}
}

@media screen and (max-width: 960px){
.cont { width:940px; }
#home-nav .spot { width:210px; margin-left:18px; }
#home-nav .spot-shad { width:210px;  margin-left:18px;}
}


@media screen and (max-width: 768px){
.cont { width:750px; }
#home-nav .spot { width:210px; margin-left:18px; }
#home-nav .spot-shad { width:210px;  margin-left:18px;}
#slide h2 { font-size:30px;}
#slide h3 { font-size:20px;}
#home-nav .spot { width:163px;  }
#home-nav .spot-shad { width:163px; }
#home-nav .spot h3 { font-size:14px; height:36px;}
#home-L, #home-R { display:block; width:100%;}
hr {width:100%; display:block;}
#home-R img {display: table-cell; float:none;}
#fotos { padding-left:12px;}
#fotos p { width:48%;}
#lightbox-container-image-box, #lightbox-container-image-data-box { width:100% !important; padding:0; }
#lightbox-container-image  img {
    max-width: 100%; }
}

@media screen and (max-width: 640px){
.cont { width:550px; }
#nav-dos { font-size:13px;}
#nav-dos li { margin-left:4px;}
#slide { background-size:auto 300px; height:300px;}
#slide h2 { font-size:24px; width:250px; margin-top:40px;}
#slide h3 { font-size:18px; line-height:24px;}
#home-nav {  margin-left:0px;}
#home-nav .spot { width:180px; margin:0 35px 10px 35px;  }
#home-nav .spot-shad { display:none; }
#texto, #fotos {display:block; width:100%; padding:0; border:none;}
.page-nav .items ul.cinco li { width:32%; margin-bottom:5px;}
}

@media screen and (max-width: 480px){
body { font-size:13px;}
.cont { width:460px; }
#nav-dos li { margin-left:2px; padding:8px 4px;}
#slide { background-size:auto 200px; height:200px;}
#slide h2 { font-size:20px; margin-top:20px;}
#slide h3 { font-size:14px; line-height:18px; margin-top:20px; width:250px;}
#home-nav .spot { margin:0 12px 10px 12px; }
#col2 {  width: 80%;}
.page-nav { display:none;}
}

@media screen and (max-width: 384px){
.cont { width:302px; }
#top h1, #nav-dos { display:block; width:100%;}
#top h1 { text-align:center;}
#nav-dos li { margin-left:0px; padding:6px 3px; margin-bottom:4px; text-align:center; font-size:98%; }
#home-nav .spot { margin:0 auto 10px auto; display:block; }
#col2 {    margin-left: 2px;  }
#texto input, #texto textarea { width:180px;  }
#texto form strong { font-size:12px;}
.page-nav .items  { width:75%;}
}