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

@media all and (min-width: 421px){
	.galdemo1{
	width: 596px;
		}
	.navbar{
		
			top:-6000px; width:100%; 
		}
	
	
	.scroll-pane{
	
height: 290px;
	}
	body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/Pacifica/foto1.jpg);
}
div#contenedor{
	margin:0 auto;
	width:93px;
	clear:both;
	overflow:hidden;
}
div#contenedor #logo{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	text-align: center;
	position: absolute;
	width:93px;
	top: 32px;
}
div#contenedor #galeria{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	position: absolute;
	bottom: 385px;
	z-index: 4;
	width: 100%;
	left: 0px;
}
div#contenedor #galeria #galeriacontenedor{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
width: 745px;
}
div#contenedor #galeria #galeriacontenedor #galeriafoto{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	background-color:#FFF;
	padding:3px 3px 3px 3px;
	float:left;
	margin-left:6px;
	margin-right:6px;
}
div#contenedor #galeria #galeriacontenedor #galeriafotop{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	
	
	float:left;
	
	width:75px;
	height:100px;
}

div#contenedor #redes{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	margin-top: 32px;
	text-align: center;
	position: absolute;
	right:0px;
	background-color:#FFF;
	padding-right:55px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#ico1{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:50px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico1:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:50px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico2{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:170px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico2:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:170px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico3{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:290px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico3:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:290px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico4{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:410px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico4:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:410px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#titulo1{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	bottom:120px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:22px;
	left:0px;
}
div#titulo2{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	bottom:120px;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-right:55px;
	padding-left:37px;
	right:0px;
	text-align: center;
}
div#titulo3{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:35px;
	left:0px;
	z-index: 3;
	bottom: 480px;
}
div#titulo4{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:35px;
	left:0px;
	z-index: 3;
	bottom: 480px;
}
div#contenido{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	bottom:100px;
	padding-top: 30px;
	padding-bottom: 30px;
	right:0px;
	text-align: center;
	width: 100%;
	height: 290px;
}
div#contenido #barraizquierda{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #e1e3e0;
	position:absolute;
	padding-top: 5px;
	padding-left:16%;
	padding-bottom: 3px;
	text-align: center;
	padding-right: 10px;
	left: 0px;
}
div#contenido #barraderecha{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #e1e3e0;
	position:absolute;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: left;
	padding-left: 10px;
	width: 48%;
}
div#contenido #contenido0{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	padding-left:16%;
	clear:both;
	margin-bottom: 10px;
	/* [disabled]width: 68%; */
}
div#contenido #contenido1{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	padding-left:16%;
	clear:both;
	margin-bottom: 10px;
	padding-right: 16%;
	width: 68%;
}
div#contenido #contenido2{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	width: 32%;
	padding-left:16%;
	padding-top: 35px;
}
div#contenido #contenido2 #contenido2a{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 18px;
	margin-right: 13px;
	clear: both;
	margin-bottom: 5px;
	margin-top: 3px;
}
div#contenido #contenido2 #contenido2b{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 18px;
	margin-right: 13px;
	clear: both;
}
div#contenido #contenido3{
	margin:0 auto;
	overflow:hidden;
	float:right;
	right:0px;
	text-align: justify;
	width: 32%;
	padding-right: 16%;
	padding-top: 35px;
}
div#contenido #contenido3 #contenido3a{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 100%;
	margin-bottom: 5px;
}
div#contenido #contenido3 #contenido3b{
	margin:0 auto;
	overflow:hidden;
	float:right;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
}
div#contenido #contenido3 #contenido3c{
	margin:0 auto;
	overflow:hidden;
	float:left;
	background-color:#9e9f6b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}contenido #contenido3 #contenido3c:hover{
	margin:0 auto;
	overflow:hidden;
	float:right;
	background-color:#baaf82;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}
div#contenido #contenido3 #bullets{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align:left;
	margin-right: 18px;
}
div#botonera{
	margin:0 auto;
	width:100%;
	clear:both;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	background-color:#FFF;
	z-index: 3;
	text-align:center;
}
div#botonera #botonerac{
	width:750px;
	text-align:center;
}

