@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:200,300,400);
html { height: 100%; }

body {
	margin:0px;
	background:#000;
	font-family: 'Lato', sans-serif;
	font-size:150%;
	font-weight: 200;
    overflow: scroll;
    overflow-x: hidden;
}

a{
	color:black;
	text-decoration:none;
}

.bar{
	
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:30px;
	padding-top:10px;
	padding-bottom:10px;
	
	background: rgba(0,0,0,0.51);
	color:white;
	z-index:999;
}
.menu{
	position:relative;
	width:950px;
	left:50%;
	margin-left:-475px;
	z-index:999;
}

.menu ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}
.menu li{
	color:white;
	padding-top: 2px;
	padding-bottom:5px;
	float:left;
	font-size:20px;
	font-weight:200;
	text-align:center;
	width:237px;
}
.menu li:hover{
	color: rgb(102,102,102);
}

.buttons{
	height:28px;
	padding-top:2px;
}
.photos{
	position:relative;
	width:950px;
	margin:0px;
	left:-40px;
}
.photos li{
	float:left;
	width:316px;
}
.photos img{
	max-height:300px;
	max-width:316px;
	display:block;
}
.bgpont{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	height:350px;
	background: url(../jpg/bridge.jpg) fixed  bottom center  ;
}

@media screen and (max-width: 1400px){ 
.bgpont{
background: url(../jpg/bridge.jpg) fixed;
 background-position: 0px -200px; 
}
}
.contact{
	width:99%;
	position:relative;
	top:0px;
	left:0px;
	height:700px;
	background: url(../jpg/sma.jpg) no-repeat   ;
 background-position: 0px 0px; 
}

.map{
	width:100%;
	left:-2px;
	position:relative;
	font-size:50px;
	text-align:center;
	color:black;
	padding-top:50px;
	height:300px;
	background: url(../jpg/map.png)  ;
	background-position: 0px 50%; 
}
.txt{
	padding:20px;
	top:100px;
	width:700px;
	font-size:50px;
	position:relative;
	font-weight:400;
	background:white;

}
.clear {
	clear:both;
}

.fadebox {
	color:rgba(0,0,0,1);
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(255,0,0,1);
	z-index:1001;
	-moz-opacity: 0.3;
	opacity:.30;
	filter: alpha(opacity=30);
}
.overbox {
	list-style:none; 
	text-align:center;
	color:rgba(0,0,0,1);
	display: block;
	position: fixed;
	z-index:999999;
	overflow: auto;
	top:50%;
	margin-top:-225px;
	left:50%;
	margin-left:-225px;
}

#content {
	background: #FFFFFF;
	padding:20px;
	z-index:999999;
	height:450px;
	width:450px;
	overflow:scroll;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cerrar{
	color:rgb(255,0,0);
	position:absolute;
	top:10px;
	right:20px;
}
.logo{
	vertical-align:middle;
	position:absolute;
	left:50%;
	top:80px;
	margin-left:-200px;
	z-index:99;
}
.logoltr{
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-100px;
	z-index:99;
}
.logotxt{
	position:absolute;
	font-size:300%;
	color:rgba(255,255,255,1);
	
	top:100px;
	width:475px;
	text-align:center;
	z-index:999;
}
.form_reg{
	position:absolute;
	vertical-align:middle;
	width:400px;
	height:180px;
	padding:10px;
	padding-bottom:10px;
	padding-top:10px;
	right:50px;
	top:50px;
	background:#F33;
	color:white;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	border-radius: 10px;
}
.registrateTxt{
	position:absolute;
	font-size:100%;
	background:#F33;
	color:white;
	moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	border-radius: 50%;
	top:60px;
	left:50%;
	padding-top:45px;
	margin-left:-400px;
	width:180px;
	height:135px;
	text-align:center;
	z-index:999;
}
.login{

	margin-top:10px;
	
}
.register{
	
	margin-top:65px;
	
}
.texto{
	position:absolute;
	z-index:999;
	width:475px;
	padding-top:30px;
	font-size:150%;
	text-align:center;
	padding-bottom:30px;
	background:rgba(255,255,255,0.8)
}
.button{
	background:white;
	width:110px;
	text-align:center;
	position:fixed;
	z-index:999;
	right:-10px;
	padding:10px;
	padding-right:20px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
 	border-radius: 2px;
}
.button:hover{
	
	margin-right:5px;

}
.encuentra ul,li{
	list-style:none;	
}
.encuentra{
	position:absolute;
	margin:0px;
	left:-40px;
}
.encuentra li{
	float:left;
	width:188px;
	height:188px;
	border:white 1px solid;
}
.encuentra img{
	width:190px;
}
.ri-grid{
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid-loading{
	width: 100px;
	height: 100px;
	background: transparent url(../images/loading.gif) no-repeat center center;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	content: '';
    display: table;
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
} 

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;	
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* Grid wrapper sizes */
.ri-grid-size-1{
	width: 100%;
}
.ri-grid-size-2{
	width: 100%;
}
.ri-grid-size-3{
	width: 100%;
	margin-top: -3px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 40%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}



@keyframes slidy {
0% { left: 0%; }
10% { left: 0%; }
20% { left: -100%; }
30% { left: -100%; }
40% { left: -200%; }
50% { left: -200%; }
60% { left: -300%; }
70% { left: -300%; }
80% { left: -400%; }
90% { left: -400%; }
100% { left: 0%; }
}

body { margin: 0; } 
div#slider { overflow: hidden;
border:1px white;
margin-top:0px; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}