/* <css Js Libs> */
@import url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/cupertino/jquery-ui.css');
@import url('./includes/cliente/js/plugins/DataTables-1.9.3/media/css/jquery.dataTables_themeroller.css');
@import url('./includes/cliente/js/plugins/jqueryUI.form.wizard/ehynds-jquery-ui-multiselect-widget-1.13/jquery.multiselect.css');
@import url('./includes/cliente/js/plugins/jqueryUI.form.wizard/ehynds-jquery-ui-multiselect-widget-1.13/jquery.multiselect.filter.css');
@import url('./includes/cliente/js/plugins/trentrichardson-jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css');
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
/* </css Js Libs> *//*CSS LOCAL*/
html, body {
	width:100%;
	height:100%;
	text-align: left;
}

/*Workaround para Iconos de Jquery UI inline, el img debe usar un src que apunte a una imagen vacia (spacer.gif)*/
img.ui-icon { height: 16px; width: 16px; position: relative; display: inline; border: 0px }
img.ui-icon { text-indent: 0px }
img.ui-icon { vertical-align:bottom; }
/**/
/*Añadimos un icono vacio para poder usar otras imagenes (en un img con src) mediante la mecanica de iconos*/
.ui-icon-none,
.ui-icon-empty { background:none !important}
/**//*
body {
	font-size:10px;
	line-height:1.5;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Geneva,sans-serif;
	overflow-y:scroll;
}

#page {
		background-repeat:no-repeat;
}
*/
/*Links*/
/*
a:link {
	color: #FF0000;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #00FF00;
}
a:hover,
a:focus {
	color: #0000FF;
	text-decoration:underline;
}
a:active {
	color: #FFFF00;
}
*/

/*Error*/

/*Home*/
body, html {
  height: 100%;
  width: 100%;
  /*  color: #333333;
    font-size: 13px;
    line-height: 1.6;*/
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;

}
body, h2, h4, h5, h6 {
  font-weight: 700;
}