div#subbotonera{
	margin:0 auto;
	width:100%;
	
	clear:both;
	overflow:hidden;
	position:absolute;
	bottom:53px;
	background-color:#FFF;
	z-index: 2;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#subbotonera2{
	margin:0 auto;
	width:100%;
	clear:both;
	overflow:hidden;
	position:absolute;
	bottom:53px;
	background-color:#FFF;
	z-index: 2;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#botonera #botonerac #contenedorbotonera{
	margin:0 auto;
	overflow:hidden;
	
	float: left;
}
div#botonera #botonerac #contenedorbotonera:hover{
	margin:0 auto;
	overflow:hidden;
	
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}
div#botonera #botonerac #contenedorbotonera2{
	margin:0 auto;
	overflow:hidden;

	float: left;
}
div#botonera #botonerac #contenedorbotonera2:hover{
	margin:0 auto;
	overflow:hidden;
	background-image: url(../images/boton1_on.png);
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}
div#botonera #botonerac #contenedorbotonera2 #boton{
	margin:0 auto;
	margin-top:22px;
	margin-bottom:18px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	overflow:hidden;
	padding-right: 2px;
}
div#botonera #botonerac #contenedorbotonera #boton{
	margin:0 auto;
	margin-top:22px;
	margin-bottom:18px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	overflow:hidden;
	padding-right: 2px;
}
div#botonera #botonerac #divisor{
	margin:0 auto;
	float:left;
	margin-top: 14px;
	"width:23px;
}
div#botonera #botonerac #divisor2{
	margin:0 auto;
	float:left;
	margin-top: 14px;
	
}
div#botonera#botonerac #divisor3{
	margin:0 auto;
	float:left;
	margin-top: 14px;
	
}
div#botonera #botonerac #divisor0{
	margin:0 auto;
	float:left;
	width:1px;
}

}

@media all and (max-width: 420px){
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/Pacifica/foto1.jpg);
}
div#contenedor{
	margin:0 auto;
	width:145px;
	clear:both;
	overflow:hidden;
}
div#contenedor #logo{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	text-align: center;
	position: absolute;
	top: 90px;
}
div#contenedor #galeria{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	position: absolute;
	top: 400px;
	z-index: 4;
	width: 100%;
	left: 0px;
}
div#contenedor #galeria #galeriacontenedor{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	width: 95%;
}
div#contenedor #galeria #galeriacontenedor #galeriafoto{
	margin:0 auto;
	overflow:hidden;
	text-align: center;
	background-color:#FFF;
	padding:3px 3px 3px 3px;
	float:left;
	margin-left:6px;
	margin-right:6px;
	margin-bottom:8px;
}
div#contenedor #redes{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	margin-top: 85px;
	text-align: center;
	position: absolute;
	right:0px;
	background-color:#FFF;
	padding-right:55px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#ico1{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:50px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico1:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:50px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico2{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:170px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico2:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:170px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico3{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:290px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico3:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:290px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico4{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #b2a97e;
	opacity: 0.9;
	position:absolute;
	top:410px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#ico4:hover{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #bfb487;
	opacity: 0.9;
	position:absolute;
	top:410px;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left:22px;
	padding-right:22px;
	left:0px;
	text-align: center;
	width:145px;
}
div#titulo1{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	bottom:120px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:22px;
	left:0px;
}
div#titulo2{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	bottom:120px;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-right:55px;
	padding-left:37px;
	right:0px;
	text-align: center;
}
div#titulo3{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:35px;
	left:0px;
	z-index: 3;
	top: 300px;
}
div#titulo4{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left:52px;
	padding-right:35px;
	left:0px;
	z-index: 3;
	top: 240px;
}
div#contenido{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #FFF;
	position:absolute;
	padding-top: 30px;
	padding-bottom: 30px;
	right:0px;
	text-align: center;
	width: 100%;
	
	top: 720px;
}






