@charset "utf-8";
/* CSS Document */

 .boton_personalizado{
            text-decoration: none;
            padding: 3px;
            font-weight: 600;
            font-size: 22px;
            color: #C0392B;
            background-color: #EAEDED ;
            border-radius: 10px;
          }
          
          .boton_personalizado:hover{
            color: #1883ba;
            background-color: #FAE5D3;
          }
		  
 		  .boton_producto{
            text-decoration: none;
            padding: 3px;
            font-weight: 600;
            font-size: 20px;
            color:#FFF;
            background-color:#4674A5;
            width:160px;
			text-align:center;
          }
          
          .boton_producto:hover{
            color: #000 ;
            background-color: #069;
          }
		  
		   .boton_producto2{
            text-decoration: none;
            padding: 3px;
            font-weight: 600;
            font-size: 20px;
            color:#FFF;
            background-color:#4674A5;
            width:120px;
			text-align:center;
          }
          
        
		  
		  .boton_personalizado2{
            text-decoration: none;
            padding: 3px;
            font-weight: 600;
            font-size: 16px;
            color: #FFFFFF;
            background-color: #4674A5  ;
            border-radius: 10px;
            border: 2px solid #4674A5;
          }
          
          .boton_personalizado2:hover{
            color: #1883ba;
            background-color: #ffffff;
          }
		  
		  .boton_personalizado3{
            text-decoration: none;
            padding: 3px;
            font-weight: 300;
            font-size: 13px;
            color: #000000;
            background-color: #FFFFFF;
            border-radius: 10px;
            border: 2px solid #4674A5;
          }
          
          .boton_personalizado3:hover{
            color: #000000;
            background-color: #ffffff;
          }
		  
		  .imagen_personalizada
		  {}
		  
		  .imagen_personalizada:hover{
			   opacity: 0.5;
 			   filter: alpha(opacity=50); /* For IE8 and earlier */
			   }
		  
		  .modalDialog {
			position: fixed;
			font-family: Arial, Helvetica, sans-serif;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(0,0,0,0.8);
			z-index: 99999;
			opacity:0;
			-webkit-transition: opacity 400ms ease-in;
			-moz-transition: opacity 400ms ease-in;
			transition: opacity 400ms ease-in;
			pointer-events: none;
			}
		.modalDialog:target {
			opacity:1;
			pointer-events: auto;
		}
		.modalDialog > div {
			width: 600px;
			position: relative;
			margin: 10% auto;
			padding: 5px 20px 13px 20px;
			border-radius: 10px;
			background: #fff;
			background: -moz-linear-gradient(#fff, #999);
			background: -webkit-linear-gradient(#fff, #999);
			background: -o-linear-gradient(#fff, #999);
		  -webkit-transition: opacity 800ms ease-in;
		-moz-transition: opacity 800ms ease-in;
		transition: opacity 800ms ease-in;
		}
		.close {
			background: #606061;
			color: #FFFFFF;
			line-height: 25px;
			position: absolute;
			right: -12px;
			text-align: center;
			top: -10px;
			width: 24px;
			text-decoration: none;
			font-weight: bold;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			-moz-box-shadow: 1px 1px 3px #000;
			-webkit-box-shadow: 1px 1px 3px #000;
			box-shadow: 1px 1px 3px #000;
		}
		.close:hover { background: #00d9ff; }