/* CSS Document */
/* 'Open Sans' */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,700');

/* 'Open Sans Condensed' */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700');

/* font-family: 'Fjalla One', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

/* FontAwesome font for social icons. Full source at http://fortawesome.github.com/Font-Awesome/ 
@import url(FontAwesome/css/font-awesome.css);*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700');

@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:100,300,700');

@import "../_slider/modal.css";

@import url('http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');



body {
	 font-size: 100%;
	 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	 line-height: 1.8;
     color: hsla(0,0%,51%,0.00);
	 background-color: #fafafa;
	 background-image: url(../_images/_Asset/Patron.svg);
	 background-size: 44px;
}

/* 
-------------------------------------------------------------- 
Tipos
-------------------------------------------------------------- 
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Saira Extra Condensed', sans-serif;
	color: #828282;

}

h1 {
	font-size: 5em;
	border-bottom: 3px solid #DBAD00;
    text-align: left;
    line-height: 1.3em;
    color: #DBAD00;
}

h2 {
	border-bottom: 1px solid #DBAD00;
    text-align: left;
    line-height: 1.3em;
    color: #DBAD00;
    font-size: 4em;
	font-weight: 100;
}

h3 {
	font-family: 'Open Sans Condensed', Arial, san-serif;
	font-size: 4em;
    line-height: 1.3em;
	}

h4 {
	font-family: 'Open Sans Condensed', Arial, san-serif;
	line-height: 1.3em;
	font-size: 3.5em;
	font-weight: 100;
}

h5 {
	font-size: 3em;
}

h6 {
	font-size: 2.5em;
}

hr {
/*  background-color:#DBAD00;	*/  
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */

}

.linkT {
	font-size: 1.3em;
	line-height: 2em;
}
p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.6em;
    font-weight: 100;
	color: hsla(0,0%,51%,1.00);
}
.Slista{
	color: rgba(0,0,0,0.51);
	list-style: none;
    text-indent: -20px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 1.8em;
    line-height: 1.6em;
    font-weight: 100;
}

.negrita {
    font-style: italic;
    font-size: 3em;
    line-height: normal;
    padding: 0px 20px 10px;
    color: cadetblue;
    border-right: 3px solid #5F9EA0;
    margin-bottom: 20px;

}

.tex-deco {text-transform:none;}
/*
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }  */


.tituloImg{
    padding: 1px 40px 20px;
    background: white;
    position: relative;
    width: 80%;
    margin: -100px auto 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
	z-index:10;

}

.wraperNoticia{
    padding: 40px;
    background-color: white;
    position: relative;
    margin: 10px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    display: flex;
	flex-wrap: wrap;
}

.img-banner{
	display: block;
	/*max-width: 100%;*/
	width: -webkit-fill-available;
	height: auto;
	margin: 0 auto;
	-webkit-box-shadow: rgba(153, 148, 132, 0.2) 0px 2px 2px, rgba(153, 148, 132, 0.2) 0px 4px 			4px, rgba(153, 148, 132, 0.2) 0px 8px 8px, rgba(153, 148, 132, 0.2) 0px 16px 16px, 			rgba(153, 148, 132, 0.2) 0px 32px 32px, rgba(153, 148, 132, 0.2) 0px 64px 64px;
	-moz-box-shadow: rgba(153, 148, 132, 0.2) 0px 2px 2px, rgba(153, 148, 132, 0.2) 0px 4px 			4px, rgba(153, 148, 132, 0.2) 0px 8px 8px, rgba(153, 148, 132, 0.2) 0px 16px 16px, 			rgba(153, 148, 132, 0.2) 0px 32px 32px, rgba(153, 148, 132, 0.2) 0px 64px 64px;
	        box-shadow: rgba(153, 148, 132, 0.2) 0px 2px 2px, rgba(153, 148, 132, 0.2) 0px 4px 4px, rgba(153, 148, 132, 0.2) 0px 8px 8px, rgba(153, 148, 132, 0.2) 0px 16px 16px, rgba(153, 148, 132, 0.2) 0px 32px 32px, rgba(153, 148, 132, 0.2) 0px 64px 64px;
	
}

/*video {
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}*/


iframe{
width: -webkit-fill-available;
height: -webkit-fill-available;
}

figure {
    margin: 0;
    overflow: hidden;
}
.pieFoto{
	position: relative;
    background-color: rgba(0,0,0,0.6);
    border-radius: 30px;
    bottom: 50px;
    color: white;
    margin: 0 20px 0px;
    padding: 0px 40px;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    left: -100%;
    transition: all 0.4s ease-in-out; 
}

.imgThumbnail {
	width: 100%;
	cursor: pointer;
	transform: scale(1);
	transition: all 0.4s ease-in-out;
}

figure:hover .pieFoto{
	left: 0%;
}
figure:hover .imgThumbnail{
	transform: scale(1.1);
}