/****** arreglo del bug de bootstrap, que al meter padding se pasa en container responsive *****/
.contenido {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.form-horizontal .form-group {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
/*************************************/

.modal-dialog, h3, h4{
   font-weight: 100;
 }
/*modificaciones barra de navegacion*/
.navbar{
    margin-top:20px;
    background: transparent;
    border: 0;
}
.navbar .container{
    /*background-color: #fff;*/
    border-radius: 5px;
    /*
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 0.2%, rgba(0, 0, 0, 0) 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%,  -moz-linear-gradient(center bottom , #666666 0px, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
     */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(78,78,78,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(78,78,78,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    opacity:0.9
}
.nav-show {
    margin-top: 0 !important;
    /*transform: translateY(0px);*/
    /*background-color: #fff;*/
    /*background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0%, -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 0.2%, rgba(0, 0, 0, 0) 99.8%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0%,  -moz-linear-gradient(center bottom , #666666 0px, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(78,78,78,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(78,78,78,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    opacity:0.9;
}
.logo{
    max-height: 23px !important;
}

.sinFondo{
    background: transparent !important;
}
.botonCabecera li {
  list-style-type: none;
}
a.enlaceNavbar {
  color: #fff !important;
}
a.enlaceNavbar:hover {
    color: #073a60 !important;
}
/*
.top-navigation {
    display: block;
    height: 82px;
    left: 0;
    position: fixed;
    top: 51px;
    transform: translateZ(0px);
    width: 100%;
    z-index: 600;
}

.nav-show {
    margin-top: -51px;
    width: 100%;
}

.nav-strict {
    margin-top: 0;
    width: 1190px;
}*/

p, li, li a {
    color: #555555;
}
a {
    color: #073a60;
    text-decoration: none;
}
a, a:focus, a:hover, a:active {
    outline: 0 none !important;
}
a:focus {
    text-decoration: none;
}
a:hover {
    color: #073a60;
    text-decoration: underline;
}

a.enlaceTerminosUso {
  cursor: pointer;
}

.lead {
  font-size: 18px;
  font-weight: 400;
}



.intro-message {
  position: relative;
  padding-top: 20%;
  padding-bottom: 20%;
}

.intro-message > h1 {
  margin: 0;
  font-size: 5em;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
  font-weight: 550  !important;
  /*color: #222;*/
}

.intro-divider {
  width: 400px;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message > h3 {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
  color: #222;
}

@media (max-width: 767px) {
  .intro-message {
    padding-bottom: 15%;
  }

  .intro-message > h1 {
    font-size: 3em;
  }

  ul.intro-social-buttons > li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }

  ul.intro-social-buttons > li:last-child {
    margin-bottom: 0;
  }

  .intro-divider {
    width: 100%;
  }
}

.network-name {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
}

.content-section-a {
  /*background-color: #f8f8f8;*/
  padding: 50px 0;
  padding-bottom: 0px !important;
}

.content-section-b {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 50px 0;
  padding-bottom: 0px !important;
}

.section-heading {
  margin-bottom: 30px;
}

.section-heading-spacer {
  border-top: 3px solid #e7e7e7;
  width: 200px;
  float: left;
}

.banner {
  padding: 100px 0;
  color: #f8f8f8;
  background: url(/imgs/lib/recursos/cabeceraWeb.jpg) no-repeat center center;
  background-size: cover;
}

.banner h2 {
  margin: 0;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
  font-size: 3em;
}

.banner ul {
  margin-bottom: 0;
}

.banner-social-buttons {
  float: right;
  margin-top: 0;
}

@media (max-width: 1199px) {
  ul.banner-social-buttons {
    float: left;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    font-size: 3em;
  }

  ul.banner-social-buttons > li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }

  ul.banner-social-buttons > li:last-child {
    margin-bottom: 0;
  }
}

footer {
  /*background-color: #f8f8f8;*/
  padding: 30px 0;
}

p.copyright {
  margin: 15px 0 0;
}

/*boton cabecera bajar a contenido*/
.scrollMenu:hover i {
    transition: all 0.2s ease-in-out 0s;}

ul.home-menu li {
    display: inline-block;
    width: 180px;
}
ul.botonCabecera{
  padding-left: 0px !important;
}
ul.botonCabecera li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.botonCabecera li i {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 24px;
    height: 80px;
    /*letter-spacing: 0;*/
    line-height: 76px;
    margin: 25px auto;
    text-align: center;
    text-decoration: none;
    width: 80px;
    background-color:rgba(72, 72, 72, 0.5);
    padding-left: 5px;
}
ul.botonCabecera li em {
    color: #FFFFFF;
    display: block;
    font-family: 'Calibri','Times New Roman',Georgia,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
ul.botonCabecera li a:hover > i {
    background: none repeat scroll 0 0 #848484;
    border: 2px solid #848484;
}

/*estilos lista proyectos */
.view {
    box-shadow: 0 0 3px #DDDDDD;
    cursor: default;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    max-height: 224px;
}
.view .mask, .view .content {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-size: 22px;
    margin: 20px 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
}
.view p {
    color: #FFFFFF;
    font-family: Georgia,serif;
    font-size: 12px;
    font-style: italic;
    padding: 10px 20px;
    position: relative;
    text-align: center;
}
.view a.info {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 10px;
    overflow: hidden;
    padding: 5px 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.view a.info:hover {
    background: none repeat scroll 0 0 #073a60;
}


@media (max-width: 400px) {
  .view h2 {
      font-size: 18px;
  }
  .view p {
      font-size: 10px;
  }
}



.portfolio-responsive h2 {
    margin-top: 0 !important;
}
.view-tenth img {
    left: 10px;
    margin-left: -10px;
    position: relative;
    opacity: 0.3;
    /*transform: scale(2);*7
    transition: all 0.6s ease-in-out 0s;
}
.view-tenth .mask {
    opacity: 1;
    /*transition: all 0.5s linear 0s;*/
}
.view-tenth h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #333333;
    margin: 20px 40px 0;
    opacity: 1;
    transform: scale(1);
    /*transform: scale(0);
    transition: all 0.5s linear 0s;*/
}
.view-tenth p {
    color: #333333;
    opacity: 1;
    transform: scale(1);
    /*transform: scale(0);
    transition: all 0.5s linear 0s;*/
}
.view-tenth a.info {
    opacity: 1;
    /*transform: scale(0);
    transition: all 0.5s linear 0s;*/
    transform: scale(1);
}
/*.view-tenth:hover img {
    opacity: 0.3;*/
    /*transform: scale(2) rotate(10deg);*/
    /*transform: scale(2);
}*/
/*.view-tenth:hover .mask {
    opacity: 1;
}*/
/*.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
    opacity: 1;
    transform: scale(1);
}*/
@media (min-width: 992px) {
  .portfolio-4-columns .mask h2 {
      font-size: 20px;
      margin-bottom: 0;
  }
  .portfolio-4-columns .mask p {
      display: none;
  }
}
/*encabezados*/
.headline {
    /*border-bottom: 1px dotted #E4E9F0;*/
    display: block;
    margin: 10px 0 25px;
}
.headline h2 {
    font-size: 22px;
}
.headline h2, .headline h3, .headline h4 {
    /*border-bottom: 2px solid #073a60;*/
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}
.headline-md {
    margin-bottom: 15px;
}
.headline-md h2 {
    font-size: 21px;
}

/* cambio de idioma */
.lan-style-switch {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    /*left: -220px;*/
    /*opacity: 0.95;*/
    position: fixed;
    z-index: 9999;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(78,78,78,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(78,78,78,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    opacity:0.9
}

.lan-style-switch:hover {
    opacity: 1 !important;
}
.lan-style-switch .switch-button {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    /*border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    color: #FFFFFF;
    font-size: 16px;
    /*opacity: 1 !important;*/
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(78,78,78,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(78,78,78,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(78,78,78,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4e4e4e',GradientType=0 ); /* IE6-9 */
    opacity:0.9
    overflow: hidden;
    padding: 4px;
    position: absolute;
    right: -48px;
    /*giramos el texto*/
    transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
}
a.switch-button{text-decoration: none; white-space: nowrap;}
.lan-style-switch .switch-button:hover {
    color: #073a60;
    cursor: pointer;
}


@media (min-width: 768px) {
  .lan-style-switch {
      top: 170px;
  }
  .proyectos {
    min-height: 254px;
  }

}


@media (max-width: 767px) {
  .lan-style-switch {
      bottom:30px;
      right: 5px;
  }

  .lan-style-switch .switch-button {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px;
      right: 0px;
      /*desgiramos el texto*/
      transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
  }
}


/*contacto*/
h4 {
    font-size: 18px;
}
label {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 22px;
}
.form-control {
    box-shadow: none;
    height: 44px;
    padding: 12px;
}
.error {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 5px;
}
.form-control:focus {
    background-color: #FFFFFF;
    border: 1px dashed #3D3D3D;
    box-shadow: none;
}
.form-control {
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    color: #444444;
}
.error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
label.error {
    background-color: #B94A48;
    border: medium none;
    color: #FFFFFF;
}
.btn {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #111111;
}
.btn:hover {
    background: none repeat scroll 0 0 #5E5E5E;
    border-color: #5E5E5E;
    color: #FFFFFF;
}
.btn-border {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #FFFFFF;
}
.btn-inverse {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
}
.btn-inverse:hover {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid rgba(150, 150, 150, 0.25);
    color: #111111 !important;
}
.btn-primary {
    background: none repeat scroll 0 0 #3D3D3D;
    color: #FFFFFF !important;
}
.btn-info {
    background: none repeat scroll 0 0 #49AFCD;
    color: #FFFFFF;
}
.btn-success {
    background: none repeat scroll 0 0 #5BB75B;
    color: #FFFFFF;
}
.btn-warning {
    background: none repeat scroll 0 0 #FAA732;
    color: #FFFFFF;
}
.btn-danger {
    background: none repeat scroll 0 0 #DA4F49;
    color: #FFFFFF !important;
}
.btn-link, .btn-link:active, .btn-link[disabled], .btn-link:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #49AFCD;
}
.btnWrapper {
    border: 1px solid #CCCCCC;
}
.btn {
    line-height: 20px;
    transition: all 0.3s ease-out 0s;
}
.btn-lg {
    border-radius: 6px;
    font-size: 18px;
    padding: 11px 19px;
}
.btn-sm {
    border-radius: 3px;
    font-size: 11px;
    padding: 2px 10px;
}
.btn-xs {
    border-radius: 3px;
    font-size: 10px;
    padding: 0 6px;
}
.btn-link {
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    padding: 0;
    text-shadow: none;
    text-transform: none;
}
.btn i:before {
    text-align: left;
}
.btn-border {
    color: #FFFFFF;
}

html body div#page div#contenido.content-section-a.contenido div.container div.row form#contactfrm div.col-sm-4 a.btn.btn-info{
    background-color: #073a60;
    border-color: #073a60;
    text-decoration: none;
}


/* MAPA PERSONALIZADO*/
#map-container { height: 350px }

a.emailContacto{
    color: #555555;
}
a.emailContacto:hover{
    color: #073a60;
}
