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

*         { font-family: Verdana, Arial; }
body      { margin: 10px; text-align: center; background: #fff url('../img/jpg/fondopa2.jpg') repeat-y fixed center; }
/* Estilos para todas las modalidades de los 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; }
/* Estilos de texto especial para usar con img preferentemente */
.shadow   { border: 1px outset; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* Estilos de etiquetas básicas de html para encabezados y párrafos */
h1        { font-size: 17pt; color: maroon; letter-spacing: 1px; text-shadow: 1px 1px 5px #fbb; margin: 0px; }
h2        { font-size: 15pt; color: olive;  letter-spacing: 0px; text-shadow: 1px 1px 5px #ffb; margin: 15px 0px; }
p         { font-size: 11pt; color: black;  letter-spacing: 0px; text-shadow: 1px 1px 5px #bbb; margin: 15px 0px; }
/* Estilos de etiquetas básicas de html para listas */
dt        { font-size: 11pt; text-align: left; text-transform: uppercase; }
dd        { font-size: 9pt; text-align: justify; margin: 0px 10px 10px 10px; }
dl,ol,ul  { text-align: left; }
ul li     { font-size: 11pt; text-shadow: 1px 1px 5px #bbb; list-style-image: url('../img/gif/item.gif'); }
ol li     { font-size: 11pt; text-shadow: 1px 1px 5px #bbb; list-style-type: decimal; }
li.park   { font-size: 13pt; background: url('../img/gif/parking.gif') left top no-repeat; padding: 2px 25px 5px 50px; margin: 22px 40px; list-style-image: none; list-style-type: none; }
li.padel  { font-size: 13pt; background: url('../img/png/padel.png') left top no-repeat; padding: 3px 4px 5px 52px; margin: 25px 30px; list-style-image: none; list-style-type: none; }
/* Estilos de texto especial para usar con span preferentemente */
.maxi     { font-size: 13pt; }
.mini     { font-size: 9pt; }
.rojo     { color: red; }
.left     { text-align: left; }
.center   { text-align: center; }
.justify  { text-align: justify; }
/* Menú horizontal de links con listas no numeradas */
.menuh    { margin: 0px; }
.menuh ul { padding: 0px; display: inline; margin: 0px; }
.menuh li { padding: 3px; display: inline; text-shadow: 1px 1px 5px #bbf; white-space: nowrap; }
/* Menú vertical de links con listas no numeradas con elementos especiales */
.menuv         { margin: 0px; }
.menuv ul      { margin: 0px 0px 12px 0px; padding: 0px; list-style-type: none; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; }
.vinculos      { margin: 0px 0px 12px 0px; }
.menuv li      { margin: 2px 0px; padding: 0px; text-align: center; list-style-image: none; width: 100%; border: 1px dotted #f44; text-shadow: 1px 1px 5px #bbf; }
.menuv li.cab  { color: #fee; text-shadow: 1px 1px 5px #fbb; text-transform: uppercase; background: #f44; border: 1px dotted #0bb; }
.menuv li.rojo { color: red; text-shadow: 1px 1px 5px #fbb; }
.menuv li a    { display: inline-block; }
.menuv a:hover { background: #ffb; width: 159px; }
/* Divs estructurales (para un ancho de 960 pixeles usar 904, es decir restar 56), box es un contenedor */
div  { -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Esquinas redondeadas de todos los divs principales */
#pie, 
#cab { width: 904px; margin: 10px auto; padding: 10px; background-color: #fee; border: 1px solid #f88; -moz-box-shadow: inset 1px 1px 9px #fbb; -webkit-box-shadow: 1px 1px 9px #fbb; }
#box { width: 904px; margin: 10px auto; position: relative; }
#izq { left: -11px;  padding: 10px; width: 160px; position: absolute; top: 0px; background-color: #ffe; border: 1px solid #ff8; -moz-box-shadow: inset 1px 1px 9px #ffb; -webkit-box-shadow: 1px 1px 9px #ffb; height: 604px; }
#der { right: -11px; padding: 10px; width: 160px; position: absolute; top: 0px; background-color: #ffe; border: 1px solid #ff8; -moz-box-shadow: inset 1px 1px 9px #ffb; -webkit-box-shadow: 1px 1px 9px #ffb; }
.top { padding: 10px; margin: auto 181px 10px 181px; background-color: #efe; border: 1px solid #8f8; -moz-box-shadow: inset 1px 1px 9px #bfb; -webkit-box-shadow: 1px 1px 9px #bfb; }
#med { padding: 10px; margin: auto 181px; background-color: #efe; border: 1px solid #8f8; -moz-box-shadow: inset 1px 1px 9px #bfb; -webkit-box-shadow: 1px 1px 9px #bfb; background-image: url('../img/jpg/efe.jpg'); }
/* Los estilos con -moz- son para firefox y con -webkit- son para safari y chrome */
#flashcontent { height: 298px; } /* este ID es un contenedor para las páginas de álbum de fotos */