/* 
    Created on : 9/05/2014, 12:32:16 PM
    Author     : Alberto Martínez Pérez
*/

/** Reset */
/** { 
   color: white; 
   margin: 0; 
   padding: 0; 
   outline: 0; 
   text-decoration: none; 
   box-sizing: border-box !important; 
   -webkit-box-sizing: border-box !important; 
   -moz-box-sizing: border-box !important; 
   -ms-box-sizing: border-box !important; 
}*/

/** (Comentar si no quieres transition) Transition */
.aika-button, .aika-icono { 
   transition: 0.2s all ease; 
   -moz-transition: 0.2s all ease; 
   -webkit-transition: 0.2s all ease; 
   -o-transition: 0.2s all ease; 
   -ms-transition: 0.2s all ease; 
}

/** Fuentes */
@font-face {
   font-family: 'open_sans_lightregular';
   src: url('../fonts/opensans-light-webfont.eot');
   src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/opensans-light-webfont.woff') format('woff'),
      url('../fonts/opensans-light-webfont.ttf') format('truetype'),
      url('../fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
   font-weight: 800;
   font-style: normal;
}

/** Botones */
.aika-button { 
   display: table; 
   padding: 7px 15px 8px 15px; 
   border: none;
   font-family: "open_sans_lightregular";
   font-size: 13px; 
   font-weight: bold; 
   cursor: pointer; 
   opacity: 0.9; 
   border-radius: 3px;
   width: 100px;
}

.aika-icono { 
   display: table; 
   padding: 7px 7px 7px 7px; 
   border: none; 
   background: url(../images/win.png) no-repeat center; 
   cursor: pointer; 
   opacity: 0.9; 
   width: 48px; 
   height: 48px; 
}

.aika-button:hover, .aika-icono:hover { 
   /*opacity: 1;*/ 
}	

.aika-button:active, .aika-icono:active { 
   color: white !important; 
   background-color: #191919 !important; 
}

.aika-button.iconoize { 
   padding-right: 50px !important; 
   background: url(../images/win.png) no-repeat 115px center; 
}

.aika-button.red, .aika-icono.red { 
   background-color: #d9522c; 
}

.aika-button.green, .aika-icono.green { 
   background-color: #009900; 
}

.aika-button.pink, .aika-icono.pink { 
   background-color: #ae193e; 
}

.aika-button.d-blue, .aika-icono.d-blue { 
   background-color: #0099ab; 
}
.aika-button.yellow, .aika-icono.yellow { 
   background-color: #fba919; 
}

.aika-button.l-blue, .aika-icono.l-blue { 
   background-color: #0f527d; 
}

.aika-button.violet, .aika-icono.violet { 
   background-color: #5b39b6; 
}

.aika-button.grey, .aika-icono.grey { 
   background-color: #474747; 
}

/** (Comentar si no quieres border) */
.aika-button, .aika-icono { 
   /*border: solid 2px white;*/
}

/** (Comentar si no quieres border en el hover) */
.aika-button:hover { 
   border-left: solid 4px #e37000;
}

/**
 *	==== Otros Estilos ====
 */

ul.buttons { 
   display: table; 
   padding-right: 20px; 
   margin: 20px auto; 
   list-style: none; 
}

ul.buttons:last-child { 
   padding-right: 0; 
}

ul.buttons li { 
   float: left; 
   margin-right: 12px; 
}

ul.buttons li:last-child { 
   margin-right: 0; 
}

.buttons-icono { 
   display: table; 
   list-style: none; 
   margin: 0px auto; 
}

.buttons-icono li { 
   float: left; 
   margin-right: 10px; 
}

.buttons-icono li:last-child { 
   margin-right: 0; 
}