/*****************************************************************/
/* AUTHOR: Andy Garcia, Andy21.com - VERSION: 1.0.1 (enero 2010) */
/*****************************************************************/

/* Formato por defecto: tipo de letra, sombre del texto, márgen y fondo */
*            { font-family: Verdana, Arial; text-shadow: 1px 1px 5px #bbb; }
body         { margin: 10px; background: #fff url('../img/fondo.jpg') repeat-y fixed center; }
/* Formato de enlaces */
a:link       { text-decoration: none;      color: blue; }
a:visited    { text-decoration: none;      color: navy; }
a:focus      { text-decoration: underline; color: fuchsia; }
a:hover      { text-decoration: underline; color: red; }
a:active     { text-decoration: underline; color: maroon; }
/* Formato de formularios */
.label       { font-size: 12pt; float: left; text-align: right;  margin-top: 8px; font-weight: bold; width: 200px; }
.campo       { font-size: 12pt; float: left; text-align: left;   margin-top: 8px; margin-left: 8px; border: 1px outset red; }
.boton       { font-size: 12pt; float: left; text-align: center; margin-top: 8px; margin-left: 208px; }
/* Formato de logo y rótulo grande con nombre de la web */
#x           { position: absolute; left: 199px; top: -6px; border: 0px; }
#muyx        { font-size: 50pt; color: red;    letter-spacing: 4px; margin: 0px 0px 10px 0px; font-weight: bold; }
/* Formato de encabezados y párrafos */
h1           { font-size: 15pt; color: maroon; letter-spacing: 1px; margin: 0px 0px 10px 0px; }
p            { font-size: 12pt; color: black;  letter-spacing: 0px; margin: 0px 0px 10px 0px; }
.maxi        { font-size: 14pt; }
.mini        { font-size: 10pt; }
.rojo        { color: red; }
/* Formato de sombra para img y div */
.shadow      { border: 1px outset; padding: 2px; margin: 4px; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; }
/* Formato de contenedor principal optimizado para 960 píxeles de ancho */
#pag         { position: relative; width: 904px; margin: auto; }
/* Formato de bloque publicitario (sky a la izquierda) */
#pub         { background-color: #dff; border: 5px solid #eee; position: absolute; width: 169px; height: 630px; padding: 5px; left: 0px; top: 0px;
               -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; 
               text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* Formato de bloque principal de contenido */
.box         { background-color: #ffb; border: 5px solid #eee; margin: 0px 0px 10px 199px; padding: 10px; 
               -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; 
               text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* Formato de menú horizontal */
.menuh       { margin: 0px; }
.menuh ul    { padding: 0px; display: inline; margin: 0px; }
.menuh li    { padding: 3px; display: inline; font-size: 12pt; }
/* Formato de elementos de contenido */
li.item1     { list-style-type: none; padding: 8px 0px 8px 60px; margin: 12px 24px; background: url('../img/ico/favorito.png') no-repeat left top; }
li.item1 a   { font-size: 14pt; }
li.item2     { list-style-type: none; padding: 8px 0px 8px 60px; margin: 12px 24px; background: url('../img/ico/html.png') no-repeat left top; }
li.item2 a   { font-size: 14pt; }
li.item3     { list-style-type: none; padding: 8px 0px 8px 60px; margin: 12px 24px; background: url('../img/ico/foto.png') no-repeat left top; }
li.item3 a   { font-size: 14pt; }
li.item4     { list-style-type: none; padding: 8px 0px 8px 60px; margin: 12px 24px; background: url('../img/ico/video.png') no-repeat left top; }
li.item4 a   { font-size: 14pt; }
li.item5     { list-style-type: none; padding: 8px 0px 8px 60px; margin: 12px 24px; background: url('../img/ico/relato.png') no-repeat left top; }
li.item5 a   { font-size: 14pt; }
/* Formato de lista en sitemap */
.map         { margin-left: 15px; }
.map ol      { margin-bottom: 0px; text-align: left; }
.map ol li   { margin-bottom: 2px; font-size: 10pt; list-style-type: decimal; }
.map ol li a { font-size: 10pt; }