@font-face {font-family: "andesregular"; src: url('andes-webfont.eot') format('embedded-opentype'); src: url('andes-webfont.woff2') format('woff2'), url('andes-webfont.woff') format('woff'), url('andes-webfont.ttf') format('truetype'); display: swap; font-weight: normal; font-style: normal;}

body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background:#e2aa28 url(arena.jpg) repeat; color:#000; font-size:small;}
#aros11 {position:fixed; width:250px; height:250px; top:0; left:0; background:url(pic/aros11.gif) no-repeat; z-index:3;}
#aros21 {position:fixed; width:150px; height:250px; top:0; left:100%; margin-left:-150px; background:url(pic/aros21.gif) no-repeat; z-index:3;}

#principal {width:75em; padding:0; margin:0 auto; background:url(pic/hombrera2.png) 75% 100% no-repeat; aborder:1px solid red;}
#encabezado {width:75em; height:12em; padding:0; margin:0 auto; aborder:1px solid blue;}
#titfotos {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titfotos.png) 1em 50% no-repeat;}
#titcontacto {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titcontacto.png) 1em 50% no-repeat;}
#titsaludo {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titsaludo.png) 1em 50% no-repeat;}
#tithistoria {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(tithistoria.png) 1em 50% no-repeat;}
#titjunta {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titjunta.png) 1em 50% no-repeat;}
#titferias {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titferias.png) 1em 50% no-repeat;}
#titviajes {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titviajes.png) 1em 50% no-repeat;}
#titnoticias {width:60em; height:12em; margin:0 auto; padding: 0 3em; background:url(titnoticias.png) 1em 50% no-repeat;}

#contenido {float:left; margin-left:10.5em; width:60em; min-height:36em; display:inline; aborder:1px solid yellow;}
#presentacion {padding-top:8em; margin: 2em auto; width:600px; height:300px;}
#pie {apadding-left:5.5em; padding-top:40px; text-align:center; clear:both; font-size:x-small; font-weight:bold; background:url(pic/hombrera1.png) 25% 100% no-repeat;}

/* VENTANA NOTICIAS */
#news {position:absolute; top:68%; left:27%; border:2px groove #8b1e35; background:#efefef repeat; width:38em; height:11em; padding:.2em;}
#news p {padding:0 1em 1em 1em;}
#news .titulo {text-align:center; font-weight:bold; background-color:#8b1e35; color:white; padding:0.4em; width:33em;}
#news .cerrar {position:relative; top:-1.7em; float:right; font-weight:bold; color:white; padding:0.1em 0.4em 0.4em 0.4em;}

div.google1 {margin:2em auto; width:700px; height:500px; background:url(pic/google1.jpg) no-repeat center;}
div.google2 {margin:2em auto; width:700px; height:500px; background:url(pic/google2.jpg) no-repeat center;}

a {text-decoration:none; color:#8b1e35; cursor:pointer;}
a:hover {color:#ff6600;}

a.entrar, a.entrar:link, a.entrar:visited {background:transparent url(pic/entrar.png) no-repeat left top; width:54px; margin:auto; height:25px; display:block; text-decoration:none; border:0; outline:none;}
a.entrar:hover {background-position:right top; outline:none;}

.centro {text-align:center;}

.dcha {float:right;}
.izda {float:left;}
.clear {clear:both}
.negrita {font-weight:bold; display:inline;}
.subrayado {font-weight:normal; text-decoration:underline;}
.colizq {width:50%; float:left;}
.coldcha {width:50%; float:right;}
.boton {background: #8b1e35; color:#fff; font-family:Verdana, sans-serif; font-size:1em; font-weight:bold;}

p span {font-weight:bold;}
h2 {font-family: 'andesregular', Verdana; text-align: center; font-size:2.4em; font-weight:400; margin-top:0.2em;}
h3 {font:normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center;}
img {padding:3px; border:none;}
ul {padding-left:1em;}
table {width:70%; margin:0 auto; aborder:1px solid black;}
td {awidth:50%; amargin:0 auto; aborder:1px solid black;}
hr {height:40px; background:url(pic/banderillas1.png) center center no-repeat; aborder:1px solid black; aoutline:none; border:hidden;}

#contenido ul {background:url(pic/montera.png) left top no-repeat; aborder:1px solid black;}
#contenido ul li {margin-left:10px; list-style-type:none;}

/* MENÚ */
#contmenu {width:10em; position:relative;}
#menu {list-style-type:none; padding:0; margin:0; width:9.4em; position:absolute; top:1em; left:0; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:9em;}
#menu li {float:left; position:relative;}
#menu li, #menu li a {display:block; outline:none; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:120px; text-decoration:none; cursor:pointer; font-weight:bold; text-indent:0.8em; background:url(madera.png) center center;}
#menu li.linea {display:block; outline:none; text-decoration:none; cursor:default; background:url(madera1.png) center center; line-height:18px;}
#menu li ul li a {outline:none; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:18px; width:120px; text-decoration:none; cursor:pointer; font-weight:bold; text-indent:1.8em;}

#menu li a:hover  {color:#ff6600;}

#menu ul li a#actual,
#menu li a#actual {color:#CC3300;}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.click ul {display:block;}

/* estilo div.mas */
#contenido div.mas i {cursor: pointer; background-color:#ffffe0; color:#8b1e35; border:1px outset;}
#contenido div.mas i.ocultar {display:none;}
#contenido div.mas p {display:none;}

/* estilo div.menos */
#contenido div.menos i.ver {display:none;}
#contenido div.menos i.ocultar {display:inline;}
#contenido div.menos p {display:block; margin-left:1em; background-color:#ffffe0; color:black; font-style:normal; cursor:default; padding:1em;}
#contenido div.menos p span.negrita {font-weight: bold;}
#contenido div.menos p span.centro {display:block; font-weight:normal;}

/* GALERIA DE FOTOS */
#galeria {position:relative; margin:10px auto; width:810px; height:530px; border:solid 1px #8b1e35;}
#scroll {width:100px; height:530px; background:#e2aa28 url(arena.jpg) repeat; overflow:auto; border-right:2px solid #8b1e35; float:left;}
a.foto, a.foto:visited {display:block; outline:none; text-decoration:none; border:1px solid #000; width:75px; height:75px; margin:3px;}
a.foto:active, a.foto:focus {width:73px; height:73px; border: 2px solid #f9d653;}
a.foto span {display:none;}
a.foto:hover span {text-align:center; display:block; outline:none; position:absolute; width:684px; height:523px; top:5px; left:115px; background:#e2aa28 url(arena.jpg) repeat; z-index:2;}
a.foto:active span, a.foto:focus span {text-align:center; display:block; outline:none; position:absolute; width:684px; height:523px; top:5px; left:115px; background:#e2aa28 url(arena.jpg) repeat; z-index:1;}
a.foto span img {border:1px solid #000; background-color:#fff;}
a.foto span p {color:#000; text-align:center; abackground:url(madera.png) center center;}

/* FORMULARIO */
#formulario {margin:0 auto; width:400px; padding:14px;}
#enviar {background:#8B1E35; color:white; padding:0 3px 3px 3px; margin-left:3em;}
#borrar {background:#8B1E35; color:white; padding:0 3px 3px 3px;}
#formulario input{text-align:left;}
#formulario span:after{
content: "<input type='hidden' name='recipient' value='contacto\40 clubtaurinoperalta.com,contacto1\40 clubtaurinoperalta.com'>";
} 

.photo-link	{padding:5px; margin:5px; border:1px solid #ccc; display:block; width:200px; float:left;}
.photo-link:hover	{border-color:#999;}