body {font-family: 'Lato', sans-serif;}
img {max-width: 40%;}
.quitar-float{float: none;}
.margen-sup{margin-top: 100px;}
.RussoOne{font-family: 'Russo One', sans-serif ;}
.mediana{font-size: 2em;}
.grande{font-size: 5em;}

.esp-der{margin-right: 2em;}
.fondo{background-color: #005A6D}




.novinetas li{list-style-type: none;}
.se-negro{background-color: #000000;}
.padding-largo{padding: 3px 10px; width: auto;}
.inline-block{float: none; display: inline-block; margin-right:  -4px; }
.inline-block2{float: none; display: inline-block;}
.CenterAlign{vertical-align: top;}

#menu
{
	z-index: 1001;
 position: fixed;
    left: 0;
    top: 0;
    width: 100%;


	padding-top: 13px;
	margin: auto;
position: fixed;
height: auto;

}

#menu  ul li a 
{
	color: #fff;
	text-decoration: none;
	font: 16px Verdana;
	padding: 8px 28px 8px 28px;
}

#menu  ul li a:hover 
{
	color: #f2f2f2;
	background: #6e6e6e;
}



.hoover a:hover 
{
    color: #f2f2f2;
    background: #6e6e6e;
}


footer 
	{
			position: fixed; 
    		bottom: 0;
    		left: 0;
    		right: 0;
            margin-bottom: 0px;
            height: 40px;
            padding:0px 0px;
            clear: both;
            background: #656565;
            text-align: center;
            color: #fff;
    }
.define {width:auto; margin:0 auto;}

body 
{
   /* background-repeat: no-repeat center center fixed;
    background-size: cover;*/
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}


.negro{color: #000000;}
.azuldxn{color: #0419E5;}
.blanco{color: #ffffff;}

img.imgizq {
  float: left;
}
}
img.imgder {
  float: right;
}

img.alineadoTextoImagen{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}




.retraso1{
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  animation-delay: 1s;
}

.iframeajust {
    max-width: 100%;
    max-height: auto
}

--------------------




@import "compass/css3";

@import "compass/css3";

//Variables here:
//(alongside with commented suggestions)
$foreground-color:#b85b3f;//black;
$background-color:#e8e3c7;//white
$shadow-color:#ba9186;//$foreground-color;
$distance:8px;
$cut-distance:3px;//$distance/4;
$strips-size:6px; //10px
$strips-ratio:50%;//70%
$strips-angle:45deg;//90deg;

//cray stuff yo. be sure to try (if you please)
$animate:false;//true
$fixed:false;//true

body{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:85pt;
  background-color:$background-color;
  text-align:center;
  line-height:1.2em;
  padding-top:70px;
}
.dashed-shadow{
  position:relative;
  top:$distance;
  left:$distance;
  display:inline-block;
  color:$shadow-color;
}
@keyframes dash-animation{
  0% {background-position:0 0};
  100% {background-position:100% 0};
}
.dashed-shadow:before{
  content:" ";
  display:block;
  
  position:absolute;
  $bleeding-horizontal:10px;
  $bleeding-vertical:0px;
  top:-$bleeding-vertical - $distance;
  left:-$bleeding-vertical - $distance;
  bottom:-$bleeding-horizontal + $distance;
  right:-$bleeding-horizontal + $distance;
  z-index:1;
  $color:$background-color;
  $size:$strips-ratio/2;
  $halfSize:$size/2;
  $p1:$halfSize;
  $p2:50%-$halfSize;
  $p3:50%+$halfSize;
  $p4:100%-$halfSize;
  $transparent:transparentize($color,1);
  @include background-image(linear-gradient($strips-angle,$color $p1, $transparent $p1, $transparent $p2,$color $p2, $color $p3, $transparent $p3, $transparent $p4, $color $p4));
  background-size:$strips-size $strips-size;
  @if($animate){
    animation:dash-animation 30s infinite linear; 
  }
  @if($fixed){
    background-attachment:fixed;
  }
}
.dashed-shadow:hover:before{
  animation:dash-animation 30s infinite linear;
}

.dashed-shadow:after{
  z-index:2;
  content:attr(data-text);
  position:absolute;
  left:-$distance;
  top:-$distance;
  color:$foreground-color;
  text-shadow:$cut-distance $cut-distance $background-color;
}

//fancy stuff - just useless fluff, don't mind from here onwards

.hello{
  font-family:'Cookie',cursive;
  font-size:140pt;
}
.sorta-block{
  font-size:50pt;
  line-height:1.1em;
  @include transform(skew(0,-5deg));
  z-index:3;
  position:relative;
  margin-top:20px;
  margin-bottom:10px;
}
.sorta{
  border-top:4px solid $foreground-color;
  border-bottom:4px solid $foreground-color;
   
  text-transform:uppercase;
  z-index:3;
  //position:relative;
  //display:block;
  //width:300px;
  font-style:italic;
}
.hipsterish{
   font-family: 'Sancreek', cursive;
    font-size:70pt;
}
.dashed-shadow-text{
  font-size:140pt;
  line-height:0.7em;
  //left:-10px;
}
.shadow{
  font-size:120pt;
  line-height:0.8em;
}