/* CSS Document */
body{
  background-color:#999; 
}

#container{
  width:900px;
  background-color:#FFF;
  margin:2% auto;
  padding:5px 10px 15px 10px;
}

#header-payment{

  background:url('img/barra_cabecera.png');
  background-repeat:no-repeat;
  background-position: 0px 160px;
  padding: 7px 25px;  
}

#header-payment p{
  color:#0f70b7;
  font-weight:bold;
  padding-left:5px;
  font-size:16px;
  padding-bottom:5px;
  margin-bottom:10px;
  margin-top:0;
  font-style: italic;
}

#payment-form{
  border:1px solid #bbb;
  width: 330px;
  float:left;
  height: auto;
  margin: 0 auto;
  padding: 20px 1%;
  padding-left:15px;
  border-radius: 5px;
  
}
#payment-form legend{
  font-size: 30px;
  color: #C11111;
  font-family: "Open Sans";
  border-bottom: 2px solid #FFF;
  text-align: center;
  margin: 0 0 15px 0;
}
#payment-form div{
  height:70px;
}

#payment-form label{
  font-size:15px;
  font-weight:bold;
  display:block;
  color:#333;
  
}
#payment-form input{

  margin-top:8px;  
}

#payment-form img{
    margin-top:10px;
    width:60px;
}



#container #payment-form input.campo{ 
  background-color: #f3f3f3; 
	border:1px solid #bbb; 
	color: #333;
	font-size: 14px; 
	margin: 0; 
	padding: 6px 30px 6px 5px; 
}

#container #payment-form input.importe{ 

width:30px;
padding: 6px 6px 6px 5px; 

}
#container #payment-form input.importe_decimal{ 

width:20px;
padding: 6px 6px 6px 5px; 

}

#payment-form div span{
  color:#F00;
  display:block;
  font-size:12px;
  visibility:hidden;
  margin-top:4px;
}   

#payment-form div span.obligatorio{
  font-weight:bold;
  color:#F00;
  display:inline;
  visibility:visible;
}


.enviar {  
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 3px 10px;
	height: 28px;
	border: solid 1px #c11111;
	cursor: pointer;            
	display: block; 	
	color: #fff;                
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;    
	border-radius: 2px;         
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
  background-color: #c11111;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e73434), to(#c11111));
	background-image: -moz-linear-gradient(top, #e73434, #c11111);
	background-image: -ms-linear-gradient(top, #e73434, #c11111);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e73434), color-stop(100%, #b9972f));
	background-image: -webkit-linear-gradient(top, #e73434, #c11111);
	background-image: -o-linear-gradient(top, #e73434, #c11111);
	background-image: linear-gradient(top, #e73434, #c11111);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8b446', endColorstr='#b9972f', GradientType=0);  */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73434', endColorstr='#c11111', GradientType=0);
	border-color: #b9972f #b9972f #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #907625 1px 1px 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-right: 1%;
	padding-left: 1%;
	width: 28%;
}


#container-payment{

}
#container-payment #lateral{
  float:left;
  margin-left:35px; 
  width:500px;
}
  #container-payment #lateral ul{
    padding: 5px 0px 0 15px;
    list-style-image:url('img/next_hover.png');    
  }

.enviar:hover{
	background-position: 0 -15px;
	text-decoration: none;
}

.limpiar{clear:both;}

/* styles unrelated to zoom */


		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
     
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url('img/icon.png');
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }