html { font-family: Arial, Helvetica, "Trebuchet MS", sans-serif }
body{ background: #333333 url(../imagenes/img_pattern_bg.gif) fixed }

body, html, * { margin: 0; padding: 0; border: 0 }


ul { list-style: none }
li { font-size: 1.1em; font-weight: normal }
p { font: lighter 12px "Trebuchet MS", sans-serif; color: #ccc; line-height: 1.2em; margin: 0; padding: 0; line-height: 1.5em }
h1 { color: #CC3300; font-size: 1.5em }
h2 { color: #CC3300; font-size: 1.1em }

#colorfondo { background: #000; }
.trick { float: none }
.margenes { margin-bottom: 20px; padding: 0 }
.margenesImagenes { float: left; display: inline; margin: 20px 0 20px 10px; padding: 0 }
#bloquerojo p.telefonoClase { color: #CC3300; text-align:center; font-weight:bold }
a.volver { display: block; color: #323232; text-decoration: none; margin-top: 10px }
a:hover.volver { color: #cc3300 }

img.ajustealturaimagenes { margin: 10px 0 5px 0}

ul.alinear li.seleccionado { color: #CC3300; text-decoration: underline }


#box{ position: absolute; width: 660px; margin: 0px 0px 0px -330px; top: 25px; left: 50%; text-align: center; padding: 0; background: none; z-index: 5000}



#fondologo { position: absolute; display: block; width: 200px; height: 10px; margin: 266px 0 0 439px; padding: 0; border: 0; background: #CC3300; z-index: 10000 }

/*html* #fondologo { position: absolute; display: block; width: 200px; height: 15px; margin: 269px 0 0 421px; padding: 0; background: #CC3300; z-index: 10000 }*/

/*#subfondologo { float: left; margin: 266px 0 0 0; width: 200px; height: 15px; background: #323232; display: inline; padding: 0 }*/
/*#fondologo img { padding: 0; margin: 80px 0 0 0; display: inline; width: 180px; height: 111px }*/


#sobrelogo { width: 200px; margin: 0; padding: 10px 0 10px 0; margin:0; z-index: 1000 }
/*#sobrelogo img.logo { padding: 0; margin: 0 auto; display: block; width: 180px; height: 111px }
#sobrelogo img.copa { padding: 0; margin: 0 auto; display: inline; width: 180px; height: 314px }
#sobrelogo img.almeja { padding: 0; margin: 0 auto; display: inline; width: 180px; height: 218px }*/



#contenido { float: left; display: inline; width: 660px; background: #CBC7B8; margin: -5px 0 10px 0; padding: 0 0 20px 0; z-index: 150 }

#subcontenidoizquierdo { float: left; display: inline; width: 360px; background: none; margin: 30px 0 20px 20px; padding: 0; clear: left }

.bloque { float: left; display: inline; width: 380px; background: #E4E0D1; margin: 10px 0 30px 9px ; padding: 0; clear: left }

/*#bloque1 { float: left; display: inline; width: 360px; background: #E4E0D1; margin: 0 0 20px 0 ; padding: 0; clear: left }
#bloque1form { float: left; display: inline; width: 360px; background: #E4E0D1; margin: 0 0 20px 0 ; padding: 0; clear: left }
#bloque2 { float: left; display: inline; width: 360px; background: #E4E0D1; margin: 20px 0 20px 0; padding: 0; clear: left }
#bloque2nobg { float: left; display: inline; width: 360px; background: none; margin: 20px 0 20px 0; padding: 0; clear: left }
#bloque3 { float: left; display: inline; width: 360px; background: #E4E0D1; margin: 20px 0 20px 0; padding: 0 }
#bloque4 { float: left; display: inline; width: 360px; background: #E4E0D1; margin: 20px 0 20px 0; padding: 0 }*/

#subcontenidoderecho { float: right ; width: 200px; display: inline; background: #323232; margin: -30px 20px 20px 0px; padding: 0 }

#subcontenidoizquierdo p.general { color: #333333; text-align: left; padding: 1em; margin: 0; font-size: 0.8em; line-height: 1.30em }

#subcontenidoizquierdo p.ajusteVideos { font-size: 14px; text-align: left; padding-left: 15px  }

#subcontenidoizquierdo p.ajusteVideos a { text-decoration: underline; color: #CC0000 }
#subcontenidoizquierdo p.ajusteVideos a:hover { text-decoration: underline; color: #000000 }

#navegacion { float: left; width: 600px; height: 20px; display: inline; z-index: 20; margin: 0 0 0 15px; }


ul.alinear li { float: left; display: block; margin: 0; padding: 0 10px 0 7px; line-height: 1em; color: #333333; font-size:13px; font-weight: bold }
ul.alinear li a { text-decoration: none; color: #333333 }
ul.alinear li a:hover { color: #CC3300 }

/*ul.galeria { padding: 20px 0 0 20px }*/
ul.galeria li  { display: block; background: none; padding: 13px 0 0 0; width: 100%; font-size: 16px }
ul.galeria li a, ul.galeria li a:link, ul.galeria li a:visited { display: block; text-decoration: none; color: #333333; width: 100%  }
ul.galeria li a:hover, ul.galeria li a:active { display: block; color: #FFF; background: #CC3300; width: 100% }

li.salto { clear: right }
li.saltol { display: inline; clear: left }

ul.envio li { display: inline }


ul.descargaClase li { display: block; background: none; padding: 12px 0 0 0; width: 100%; font-size: 13px }
ul.descargaClase li a, ul.descargaClase li a:link, ul.descargaClase li a:visited { display: block; color: #333333; text-decoration: none; width: 100% }
ul.descargaClase li a:hover, ul.descargaClase li a:active { display: block; color: #FFFFFF; background: #CC3300; width: 100% }


.rec { background: #CC3300; width: 90px; height: 90px }

ul.galerialogo { display: block; background: none; width: 200px }
ul.galerialogo li { display: inline; float: left; width: 50px; height: 50px; background: #000; margin: 9px 4px 4px 9px }
ul.galerialogo a {  background: #000; margin: 0; border: 1px solid #CCC }
ul.galerialogo a:hover { text-decoration: none; border: 1px solid #CC3300; margin: 0; padding: 0 }
#foto1 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_1.jpg) no-repeat }
#foto2 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_2.jpg) no-repeat }
#foto3 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_3.jpg) no-repeat }
#foto4 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_4.jpg) no-repeat }
#foto5 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_5.jpg) no-repeat }
#foto6 { display: block; width: 50px; height: 50px; background: url(../imagenes/img_thumb_6.jpg) no-repeat }

fieldset#bloque { width: 18.5em; margin: 0 auto; text-align: right; background: none }
ul.formulario { font-size: 12px }
ul.formulario li { text-decoration: none; padding: 6px 12px 6px 0; color: #333333 }
input, textarea { width: 200px; font-size: 11px; font-family:  Arial, Helvetica, "Trebuchet MS", sans-serif; color: #CC3300 }



#footer { float: left; width: 100%; background: #CC3300; padding: 0; margin: 0 0 10px 0; z-index: 5; display: inline }
#imagenfooter { background: #CC3300; padding: 0 0 0 130px }
#footer p { font-size: 14px; font-weight:bold; margin: 15px 0 0 0; line-height: 2em; color: #E4E0D1 }
#footer img { padding: 5px 0 0 0; line-height: 2em }




input.claseEnviar { background: url(../imagenes/img_enviar.gif) no-repeat; width: 50px; height: 50px; cursor: pointer; color: #333333 }

input.claseEnviar:hover { background: url(../imagenes/img_enviar_over.gif) no-repeat; width: 50px; height: 50px; cursor: pointer }

* html a:hover { visibility: visible }

.ajusteAudios {text-align: left }