html{
  background:url('../imagenes/zen.jpg') no-repeat center center;
  min-height:100%;
  background-size:cover;
  background-attachment: fixed;
}
body{
  min-height:100%;
  width:100%;
  min-width:1000px; 
  border:0;
  margin:0;
  padding:0;
  text-align: center;
}
.contenedor {
  position:relative;    /* This fixes the IE7 overflow hidden bug */
  clear:both;
  /*float:left;*/
  width:1000px;            /* width of whole page */
  height:600px;
  overflow:auto;        /* This chops off any overhanging divs */
  margin:50px auto;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  -moz-box-shadow: 0px 10px 25px 5px #000000;
  -webkit-box-shadow: 0px 10px 25px 5px #000000;
  box-shadow: 0px 10px 25px 5px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#000000')";
  /*Shadows look very different in IE (Only cardinal directions supported)*/
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element should have a background-color*/
  /*All filters must be placed together*/
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  /*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
}
.degradadoAzul {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#107fc9', endColorstr = '#0e30a6');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#107fc9', endColorstr = '#0e30a6')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: -moz-linear-gradient(top, #107fc9, #0e30a6);
  background-image: -ms-linear-gradient(top, #107fc9, #0e30a6);
  background-image: -o-linear-gradient(top, #107fc9, #0e30a6);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#107fc9), to(#0e30a6));
  background-image: -webkit-linear-gradient(top, #107fc9, #0e30a6);
  background-image: linear-gradient(top, #107fc9, #0e30a6);
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
  /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
/* common column settings */
.medio,
.interior {
    float:left;
    width:100%;            /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0;    /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.trescol {
            /* right column background colour */
}
.trescol .medio {
    right:25%;            /* width of the right column */
            /* center column background colour */
}
.trescol .interior {
    right:50%;            /* width of the middle column */
        /* left column background colour */
}
.trescol .col1 {
    width:46%;            /* width of center column content (column width minus padding on either side) */
    left:102%;            /* 100% plus left padding of center column */
}
.trescol .col2 {
    width:21%;            /* Width of left column content (column width minus padding on either side) */
    left:31%;            /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.trescol .col3 {
    width:21%;            /* Width of right column content (column width minus padding on either side) */
    left:85%;            /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#titulo{
  font-family: 'Lobster', cursive;
  margin-top: 50px;
  border-right: 2px solid #0C0F66;
  padding: 0px 10px 320px 10px;
  text-align:left;
}

#contenido{
  margin-top: 100px;
  padding: 0px 10px 10px 10px;
  text-align: justify;
  text-justify: newspaper;
}

.caja{
  display:block;
  width:150px;
  height:100px;
  margin: 25px 0px 25px 30px;
  padding-top:30px;
  font-family: 'Lobster', cursive;
}

.caja:hover{
  cursor: hand;
  cursor: pointer;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#47AD5D', endColorstr = '#008C36');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#47AD5D', endColorstr = '#008C36')";
  background-image: -moz-linear-gradient(top, #47AD5D, #008C36);
  background-image: -ms-linear-gradient(top, #47AD5D, #008C36);
  background-image: -o-linear-gradient(top, #47AD5D, #008C36);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#47AD5D), to(#008C36));
  background-image: -webkit-linear-gradient(top, #47AD5D, #008C36);
  background-image: linear-gradient(top, #47AD5D, #008C36);
}

.login{
  position:fixed;
  display:block;
  bottom:0px;
  right:20px;
  padding:10px 20px 0 20px;
  margin:0;
  width:50px;
  height:30px;
  
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}

.login p{
  padding:0;
  margin:0;
}

.form{
  position:fixed;
  display:block;
  padding:5px;
  margin:0;
  bottom:0px;
  right:105px;
  width:450px;
  height:30px;
  
  -moz-border-radius: 5px 0px 0px 0px;
  -webkit-border-radius: 5px 0px 0px 0px;
  border-radius: 5px 0px 0px 0px;
  
  border-right: 1px solid #0C0F66;
}

.volver{
  position:fixed;
  display:block;
  width:50px;
  padding:10px 15px;
  margin:0;
  top:0px;
  left:20px;
  
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}

.volver p{
  padding:0;
  margin:0;
}

.hightlight {
    border:2px solid #9F1319;
    background:#faa;
}
.cargando{
  position:absolute;
  top:35%;
  left:45%;
  margin:0;
  background-color:rgba(255,255,255,0.7);
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  -moz-box-shadow: 0px 10px 25px 5px #000000;
  -webkit-box-shadow: 0px 10px 25px 5px #000000;
  box-shadow: 0px 10px 25px 5px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#000000')";
}
.mensaje{
  position:absolute;
  width:120px;
  padding:15px;
  margin:0;
  background-color:rgba(255,255,255,0.7);
  
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  
  -moz-box-shadow: 0px 10px 25px 5px #000000;
  -webkit-box-shadow: 0px 10px 25px 5px #000000;
  box-shadow: 0px 10px 25px 5px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#000000')";
}

.mensaje p{
  padding:0;
  margin:0;
}