@charset "utf-8";

body{font-size:15px}
header, .main, .sub-main, footer{padding-top:30px; padding-bottom:40px}
.main [class*='col-'],
.sub-main [class*='col-'],
footer [class*='col-']{padding-top:20px; padding-bottom:20px}
.btn-hidden{background-color:transparent; border:1px solid}
.help-block{font-style:italic}
.navbar-brand img, .footer-brand{max-width:175px;}
.navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* NAVBAR */
.navbar{border-radius:0 !important; margin-bottom:0 !important; box-shadow:0 4px 2px rgba(0,0,0,.1);}
.navbar-toggle{color:#CCC}
.nav>li>a,.dropdown-menu>li>a{font-size:13px !important;}
@media (max-width:991px){
	.navbar .header{text-align:center}
	.navbar .header .navbar-brand{float:none !important; display:inline-block;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar{text-align:center}
	.navbar-right{float:none !important; display:inline-block;}
}
.dropdown-menu {
    background-color: #393a35;
    border: none !important;
    border-radius: 4px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color:#3e3f3a;
	color:#FFF;
	}

/* CAROUSEL */
.carousel-indicators{bottom:0;}
.carousel-indicators li {
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-radius: 50%;
	-webkit-transition:all ease-in-out .25;
	   -moz-transition:all ease-in-out .25;
	    -ms-transition:all ease-in-out .25;
	     -o-transition:all ease-in-out .25;
	        transition:all ease-in-out .25;
}
.carousel-indicators li:hover {background: rgba(255,255,255,.4);}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
}
.carousel .item img{
	display:block;
	width:100%;
}
.carousel-control{
	color:#FFF !important;
	z-index:99;
	-webkit-transition:all ease-in-out .25;
	   -moz-transition:all ease-in-out .25;
	    -ms-transition:all ease-in-out .25;
	     -o-transition:all ease-in-out .25;
	        transition:all ease-in-out .25;
	}

/* PANEL PROMOCIONES */
@media (min-width:768px){
  .panel.panel-horizontal {
	  display:table;
	  width:100%;
  }
  .panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-body{
	  display:table-cell;
  }
  .panel.panel-horizontal > .panel-heading{
	  border:0;
	  vertical-align: middle;
	  width: 30%;
	  border-top-right-radius: 0;
	  border-bottom-left-radius: 4px;
	  text-align:center;
	  padding-top:70px;
	  padding-bottom:70px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  background-position:center;
	  position:relative;
  }
  .panel.panel-horizontal > .panel-heading > .btn{
	  position:relative;
	  z-index:10;
	  opacity:0;
	  -webkit-transition:all ease-in-out .2s;
	     -moz-transition:all ease-in-out .2s;
	          transition:all ease-in-out .2s;
  }
  .panel.panel-horizontal:hover > .panel-heading > .btn{
	  opacity:1;
	  -webkit-transition:all ease-in-out .2s;
	     -moz-transition:all ease-in-out .2s;
	          transition:all ease-in-out .2s;
  }
  .panel.panel-horizontal > .panel-heading:before{
	  content:'';
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  background-color:rgba(0,0,0,0);
	  z-index:0;
	  -webkit-transition:background ease-in-out .2s;
	     -moz-transition:background ease-in-out .2s;
	          transition:background ease-in-out .2s;
  }
  .panel.panel-horizontal:hover > .panel-heading:before{
	  background-color:rgba(0,0,0,.6);
	  -webkit-transition:background ease-in-out .2s;
	     -moz-transition:background ease-in-out .2s;
	          transition:background ease-in-out .2s;
  }
  .panel.panel-horizontal > .panel-body > .btn{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.panel.panel-horizontal > .panel-heading{width: 40%;}
}
@media (max-width:767px){
	.panel.panel-horizontal > .panel-heading{
	  text-align:center;
	  padding-top:100px;
	  padding-bottom:100px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  background-position:center;
	  position:relative;
  }
  .panel.panel-horizontal > .panel-heading > .btn{display:none}
  .panel.panel-horizontal > .panel-body > .btn{display:inline-block}
}
.panel{background-color:rgba(0,0,0,.05); margin-bottom:20px;}
.panel.panel-horizontal > .panel-body > h4{margin-bottom:20px;}

/* TABLAS */
.table-responsive table{
	width:100%;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	margin-bottom:20px;
}
.table-responsive table td{
	padding:10px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	text-align:center;
}
.table-responsive table tr:first-child td, .table-responsive table tr td:first-child{ font-weight:bold;}
.table-responsive table tr td:first-child{text-align:left;}
.table-responsive table tr:nth-child(even) {background: rgba(0,0,0,.05)}

@media (max-width:479px){
	.list-social>li{display:block; margin-bottom:10px}
}

/* FORMULARIOS ----------*/
form [class*='col-']{padding-top:0px !important; padding-bottom:0px !important}
.form-confirm{
	text-align:center;
	padding-top:100px !important;
	padding-bottom:100px !important;
	}
@media (max-width:479px){
  .form-confirm{
	  padding-top:50px !important;
	  padding-bottom:50px !important;
	}
}
label.error{
	font-size:14px;
	font-style:italic;
	color:#F30;
	display:block;
	padding:7px 0;
	}
.form-confirm>h1{
	font-size:7em;
}

/* MAPAS ----------*/
#mapa{height:350px; margin-bottom:20px;}

/* ICONOS SOCIALES */
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?tangjq');
    src:    url('../fonts/icomoon.eot?tangjq#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?tangjq') format('truetype'),
        url('../fonts/icomoon.woff?tangjq') format('woff'),
        url('../fonts/icomoon.svg?tangjq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="social-"], [class*=" social-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	font-size:1.5em;
	vertical-align:middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-google-plus:before {content: "\ea8b"}
.social-hangouts:before {content: "\ea8e"}
.social-facebook:before {content: "\ea90"}
.social-instagram:before {content: "\ea92"}
.social-whatsapp:before {content: "\ea93"}
.social-twitter:before {content: "\ea96"}
.social-youtube:before {content: "\ea9d"}
.social-vimeo:before {content: "\eaa0"}
.social-skype:before {content: "\eac5"}
.social-linkedin2:before {content: "\eaca"}

/* TEMA ----------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
body{
	font-family: 'Open Sans', sans-serif;
	background-color: #82C7FF;
}
.main{background-color:#FAFAFA}
footer{
	background-color:#3e3f3a;
	color:#CCC;
	font-size:13px;
	}
footer h4{color:#FFF}
footer hr{border-top-color:#555}
.carousel{border:solid 6px #FFF}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Roboto', sans-serif;}
.main h1,.main h2,.main h3,.main h4,.main h5,.main h6,
.main .h1,.main .h2,.main .h3,.main .h4,.main .h5,.main .h6{color:#82C7FF;}
.sub-main h1,.sub-main h2,.maisub-main h3,.sub-main h4,.sub-main h5,.sub-main h6,
.sub-main .h1,.sub-main .h2,.sub-main .h3,.sub-main .h4,.sub-main .h5,.sub-main .h6{color:#FFF;}
.btn-hidden, .btn-hidden:hover, .btn-hidden:focus{color:#82C7FF; border-color:#82C7FF}
.btn-hidden:hover, .btn-hidden:focus{ background-color:rgba(0,0,0,.05);}