body {
  background:#666;
  font-size:100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0 auto;
}

/*-------------------------------*/


/*------- Home Area */ 

.principal a{
  margin-left: 100px;
  font-family: 'Droid Sans', sans-serif;
  font-size: 66px;
  color:#888;
}

.principal img{
  padding-top: 45px;
}

/*------- Breadcrumb */

.breadcrumb {
  margin-left: 90px;
  background-color: transparent;
}
.breadcrumb a{
  color: #EA1515;  
}

.breadcrumb a:hover{
  color: #888;
}


/*------- Home & breadcrumb queries */

@media (max-width: 450px){
  .home-breadcrumb{
    margin-left: -64px;
  }
}


/*------- cycle-slideshow */

img {max-width:100%;}
      
.cycle-slideshow{
width:100%;
max-width:980px;
display:block;
position:relative;
margin:20px auto;
overflow:hidden;
z-index: 10;
}     
.cycle-prev, .cycle-next{
font-size:400%;
color:#aaa;
display:block;
position:absolute;
top:50%;
margin-top:-16px;
z-index: 1000;
cursor:pointer;
height: 200px;
}
.cycle-prev{left:1%; height: 300%;}
.cycle-next{right:1%;}  
.cycle-pager{
width:100%;
position:absolute;
text-align:right;
bottom:5px;
right: 25px;
z-index: 9999; 
cursor:pointer;     
}
.cycle-pager span{
text-indent:100%;
white-space:nowrap;
width:10px;
height:10px;
display:inline-block;
border:1px solid #ccc;
border-radius:50%;
margin:0 10px;
color: transparent;
} 
.cycle-pager .cycle-pager-active{ background:#ccc;}
 
@media screen and (max-width: 600px){
.cycle-pager{
width:100%;
position:absolute;
text-align:center;
bottom:5px;
margin: 5px auto;
z-index: 9999; 
cursor:pointer;     
}
}
 

 /*------- Columns */

*, *:before, *:after {
  box-sizing: inherit;
}
.columns-container{
  width: 90%;
  margin: 20px auto;
  position: relative;
  display: block;
}
.left-column, .right-column, footer {  
  border: none; 
  margin-left: 50px;
  margin-bottom: 100px; 
  float: left;
}

.left-column h2{
  color: #EA1515;
  font-family: 'Lora', serif;
  font-size: 40px;
  line-height: 1.5em;
 } 

.left-column p{
  font-family: 'Muli', sans-serif;
  color: #888;
  font-size: 1.25em;
  line-height: 1.5em;
  letter-spacing: -0.025em;
  font-weight: 400;
  
}

.left-column{
  width: 60%;
  padding: 0 20px;
  background: #f5f5f5;
}

.right-column{
  padding: 1em; 
  width: 27%;
  background: #f5f5f5;
  border: none;
  font-family: 'Muli', sans-serif;
  font-size: 1.5rem;
  line-height: 1.5em;
  letter-spacing: -0.025em;
  font-weight: 400;
  margin-bottom: 10px;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;  
}
.points{
  color: #888;
  list-style-type: circle;
}
.right-column h3{
  color: #EA1515;
}
.right-column a{
  list-style-type: none;
  color: #888;
}
.right-column a:hover{
  color: #EA1515;
}


/*------- Column queries */

@media (max-width: 800px) {
.columns-container{
  width: 80%;
}
.left-column,.right-column { 
  float: none;
  width: 100%;
  margin: 10px auto;
}
.left-column h2{
  font-size: 10px;
  line-height: 20px;
}
}

/*------- Logo slider */

.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:70%;
    text-align: center;
    display: block;
    margin: 30px auto;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:10px auto;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    position: relative;
    width:80%;
    margin: 20px auto;
    background:transparent;    
    border:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: default;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:45px;
}

/*------- Navigation ***/

.nbs-flexisel-nav-left {
    left: 10px;
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
    background: url(../imagenes/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    width: 22px;
    height: 22px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
    background: url(../imagenes/button-next.png) no-repeat;
}