body { background-color:#CCC;}

* {margin:0; padding:0; border:none;}

h1 { font-family: 'Julius Sans One', sans-serif; font-size:24px; color:#000;  line-height:32px;  }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color:#191919; width:300px; font-weight:400; }

#header { width:100%; display:block; height:20%; background-color:#000; z-index:2000; position:fixed; opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */ border-bottom:8px solid #F33;}

#logo  { width:250px; height:130px; ; margin-top:5px; position:relative; display:block; float:left;}

#menu { float:right; margin-top:20px; margin-right:50px; width:900px; display: inline-block;  zoom: 1;
    *display: inline;}

#menu ul { display:inline-block; list-style-type:none; float:right; margin-top:10px; width:900px;}

#menu ul li {display:inline-block; font-family: 'Julius Sans One', sans-serif; font-size:30px; color:#F33; margin-right:15px;}

#menu ul li a { text-decoration:none; font-family: 'Julius Sans One', sans-serif; font-size:30px; color:#F33; margin-right:15px;}

#menu ul li a:hover { color:#CCC; -webkit-transition: color 500ms ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;}

#contacto { background-color:#CCC; padding-top:160px; padding-bottom:100px; }

#flowrapper { padding-top:160px; background-color:#CCC;}

#newsletter { background-color:#CCC; padding-top:160px;}

#nosotros { background-color:#CCC; padding-top:160px;}

#backabout { float:right; margin-right:90px; margin-top:-50px;}

#newstext { font-family: 'Julius Sans One', sans-serif; font-size:50px; color:#333; margin-left:120px; display:block; width:600px;}

#bajadanewstext { font-family: 'Julius Sans One', sans-serif; font-size:18px; color:#999; width:600px; line-height:22px; margin-left:125px; margin-bottom:50px;}

#suscribe  {  display:block;  position:absolute; right:100px; }

#bajadatextabout { font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color:#555; width:500px; line-height:22px; margin-left:125px; margin-bottom:50px; font-weight:100;}

#textcontact {display:block; margin-left:30px; font-family: 'Julius Sans One', sans-serif; font-size:50px; color:#F33;}

#textgaleria {display:inline-block; margin-left:30px; font-family: 'Julius Sans One', sans-serif; font-size:50px; color:#F33; margin-bottom:30px;}

#textright {  margin-left:90px; display:block; width:700px; margin-top:-65px;}

.textcontact { margin-left:123px;}

#map {  float:right; margin-top:-430px;  width:425px; height:300px; margin-right:30px; }

#formulario {width:400px; margin-left:450px;  margin-top:-350px;}

/*Font Replacement*/

@font-face {
  font-family: "Brothers";
  src: url("brotbold.eot?") format("eot"),
  url("brotbold.woff") format("woff"),
  url("brotbold.ttf") format("truetype");
}


#slides {position: relative;}

#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  left:30px;
}
.slides-navigation a.next {
  right: 30px;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding-bottom:20px;
}
.slides-pagination a {
  border: 2px solid #222;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background: #222;
}

/*Mosaic Flow*/

.mosaicflow { background-color:#333;}

.mosaicflow__column {
	float:left;
	}

.mosaicflow__item {
	position:relative;
	}
	.mosaicflow__item img {
		display:block;
		width:100%;
		max-width:500px;
		height:auto;
		}
	.mosaicflow__item p {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		margin:0;
		padding:5px;
		background:hsla(0,0%,0%,.5);
		color:#fff;
		font-size:14px;
		text-shadow:1px 1px 1px hsla(0,0%,0%,.75);
		opacity:0;
		-webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		     -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		        transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
		}
	.mosaicflow__item:hover p {
		opacity:1;
		}
		
/*contact form*/

.form-input {
	display: block;
	height: 18px;
	padding: 6px 10px;
	margin-bottom: 15px;
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-radius:         5px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	background-color: #646464;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
	behavior: url(PIE.htc);
	width: 280px;
	background: #ededed;
	border: 1px solid #dbdbdb;
	color: #999;
	position: relative;
}
textarea.form-input {
	height: 100px;
	width: 280px; 
	position: relative;
	
}
.form-btn {
	padding: 0 15px;
	height: 30px;
	font: bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
	cursor: pointer;
	border: 1px solid #0d3d6a;
	background-color: #2F57B7;
	clear: both;
	
}
.form-btn:hover {
	color: #8598C6;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}
.contact-form {
	width: 303px;
	padding: 15px;
	margin: 0 auto;
	background-color: #ffffff;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}
.formulario {
	overflow: hidden;
	background-color: #fff;
}
.column:first-of-type {
	float: left;
	position: relative;
}

.column:last-of-type {
	float: right;
	margin: 0 0 20px 40px;
}
label {
	color: #444;
	font-size: 15px;
}
label span {
	color: #ff4141;
	font-size: 11px;
}