@media screen and (max-width: 320px) {
    html {
      font-size: 8px;
    }

}

@media screen and (max-width: 480px) {
    html {
      font-size: 12px;
    }
	   /* este estilo cambia el tamaņo de la imagen con ese nombre para resoluciones menores a 480 */
	   #imagenInicio {
	   background-image: url("imagen/logoucc001.jpg");
	   background-repeat: no-repeat;
	   width: 120px; /*or your image's width*/
	   height: 120px; /*or your image's height*/
	   margin: 0;
	   padding: 0;
}
}


@media screen and (min-width: 480px) {
    html {
        font-size: 16px;
     }

	   /* este estilo cambia el tamaņo de la imagen con ese nombre para resoluciones mayores a 480 */
	   #imagenInicio {
	   background-image: url("imagen/logoucc001.jpg");
	   background-repeat: no-repeat;
	   width: 200px; /*or your image's width*/
	   height: 200px; /*or your image's height*/
	   margin: 0;
	   padding: 0;
     }
}

@media screen and (max-width: 600px) {
   
}

@media screen and (max-width: 768px) {
   
}

@media screen and (max-width: 900px) {
   
}

@media screen and (min-width: 1200px) {

}


@font-face {font-family: "Shelley";
    font-style: normal;
    font-weight: normal;
    src: url("3fda0d6ca5116e691e85501911ffa12c.eot"); /* IE9*/
    src: url("3fda0d6ca5116e691e85501911ffa12c.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("3fda0d6ca5116e691e85501911ffa12c.woff2") format("woff2"), /* chrome firefox */
    url("3fda0d6ca5116e691e85501911ffa12c.woff") format("woff"), /* chrome firefox */
    url("3fda0d6ca5116e691e85501911ffa12c.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("3fda0d6ca5116e691e85501911ffa12c.svg#Shelley") format("svg"); /* iOS 4.1- */
}



/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('abel-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abel Regular'), local('Abel-Regular'),
       url('abel-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('abel-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('abel-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('abel-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('abel-v8-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'museo300';
    src: url('Museo300-Regular-webfont.eot');
    src: local('museo300'),url('Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat'), local('Montserrat'),
       url('montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

.texto_area:hover {
	background-color: gray;
	color: white;
}

img { border: 0; }

h1, h2 , h3 , h4 , h5 , p { font-family: Raleway, Arial; }
.btn { font-family: Roboto, Raleway, Arial; box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.texto_1 { 
  font-family: Raleway, Arial; 
}
.texto_2 { 
  font-family: Raleway, Arial; 
  /* font-size: 14px font-family: Abel, Raleway, Arial; font-size: 18px*/
}

.centrar {
/*overflow: hidden;*/
position: absolute;
height: 300px;
width: 500px;
left: 50%;
top: 50%;
margin-top: -200px;
margin-left: -200px;
}
.backfa { /*position:relative;*/ }    
.backfa:before { 
	content: '\f05e'; /*z-index: -1;*/
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900; 
	/*color:coral;*/
	left:25%; font-size: 160px; 
	position:absolute; 
	top:-10px; 
	opacity: 0.1; filter: alpha(opacity=10);
 }
.f01.backfa:before { content: "\f201" !important; }
.f02.backfa:before { content: "\f06c" !important; }
.f03.backfa:before { content: "\f2b5" !important; }
.f04.backfa:before { content: "\f21e" !important; }
.f05.backfa:before { content: "\f24e" !important; }
.f06.backfa:before { content: "\f19d" !important; }
.f07.backfa:before { content: "\f085" !important; }


.inclinado {
	left : 7px; 
	top : 20px;
	-webkit-transform : rotate(-25deg);
	-moz-transform : rotate(-25deg);
	transform : rotate(-25deg);

	border-style: solid;
    border-color: #dedede;
    border-width: 1px;

	/*left : 1px; */
	/*top : 32px; */
}
	

.light { color: #000; } .dark { color: #fff; }
.form-control { border-color: #7F7F7F; background-color: white; }
.importe { color: #D1030F; display: block; font-size: 28px; font-weight: 400; line-height: 32px; }

.subtitulo_datos { color:#039be5; font-family: Montserrat, Abel; }

.border-black{
  /*color: gray;*/
  /*border white with light shadow*/
  text-shadow: 
     1px   0  0   #281F1D, 
    -1px   0  0   #281F1D, 
     0    1px 0   #281F1D, 
     0   -1px 0   #281F1D, 
     1px  1px 0   #281F1D, 
    -1px -1px 0   #281F1D, 
     1px -1px 0   #281F1D, 
    -1px  1px 0   #281F1D,
     1px  1px 5px #281F1D;
}	

.combined {
   -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       2px  2px 0 #000,
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000;
}

.emboss{
  color: #9c8468;
  opacity: 0.8;
  line-height: 1;
  padding: 0;
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
}

.inset-bg{
  background: #8A3DAD;
  line-height:1em;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.3);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}


 .swal-text, .swal-button {
 	font-family: Roboto, Raleway, Arial;
 	font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
 }

 .swal-button--confirm{
 	color: #fff; /*2793e6 103663*/
    background-color: #2793e6;
    border-color: #2793e6;
}



.form-control { 
  border-color: #7F7F7F; 
  background-color: white;
}
.form-control:focus{ 
    border-color: #039be5;
    border-width: 3px;
    -webkit-box-shadow: 2px 3px 76px -2px rgba(0,0,0,0.73);
    -moz-box-shadow: 2px 3px 76px -2px rgba(0,0,0,0.73);
    box-shadow: 2px 3px 76px -2px rgba(0,0,0,0.73);
  } 
.has-error .form-control:focus{box-shadow: none; -webkit-box-shadow: none;}


.letra_titulo { color:#039be5; }

.fuenteGral, .cajaStaffGris, .estiloTexto, .estiloCombo, .texto1, .texto2 {
		font-family: 'verdana', 'museo300', sans-serif;
		font-size: 1.3em;
		/*font-size: 12pt;
		letter-spacing: 0;*/
	}

.cajaStaffGris {
		position:relative;
		/*z-index:1;
		overflow:hidden;*/
		border-radius:10px; 
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		padding:5px;
		background: #dedede;
		/*behavior: url(PIE.php);*/
		}	

.cuadroGris, .estiloTexto, .estiloCombo {
	border: 0;
	color: #282828;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*behavior: url(PIE.php);*/
}

.texto1 { font-size: 4em; }
.texto2 { font-size: 1.5em; letter-spacing: 0; }

.btnGris {
	background: #dedede;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    padding: 7px 16px;
    /*width: 130px;*/
}

.btnVerde {
	background: #6ac045;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    padding: 7px 16px;
    /*width: 130px;*/
}

.estiloCombo select { 
	margin:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;
	box-sizing:border-box;
	overflow:hidden;
	padding: 10px 10px 10px 25px;
	background:url(../imagen/select-arrows.svg) no-repeat 10px center #dedede;
	border:0;
}

.estiloTexto {	
    background-image: none;
    padding: 10px 10px 10px 10px;
    background: #dedede;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    float: right;
    font-size: 30px!important;
    font-weight: bold;
    color: #000000;

    line-height: 1;
    text-shadow: 0 0px 0 #fff!important;
    filter: alpha(opacity=50)!important;
    opacity: .5!important;
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=100)!important;
    opacity: 1!important;
}


.radio {
  padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; 
  }
.radio input[type="radio"]:checked + label::after {
  color: #ffffff;
}
.radio input[type="radio"]:checked + label::before {
  background-color: #46AFEA;
}
.radio input[type="radio"]:disabled + label::after { 
      color:#555; cursor: not-allowed;
}
.radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 21px; height: 21px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #555555; /*#636b6f*/
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.radio label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
.radio input[type="radio"] { opacity: 0; }
.radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
      font-family: 'FontAwesome' , 'Font Awesome\ 5 Free'; font-size: 14px; content: '\f00c'; font-weight: 900; }
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
.radio.radio-circle label::before { border-radius: 50%; }
.radio.radio-inline { margin-top: 0; }


.checkbox, .radio {
    padding-top: 7px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


.checkbox { padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; 
    }
.checkbox input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}
.checkbox input[type="checkbox"]:checked + label::before {
  background-color: #46AFEA; /*3097d1*/
}
.checkbox input[type="checkbox"]:disabled + label::after { 
      color:#555; cursor: not-allowed;
   }
.checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 21px; height: 21px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #555555;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
.checkbox input[type="checkbox"] { opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome' , 'Font Awesome\ 5 Free'; font-size: 14px; content: '\f00c'; font-weight: 900; }
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before { 
      background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; }

    div, table, body, input, select, textarea, pre {
		   	 font-family: verdana, museo300, Sans-Serif;
			   /*font-size: 12px;*/
			   color:#000000;
			   letter-spacing: 1px;
		   }
 
		   body {
		   		overflow:none;
				margin: 0;
				padding: 0;
				border: none;
		   }
		 
		   table {
		   		 text-align:left;
		   }
		   
		   pre.dos {
		   		   padding:3px;
				   width:280px;
				   overflow:hidden;
				   word-wrap:break-word;
				   white-space: pre-wrap;
				   font-family: 'Ropa Sans', sans-serif;
				   font-size: 14px;
				   letter-spacing: 1px;
    		}



    		.btn-tama, .btn-azul-claro, .btn-gris, .btn-gris-claro, .btn-verde, .btn-divx1, .btn-divx-claro1 { 
    			font-family: verdana, museo300, sans-serif;
			    text-decoration: none;
			    display: inline-block;
			    padding: 12px 15px;
			    border-width: 1px;
			    border-style: solid;
			    border-radius: 50px;
			    border-color: #444;
			    -moz-border-radius:50px;
		        -webkit-border-radius:50px;
			    font-size: 1.1em;
			    line-height: 1;
			    /*text-transform: uppercase;*/
			    margin: 2px;
			    cursor: pointer;
			    text-align: center;
			    white-space: normal;
			    -webkit-appearance: none;
			    -moz-appearance: none;
			    appearance: none;
			    transition: all .1s ease-out;
			    color: #444;
			    background-color: transparent;
			    behavior: url(PIE.php);
    		 }

    		.btn-gris, .btn-divx1 { background : silver; }
    		.btn-verde { background : #69ff5e; }
    		.btn-gris-claro, .btn-divx-claro1 { background : #ffffff; color : gray; }
    		.btn-azul-claro { background : lightblue; }
    		.btn-p { cursor : pointer; }


    		.btn-divx { display: inline-block; font-family: verdana, museo300 }
			.btn-divx-claro { display: inline-block; font-family: verdana, museo300 }




.cajaStaff {
		position:relative;
		/*height:230px;*/
		/*width:360px;*/
		z-index:1;
		overflow:hidden;
		border-radius:10px; 
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		padding:5px;
		font-family: verdana, 'museo300', sans-serif;
		/*box-shadow: 1px 1px 10px #4e4e4e;
		-moz-box-shadow: 1px 1px 10px #4e4e4e;
		-webkit-box-shadow: 1px 1px 10px #4e4e4e;*/
		behavior: url(PIE.php);
		}	
		



			.lineahor3 {
  					   background: url(../imagen/linea_3.gif); clear:both;
			}
			
			.textoTituloGral {
							 font-family: Arial, Sans-Serif;
			   			 font-size: 18px;
							 color: #1b85c9;
			}
		   
		     /* clases para la barra flotante */

			 .scrollup{
    	   			 width:32px;
    				 height:32px;
    				 opacity: 0.5;
					 -moz-opacity: 0.5;
					 -khtml-opacity: 0.5;
					 filter: alpha(opacity=50);
    				 position:fixed;
    				 bottom:50px;
    				 right:10px;
					 background: url(../imagen/up_arrow.png) no-repeat;
					 text-indent:-9999px;
					 z-index:91;
    				 display:none;
				}
				
		    .scrollback{
    	   			 width:32px;
    				 height:32px;
    				 opacity: 0.5;
					 -moz-opacity: 0.5;
					 -khtml-opacity: 0.5;
					 filter: alpha(opacity=50);
    				 position:fixed;
    				 bottom:50px;
    				 right:50px;
					 background: url(../imagen/left_arrow.png) no-repeat;
					 text-indent:-9999px;
					 z-index:91;
    				 /*display:none;*/
				}
				
			.superior {
			 		   position:fixed;
					   width:100%;
					   bottom:0px;
					   left:0px;
					   /*text-indent:-9999px;*/
    				   display:none;
					   /*
					   opacity: 0.3;
					   -moz-opacity: 0.3;
					   -khtml-opacity: 0.3;
					   filter: alpha(opacity=30);
					  */
			 }
	
			 .subida {
			 		 cursor:pointer;
			 }
			 
		
			
	.divPantallaOpcion {
		position:relative;
		/*height:230px;*/
		/*width:360px;*/
		background:#ffffff;
		z-index:1;
		overflow:hidden;
		border-radius:10px; 
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		/*box-shadow: 1px 1px 10px #4e4e4e;
		-moz-box-shadow: 1px 1px 10px #4e4e4e;
		-webkit-box-shadow: 1px 1px 10px #4e4e4e;*/
		behavior: url(PIE.php);
		}	
		

    .textoTitulo {
				 font-family: Arial, sans-serif;
				 font-size: 28px;
				 letter-spacing: 1px;
				 }
	.textoSubTitulo {
				 font-family: Arial, sans-serif;
				 font-size: 14px;
				 letter-spacing: 1px;
				 color: #ca4b00;
	}
	.textoLabel {
				 font-family: Arial, sans-serif;
				 font-size: 14px;
				 letter-spacing: 1px;
	}
	.tituloRecuadro {
		   				   color:#ffffff;
						   font-family: Arial, sans-serif;
				 		   font-size: 12px;
				 		   letter-spacing: 1px;
		   }	
	.textoDescri {
				 font-family: Arial, sans-serif;
				 font-size: 12px;
				 letter-spacing: 1px;
	}
	.textoDescriJ {
				 font-family: Arial, sans-serif;
				 font-size: 12px;
				 letter-spacing: 1px;
				 text-align: justify;
	}
	.textoOpcion {
				 font-family: Arial, sans-serif;
				 font-size: 12px;
				 letter-spacing: 1px;
	}
	
	.textoOpcionG {
				  font-family: Arial, sans-serif;
				  color:#585858;
				  font-style:italic;
				  font-size:95%;
				 }
	
	.textoOpcion2 {
				 font-family: Arial, sans-serif;
				 font-size: 11px;
				 letter-spacing: 1px;
	}
	.textoOpcion3 {
				 font-family: Arial, sans-serif;
				 font-size: 10px;
				 letter-spacing: 1px;
	}
	.textoOpcionSubtitulo {
				 font-family: Arial, sans-serif;
				 font-size: 12px;
				 letter-spacing: 1px;
				 color: #ca4b00;
	}
	
		
		   
		   .site-footer {
		   position: fixed;
		   bottom: 0;
		   left: 0;
		   width: 100%;
		   height: 45px;
		   line-height: 28px;
		   color: #8f8f8f;
		   background: #8f8f8f;
		   padding: 0 10px;
		   z-index: 5000;
		   }
		   
		   .pie {
		   		position:absolute;
				width:100%;
				text-align:left;
				background:#8f8f8f;
				bottom:-64px;
		   }
		   .cue {
		   		position:relative;
				width:100%;
				height:100%;
				min-height:100%;
				background:#ffffff;
		   }
		
.divEnorme {
                      position:fixed;
                      text-align:center;
                      z-index:9999;
                      top:0px;
                      left:0px;
                      width:100%;
                      height:300%;
                      background:#ffffff;
                      opacity:0.5;
                      filter: alpha(opacity = 50);
                      cursor:wait;
           }
		   .divEnormeNegro {
		   			  text-align:center;
		   			  z-index:100;
		   			  position:absolute;
					  top:0px;
					  left:0px;
		   			  width:100%;
					  height:300%;
					  background:#000000;
					  /* background: white url(../imagen/loader.gif) no-repeat center center; */ 
					  opacity:0.5;
					  filter: alpha(opacity = 50);
					  cursor:wait;
		   }
		   
		   
		   .divEnormeMenu {
		   			  text-align:center;
		   			  z-index:100;
		   			  position:absolute;
					  top:0px;
					  left:0px;
		   			  width:100%;
					  height:200%;
					  background:#000000;
					  /* background: white url(../imagen/loader.gif) no-repeat center center; */ 
					  opacity:0.5;
					  filter: alpha(opacity = 50);
		   }
		   
		   .botonContinuar {
		   				   width: 100px;
						   background: #c2baad;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #000000;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonContinuar:hover {
		   				   background: #408710;
						   color: #ffffff;	 
		   }
		   
		   .botonContinuarConfirmar {
		   				   width: 100px;
						   background: #408710;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #ffffff;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonContinuarConfirmar:hover {
		   				   background: #f7931d;
						   color: #000000;	 
		   }
		   
		   
		   
		   .botonRojo {
		   				   background: #ce0000;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #ffffff;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonRojo:hover {
		   				   background: #6a6a6a;
						   color: #ffffff;	 
		   }
		   
		   
		   .botonNormal {
		   				   width: 100px;
						   background: #c2baad;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #000000;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonNormal:hover {
		   				   background: #a00826;
						   color: #ffffff;	 
		   }
		   
		   .botonGris {
		   				   width: 100px;
						   background: #c2baad;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #000000;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonGris:hover {
		   				   background: #6a6a6a;
						   color: #ffffff;	 
		   }
		   
		   .botonGrisA {
		   				   background: #c2baad;
						   padding:7px 7px 7px 7px;
						   cursor: pointer;
						   border: 0;
						   color: #000000;
						   font-family: Arial, sans-serif;
			   			   font-size: 12px;
		   }
		   .botonGrisA:hover {
		   				   background: #6a6a6a;
						   color: #ffffff;	 
		   }
		   
		/*
		
input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

input[type=checkbox] {
 width: 44px; height: 44px;
 -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
 border: 1px solid #bbb;
}

button[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

input[type=range] {
 width: 100%;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 44px; height: 44px;
  background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
  border: 1px solid #bbb;
  -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
}

		
		*/