@font-face {
  font-family: "Futura Book";
  src: url('Futura_Bold.otf');
}

body
{
    background-color : #FFFFFF;
    margin-left : 0px;
    margin-top : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
	font-family : "Futura Book";
	font-size : 11px;
}

img { border: 0; }

iframe.noScrolling { 
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden; 
	width: 700px;
	height: 450px;
}

a {	text-decoration : none; }

.table { display: table; }
.row { display:table-row; }	
.cell { display:table-cell; }
.w100 { width:100%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w50 { width:50%; padding:10px; }
.w40 { width:40%; padding:10px; }
.w20 { width:20%; padding:10px; }
.h100 { height:100%; }
.vertMiddle { vertical-align:middle; }
.vertTop { vertical-align: top; }
.vertBottom { vertical-align: bottom; }
.horCenter { text-align:center; margin-left: auto; margin-right: auto;}
.horRight { text-align:right; margin-left: auto; margin-right: auto;}
.horLeft { text-align:left; margin-left: auto; margin-right: auto;}
.sepHor { width:10px; }
.sepVer { height: 20px; }
.borderTop { border-top:1px solid #6FB32F; }
.borderTopBottom { border-top:1px solid #6FB32F; border-bottom:1px solid #6FB32F;}
.p10 { padding: 10px; } 
.smallBorder tbody tr td { border-bottom: 1px solid #DDDDDD; }

.content {
	min-height: 500px;
	margin:50px;
}


h1 {
	color : #6FB32F;
    font-size : 16px;
	font-weight:bold;
    text-decoration : none;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}

h2 {
	color : #005F8C;
    font-size : 14px;
	font-weight:bold;
    text-decoration : none;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}


.tableTop {
	display: table;
	width:100%;
	border-bottom:1px solid #6FB32F;
	vertical-align:top;
}

.tableBottom {
	display: block;
	text-align: right;
	width:100%;
	border-top:1px solid #6FB32F;
	height:50px;
	
}

.tableMenu {
	width:312px;
	border-right:1px solid #6FB32F; 
	border-bottom:1px solid #6FB32F;
}

.TextoLogin
{
    color : #6FB32F;
    font-size : 12px;
	font-weight:bold;
    text-decoration : none;
}

.TextoErrorLogin
{
    color : red;
    font-size : 12px;
    text-decoration : none;
    font-weight : bold;
    font-style : normal;
	margin-bottom: 15px;
}

.TextoNormal
{
	
    color : #000000;
    font-size : 11px;
    font-style : normal;
    text-decoration : none;
}

.TextoSmall
{
	
    color : #000000;
    font-size : 9px;
    font-style : normal;
    text-decoration : none;
}

.InputNormal
{
    color : #FFFFFF;
    background-color : #6FB32F;
    font-size : 12px;
}

.PiePagina
{
	background-color: #1D1D1B;
    color : #6FB32F;
    font-size : 10px;
    font-style : normal;
    text-decoration : none;
	margin-top: 20px;
	vertical-align: middle;
}


.LinkOscuro
{
    color : #005F8C;
    font-style : normal;
    text-decoration : none;
	font-weight : bold;
}
.LinkOscuro:visited
{
    color : #005F8C;
}
.LinkOscuro:hover
{
    color : #F49800;
}

.TextoRojo
{
    color : red;
    font-size : 12px;
    text-decoration : none;
    font-weight : bold;
    font-style : normal;
}

.table1 {
	background-color: #6FB32F;
	width: 100%;
}

.table1 thead {
	background-color: #6FB32F;
	color: #FFFFFF;
}
.table1 tbody {
	background-color: #FFFFFF;
}
.table1 thead tr td {
	padding: 10px;
	border-spacing: 0px;
	border-collapse: separate;
}
.table1 tbody tr td {
	padding: 5px;
	border-spacing: 0px;
	border-collapse: separate;
}

.table1 tr:nth-child(even){
		background-color: #EBF8E0;
}


.table2 {
	width: 80%;
	border-collapse: collapse;
}

.table2 thead {
	background-color: #6FB32F;
	color: #FFFFFF;
	border:0px;
}

.table2 tbody tr {
	background-color: #FFFFFF;
}
.table2 thead tr td {
	padding: 10px;
}
.table2 tbody tr td {
	padding: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.table2 tr:nth-child(even){
		background-color: #EBF8E0;
}

.sepColor {
	height: 2px;
	text-align: center;
	background-color: #6FB32F;
	margin-left :20%;
	margin-right :20%;
	margin-top:20px;
	margin-bottom:20px;
}



.botonGrande {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #5C9827;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5C9827), color-stop(1, #6FB32F) );
	background:-moz-linear-gradient( center top, #5C9827 5%, #6FB32F 100% );
	background-color:#5C9827;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:"Futura Book";
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}.botonGrande:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6FB32F), color-stop(1, #5C9827) );
	background:-moz-linear-gradient( center top, #6FB32F 5%, #5C9827 100% );
	box-shadow:inset 0px 1px 0px 0px #6FB32F;
	background-color:#6FB32F;
}.botonGrande:active {
	position:relative;
	top:1px;
}

.botonAreaPrivada {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #5C9827;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5C9827), color-stop(1, #6FB32F) );
	background:-moz-linear-gradient( center top, #5C9827 5%, #6FB32F 100% );
	background-color:#5C9827;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:"Futura Book";
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}.botonAreaPrivada:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6FB32F), color-stop(1, #5C9827) );
	background:-moz-linear-gradient( center top, #6FB32F 5%, #5C9827 100% );
	box-shadow:inset 0px 1px 0px 0px #6FB32F;
	background-color:#6FB32F;
}.botonAreaPrivada:active {
	position:relative;
	top:1px;
}

.botonSmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #5C9827;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5C9827), color-stop(1, #6FB32F) );
	background:-moz-linear-gradient( center top, #5C9827 5%, #6FB32F 100% );
	background-color:#5C9827;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #6FB32F;
	display:inline-block;
	color:#ffffff;
	font-family:"Futura Book";
	font-size:10px;
	font-weight:bold;
	padding:2px 15px;
	text-decoration:none;
}.botonSmall:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6FB32F), color-stop(1, #5C9827) );
	background:-moz-linear-gradient( center top, #6FB32F 5%, #5C9827 100% );
	box-shadow:inset 0px 1px 0px 0px #6FB32F;
	background-color:#6FB32F;
}.botonSmall:active {
	position:relative;
	top:1px
}

.seleccionAnimated {
	font-size: 25px;
	font-weight:bold;
	color: #6FB32F;
}

.share {
	display: inline-block;
	background-color: #005F8C;
	color: #F49800;
	width:100%;
	text-align:center; 
	margin-left: auto; 
	margin-right: auto;
	padding-top:5px;
	padding-bottom:10px;
}

.shareItem { 
	display: inline-block;
	vertical-align:middle;
	height:20px;
}

.store_badge { 
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.store_badge a img {
	width : 250px;
}

.lineItemsRow {
	display:inline-block;
	width:100%;
	text-align: center;
	background: #FFFFFF;
	border:solid 3px #6FB32F;
}

.lineItem {
	float:left; 
	padding:10px;
}

.lineItemsRow2 {
	display:inline-block;
	width:100%;
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
}

.nicecheck {
	display:none;
}

.nicecheck:not(old) + label {
   cursor: pointer;
   font-size: 1em;
}

.nicecheck:not(old) + label:before {
   content: '';
   width: 15px;
   height: 15px;
   border: 1px double #6FB32F;
   cursor: pointer;
   vertical-align: middle;
   display: inline-block;
   margin-right: 5px;
}

.nicecheck:not(old):checked + label:before {
   /* Estilos del input seleccionado */
   box-shadow: inset 0 0 1px 2px white;
   background: #6FB32F;
   animation-duration: .3s;
   animation-name: headShake;
}

.nicecheck:disabled + label:before {
   /* Estilos del input seleccionado */
   background: #CCCCCC;
}


@keyframes selecciona {
    0%   {color: #6FB32F}
    50%  {color: #000000}
    100% {color: #6FB32F}
}