@charset "UTF-8";
/* CSS Document */

body {background:url(../img/bg_body.gif) repeat-y #000 center; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:scroll; overflow:-moz-scrollbars-vertical; color:#FFFFFF; margin:0 auto;}

ul {list-style:none; margin:0px; padding:0px;}
img {border:0px;}
a {text-decoration:none; color:#333; cursor:pointer;}
a:hover {text-decoration: underline; color:#666666;}
h2 { color:#B72937; margin:0px; padding:0px 0 10px 0;}
h3 { color:#B72937; padding:0; margin:10px 0 0 0;}
p {padding:0px; margin:0px; clear:both;}

#contain { width:720px; _width:723px; margin:44px auto 0 auto; background:url(../img/back_contain.jpg) repeat-y; overflow:hidden;}
#contain #left { width:220px; float:left; }
#contain #center { width:334px; float: left; padding-bottom:20px;}

#center .menu { width:335px; height:116px; background:url(../img/menu.jpg) #000000;}
#center .menu ul { width:334px; height:116px; background:#000000 url(../img/menu.jpg);}
#center .menu li { width:334px; height:116px; margin:0px; float:left; background:url(../img/menu.jpg) no-repeat;
   /* hide from IE Mac \*/
   overflow: hidden;
   /* end hide */
   text-indent:-999px;}

#center .menu li a { width:334px; margin:0px; height:116px; float:left; background:url(../img/menu.jpg) no-repeat;
   /* hide from IE Mac \*/
   overflow: hidden;
   /* end hide */
   text-indent:-999px;}

#center .menu li a:hover {background-image:none;}

#center .menu li.experiencia { height:116px; width:82px; background-position: 0px -117px;}
#center .menu li.experiencia a { height:116px; width:82px; background-position: 0px 0px;}
#center .menu li.experiencia a:hover { height:116px; width:82px; background-position: 0px -117px;}
#center .menu li.experienciaOn { height:116px; width:82px; background-position: 0px -117px;}

#center .menu li.imagenes { height:98px; width:56px; background-position: -82px -117px;}
#center .menu li.imagenes a { height:98px; width:56px; background-position: -82px 0px;}
#center .menu li.imagenes a:hover { height:98px; width:56px; background-position: -82px -117px;}

#center .menu .fotos { color:#FFFFFF; font-size:0.53em; position:absolute; margin:100px 0 0 80px;}
#center .menu .fotos a { color:#FFFFFF; text-decoration:none;}
#center .menu .fotos a:hover { color:#B72937; text-decoration:none;}
#center .menu .videos { color:#FFFFFF; font-size:0.53em; position:absolute; margin:100px 0 0 110px;}
#center .menu .videos a { color:#FFFFFF; text-decoration:none;}
#center .menu .videos a:hover { color:#B72937; text-decoration:none;}


#center .menu li.clases { height:116px; width:85px; background-position: -138px -117px;}
#center .menu li.clases a { height:116px; width:85px; background-position: -138px 0px;}
#center .menu li.clases a:hover { height:116px; width:85px; background-position: -138px -177px;}
#center .menu li.clasesOn { height:116px; width:85px; background-position: -138px -117px;}

#center .menu li.links { height:116px; width:38px; background-position: -223px -117px;}
#center .menu li.links a { height:116px; width:38px; background-position: -223px 0px;}
#center .menu li.links a:hover { height:116px; width:38px; background-position: -223px -117px;}
#center .menu li.linksOn { height:116px; width:38px; background-position: -223px -117px;}


#center .menu li.contacto { height:116px; width:72px; background-position: -261px -117px;}
#center .menu li.contacto a { height:116px; width:72px; background-position: -261px 0px;}
#center .menu li.contacto a:hover { height:116px; width:72px; background-position: -261px -117px;}
#center .menu li.contactoOn { height:116px; width:72px; background-position: -261px -117px;}

#center .cuerpo { width:320px; color:#000000; font-size:0.65em; padding:15px 0px 30px 12px;}
#center .cuerpo h2 { font-size:1em;}
#center .cuerpo h3 { font-size:1em; padding:0 0 0 0;}
#center .cuerpo img { margin:10px 0 10px 0;}
#center .cuerpo span.bulletred { color:#B72937;}
.cuerpo .boldred {color:#B72937; font-weight:bold;}


#contain #rigth { width:166px; float:left;}

.cuerpo .dia { clear:both; border-bottom: 1px dotted #B72937; overflow:auto;}
.dia img { float:left;}
.dia .texto { float:left; padding: 20px 0 5px 10px;}
.dia p.hora { font-weight:bold; float:left;}
.dia p.titulo {}
.dia p.direccion { font-style:italic;}
.dia p.descripcion { font-style:italic;}
.dia p.comentario { color:#B72937; }

#center .fotosRow { width:320px; margin: 0px 0px 0px 0px; clear:both; padding: 0 0 10px 0;}
#center .fotosRow .foto { width:100px; background: #fff; float:left; margin:10px 5px 0 0;}
.fotosRow .foto img { margin:0px!important; padding:0px;}
.fotosRow .foto p.epigrafe { color:#FFFFFF; text-align:center; background:#000000; margin:0px; padding:2px; font-size:0.75em;}

#contain .newsConsultar{ color:#B72937; font-weight:bold; font-weight:bold; border-bottom: 1px dotted #B72937; padding: 10px}
#contain .news { }
#contain .new { overflow:auto; border-bottom: 1px dotted #B72937; margin: 0 0 10px 0; padding:0 0 10px 0;}
#contain .new p {}
#contain .new h3 {color:#B72937; margin:0px 0 10px 0;}


#footer {clear:both; width:720px; margin:0 auto; color:#B82837; font-size:0.7em; padding:20px 0 20px 0; text-align:center;}
#footer a {color:#B82837; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:none;}
#footer ul { margin:0 0 0 70px; }
#footer li { float:left;}
#footer p { padding:0px!important; margin:0px;}

.mask {height: 67px; margin-top: -67px; width: 100px;}