.jumbotron {
	margin-bottom: 0px;
}
.floatRight{
	float: right;
	width: 400px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.floatLeft{
	float: left;
	width: 400px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
  .jumbotron {
	background-image: url(../_images/pleca_botones.png);
	background-repeat:repeat-x;
	background-position:top center;
	background-size: 972px;  
	background-color: #053360;
	color: #fff;
    padding: 65px 25px 25px;
	font-family: 'Roboto Condensed', sans-serif;
  }
  .wraper{
	box-shadow: inset 0 1px 0 #E5E5E5, 0 2px 8px rgba(0,0,0,0.4);
  }
  .container{
  } 
  .container-fluid {
      padding: 60px 50px;
  }
  .container-slider {
    padding: 0px;
	margin-top: -18px;
	}
  #ninja-slider ul{
	margin-bottom: 0px;
  
  }
  .bg-grey {
	z-index: 9999;
	box-shadow: inset 0 1px 0 #E5E5E5, 0 2px 8px rgba(0,0,0,0.4);
	background-color: #F2F2F2;
	/*position: fixed;*/
    left: 0;
    right: 0;
	bottom: 0;
    align-items: center;
    justify-content: center;
   }


.espacio{
	margin: 40px 0;
}

.separador{
		margin: 15px;
		border-bottom: 1px solid #DBAD00;
}
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
  }

.min-H{
	padding-top: 40px;
	min-height: 200px;
}

  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #DBAD00;
  }

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.05)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
  .carousel-indicators li {
      border-color: #DBAD00;
	  width: 20px;
      height: 20px;
      border-radius: 5px;
	  margin: auto;
  }

  .carousel-indicators li.active {
	  width: 20px;
      height: 20px;
      background-color: #DBAD00;	  
  }
.carousel-indicators {
    bottom: -70px;
}
  .carousel-control {
    width: 5%;
}

  .item h2 {
	text-indent: 1em;
  }
.eco{
	color:#14942B;
	border-bottom: 1px solid #14942B;
}

.bg-eco{
	border-color: #14942B; 
}
.torr{
	color:#133E94;
	border-bottom: 1px solid #133E94;
}
  .item h3 {
    text-align: left;
    line-height: normal;
    font-size: 3em;
  }
  .item h4 {
    text-align: left;
    line-height: normal;
    font-size: 2em;
  }
  .item span {
      font-style: normal;
  }

.figura{
  	position: relative;
/*  box-shadow: 0px 40px 20px -30px #999;*/
	opacity: 0;
	transform: translateX(200px);
	transition: all 1s ease-in-out
}

.figura.is-showing{
	opacity: 1;
	transform: translateX(0px);
	
}
	/*----------------------------
	Tablas
	----------------------------*/
#tablas {
	color: rgba(0,0,0,0.51);
}	
table { 
	width: 100%;
	margin: 0px 20px 0 20px;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
	padding: 6px;
    /* border-right: 1px solid rgba(0, 51, 102, 0.15);
	border-bottom: 1px solid rgba(0, 51, 102, 0.15); */
    color: #003366;
    text-align: center;
    font-size: 2.5em;
    font-family: 'Open Sans Condensed';
}
td { 
	padding: 6px; 
	border-right: 1px solid rgba(0, 51, 102, 0.15);
	border-left: 1px solid rgba(0, 51, 102, 0.15);
	text-align: center;
	font-family: 'Open Sans Condensed';  
  	font-size:2.2em;
}

/*Botones Descargas*/

	
.descargas a{
	text-decoration: none;
    font-weight: 700;
	line-height: 2.1em;
    color: #fff;
    background-color: #004085;
	-webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
    transition: background 1s;
    padding: 3px 6px;
    margin-left: 1px;
    text-transform: uppercase;
	}
	
.descargas a:hover,
.descargas a:focus{
	background-color:#197ce6;
	}

.bkgW{
	background-color: white;
}

  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }
  .navbar {
	margin-bottom: 0;
	background-color: #053360;
	z-index: 9999;
	border: 0;
	font-size: 1.5em !important;
	line-height: 1.42857143 !important;
	border-radius: 0;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid hsla(220, 30%, 40%, 1);
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
	color: #FFFFFF !important;
	background-color: hsla(210,90%,55%,0.58) !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
.dropdown-menu{
	background-color: #053360;
}
.dropdown-menu>li>a{
	padding: 5px 20px;
    border-bottom: 1px solid hsla(220, 50%, 26%, 1);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: #0859A8;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-size: 1.2em;
	/*text-transform: uppercase;*/
}

.nav-tabs>li>a:hover{
	color:#fff;
	cursor:default;
	background-color:hsla(210,36%,35%,1.00);
	border:1px solid #ddd;
	border-bottom-color:transparent;
}

.nav-tabs{
	background-color: #F5F5F5;
    padding-top: 10px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e1e1e1;
}

.nav-tabs>li>a {
	font-size: 1.2em;
	text-transform: uppercase;
}

.nav {
    padding-left: 40px;
    margin-bottom: -40px;
    list-style: none;
}

  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {
      visibility:hidden;
  }
  
  .slideW {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 3s;
      -webkit-animation-duration: 3s;
      visibility: visible;
  }
  @keyframes slide { 
  	0%		{ opacity: 0; transform: translateY(70%);	}
    100% 	{ opacity: 1; transform: translateY(0%);	} 
    }

  
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
	.tituloImg {
		padding: 1px 20px 20px;
		background: white;
		position: relative;
		width: 100%;
		margin: 20px auto 20px;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
		z-index: 10;
		font-size: 0.6em;}
	
  	.wraperNoticia {
		padding: 10px 0px;
		margin: 0px;
  	}
	.effect2{
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
	}
	  
    .logo {
        font-size: 150px;
    }
	  
	table { 
	width: 100%;
	margin: 0;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
	padding: 4px;
    /* border-right: 1px solid rgba(0, 51, 102, 0.15);
	border-bottom: 1px solid rgba(0, 51, 102, 0.15); */
    color: #003366;
    text-align: center;
    font-size: 1.5em;
	line-height: 1.4em;
    font-family: 'Open Sans Condensed';
}
td { 
	padding: 4px; 
	border-right: 1px solid rgba(0, 51, 102, 0.15);
	border-left: 1px solid rgba(0, 51, 102, 0.15);
	color: #000000;
	text-align: center;
	font-family: 'Open Sans Condensed';  
  	font-size:1.2em;
}
	  
  }