div#contenido #barraizquierda{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #e1e3e0;
	position:absolute;
	padding-top: 5px;
	padding-left:16%;
	padding-bottom: 3px;
	text-align: center;
	padding-right: 10px;
	left: 0px;
}
div#contenido #barraderecha{
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-color: #e1e3e0;
	position:absolute;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: left;
	padding-left: 10px;
	width: 90%;
}
div#contenido #contenido0{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	padding-left:16%;
	clear:both;
	margin-bottom: 10px;
	/* [disabled]width: 68%; */
}
div#contenido #contenido1{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	padding-left:16%;
	clear:both;
	margin-bottom: 10px;
	padding-right: 16%;
	width: 68%;
}
div#contenido #contenido2{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align: justify;
	width: 80%;
	padding-left:10%;
	padding-top: 35px;
	clear: both;
	padding-right: 10%;
}
div#contenido #contenido2 #contenido2a{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 18px;
	margin-right: 13px;
	clear: both;
	margin-bottom: 5px;
	margin-top: 3px;
}
div#contenido #contenido2 #contenido2b{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 18px;
	margin-right: 13px;
	clear: both;
}
div#contenido #contenido3{

	
	margin:0 auto;
	overflow:hidden;
	float:right;
	right:0px;
	text-align: justify;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
div#contenido #contenido3 #contenido3a{
	margin:0 auto;
	overflow:hidden;
	float:left;
	width: 100%;
	margin-bottom: 5px;
}
div#contenido #contenido3 #contenido3b{
	margin:0 auto;
	overflow:hidden;
	float:right;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
}
div#contenido #contenido3 #contenido3c{
	margin:0 auto;
	overflow:hidden;
	float:left;
	background-color:#9e9f6b;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}contenido #contenido3 #contenido3c:hover{
	margin:0 auto;
	overflow:hidden;
	float:right;
	background-color:#baaf82;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}
div#contenido #contenido3 #bullets{
	margin:0 auto;
	overflow:hidden;
	float:left;
	text-align:left;
	margin-right: 18px;
}
div#botonera{
	width:100%;
	clear:both;
	overflow:hidden;
	background-color:#FFF
	z-index: 33;
	position: fixed;
	bottom:0px;
	
	
}
.alto{width:100%; height:150px}
div#botonera #botonerac{
	width:85%;
	text-align:center;
}


div#subbotonera{
	margin:0 auto;
	width:100%;
	clear:both;
	overflow:hidden;
	position: fixed;
	
	background-color:#FFF;
	z-index: 34;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	
	bottom:110px;
}

div#subbotonera2{
	margin:0 auto;
	width:100%;
	clear:both;
	overflow:hidden;
	position: fixed;
	
	background-color:#FFF;
	z-index: 34;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	
	bottom:110px;
}

div#botonera #contenedorbotonera{
	margin:0 auto;
	overflow:hidden;
	float: left;
}
div#botonera #contenedorbotonera:hover{
	margin:0 auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}
div#botonera #contenedorbotonera2{
	margin:0 auto;
	overflow:hidden;
	float: left;
}
div#botonera #contenedorbotonera2:hover{
	margin:0 auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}
div#botonera #contenedorbotonera2 #boton{
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
	padding-right: 2px;
}
div#botonera #contenedorbotonera #boton{
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	overflow:hidden;
	padding-right: 2px;
}
div#botonera #divisor0{
	margin:0 auto;
	float:left;
	width:10%;
}
div#botonera #divisor{
	margin:0 auto;
	float:left;
	margin-top: 5px;
	margin-left:5px;
	margin-right:5px;
}
div#botonera #divisor2{
	margin:0 auto;
	float:left;
	margin-top: 5px;
	margin-left:5px;
	margin-right:5%;
	height: 1px;
	width: 1px;
	overflow:inherit;
	clear:both;
}
div#botonera #divisor3{
	margin:0 auto;
	float:left;
	margin-top: 5px;
	margin-left:5px;
	margin-right:5%;
	height: 1px;
	width: 1px;
	overflow:inherit;
	clear:both;
}

div#contenedor #logo #openlogo{
	
	  height: auto; 
    width: auto; 
    max-width: 75px; 
    max-height: 77px;
	margin-top: -665px;
	 }
	 
	.openlogo{
	
	  height: auto; 
    width: auto; 
    max-width: 67px; 
	top:5px;
	margin-top:0px;
	padding-top:0px;
	position:absolute;
	
	 }
.espacio{
	width:100%;
	height:120px;
	
	
	}
	
	div#botonera {
	top:-6000px; width:100%; height:400px;

	}
	
}