@font-face {
    font-family: "BlueBold";
    src: url(bluebold.ttf) format("truetype");
}

/*
CSS General
*/

body{ text-align: center; margin: 0; font-family: Arial; font-size:12px; }
.content{ width: 801px; margin-left:180px; }
.header{ margin-left:20px; }
.header .logo{ margin: 22px 0 0 0; position:absolute; background: url(../images/logo.png) no-repeat; width: 100px; height: 95px; }
.header .logoTexto{ margin: 24px 0 0 110px; position:absolute; background: url(../images/logoTexto.png) no-repeat; width: 392px; height: 86px; }
.header .slogan{ margin: 65px 0 0 690px; position:absolute; background: url(../images/slogan.png) no-repeat; width: 273px; height: 39px; }
.header .textoSuperior{ margin: 10px; width:300px; padding-left:530px; }
.menu { font-family: "BlueBold"; margin-top: 110px; background: url(../images/barraMenu.png) repeat-x; height: 59px; }
.menu ul{ margin-left:380px; padding: 0; list-style: none; }
.menu ul li{ float:left; margin: 25px 0 0 20px; }
.menu ul li a{ text-decoration: none; color:#000; font-size: 16px; }
.menu ul li a:hover{ color:#FF00BF; }
.clearFix{ clear: both; }
.menu .menuContainer{ width: 801px;margin-left:180px; }
.content{ min-height: 600px; line-height:20px; text-align: left; padding-top:40px; }
.content .resaltado{ color:#FF00BF; }

/*
CSS Inicio
*/

.fondoInicio{ margin-bottom:0; background: #666666 top left url(../images/fondoInicio.png) no-repeat; }
.content .subtitulo{ margin-top:20px; }
.content .imagenInicio{ margin:10px auto 20px auto; background: url(../images/fotoInicio.png) no-repeat; height:185px; width:801px; }
.content .bloqueIzquierdaInicio{ font-style: italic; float:left; width:240px; }
.content .bloqueBarraMediaInicio{ float:left; background: url(../images/barrasInicio.png) no-repeat; width:49px; height:339px; margin:0 10px 0 10px; }
.content .bloqueDerechaInicio{ padding-left:10px; }
.novedades{ width:801px; margin-left:180px; }
.novedadesTitulo{ height:16px; width:104px; background: url(../images/tituloNovedades.png) no-repeat; }
.novedades .novedadesBarra{ font-size:14px; font-style: italic; padding-top:5px; height:30px; background: url(../images/barraNovedades.png) repeat-x; }

/*
CSS Administración
*/

.dataTable{ border-left:1px solid #888; border-top:1px solid #888; width:100%; }
.dataTable th{ border-bottom:1px solid #888; border-right:1px solid #888; padding:10px;
background: #EEE3DB; }
.dataTable td{ border-bottom:1px solid #888; border-right:1px solid #888; padding:10px; background: #fff; }
.dataTable tr:hover td{ background:#E6E6E6; }
.button{ cursor:pointer; background: #E6E6E6; text-decoration: none; color:#444444; padding:3px;
border: 1px solid #ccc;}
.button:hover{ background:#FE2E9A; color:#fff; }
.error{ background: #F5A9A9; border:1px solid #DF0101; padding:5px; font-weight: bold; }
.success{ background: #E1F5A9; border:1px solid #31B404; padding:5px; font-weight: bold; }
form label{ display:block; cursor:pointer; }
form input[type=text]{ width:20em; border:1px solid #888; }
form input[type=password]{ width:20em; border:1px solid #888; }
form textarea{ width:50em; height:35ex; border:1px solid #888; }
.navegacionAdmin ul{ list-style: none; float:right; }
.navegacionAdmin ul li{ float:left; margin-left:10px; }
h1{ clear:both; }

/*
CSS Nosotros
*/

.fondoAcercaDe{ margin-bottom:0; background: #666666 top left url(../images/fondoAcercaDe.png) no-repeat; }

.content .imagenNosotros{ background: url(../images/acercaDeImagen.png) no-repeat;
                width:240px; height:532px; float:left; margin-top:40px; }
.content .barraVerticalNosotros{ background: url(../images/barrasAcercaDe.png) no-repeat;
                width:49px; height:530px; margin:41px 15px 0 15px; float:left; }
.content .textoNosotros{ line-height: 3.4ex; text-align: justify; margin-top:40px; }

/*
CSS Obras
*/
.fondoObras{ margin-bottom:0; background: #666666 top left url(../images/fondoObras.png) no-repeat; }
.tituloArtista{
    text-align: center;
    margin:40px 0 40px 0;
}
.artistas{ margin-top: -55px; }
.artistas ul{ float:right; list-style: none; }
.artistas ul li{ background:#de137a; float:left; padding:5px 10px 5px 10px; height:20px; }
.artistas ul li a{ color:#fff; font-weight: bold; text-decoration: none; }
.artistas ul li a:hover{ color:#000; }
.artistas ul .corner{ padding:5px 0 5px 0;
                      width:5px;
                      border-radius: 0px 0px 0px 5px;
                      -ms-border-radius: 0px 0px 0px 5px;
                      -moz-border-radius: 0px 0px 0px 5px;
                      -webkit-border-radius: 0px 0px 0px 5px;
                      -khtml-border-radius: 0px 0px 0px 5px; }

/*
CSS Contacto
*/

.fondoContacto{ margin-bottom:0; background: #666666 top left url(../images/fondoContacto.png) no-repeat; }

.content .logoContacto{ background: url(../images/contactoLogo.png) no-repeat; 
              width:212px; height:217px; float:left; }
.content .barraVerticalContacto{ background: url(../images/banda1Contacto.png) no-repeat;
              width:49px; height:196px; margin:13px 20px 0 10px; float:left; }
.content .googleContacto{ float:left; width:212px; min-height: 212px;margin:13px 0 0 0; }
.content .barraVerticalContactoUltima{ background: url(../images/banda2Contacto.png) no-repeat;
              width:49px; height:319px; margin:13px 20px 0 10px; float:left; }
.content .fotoContacto{ margin:13px 0 0 10px; float: left; }
.content .datosContacto a{ color:#FF00BF; text-decoration: none; }