* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  font: 12px 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  color: #999;
}
p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
header {
  height: 109px;
  position: relative;
}
figure {
  margin: 0;
}
.izq {
  float: left;
}
.der {
  float: right;
}

#contenedor {
  max-width: 1400px;
  margin: 0 auto;
}
.center {
  width: 960px;
  margin: 0 auto;
}
.logo {
  margin: 19px 0 0 0;
  float: left;
}
.logo a {
  background: url(../img/logo.jpg) no-repeat;
  width: 282px;
  height: 63px;
  display: block;
}
nav {
  padding: 1em;
  position: absolute;
  z-index: 2;
  width: 960px; 
  margin: 87px 0 0;
  background: url(../img/nav.png) no-repeat;
  height: 47px;
}

nav ul {
  float: right;
}
nav li {
  display: inline-block;
  margin: 0 2.2em;
}
nav a {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 27px;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000;
  text-align: center;
  width: 92px;
  height: 27px;
  display: inline-block;
}
nav a:hover, nav a.activo  {
  background: url(../img/hover.png) 0 0 no-repeat;
  width: 92px;
  height: 27px;
}

.content {
  padding: 1.5em 0;
  overflow: hidden;
}

.empresa, .servicios {
  width: 290px;
}
.empresa {
  margin-right: 20px;
}
.servicios {
  margin-right: 15px;
}

