/******************************
Estilo para las cajas de la página macros
******************************/
#contenidomacros {
   width: 904px;
   height: auto;
   position: relative;
   overflow: hidden;
   top: 0px;
   margin: 0 auto 20px;
   padding-bottom: 20px;
}

#cajamacros {
   width: 905px;
   height: auto;
   position: relative;
   overflow: hidden;
   top: 0px;
   margin: 0 auto 20px;
   padding-bottom: 10px;
}

#cajacomprarmacros {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
   border: 1px solid rgba(255, 255, 255, 0.75);
   border-radius: 10px 10px 10px 10px;
   width: 900px;
   height: 400px;
   position: relative;
   overflow: hidden;
   top: 30px;
   margin: 0 auto 20px;
   padding-bottom: 10px;
}

#cajaimportarmacros {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
   border: 1px solid rgba(255, 255, 255, 0.75);
   border-radius: 10px 10px 10px 10px;
   width: 900px;
   height: auto;
   position: relative;
   overflow: hidden;
   top: 30px;
   margin: 0 auto 20px;
   padding-bottom: 10px;
}

/******************************
Estilo para el contenido de la página macros
******************************/

.cajasmacros {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
   border: 1px solid rgba(255, 255, 255, 0.75);
   border-radius: 10px 10px 10px 10px;
   height: auto;
   margin: 0 auto 20px;
   overflow: hidden;
   position: relative;
   top: 30px;
   width: 900px;
   padding-bottom: 20px;
}

/******************************
Estilo para la página de macros
******************************/

.titulomacros {
   float: left;
   width: 100%;
   text-align: center;
   color: #0066cc;
   font-weight: bold;
   font-size: 24px;
   height: 50px;
   margin-top: 10px;
}

.textomacros {
   color: #fff;
   width: 98%;
   float: left;
   text-align: justify;
   height: auto;
   margin-left: 10px;
   margin-bottom: 15px;
}

.textomacros span {
   color: #06c;
   font-weight: bold;
   margin-right: 5px;
}

.textomacros span.textorojo {
   color: #f00;
}

.textomacros ul {
   list-style-type: none;
   margin: 20px 0 0 20px;
   padding: 0;   
}

.textomacros ul li {
   padding-bottom: 3px;
}

.videosmacros {
   width: 500px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/******************************
Estilo para los botones de acción del index
******************************/

.cajasaccionmacros {
   margin: 0 auto;
   height: 44px;
}

.cajasaccionmacros a {
   float: left;
    text-decoration: none;
    padding: 6px 8px;
    color: #06c;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    position: relative;
    top: 0;
    font-size: 24px;
    font-weight: bold;
}

.cajasaccionmacros a:hover {
   background: none repeat scroll 0 0 rgba(20, 112, 233, 0.733);
   box-shadow: 0px 2px 3px #000;
   -o-box-shadow: 0px 2px 3px #000;
   -webkit-box-shadow: 0px 2px 3px #000;
   color: #fff;
}

.cajasaccionmacros a:active {
   box-shadow: 0px 0px 0px #000;
   -o-box-shadow: 0px 0px 0px #000;
   -webkit-box-shadow: 0px 0px 0px #000;
   top: 2px;
}

#botonmacrosmacros {
   float: left;
   width: auto;
}

#botonimportarmacros {
   float: right;
   width: auto;
}

#botoncomprarmacros {
   float: left;
   width: auto;
   position: relative;
   left: 170px;
}