/*Box-Shadow*/

.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

.effect2 {
  position: relative;
}
.effect2:before,
.effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 20px;
  left: 20px;
  width: 50%;
  top: 80%;
  max-width: 50%;
  background: #777;
  -webkit-box-shadow: 0 20px 30px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 20px 30px rgba(0,0,0,0.5);
  box-shadow: 0 20px 30px rgba(0,0,0,0.5);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 20px;
  left: auto;
}


#contact-pop { display: flex; position: relative; font-family: "Roboto", sans-serif; font-weight: 100; letter-spacing: 0.5px; }
#contact-pop .contact-header { padding: 6px 0px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.28) inset; border-radius: 5px; cursor: pointer; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
#contact-pop .contact-header:hover { background-color: #21a1e1; }
#contact-pop h1 { font-size: 2.5em; /*font-weight: 300 */ line-height: normal; letter-spacing: 1px; margin: 0px; text-align: center; color: white; text-transform: uppercase; border-bottom: none;}
#contact-pop i { position: absolute; margin: 10px; top: 17px; font-size: 2em; right: 24px; }
#contact-pop p { color: #eff5ef; text-align: center; line-height: 1.2em; font-size: 2em; padding-top: 10px;/*font-family: 'Roboto', sans-serif */ /*font-weight: 100 */ /*letter-spacing: 0.5px */ }
#contact-pop .concact-content { position: fixed; margin: 0 auto; padding: 10px; bottom: -497px; right: 10%; background-color: rgba(102, 102, 102, 0.8); border-radius: 10px 10px 0 0; width: 300px; z-index: 1000; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.5); -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; }
#contact-pop .concact-content.is-open { bottom: 0px; }
#contact-pop .concact-content.is-open .contact-header { background-color: #21a1e1; }

@media (max-width: 500px) { #contact-pop { justify-content: center; }
  #contact-pop .concact-content { right: auto; } }
/*Inputs Styles */
form { text-align: center; }

input, textarea { 
	background-color: rgba(255, 255, 255, 0.8); 
	border: none; border-radius: 5px 5px 0 5px; 
	width: 100%; 
	padding: 10px 0px; 
	color: #0E4B6A; 
	text-align: center; 
	font-size: 1.5em; 
	/*font-family: 'Roboto', sans-serif */ 
}

	input:active,
	input:focus,
	textarea:active,
	textarea:focus { 
	outline: none; 
}

input[type="button"], 
textarea[type="button"] { 
	color: #eff5ef; 
	background: none; 
	border: 1px solid #21a1e1; 
	border-radius: 8px; 
	width: 45%; 
	-webkit-transition: 
	all 0.15s ease-out 0s; 
	-moz-transition: all 0.15s ease-out 0s;
	transition: all 0.15s ease-out 0s;
}
	input[type="button"]:active, 
	input[type="button"]:focus, 
	textarea[type="button"]:active, 
	textarea[type="button"]:focus { 
	outline: none; 
}
	input[type="button"]:hover, 
	textarea[type="button"]:hover { 
	cursor: pointer; 
	background-color: #21a1e1; 
}
	input[type="button"]:active, 
	textarea[type="button"]:active { 
	background-color: #21a1e1; 
}

.textGroup { 
	position: relative; 
	padding: 10px 0; 
}

.inputGroup { 
	position: relative; 
	height: 62px; 
	padding-top: 10px; 
}
.inputGroup label { 
	color: #0E4B6A; 
	font-size: 1.5em; 
	font-weight: 300; 
	/*font-family: 'Roboto', sans-serif */ 
	pointer-events: none; 
	position: absolute; 
	top: 35%; 
	left: 10px; 
	-webkit-transition: all 0.15s ease-out 0s; 
	-moz-transition: all 0.15s ease-out 0s; 
	transition: all 0.15s ease-out 0s; 
}
.inputGroup input:focus + label, 
.inputGroup input.has-value + label { 
	top: -8px; font-size: 1.2em; 
	/*font-weight: 300 */ color: #FFAA00; 
}

textarea {
    resize: none;
}