.empresa h2, .servicios h2 {
  color: #323232;
  font-size: 1em;
  padding: 1em 0;
  text-transform: uppercase;
}
.empresa p, .servicios p {
  text-align: justify;
}
.empresa a, .servicios a {
  color: #089dd7;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
}
/* NOTICIAS */
.noticias {
  width: 343px;
}
.noticias h2 {
  border-radius: 5px;
  padding: 0.5em 1em;
  font-size: 1.2em;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  text-transform: uppercase;
  margin-bottom: 17px;
    background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.25, #0283e8),
  color-stop(1, #0157a0)
);
background-image: -o-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -moz-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -webkit-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -ms-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: linear-gradient(to bottom, #0283e8 25%, #0157a0 100%);
}

.noticias h3 > a {
  padding: 0 0 0.5em 0;
  color: #333;
  text-transform: uppercase;
  font-size: 0.85em;
  text-decoration: none;
}
.noticias figure {
  margin-right: 17px;
}
.noticias p {
  font-weight: bold;
}



/* FOOTER */
footer {
  clear: both;
  padding: 0.7em 0;
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.25, #0283e8),
  color-stop(1, #0157a0)
);
background-image: -o-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -moz-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -webkit-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: -ms-linear-gradient(bottom, #0283e8 25%, #0157a0 100%);
background-image: linear-gradient(to bottom, #0283e8 25%, #0157a0 100%);
}
footer p {
  color: #fff;
  text-align: center;
  margin: 0;
  font-size: 1.1em;
}




/* Slider
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
  max-width: 1400px;
  margin: 0 auto;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides > li {
  position: relative;
  padding-bottom:0
}
.flexslider .slides img {
  max-width: 100%;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
  zoom: 1;
  position: relative;
  clear: both;
  overflow: hidden;
}
/* Caption style */
.flex-caption {
    top:0;right: 20px;
    padding: 30px 20px;
    position: absolute;
    text-align: left;
    width: 220px;
    height: 421px;
    background: rgba(255,255,255, 0.7 );
}
.flex-caption h2 {
  color: #333;
  font-size: 24px;
  text-transform: uppercase;
}
.flex-caption h2 span {
  font-size: 60px;
}

.flex-caption p, .flex-caption a  {
    color: #666;
    font-size: 12px;
    line-height: 120%;
}
.flex-caption a {
  font-weight: bold;
}
.flex-caption .btn {
  position: absolute;
  width: 30%;
  right: 0;
  top: 35%;
}
/* Direction Nav */
.flex-direction-nav {
  z-index: 10;
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;

}
.flex-direction-nav li {
  list-style: none;
}
.flex-direction-nav li a {
  width: 60px;
  height: 54px;
  margin: -13px 0 0;
  background: url(../img/nav-direction.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-direction-nav li a.next {
  background-position: -70px 0;
  right: 0;
}
.flex-direction-nav li a.prev {
  background-position: 0 0;
  left: 0;
}
.flex-direction-nav li a.disabled {
  opacity: .3;
  filter:alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 80%;
  margin-bottom:1em;
}
.ie6 .flex-control-nav {
  width: 100%;
  position: relative;
  bottom: 0%;
  text-align: center;
  margin-bottom:0em;
}
.ie7 .flex-control-nav {
  width: 100%;
  position: relative;
  bottom: 0%;
  text-align: center;
  margin-bottom:0em;
}
.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-nav li:first-child {
  margin: 0;
}
.flex-control-nav li a {
  width: 19px;
  height: 19px;
  display: block;
  background: url(../img/nav-slider.png) no-repeat 0 0;
  cursor: pointer;
  text-indent: -9999px;
  font-size: 0;
}
.ie6 .flex-control-nav li a {
  height:19px;
  line-height:90%;
}
.flex-control-nav li a:hover {
  background-position: 0 -19px;
}
.flex-control-nav li a.active {
  background-position: 0 -19px;
  cursor: default;
}

/*********************** INTERIOR *******************************/
/* Contacto */

.tit-con {
  font-size: 24px;
  color: #999;
  border-bottom: 1px solid #d7d7d7;
  margin: 0 auto 35px;
  text-align: center;
  width: 185px;
  padding: 1em 0 0;
}

.contacto {
  margin: 0 25px 30px 0;
}



/* Form */
.campo {
  width:370px;
  margin:0 0 18px 5px;
}
.campo input  {
  width: 100%;
  padding: 5px;
  background:#fff;
  border:1px solid #ccc; 
  border-radius: 5px;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  ms-border-radius: 5px;
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.25, #FFFFFF),
  color-stop(1, #EBEBEB)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: linear-gradient(to bottom, #FFFFFF 25%, #EBEBEB 100%);
}
.caja-input {
    background:#fff;
    border:1px solid #ccc;
    height: 23px;
    margin-left: 5px;
    width: 370px;
}
input {
  outline: none;
}
textarea {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  resize: none;
  outline: none;

}
.textarea {
  width:370px;height:137px;
  background:#fff;
  border:1px solid #ccc;
  border-radius: 5px;
  padding: 5px; 
  margin:0 0 10px 5px;
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.25, #FFFFFF),
  color-stop(1, #EBEBEB)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 25%, #EBEBEB 100%);
background-image: linear-gradient(to bottom, #FFFFFF 25%, #EBEBEB 100%);
}

.form {
  margin: 10px 0;
  position: relative;
}
.form td.tit-campo {
  font-size: 1em;
  width:55px;
  line-height:130%;
  display:table;
  color: #999;
}

.form td.tit-mensaje {
  font-size: 1em;
  line-height:130%;
  display:table-cell;
  vertical-align: top;
  color: #999;
}
.azul {color: #19253D; text-decoration: underline;}
.enviar {
  cursor: pointer;
  color: #fff;
  width:82px;
  height:26px;
  background: url(../img/btn-enviar.png) no-repeat;
  text-indent: -9999px;
  position: absolute;
  border: none;
  right: 0;
}
/* Info */
.info {
  width: 490px;
}
.info h3 {
  font-size: 1.5em;
  padding-bottom: 0.5em;
}
.mensaje {
  list-style: none;
}
.fono, .mail {
  background: url(../img/ico-contacto.png) 0 0 no-repeat;
  height: 36px;
  padding-left: 45px;
  line-height: 36px;
  font-size: 1.2em;
  margin-bottom: 20px;
}
.mail {
  background-position: 0 bottom;
}
.mail a {
  color: #999;
  text-decoration: none;
}