@font-face {
    font-family: 'proxima_nova_regular';
    src: url('/imagen/Fuentes/fuentefuente/proximanova-regular.eot');
    src: url('/imagen/Fuentes/fuentefuente/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('/imagen/Fuentes/fuentefuente/proximanova-regular.woff2') format('woff2'),
         url('/imagen/Fuentes/fuentefuente/proximanova-regular.woff') format('woff'),
         url('/imagen/Fuentes/fuentefuente/proximanova-regular.ttf') format('truetype'),
         url('/uentes/fuentefuente/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
		
		}
/*
@font-face {
    font-family: 'proxima_nova_regular';
    src: url('/Fuentes/Proxima/proximanova-regular.eot');
    src: url('/Fuentes/Proxima Nova Regular/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('/Fuentes/Proxima/proximanova-regular.woff2') format('woff2'),
         url('/Fuentes/Proxima/proximanova-regular.woff') format('woff'),
         url('/Fuentes/Proxima Nova Regular/proximanova-regular.ttf') format('truetype'),
         url('/2014/Proxima Nova Regular/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_regular';
    src: url('/Fuentes/Proxima/proximanova-regular.eot');
    src: url('/Fuentes/Proxima Nova Regular/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('/Fuentes/Proxima/proximanova-regular.woff2') format('woff2'),
         url('/Fuentes/Proxima/proximanova-regular.woff') format('woff'),
         url('/Fuentes/Proxima Nova Regular/proximanova-regular.ttf') format('truetype'),
         url('/Fuentes/Proxima Nova Regular/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*/


.grid-pad{
	padding-bottom: 10px;
	
}



body{
	text-align: center;

}

footer{
	margin: 0 auto;
	margin-top: 0px;
}
.boton {
	text-decoration: none;
	color: #fff !important;
text-align: center;
	padding: 0px 0px;
	font-size: 16px;
	border-radius: 10px;
	background-color: #666666;	
	box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: inline-block;
	font-family: 'proxima_nova_regular'!important;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}



.boton:hover {
	box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
	color: #fff !important;
}

.boton:active {
	top: 7px;
	box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
	color: #fff !important;
}

.formaBoton {
	border-radius: 5px;	
	padding-left: 20px;
	padding-right: 20px;
}

.colorRojo {	
	background-color: #c34747;	
	box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorRojo:hover {
	box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorRojo:active {
	box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}



/***********LISTA DE COLORES ****************/

/*ANARANJADO*/
.anaranjado {	
	background-color: #c37846;	
	box-shadow: 0 5px 5px #855031, 0 9px 0 #5e3a25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.anaranjado:hover {
	box-shadow: 0 5px 5px #855031, 0 9px 0 #5e3a25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);	
}

.anaranjado:active {
	box-shadow: 0 2px 0 #5e3a25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
}

/*ROSADO*/
.rosa {
	box-shadow: 0 5px 5px #782d54, 0 9px 0 #5e254c, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
	background-color: #d7298b;
}

.rosa:hover {
	box-shadow: 0 5px 5px #782d54, 0 9px 0 #5e254c, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.rosa:active {
	box-shadow: 0 2px 0 #5e254c, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}



/*VERDE*/
.verde {
font-size:17px;
width:100%;
	
	background-color: #0B8036;	
	box-shadow: 0 5px 5px #508530, 0 9px 0 #0B8036, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.verde:hover {
background:#676767;
	box-shadow: 0 5px 5px #676767, 0 9px 0 #676767, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.verde:active {
	box-shadow: 0 2px 0 #676767, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
}


/*NEGRO*/
.negro {
font-size:17px;
width:100%;
	
	background-color: black;	
	box-shadow: 0 5px 5px rgba(0,0,0,.5), 0 9px 0 rgba(0,0,0,.5), 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(0,0,0,.5), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.negro:hover {
background:#676767;
	box-shadow: 0 5px 5px #676767, 0 9px 0 #676767, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.negro:active {
	box-shadow: 0 2px 0 #676767, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
}

/*Agua*/
.agua {
font-size:17px;
width:100%;
	
	background-color: #006699;	
	box-shadow: 0 5px 5px #006699, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.agua:hover {
background:#3275A0;
	box-shadow: 0 5px 5px #3275A0, 0 9px 0 #3275A0, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.agua:active {
	box-shadow: 0 2px 0 #3275A0, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
}






/*AZUL*/
.azul {
font-size:16px;
width:100%;
	background: #08204D;
	box-shadow: 0 5px 5px #08204D, 0 9px 0 #08204D, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px #08204D, inset 0 -2px 9px rgba(0,0,0,0.2);
}

.azul:hover {
font-weight:bold;	background:#3275A0;
	box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}
.azul:active {
	box-shadow: 0 2px 0 #25325e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}





/*ROJO*/
.rojo {
font-size:17px;
width:100%;
	background: #971815;
	box-shadow: 0 5px 5px #971815, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.rojo:hover {
font-weight:bold;	background:#cc9c66;
	box-shadow: 0 5px 5px #cc9c66, 0 9px 0 #cc9c66, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}
.rojo:active {
	box-shadow: 0 2px 0 #cc9c66, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}







/*PURPURA*/
.purpura {
	background-color: #8a26d3;
	box-shadow: 0 5px 5px #54307b, 0 9px 0 #3f255e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.purpura:hover {
	box-shadow: 0 5px 5px #54307b, 0 9px 0 #3f255e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.purpura:active {
	box-shadow: 0 2px 0 #42255e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}