@font-face {
    font-family: 'HelveticaNeueLTStd25UltraLight';
    src: url('../fonts/helveticaneueltstd-ultlt.eot');
    src: url('../fonts/helveticaneueltstd-ultlt.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-ultlt.woff') format('woff'),
         url('../fonts/helveticaneueltstd-ultlt.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-ultlt.svg#HelveticaNeueLTStd25UltraLight') format('svg');
}


* {margin:0;padding: 0; color:#cfcfcf;}
a {text-decoration: none;}

html {height: 100%;}

body {

	background:#000 url("../img/blackorchid.png") repeat center top;
	font-family: 'HelveticaNeueLTStd25UltraLight';
	margin:0;
	padding:0;
  height: 100%;
}

/* Texto */

h1 {font-size: 35px;-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
    margin-bottom: 10px;
  }

a.mail {
background: transparent url("../img/txt.png") no-repeat left top;
background-size:100%;
display: block;
text-indent: -90000px;
height: 100px;
width: 400px;
margin-bottom: 260px;
}


/*Cajas */
div.contenido {
float: left;
}

div.container {
margin: auto;
width: 1000px;
overflow: hidden;
height: 100%;
display: table;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
}

div.contenidointerior {display: table-cell;
vertical-align: middle;padding: 10px;-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;}


/* Slider */

.slider {
position: relative;
width: 566px;
overflow: hidden;
float: right;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
-o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
transition: width 1s ease-in-out, left 1.5s ease-in-out;
}

.slides { 
  position: relative;
  padding: 0;
  list-style: none;
  letter-spacing: 0;
  word-spacing: 0;
  font-size: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}

.slides li { 
  display: inline-block; 
  -webkit-backface-visibility: hidden;
}

.slides li img { 
  width: 100%; 
  height: auto;
}

.slide-nav li { display: inline-block; }

.slide-nav li a {
  display: block;
  color: #444;
  background: #FFF;
  text-decoration: none;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  margin: 0 0 0 6px;
}

@media screen and (max-width: 1023px) {
body {
  color:#fff;
}
div.container {
width: 90%;
display:block;
text-align: center;
}

div.contenidointerior {
display: block;
vertical-align: middle;
padding: 0;
}

aside {
float: inherit;
max-width: 600px;
margin: auto;
margin-top: 50px;
overflow: hidden;
display: block;
margin-bottom: 50px;
background-size: 100%;
text-align: left;
}

a.mail {
margin-bottom: 30px;
}

.slider {
position: relative;
width: 100%;
overflow: hidden;
float: right;
padding-bottom: 150px;
margin-bottom: 50px;
}

div.contenido {
float: inherit;
}


}

@media screen and (max-width: 639px) {

div.contenido {
float: inherit;

}

div.container {
width: 90%;
display:block;
text-align: center;
}

div.contenidointerior {
display: block;
vertical-align: middle;
padding: 0;
}

aside{
float: inherit;
width: 100%;
margin-top: 50px;
overflow: hidden;
display: block;
margin-bottom: 50px;
text-align: left;
background-size: 100%;
}

.slider {
position: relative;
width: 100%;
overflow: hidden;
float: right;
padding-bottom: 150px;
margin-bottom: 50px;
}

a.mail {
background: transparent url("../img/txt.png") no-repeat left top;
background-size:100%;
display: block;
text-indent: -90000px;
height: 130px;
width: 100%;
margin-bottom: 20px;
}


}

#wowslider-container1 {
zoom: 1;
position: relative;
max-width: 600px;
margin: 0px auto 0px;
z-index: 90;
border: none;
text-align: left;
font-size: 10px;
border: 10px solid #fff;
}