/* general styles */
html,
body {
  height: 100%;
  width: 100%;
  margin:0px;
  padding:0px;
  min-width:240px;
}

/* padded section */
.pad-section { padding: 50px 0; }
.pad-section img { width: 100%; }

/*****************HEADER***************************/
.text-vcenter {
  background:#000;
  display: table-cell;
  text-align: center;
}

#main-header {
  background: none;
  color: white;
  display: table;
  width: 100%;
}

/*****************MENU***************************/
.addMarginBottom {
  margin-bottom:50px;
}

.navbar{
	margin-bottom:0px;
	background-color:#00495f;
	border:none;
	border-radius: 0px;
}

nav.navbar > div.container{
	background-color: #00495f;
}

nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}

.navbar-default .navbar-nav > li { background: #00495f; color:#FFFFFF; }
.navbar-default .navbar-nav > li > a { color:#FFFFFF }
.navbar-default .navbar-nav > li > a:focus {background-color: #215a7c; color: #FFFFFF;}
.navbar-default .navbar-nav > li > a:hover {background-color: #215a7c; color: #FFFFFF;}

.imageheader{width:100%;max-width:1200px;}

.navbar-nav{
	margin: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #0094a6;
    color: #FFFFFF;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0px;
    margin-right: 0px;
	background-color: #00495f;
}
.navbar-default .navbar-brand{ color:#FFFFFF}
.navbar-default .navbar-toggle .icon-bar {background-color: #ddd;}
.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}
.imgheader{width:100%;max-width:1200px;}

.goToTop {
  position: fixed;
  top: 0;
  height: 52px;
  z-index: 1;
	background-color:#00495f;
}


footer { 
	padding: 20px 0; 
	background-color:#00495f;
}

/***************CONTENT********************/
.page-header {
    display: none;
}
.main {
	/*margin: 30px 0 40px;*/
	padding: 30px 0 30px;
	background-color: #fff;
}
h1{
	font-size:30px;
	font-weight:bold;
	color:#0f3e5a;
}
h2{
	font-size:30px;
	background-color: #000;
	color:#ffd600;
	font-weight:bold;
	margin-top:32px;
	margin-bottom:10px;
	padding: 10px;
}
h3{
	font-size:18px;
	font-weight:bold;
	color:#0f3e5a;
	margin-top:10px;
}

h2>a{
	color:#fff;
}

.premio-bloque{
	margin:20px 0 30px;
}
.premio{
	margin:10px 0;
}
.cnp_form {
    white-space: normal;
	width:100%;
	text-align:left;
	margin-bottom:10px;
	padding-left:20px;
	background: #674996;
	border-color:#674996;
}
.cnp_form:hover {
	background: #9b96b4;
	border-color:#9b96b4;
}

.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}

span.win_year_item{
	visibility:hidden;
}


.cajablanca{
	padding: 10px 20px;
	background: #fff;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 20px; 
  -webkit-background-clip: padding-box; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 20px; 
  -moz-background-clip: padding; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 20px; 
  background-clip: padding-box;
}

.cajaceleste{
	padding: 10px 20px;
	background: #eaf8ff;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 20px; 
  -webkit-background-clip: padding-box; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 20px; 
  -moz-background-clip: padding; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 20px; 
  background-clip: padding-box;
}

.cajaverde{
	padding: 10px 20px;
	background: #f1f7e9;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 20px; 
  -webkit-background-clip: padding-box; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 20px; 
  -moz-background-clip: padding; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 20px; 
  background-clip: padding-box;
}

.cajaazul{
	padding: 10px;
	background: #192e4d;
}

.cajagris{
	padding: 10px 20px;
	background: #f8f8f8;
}

.cajagris >div > .imgcell{
	text-align: center;
	padding: 0px 20px;
}



table.bandas {
  background-color: #eaf8ff;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 20px; 
  -webkit-background-clip: padding-box; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 20px; 
  -moz-background-clip: padding; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 20px; 
  background-clip: padding-box;
}
table.bandas tr:nth-child(odd) {
  /*background-color: #eaf8ff;*/
}

table.bandas tr:nth-child(even) {
  background-color: #fff;
}

table.bandas td {
  padding: 15px;
}

p.blanco{
	color: #fff;
}


.block_20{
	width:18%; display:inline-block; vertical-align:middle;
}
.block_30{
	width:28%; display:inline-block; vertical-align:middle;
}
.block_40{
	width:38%; display:inline-block; vertical-align:middle;
}
.block_50{
	width:48%; display:inline-block; vertical-align:middle;
}
.block_60{
	width:58%; display:inline-block; vertical-align:middle;
}
.block_70{
	width:68%; display:inline-block; vertical-align:middle;
}
.block_80{
	width:78%; display:inline-block; vertical-align:middle;
}

/*******************ZOOM IN****************/
.imgzoom img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.imgzoom:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}

.imgzoom {
  min-width:200px;
  height:300px;
  overflow: hidden;
}


/*********************MODAL*****************/
.modal-header {
    padding: 5px 10px;
}
.modal-body {
    padding: 5px;
}
.active > a > img.thumbnail{
	border:none;
    max-height: calc(100vh - 225px);
	margin-left: auto;
	margin-right: auto;
}
.active > h3 > span.win_year_item{
	visibility:visible;
}
.active > h3{
	margin:10px 5px 5px;
}
.active > p{
	margin:5px;
}
.active > .win_title{
	display:none;
}

.win_year{
	margin-top: 0px;
	margin-bottom: 10px;
}
.win_image{
	margin-bottom: 40px;
}
.win_image > h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.win_image > p {
	margin-bottom: 5px;
	line-height: 1.3;
}
.win_image > a > img.thumbnail {
	max-height: 400px;
	padding:0px;
	border:none;
}


@media (min-width:1200px){
    .auto-clear > .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear > .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear > .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear > .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear > .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear > .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear > .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear > .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear > .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear > .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear > .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear > .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear > .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear > .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear > .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear > .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear > .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear > .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear > .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear > .col-xs-6:nth-child(odd){clear:left;}
}