body, html{height: 100%; font-family: 'Source Sans Pro'!important;  }
body{font-family: Arial;  font-size:16px; margin: 0; padding:0}
img{border:0px}
form{margin:0px}
div, input, textarea{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
h1,h2,h3{font-family: 'Source Sans Pro'!important; color:#212b35; font-weight: lighter; margin-bottom:0px}
h2{ font-size:50px; font-weight:bold; text-transform:uppercase; margin:85px 0px 50px 0px}
.blue{color: #4c95c8;}
/************************* HEADER *********************************************/
header{display: block; width: 100%; text-align:center; background-color: #212b35;  z-index:3; position:relative; }
header .inner-block{ text-align:left; display:inline-block; width:100%; }
header .inner-block .logo{display:inline-block; width: 310px; height: 70px;  background: url("../images/tarjetaexpress.png") no-repeat; text-indent: -2999px; }
header .menu{display:inline-block; float:right;  margin-top:10px }
header .menu .loginmenu{color:#CCC}
/******************************************************************************/
/*************************  MAINCONTAINER *************************************/
#holder{min-height: 100%; position:relative; display:inline-block; width:100%;  }
#MainContainer{min-height: 300px;  height: auto; width: 100%; position: relative; display: block; margin-bottom: 320px; text-align:center; clear:both; }
#MainContainer #content {display:block;  }
#MainContainer #content #privacidad, #MainContainer #content #condiciones{max-width: 920px; margin: 0 auto; }
#MainContainer #content #privacidad h5, #MainContainer #content #condiciones h5{font-size: 16px;}
.MainOp{display:block; max-width: 770px;  margin: 0 auto;position: relative; height: auto; padding: 15px;  }

#valContent{display: inline-block; padding:15px 0px 45px 0px; text-align:center; width:100%; max-width:1075px;  background:url(/images/shadow.png);  }
#valContent li{display: inline-block; width: 140px; height: 140px; border: 1px solid #af041b; border-radius:5px; margin: 5px; background:#af041b; }
#valContent li label {line-height: 140px;vertical-align:middle; display: block; position:relative;text-align: center; color: #FFF; font-size:50px; font-weight:lighter; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
#valContent li label span{font-size:17px; position:absolute; bottom:0px; left:0px; height:45px; line-height:19px;  width:100%}
#valContent li input {display: none;}
#valContent li.disabled{background:#212b35; border: 1px solid #212b35;}
#valContent li.disabled label{}
#valContent .cupon_plata{display:block; width:100%; height: 65px; margin-bottom:20px; text-align:left; padding:0px!important; text-indent:75px}

.container{max-width:1145px; display:inline-block; width:100%; position:relative;}
.MainBkg{display:block; background:url(/images/background.jpg) no-repeat; background-size:100%; border:solid 1px transparent}
.MainBkg h3{ font-size:35px; font-weight:300; color:#212b35;  margin-top:0px; margin-bottom:50px; }

#infoContent{display: block; position: relative; height: auto;  width: 100%;  text-align:center; padding: 10px 0;}
#infoContent .info-block {display: block;max-width: 500px;margin: 0 auto;min-width: 250px;}
#infoContent .info-block h3 {float: left;clear: both; width: 100%; font-size: 20px;}

.tarjAccept, .garantia{display:inline-block!important}

.img-list {list-style: none; display: inline-block; padding: 0px}
.img-list li {display: inline-block;margin: 5px 10px;}


#msgFeddback{display:block; text-align:center;  text-indent:0px;}
#msgFeddback.error{color:red}
/* ----------------------------------------------------------------------------------*/
.cnt{display:inline-block; max-width:1045px; text-align:left; width:100%; position:relative; padding:0px 0px;  text-align:center }
.cnt.margin{padding:0px 15px;}
.cnt.noborder{border:0px;}

div.table{display:table}
div.table .row{display:table-row}
div.table .row li{display:table-cell; list-style:none; padding:5px 25px 5px 0px; vertical-align:top!important}
div.table .row li span{ font-weight:700}
div.table select{width:100%!important; margin-bottom:15px}

/* BOTTOM ----------------------------------------------------------------------------------*/
footer {background:#fffaef;  border-top:solid 12px #af041b; display: block; width: 100%;  position: absolute; left:0; bottom:0; font-size:16px;  height:320px; text-align:center; font-family: 'Source Sans Pro', sans-serif; }
footer  .cnt{margin-top:70px}
footer table{display:inline-table; width:100%px;}
footer table td{width:50%; vertical-align:top; font-size:18px; line-height:30px; }

.feedback{display:inline-block;  font-style:italic; background:#fff; color:#4e4f4f; border-radius:8px;  text-align:left }
.feedback div{padding:10px 10px 10px 40px;  background-size:32px!important; font-size:16px }
.feedback .warning{background:url(/images/ico128/warning.png) no-repeat 5px center;}
.feedback .ok{background:url(/images/ico128/ok.png) no-repeat 5px center;}


.otherProducts{ background:#212b35; text-align:center; padding:45px 0px;}
.otherProducts h3{color:#d1d3d5; font-size:45px; font-weight:bold; text-transform:uppercase; margin-top:15px}
.otherProducts .container{ background:#212b35; display:inline-block; width:100%}
.otherProducts .slider{ display:block; width:100%; position:relative; height:93px; }

.smodwindow{display:block; min-height:200px; position:absolute; top:0px; background:url(/images/shadow_dark.png);width:100%;  z-index:2; }
.smodwindow.error{background:url(/images/shadow_red.png);}
.smodwindow .container{ }
.smodwindow .smodclose{display:block; width:30px; height:30px; position:absolute; right:5px; top:15px;background:url(/images/close.png) no-repeat; cursor:pointer; }

.smodwindow h1{ font-size:45px; color:#d1d3d5; font-weight:bold; text-transform:uppercase}
.smodwindow p, .smodwindow a, .smodwindow a:hover{color:#d1d3d5;}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
padding:4px!important; 	
}

.form{display:inline-block; width:100%; max-width:740px}

.greybkg{background:#c7c6c0;}
.menuLinks{ font-size:30px; margin:40px 10px}
.menuLinks a{display:inline-block; border-right:solid 2px #000; line-height:30px; padding:0px 8px }
.menuLinks a:last-child{border:0px}

.mainP{display: inline-block; width:250px; height:235px; background:url(/images/square.png); margin:0px 7px 15px 7px; cursor:pointer; }
.mainP img{margin-top:80px; }
.slickHidden{ visibility:hidden; height:0px; overflow:hidden; position:absolute}

@media (max-width: 768px){
    h1{font-size:25px;}
   
    /* HEADER ----------------------------------------------------------------------------------*/
	header .inner-block-left .logo{ margin-top:15px; }

}

@media (max-width: 480px){
    .o480{display:block!important}
    .h480{display:none!important;}
	
	h1, h2, h3{font-size:20px!important;}
    p{font-size:13px}
    section{padding:18px 0px;}
    ol{padding:0px 20px}
    ul{padding:0px 20px}

    .vbutton{ font-size:16px!important; display:block; text-align:center; margin:7px 0px 7px 0px; width:80%}
    a.vbutton{line-height:35px; height:35px;  }
    
    div.table{display:block; font-size:13px}
    div.table .row{display:block}
    div.table .row li{display:block;}
    
    .MainOp{padding: 0px; margin-bottom:0px}
    
    /* HEADER ----------------------------------------------------------------------------------*/
	header{height: 50px; margin:0px!important; padding-top:0px; overflow:hidden; }
	header .inner-block-left{width:100%;  height:100%; padding:0px 0px 0px 10px; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
	header .inner-block-left h2{display:none}
	header .inner-block-left .logo{ background-size:100%, auto; width: 220px; margin-top:15px; }

	/* BOTTOM ----------------------------------------------------------------------------------*/
	#MainContainer{margin-bottom: 90px;}
	footer{height:90px;  overflow:hidden }
	footer .cnt{text-align:center; }
	footer .table{ display:inline-table;}
	footer .table .cell:first-child{text-align:right!important;}
	footer .table .cell.c480{display:table-row!important; border:solid 1px;}
	footer .table .table{margin:10px auto 10px auto}
}




.carouselar__navigation__index {display:none}

.carouselar__navigation__button{
	display:block; width:43px; height:100%; background-image:url(/images/arrows.png); background-repeat:no-repeat; position:absolute; cursor:pointer; 
	}

.smodwindow {
  transition: all linear 0.5s;
}
.smodwindow.ng-hide {
  opacity: 0;
  top:-400px;
}