﻿@-webkit-keyframes spaceboots {
	0%   { -webkit-transform: translate(2px, 1px)   rotate(0deg); }
	10%  { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20%  { -webkit-transform: translate(-3px, 0px)  rotate(1deg); }
	30%  { -webkit-transform: translate(0px, 2px)   rotate(0deg); }
	40%  { -webkit-transform: translate(1px, -1px)  rotate(1deg); }
	50%  { -webkit-transform: translate(-1px, 1px)  rotate(-1deg); }
	60%  { -webkit-transform: translate(-3px, -2px)  rotate(0deg); }
	70%  { -webkit-transform: translate(2px, 1px)   rotate(-1deg); }
	80%  { -webkit-transform: translate(-1px, -2px) rotate(1deg); }
	90%  { -webkit-transform: translate(2px, -1px)   rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px)  rotate(-1deg); }
}
.shake:hover,.shake:focus,a:hover, a:focus {
	-webkit-animation-name: 'spaceboots';
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	
	color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;

}
.shake {
	display:block;
	position:relative;
	background-image:-webkit-linear-gradient(top left,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-image:-moz-linear-gradient(0 0,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );    
    background-image:-o-linear-gradient(0 0,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-image:linear-gradient(0 0,
        rgba(255, 255, 255, 0.0) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-position:-500px -100px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;

}
a,.shake.inline {
	display:inline-block 
}

body {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-variant: normal;
	background-color:#141414
}
.home {
	background:#e00300; /* Old browsers */	
	background: -moz-linear-gradient(left,  #e00300 1%, #9e0000 100%); /* FF3.6+ */	
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#e00300), color-stop(100%,#9e0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e00300 1%,#9e0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e00300 1%,#9e0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e00300 1%,#9e0000 100%); /* IE10+ */
	background: linear-gradient(to right,  #e00300 1%,#9e0000 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00300', endColorstr='#9e0000',GradientType=1 ); /* IE6-9 */
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:medium;
	z-index: auto;
	width: auto;
	height:250px;
}
.menu {
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:medium;
	z-index: auto;
	width: auto;
	margin:auto;
	border-collapse:collapse;
	height:50px;
}
.tab{
	border-left:1px #e00300 solid;
	border-right:1px #e00300 solid;
	padding: 10px 25px 10px 25px;
	
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.tab:hover,.tab:focus{
	background-color:#9e0000;
	opacity: 1;
    -webkit-transform: scale(1.2,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 50ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}

.valores {
	font-family:"Arial Narrow", Arial;
	font-size: x-large;
	font-weight:lighter;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	
  	-webkit-border-image: -webkit-linear-gradient(0deg, transparent, #e00300 50%, transparent) 1 0 100%;
  	-o-border-image: -o-linear-gradient(0deg, transparent, #e00300 50%, transparent) 1 0 100%;
  	-moz-border-image: -moz-linear-gradient(0deg, transparent, #e00300 50%, transparent) 1 0 100%;
  	border-bottom-width:2px;

}
.readmore {
	background-color:#D70000;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:2px 6px;
	border-color:transparent;
}
.readmore:hover {
	background:black;
}
.shine{
	background-image:-webkit-linear-gradient(top left,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-image:-moz-linear-gradient(0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );    
    background-image:-o-linear-gradient(0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-image:linear-gradient(0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    );
    background-position:-150px -100px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;

}
.shine:hover,.shine:focus {
    color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;
 }

.cd{
	font-family:"Arial Narrow", Arial;
	color:white;
	font-size:large;
	text-transform: uppercase;
}
.descripcion{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:small;
	color:gray;
	text-align:justify;
	height:120px;
}
.tdcd{
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	width:170px;
	padding:10px 10px 10px 10px;
	vertical-align:top;
}
