/* ===== General Content Styles ================================================
   Author: Vinco Orbis [rp]
   ========================================================================== */

/* ===== CONTAINER ============================================================= */

div {
    transition:all .2s linear;
    -o-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -webkit-transition:all .2s linear;
}
#sidebar{ float: left;}
#content{ float: right;}
#menu-select{ display: none;}
.box_banner{
  clear: both;
  margin: 0 0 10px 0;
}
.box_banner .thumb{
  margin: 0px 5px 0 0px;
}
.box_banner .thumb img{
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  padding: 3px;
  border: none
}
.box_banner h4{
  clear: both;
  font-size: 1em;
  line-height: 15px;
  padding: 5px 0;
}
#main{
  background: #fff;
  margin: 0;
  min-height: 500px;
}
#main_content{
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
}
.heading-title{
  width: 605px;
  margin: 0 auto;
  padding: 10px 0;
}
.heading-title h1{
  background: #323133;
  padding: 3px 5px 3px 15px; 
  color: #fff;
  font-size: 1.3em;
  line-height: 25px;
  margin-bottom: 10px
}
.heading-title .thumb{
  float: left;
  margin: 10px 10px 10px 0;
  background: #fff;
  text-align: center;
  padding: 2px;
  border: 1px solid #babcbc;
  box-shadow: 0px 0px 5px 1px #999;
}
.heading-title .thumb-info{
  margin: 10px;
}
.content-info{
  width: 605px;
  margin: 0 auto;
  clear: both;
  color: #000;
}
#page-article{
  background: #fff url('https://s3.amazonaws.com/club_premier/img/bg_page.png') no-repeat top center;
  width: 650px;
  float: right;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  color: #000;
}
#page-full{
  background: #fff;
  width: 100%;
  float: right;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 0 0 20px 0;
  color: #000;
}
#page-full.no-shadow{ box-shadow: none }
#page-full .content-info{ width: 95%}
#page-full .heading-title { width: 97%}
#page-full .heading-title h1{ width: 99% }

