div.nombre { margin-left:20px; margin-top:10px; float:left; width: 550px; }
input.select1, input.select2, input.select1merchan, input.select2merchan  { width:30px; text-align:center; }
div.filaspar { background-color:#EBEFF1; padding-bottom:45px; padding-top:3px; width:100%; }
div.filasimpar { background-color:#DBE2E6;  padding-bottom:45px;  padding-top:3px; width:100%; }
td.filaspar { background-color:#EBEFF1; }
td.filasimpar { background-color:#DBE2E6; }


td.cabecera, th.cabecera, div.cabecera { background-color:#000; color: #FFF; font-size:16px; padding:5px; font-weight: bold;}
td.par { background-color:#EBEFF1; font-size:14px; padding:5px;  }
td.impar { background-color:#DBE2E6; font-size:14px; padding:5px;  }
td.pardos { background-color:#E2E9EB; font-size:14px; padding:5px;  }
td.impardos { background-color:#D0DADF; font-size:14px; padding:5px;  }

td.titulotabla { background-color: #3A3A3A; color: #FFF; font-size:14px; font-weight: bold; }

div.filastitulotipo { background-color:#FFF;  padding-bottom:45px;  padding-top:3px; font-weight: bold; font-size: 20px; width:100%; padding-top:30px; clear:both; }

textarea.cuadro { width:90%; height:18px; border: 1px solid #633; margin-bottom:10px; }

table.extratable { margin-left: 40px; }
td.titulo { background-color: #484C55; color: #FFF; font-size:11px; border: 1px solid #CCC; padding-left:2px; padding-right: 2px; min-width: 55px; text-align: center; }
h1.titulobanco { margin-top:70px; font-size: 40px; margin-left:30px; }
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 2px;
  text-decoration: none;
  cursor:pointer;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
}

.btnok {
  background: #008000;
  background-image: -webkit-linear-gradient(top, #008000, #006400);
  background-image: -moz-linear-gradient(top, #008000, #006400);
  background-image: -ms-linear-gradient(top, #008000, #006400);
  background-image: -o-linear-gradient(top, #008000, #006400);
  background-image: linear-gradient(to bottom, #008000, #006400);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #004A00 1px;
  text-decoration: none;
  cursor:pointer;  
}

.btnok:hover {
  background: #00B000;
  background-image: -webkit-linear-gradient(top, #00B000, #008400);
  background-image: -moz-linear-gradient(top, #00B000, #008400);
  background-image: -ms-linear-gradient(top, #00B000, #008400);
  background-image: -o-linear-gradient(top, #00B000, #008400);
  background-image: linear-gradient(to bottom, #00B000, #008400);
  text-decoration: none;
  cursor:pointer;  
}

.btnokpeque {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  border: solid #004A00 1px;
  text-decoration: none;
  cursor:pointer;
  margin-bottom: 10px;
}

.btnokpeque:hover {
  background: #FAFFBD;
  text-decoration: none;
  cursor:pointer;  
}

.btnko {
  background: #CE0000;
  background-image: -webkit-linear-gradient(top, #CE0000, #800000);
  background-image: -moz-linear-gradient(top, #CE0000, #800000);
  background-image: -ms-linear-gradient(top, #CE0000, #800000);
  background-image: -o-linear-gradient(top, #CE0000, #800000);
  background-image: linear-gradient(to bottom, #CE0000, #800000);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #550000 1px;
  text-decoration: none;
  cursor:pointer;  
}

.btnko:hover {
  background: #FF1717;
  background-image: -webkit-linear-gradient(top, #FF1717, #C40000);
  background-image: -moz-linear-gradient(top, #FF1717, #C40000);
  background-image: -ms-linear-gradient(top, #FF1717, #C40000);
  background-image: -o-linear-gradient(top, #FF1717, #C40000);
  background-image: linear-gradient(to bottom, #FF1717, #C40000);
  text-decoration: none;
  cursor:pointer;  
}
a.link, a.link:visited, a.link:active { text-decoration: none; color: #2981BA; }
a.link:hover { text-decoration: underline; }
div#button-wrap-inner { position:fixed !important; right:50px; bottom:20px; z-index:10 !important; }
div#button-wrap-inner-finalizar { position:fixed !important; right:20px; bottom:20px; z-index:10 !important; background-color: #FFC; padding:20px; -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 8px; border: solid #BE9A48; opacity: 0.90; }
div#button-wrap-inner-finalizar  h2 { margin: 0; padding:0; margin-bottom: 10px; }
input:focus
{
background-color:#FFFF80;
}


h3.aviso { color: #900; text-align:center;   }

[contenido]
        {
			position:absolute;
			left:;
			top:;
			opacity:0.0;
			transition:opacity 0.5s;
			-moz-transition:opacity 0.5s;
			-webkit-transition:opacity 0.5s;
			-o-transition:opacity 0.5s;
  	}
	

body {
	background-image:url(/scripttab/images/background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#657077;
	margin:20px;
	font-size: 13px; font-family: Tahoma, Geneva, sans-serif;	
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:100%;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#8A949D;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:10px;
}
ul.tabs li {
	list-style:none;
	display:inline;
	line-height:35px;
}

ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(/scripttab/images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(/scripttab/images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/scripttab/images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
.contenttop {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/scripttab/images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}



/* Formulario */


h2 { font-size: 28px; }
a, a:hover, a:visited, a:link { text-decoration: none; color: #1C702D; }

label
{
	font-size:14px;
	font-weight:bold;
}
.input
{
	padding:10px;
	font-size:16px;
}
input[type=submit]
{
	font-size:18px;
	margin-top:10px;
}
input.boton { 
	margin: 5px;
	margin-top:15px;
	padding:8px;
	background: #060;
	border:1px solid #333;
	color:#FFF;
	cursor: pointer;
}

input.boton:hover { 
	color: #FFFF00;
	background-color: #657077;
}

.field {
	margin:10px;
}
.error { color: red; }
fieldset {	width 500px;   }
fieldset.home { width: 100%; display:table; text-align:left; margin:0 auto; border:1px solid #657077; min-height: 250px; }
fieldset.home legend
{
	font-size:16px;
	font-weight:bold;
	background:#657077;
	color: #FFF;
	margin-left: 10px;
	margin-right: 10px;	
	padding-left: 10px;
	padding-right: 10px;		
	width: auto;
}


.wrapper {
    width:100%; /* Adjust to a total width of both .left and .right */
    margin: 0 auto;
}
.left {
    float: left;
    width: 49%; /* Not 50% because of 1px border. */
}
.right {
    float: right;
    width: 49%; /* Not 50% because of 1px border. */
}

div.barramenu {
	float: right; width: 100%; margin:5px; text-align: right; background: #3a3a3a;padding: 10px;  margin-bottom: 80px; font-size:18px; 
}

span.cambiaridioma { color: #FFF;  }


 
@media screen and (max-width: 420px) { 
span.cambiaridioma { display: none; }
h2 {font-size: 20px; }
}
 


 

.pure-g { padding:10px; } 
.pure-g.impar { background-color: #EBEFF1; }
.pure-g.par { background-color: #DBE2E6; }

 .verde { 
  color: green; font-size:18px; margin-right:6px;
}
 .amarillo { 
  color: #F90; font-size:18px; margin-right:6px;
}


div.circulo { width: 18px;
     height: 18px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #5cb85c; color: #FFF; font-weight: bold;
}

div.circulorojo { width: 18px;
     height: 18px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #F00; color: #FFF; font-weight: bold;
}

h3.titulo { background-color: #008DC4; color: #FFF; padding:8px; margin:0; }


 th.rotate
            {
                background-color: grey;
                color: white;
                text-align: center;
                vertical-align: bottom;
                height: 150px;
                padding-bottom: 3px;
                padding-left: 0px;
                padding-right: 0px;
				width:40px;
				border-left: 1px solid #666;
            }

           th.rotate div
            {
                text-align: center;
                vertical-align: middle;
                width: 20px;
                margin: 0px;
                padding: 0px;
                padding-left: 3px;
                padding-right: 3px;
                padding-top: 10px;
                white-space: nowrap;
                -webkit-transform: rotate(-90deg); 
                -moz-transform: rotate(-90deg);                 
            };
			
h3.important  {
font-weight: bold; font-size: 60px;
}









input.cupon { width: 200px; height:40px; font-size:18px; text-transform: uppercase; text-align:center; color: green; }