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

/* generales */
body { background: url(../img/background.jpg) #E9E0C3 repeat-x; margin:0; overflow-x:hidden; padding: 0 auto; margin: 0 auto; font-family: "Trebuchet MS"; font-size:0.9em; color:#473837;}

#container {position: relative; width: 900px; margin: 0 auto; overflow: auto; padding:0px}
p {margin:0px 0 0 0px;}
ul {list-style:none:}
li {list-style:none;}
form { margin:0px;}


/* Header */
#header {position: relative; width: 900px; margin:33px 0 0px 0 ; padding:0px; font-size:0.9em;}
#header .idioma { float:left; width:145px; margin:10px 0 0 0; font-style:italic;}
#header .idioma a { text-decoration:none; color:#AD972C;}
#header .idioma a:hover { text-decoration:underline; }
#header .fecha {float:left; width:200px; margin:12px 0 0 5px; color:#3E5CA0; font-size:0.85em;}
#header .menuTop {float:left; width:550px; margin:10px 0 0 0;}
#header .menuTop ul { margin:0px; padding:0px; color:#3E5CA0;}
#header .menuTop li {float:left;}
#header .menuTop li a {text-decoration:none; color:#3E5CA0;  padding:0 4px 0 0;}
#header .menuTop li a:hover {text-decoration:underline;}
#header .bannerSup { float:left; width:900px; margin:0px 0 0 0; height:92px; padding:10px 0 0 0 ; overflow:hidden;}
#header .bannerSup .left {float:left; width:743px; margin:0 15px 0 0; padding:0px; height:92px; overflow:hidden;}
#header .bannerSup .rigth {float:left; width:142px; margin:0; height:92px; padding:0px; overflow:hidden;}
/* Cuerpo */
#contain { width: 900px; margin:0 0 0px 0px; padding:0px; background:url(../img/background_contain.gif);}
#contain .leftNav { float:left; width:149px; overflow:hidden;}
#contain .leftNav img { margin:10px 0 10px 0;}
#contain .leftNav .menu { float:left; width:149px; overflow:hidden; margin:10px 0 0 0;}
#contain .leftNav .menu ul{ text-indent:-999px; margin:0; padding:0px;}
#contain .leftNav .menu li { background:url(../img/menu.jpg) no-repeat; margin:10px 0 0 0; padding:0; height:30px; width:134px;}
#contain .leftNav .menu li a { background:url(../img/menu.jpg) no-repeat; margin:0px 0 0 0px; padding:0px 0 0 0; height:30px; width:134px;}
#contain .leftNav .menu li a:hover { background-image: none;}
#contain .leftNav .menu li.novedades { background-position:0px -233px;}
#contain .leftNav .menu li.novedades a { background-position: 0 0px;}
#contain .leftNav .menu li.novedades-on { background-position: 0 -233px;}
#contain .leftNav .menu li.festivales { background-position:0px -273px;}
#contain .leftNav .menu li.festivales a { background-position: 0 -40px;}
#contain .leftNav .menu li.festivales-on  { background-position:0px -273px;}
#contain .leftNav .menu li.noticias { background-position:0px -561px;}
#contain .leftNav .menu li.noticias a { background-position: 0 -530px;}
#contain .leftNav .menu li.noticias-on  { background-position:0px -562px;}
#contain .leftNav .menu li.galeria{ background-position:0px -313px;}
#contain .leftNav .menu li.galeria a { background-position: 0 -80px;}
#contain .leftNav .menu li.galeria-on  { background-position:0px -313px;}
#contain .leftNav .menu li.quienessomos { background-position:0px -353px;}
#contain .leftNav .menu li.quienessomos  a { background-position: 0 -120px;}
#contain .leftNav .menu li.quienessomos-on  { background-position:0px -353px;}
#contain .leftNav .menu li.suscripcion { background-position:0px -392px;}
#contain .leftNav .menu li.suscripcion a { background-position: 0 -160px;}
#contain .leftNav .menu li.suscripcion-on  { background-position:0px -392px;}
#contain .leftNav .menu li.blog { background-position:0px -499px;}
#contain .leftNav .menu li.blog a { background-position: 0 -467px;}
#contain .leftNav .menu li.blog-on  { background-position:0px -498px;}
#contain .leftNav .menu li.contacto { background-position:0px -435px;}
#contain .leftNav .menu li.contacto a { background-position: 0 -202px;}
#contain .leftNav .menu li.contacto-on  { background-position:0px -435px;}



#contain .ColumCenter { float:left; width:593px; background-color:#FFFFFF; overflow:hidden; font-size:0.8em; color:#3E5CA0; margin:0px; padding:0px 0 40px 0;}
#contain .ColumCenter h1 { font-size:2.5em; font-weight:bold; margin:0px; padding:30px 0 4px 40px;}
#contain .ColumCenter p.quienessomos { margin:0px; padding:15px 60px 4px 40px;}
#contain .ColumCenter a {color:#CBB977; text-decoration:none;}
#contain .ColumCenter a:hover {color:#CBB977; text-decoration:underline;}
#contain .ColumCenter .titulo {color: #3E5CA0; font-size:1.1em; font-weight:bold; padding:8px 0 0 0;}
#contain .ColumCenter .titulo {color: #3E5CA0; font-size:1.1em; font-weight:bold; padding:8px 0 0 0;}
#contain .ColumCenter .destaCado { float:left; width:573px; background-color:#FFFFFF; overflow:hidden; margin:20px 0 0 10px;}
#contain .ColumCenter .destaCado h1 { background:url(../img/destacado_ancho.gif) no-repeat; font-size:1.4em; font-weight:bold; color:#FFFFFF; margin:0px; padding:3px 0 4px 15px;}
#contain .ColumCenter .destaCadoDos { float:left; width:275px; background-color:#FFFFFF; overflow:hidden; margin:20px 0 20px 10px;}
#contain .ColumCenter .destaCadoDos h2 { background:url(../img/destacado_angosto.gif) no-repeat #AD972C; font-size:1.4em; font-weight:bold; color:#FFFFFF; margin:0px; padding:3px 0 4px 15px;}
#contain .ColumCenter .destaCadoTres { float:left; width:275px; background-color:#FFFFFF; overflow:hidden; margin:20px 0 20px 17px;}
#contain .ColumCenter .destaCadoTres h3 { background:url(../img/destacado_angosto.gif) no-repeat; font-size:1.4em; font-weight:bold; color:#FFFFFF; margin:0px; padding:3px 0 4px 15px;}
#contain .ColumCenter .festival{ float:left; width:235px; height:180px; .height:190px; background-color:#FFFFFF; overflow:hidden; margin:20px 0 0px 40px; _margin:20px 0 0px 20px; border-bottom:#999999 dashed 1px; padding:0px 0px 20px 0px;}
#contain .ColumCenter .galeria{ float:left; width:235px; height:140px; .height:160px; background-color:#FFFFFF; overflow:hidden; margin:20px 0 0px 40px; _margin:20px 0 0px 20px;}
#contain .RigthNav { float:left; width:134px; }
#contain .RigthNav img { float:left; width:142px; margin:10px 0 0 16px;}

/* Suscripcion */
#contain .form {margin:0px 0 0 40px; height:450px;}
#contain .form input {margin:3px 0 3px 0; width:300px; height:15px;}
#contain .form input.check {margin:3px; width:15px; height:15px;}
#contain .form textarea {margin:3px 0 3px 0; width:300px; height:90px;}
#contain .form input.button {margin:10px 0 0 0; width:100px; height:25px;}

/* Pie */
#footer {clear: left; overflow:hidden; margin-bottom:30px;}
#footer .imagen {}
#footer .texto { background-color:#AD972C;}
#footer .texto p { color:#FFFFFF; margin:0px; padding:5px 0 5px 20px; font-size:0.75em; text-align:center;}