#page-article a{}
.info-row{
  border-bottom: 1px dashed #ccc;
  margin: 0 0 20px 0;
  clear: both;
}
.info-row-thumb{
  float: left;
  margin: 10px 10px 10px 0;
  background: #fff;
  text-align: center;
  padding: 2px;
  border: 1px solid #babcbc;
  box-shadow: 0px 0px 5px 1px #999;
}
.info-row .ver-mas{text-align: right}
#subastas-sidebar-title{
  color: #111;
  background: #c7c9ca;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 0 0 10px;
  line-height:40px;
  border-bottom: 1px solid #b0b1b1;
}
#nav-sidebar li{}
#nav-sidebar li a{
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0;
}
.subastas_line{
  border-radius: 0;
  border-bottom: 1px solid #b0b1b1;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 0;
  color: #222 !important
}
#nav-sidebar li:last-child a{
  border: none;
}
#nav-sidebar li.active a{
	background: none;
	color: #222
}
/*#nav-sidebar li.active a, #nav-sidebar li.active a:hover{
  background: #f5f5f5;
  background: -moz-linear-gradient(top,  #f5f5f5 0%, #9e9e9e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#9e9e9e));
  background: -webkit-linear-gradient(top,  #f5f5f5 0%,#9e9e9e 100%);
  background: -o-linear-gradient(top,  #f5f5f5 0%,#9e9e9e 100%);
  background: -ms-linear-gradient(top,  #f5f5f5 0%,#9e9e9e 100%);
  background: linear-gradient(to bottom,  #f5f5f5 0%,#9e9e9e 100%);
  color: #333;
  border: none;
}*/
#nav-sidebar li a:hover, .subastas-sidebar-table tr:hover td{
  background: #c9cbcc;
  background: -moz-linear-gradient(top,  #f4f4f5 0%, #c9cbcc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f5), color-stop(100%,#c9cbcc));
  background: -webkit-linear-gradient(top,  #f4f4f5 0%,#c9cbcc 100%);
  background: -o-linear-gradient(top,  #f4f4f5 0%,#c9cbcc 100%);
  background: -ms-linear-gradient(top,  #f4f4f5 0%,#c9cbcc 100%);
  background: linear-gradient(to bottom,  #f4f4f5 0%,#c9cbcc 100%);
  color: #222 !important;
}
.nav-tabs a{
  background: #dbdbdb;
  color: #87898c;
}
.nav.nav-tabs .active a{
  color: #87898c !important;
}
.btn-red {
  background-color: hsl(360, 98%, 27%) !important;
  background-repeat: repeat-x!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc1111", endColorstr="#880101") !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fc1111), to(#880101)) !important;
  background-image: -moz-linear-gradient(top, #fc1111, #880101) !important;
  background-image: -ms-linear-gradient(top, #fc1111, #880101) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc1111), color-stop(100%, #880101)) !important;
  background-image: -webkit-linear-gradient(top, #fc1111, #880101) !important;
  background-image: -o-linear-gradient(top, #fc1111, #880101) !important;
  background-image: linear-gradient(#fc1111, #880101) !important;
  border-color: #e62a43 #e62a43 hsl(360, 98%, 20.5%) !important;
  color: #fff !important;
}
.btn-red-subastas {
  background-color: hsl(3, 91%, 49%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f65c54", endColorstr="#ee160b");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f65c54), to(#ee160b));
  background-image: -moz-linear-gradient(top, #f65c54, #ee160b);
  background-image: -ms-linear-gradient(top, #f65c54, #ee160b);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f65c54), color-stop(100%, #ee160b));
  background-image: -webkit-linear-gradient(top, #f65c54, #ee160b);
  background-image: -o-linear-gradient(top, #f65c54, #ee160b);
  background-image: linear-gradient(#f65c54, #ee160b);
  border-color: #ee160b #ee160b hsl(3, 91%, 45%);
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
}
.btn-black {
  background-color: hsl(0, 0%, 16%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828") !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828)) !important;
  background-image: -moz-linear-gradient(top, #5b5b5b, #282828) !important;
  background-image: -ms-linear-gradient(top, #5b5b5b, #282828) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828)) !important;
  background-image: -webkit-linear-gradient(top, #5b5b5b, #282828) !important;
  background-image: -o-linear-gradient(top, #5b5b5b, #282828) !important;
  background-image: linear-gradient(#5b5b5b, #282828) !important;
  border-color: #282828 #282828 hsl(0, 0%, 11%) !important;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33) !important;
  -webkit-font-smoothing: antialiased !important;
}

.btn-gray-light {
  background-color: hsl(16, 0%, 64%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1d1d1", endColorstr="#a3a3a3");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d1d1d1), to(#a3a3a3));
  background-image: -moz-linear-gradient(top, #d1d1d1, #a3a3a3);
  background-image: -ms-linear-gradient(top, #d1d1d1, #a3a3a3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #a3a3a3));
  background-image: -webkit-linear-gradient(top, #d1d1d1, #a3a3a3);
  background-image: -o-linear-gradient(top, #d1d1d1, #a3a3a3);
  background-image: linear-gradient(#d1d1d1, #a3a3a3);
  border-color: #838383;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0, 0.29);
  -webkit-font-smoothing: antialiased;
}

.btn-gray-dark {
  background-color: hsl(0, 0%, 38%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#848484", endColorstr="#606060");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#848484), to(#606060));
  background-image: -moz-linear-gradient(top, #848484, #606060);
  background-image: -ms-linear-gradient(top, #848484, #606060);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848484), color-stop(100%, #606060));
  background-image: -webkit-linear-gradient(top, #848484, #606060);
  background-image: -o-linear-gradient(top, #848484, #606060);
  background-image: linear-gradient(#848484, #606060);
  border-color: #606060 #606060 hsl(0, 0%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
  -webkit-font-smoothing: antialiased;
}

#conoce-cp{}
#conoce-cp h1{ color: #4d4d4d; text-transform: uppercase; font-size: 1.5em; width: 160px; line-height: 25px}
.conoce-cp-button {position: relative; top: -10px; right: 90px}
.conoce-cp-button p{ float: right; }
.conoce-cp-button span{ font-weight: bold; font-size: 1.1em}

#gallery-img{ float: left; width: 455px;}
#gallery-nav{ float: left; width: 150px;}

.aling-right{float: right;}
.aling-left{float: left;}

/*** Stickers ***/

#sticker{text-align: center}
#sticker img{margin: 10px 0}

#sticker-info h3{ font-size: 18px}

#sticker-info a.ganador-sub {
  color: #000;
  text-decoration: underline;
  font-weight: normal;
}

p.user-stickerganador {
	max-width: 430px;
	color: #000000 !important;
}

#content-sticker {
	width: 750px;
	margin: 50px auto 0 auto;
}

.text-sticker {
	margin: 10px;
}

#text-sticker {
	width: 447px;
	float: right;
	margin: 25px 10px;
}

#text-sticker h2 {
	color: #000 !important;
	font-size: 18px;
}

#text-sticker p {
	margin: 20px 0;
	width: 320px;
	color: #7c7c7c;
}

#image-sticker {
	float: left;
	width: 256px;
	height: 256px;
}

#compartir-sticker {
	width: 300px;
}

#compartir-sticker .facebook {
  max-width: 180px;
  min-width: 100px;
  height: 40px;
  float: left;
  margin: 10px 0;
}

#compartir-sticker .twitter {
  min-width: 75px;
  max-width: 180px;
  height: 40px;
  float: left;
  margin: 10px 20px;
}

/*** Responsive ***/

@media (max-width: 960px) {
  #main_content{width: 99%; padding: 0 !important}
}
@media (max-width: 900px) {
  #sidebar{ clear: both; width: 95%; margin: 0 auto; text-align: center; margin-left:10px !important;}
  #menu-select{ display: block; position: relative; margin-top: -35px; z-index: 1; width: 40%;}
  #nav-sidebar{ display: none}
  #content{ clear: both; width: 98%; margin: 0 auto;}
  #page-article{width: 98%; float: none}
  .box_banner{ float: left; width: 50%; clear: none; height: auto}
  .box_banner .thumb{ float: none; text-align: center; width: 100%}
  .box_banner .thumb-info{ float: none; text-align: center; width: 100%}
  .box_banner .thumb-info .ver-mas{text-align: center;}
}
@media (max-width: 800px) {
  .modal.fade.in{top: 0;}
  #content{
	margin-top: 50px;
  }
}
@media (max-width: 690px) {
  .heading-title{
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 670px) {
  #gallery-img { width: 99%; margin: 3px auto}
  #gallery-img img{ width: 100%}
  #gallery-nav {clear: both; float: none; width: 99%;}
  #gallery-nav a{ float: left; width: 33%; margin: 0 auto;}
}
@media (max-width: 660px) {
  .heading-title, .content-info{width: 99%;padding: 0;}
  .heading-title h1{
    width: 100%;
    padding: 0;
  }
  .heading-title img{
    width: 100%;
  }
}
@media (max-width: 400px) {
  .heading-title h1{
    font-size: 120%;
  }
  .box_banner{ width: 100%; clear: both;}
}
@media (max-width: 370px) {
  #content { /*width: auto; */}
  #menu-select select{  width: 150px !important;}

}
@media (max-width: 350px) {
  .heading-title h1{
    font-size: 150%;
    padding: 5px 0;
  }

}


/* Esaim */

.cell-center{
	text-align: center !important;
}
.input-append .add-on:last-child, .input-append .btn:last-child {
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
}
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
	margin-right: -1px;
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
}
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
	margin-left: -1px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
}
.table td{
	font-size: 11px;
}
.skin1{
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
th{
	background:	#CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
}
th.subastas{
	background:	#CCC;  
  vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
  font-weight: normal !important;
}
.grayColor{
	background: #E6E6E6;
	border: 1px solid black;
	text-align: center;
	margin-bottom: 15px;
}
.grayTitle{
	background: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: white;
	text-align: left;
	font-weight: bold;
}
.underline{
	text-decoration: underline;
	font-weight: normal;
}
.goLeft{
	float: left;
	text-align: left;
}
.goRight{
	float: right;
	text-align: right;
}
.goClear{
	clear: both;
}
.clear{
	clear: both;
}
.fieldcontain.bigger {
	width: 270px;
}
.fieldcontain {
	margin: 0 20px 20px 0;
	float: left;
}
.modal-body{
  	overflow-y: auto !important;
}

.new{
  background-color: hsl(360, 98%, 27%) !important;
  background-repeat: repeat-x!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc1111", endColorstr="#880101")!important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fc1111), to(#880101))!important;
  background-image: -moz-linear-gradient(top, #fc1111, #880101)!important;
  background-image: -ms-linear-gradient(top, #fc1111, #880101)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc1111), color-stop(100%, #880101))!important;
  background-image: -webkit-linear-gradient(top, #fc1111, #880101)!important;
  background-image: -o-linear-gradient(top, #fc1111, #880101)!important;
  background-image: linear-gradient(#fc1111, #880101)!important;
  border-color: #e62a43 #e62a43 hsl(360, 98%, 20.5%)!important;
  color: #fff !important;
  font-size: 0.9em;
  text-transform: lowercase;
  padding: 0 5px 2px 5px;
  position: relative;
  top: -2px;
  margin: 0 0 0 10px;
  border-radius: 3px;
}
#inboxButtons{
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.nav-tabs>.active>a.cmsNav,.nav-tabs>.active>a.cmsNav:hover{
  color:#87898c;
  background-color:#fff !important;
  border:1px solid #aeb0b3 !important;
  border-bottom-color:transparent !important;
  cursor:default !important;
}
.nav-tabs>li>a.cmsNav{
 padding-top:6px !important;
 padding-bottom:6px !important;
 line-height:18px !important;
 border:1px solid transparent;
 -webkit-border-radius:7px 7px 0 0 !important;
 -moz-border-radius:7px 4px 0 0 !important;
 border-radius:7px 7px 0 0 !important; 
}
.nav-tabs>li>a.cmsNav,.nav-pills>li>a.cmsNav{
 padding-right:12px !important;
 padding-left:12px !important;
 margin-right:0 !important;
 line-height:14px;
}

@media (max-width: 900px) {
  #beneficiaryButtons{
  	clear: both;
  	margin-bottom: 20px;
  }
}
@media(max-width:780px){
	#sticker-info h3{
		width: 160px;
		margin: 0 auto;
	}
	.user-stickerganador{
		margin: 0 auto;
		width: auto;
		max-width: 430px;
		text-align: justify;
	}
	#compartir-sticker{
		margin-left: auto;
	}
}
@media (max-width: 760px) {
	#groupsTable{
		min-height: 110px !important;
	}
	.fieldcontain{
		margin-left: 3px !important;
	}
}
@media (max-width: 630px) {
	#repeatPass{
		margin-left: 15px;
	}
	#corpStatementB{
		margin-top: 7px;
	}
}
@media (max-width: 500px) {
  #accountNumber{
  	display: block;
  	margin-bottom: 5px;
  }
  #familyButton{
  	display: block;
  	margin-top: 5px;
  	border-radius: 30px;
  }
}
@media (max-width: 450px) {
	#logoAct{
		margin-top: 5px !important;
	}
}
@media(max-width: 420px){
	#enrollFindB{
		display: block;
		margin-left: 0 !important;
	}
	.enrollField{
		width: 280px !important;
	}
	.alert{
		width: 250px;
	}
}

/*** Dulce ***/

@media(max-width: 960px){
	#bestbuyLogo{
		margin-top: 20px;
	}
}
@media (max-width: 900px) {
	#divFormI{
	    text-align:left;
	    width:204px !important;
	    float:none !important;
	    margin:auto;
	}
	#btnAct{
	    margin-left:50px !important;
	}
	#btnAct2{
	    margin-left:90px !important;
	}
}
@media(max-width:600px){
	#formTickets{
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	#btnTickets{
		margin-top: 10px;
	}
}
@media(max-width:470px){
	#imgT{
		display:none;
	}
}

/*diseño mis datos Dulce*/
.datosGe h1 {
    font-weight: normal;
  }
  .datosGe a {
    font-weight: normal;
  }
  .datosG label{
    display: inline;
  }
  .datosG input[type="text"], .datosG input[type="password"]{
    background-color: #fff;
    width:110px;
    color: rgb(0, 0, 0);
    margin-left: 5px;
  }
  .datosG .labelG{
    width: 25%;
    float: left;
    text-align: right;
    margin-left: -10px;
  }
  .datosG select{
    margin-left: 5px;
  }
  .datosG textarea{
    width: 300px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: transparent;    
    resize:none;
  }
  .datosG input.campoDatos{
    width: 140px;    
  } 
  .controlAc{
    display:inline;
  } 
  .espacio{
    margin-right: 20px;
  }
  #btnG{
    margin-left:200px;
    margin-bottom: 10px;
  }
  .acomodar{
    margin-left:189px;
  }
  #nipTel label{
      margin-left:20px;
    }
  #spanPrincipal{
    margin-left:180px;
    font-size: 11px;
  }
  .direcc .radio-box, .direcc .radio-box2{
    margin-top: -14px;
    margin-left: 10px;
  } 
  @media(max-width: 900px){
    #nipTel{
      margin-left:-28px;
    }
  }
  @media(max-width: 790px){
    #lenguaje{
      margin-left:-130px;
    }    
     #spanPrincipal{
      margin-left:140px;      
    } 
    .direcc .radio-box, .direcc .radio-box2{
      margin-left: -32px;
    }
  }  

  @media(max-width: 730px){
    #btnG button{
      float:none !important;
      margin-left:178px;
    }
     #lenguaje{
      margin-left:-9px;
    }

  }
  @media(max-width:660px){
      #nipTel {
        margin-left: -5px;
      }
  }
  @media(max-width: 610px){
    #controlAc input{
      width:100px;
    }
    #btnG{
      margin-left: 40px;
    }
    .datosG textarea{
      margin-right: 0px;
      width: 275px;
    }
    #nipTel {
      display: block;
      margin-left: 47px;
    }
   
     #spanPrincipal{
      margin-left:130px;      
    } 
    .direcc .radio-box, .direcc .radio-box2{
      margin-left: -40px;
    } 
  }
  @media(max-width:500px){
    .datosG #middleNameMember{
      margin-left: 114px;
    }
    #lenguaje{
      width:12%;
      margin-left: -57px;
    }
    .datosG textarea{
      overflow-y:hidden;
      width:190px;
      margin-right: 0px;
    }
    #nipTel{
      display:block;
    }
    #nipTel label{
      margin-left:-82px;
    }
    .acomodar{
      margin-left:112px;
    }
    #residencia input {
      margin-left: 2px;
    }
    #nipTel {
      display: block;
    }
     #spanPrincipal{
      margin-left:104px;      
    } 
  }
  @media(max-width:330px){
    .datosG input.inputApe{
      margin-left: 74px !important;
    }
    #genero{
      display:block !important;
      margin-bottom: 10px !important;
    }   
    #lenguaje{
      width:57px !important;
      margin-left: 12px !important;
    }   
    #residencia{
      display:block !important;
    }
    #residencia label{
      width:25%;
      float:left;
      text-align:right;
      margin-left:-10px;
    }
    #linkDatos{
      width: 300px;
    }
    #linkDatos a{
      margin-left: -60px;
    }
    .datosG textarea{
      margin-left: 0px;
    }
    .datosG .linkEditar{
      margin-left: 24%;
    }
    .acomodar{
      margin-left:100px;
    }
    .acomodar a {
      display: block;
      margin-bottom: -2px;
    }
    #btnG{
      margin-left: 25px !important;
    }
    #btnG button{
      margin-left: 83px !important;
    }
    #controlAc label{
      margin-left:10px;
    }
    #nipTel label{
      margin-left: -82px !important;
    }
    #spanPrincipal{
      margin-left:66px !important;      
    }  
	.textA{
		margin-left: -18px;
	}
  }
#caja #nav-sidebar
{
  margin-top: 1em;
}
#caja #nav-sidebar li
{
  padding: 0 5px;
}
#caja #nav-sidebar li .hrcolor
{
   height: 1px;
   border: 0;
   color: #666;
   background-color: #c6c8c9;
   margin: 0.8em auto;
   width: 90%;
}
#caja #nav-sidebar li a{
  color: rgb(0, 133, 221);
  font-size: 1em;
}
#caja #nav-sidebar li a:hover
{
   text-decoration: underline;
}
#caja #nav-sidebar li p
{
  display: block;
}
#caja #nav-sidebar li a:hover
{
 background: none;
 text-decoration: underline;
}