/* CSS Document © 2006 Miguel Angel Sánchez Rubio www.xtencil.com */

/*------------------------------ General Tags ------*/
body {
	font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top-width: 0.1em;
	border-top-style: solid;
	border-top-color: #C40100;
}
p {
	font-size: 0.85em;
	line-height: 1.4em;
	margin-top: 0.4em;
	margin-bottom: 0.6em;
}
hr {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  border: 0;
  width: 100%;
  height: 1px;
  background-color: #dadada;
}
a { outline: none; }
.col1-1 p, .col1-2 p, #footer p {font-size:0.75em; color:#555;}
#content p a, #content a p, #content li a, #content blockquote a, #content cite a, #content h4 a, #content dt a, label a {
	padding: 0px;
	color: #990000;
	text-decoration: none;
	margin: 0px;
}
#content p a:hover, #content li a:hover, #content blockquote a:hover, #content cite a:hover, #content h4 a:hover, #content dt a:hover, label a:hover {
	color: #ff6600;
	background-position: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Helvetica, Arial, Sans-serif;
}
h1 {padding: 0em;
	margin-bottom: 0em;
   margin-top: 0em;
	line-height: 0.7em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
h1 a:hover, h2 a:hover, h3 a:hover, h5 a:hover, h6 a:hover {
	color: #CC0000;
}
h2 {
	font-size: 1.8em;
	color: #333333;
	padding: 0em;
	letter-spacing: -1px;
	margin: 0em;
	line-height: 1.1em;
}
h3 {
	font-size: 1.2em;
	color: #333333;
	padding: 0em;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	letter-spacing: -1px;
	line-height: 1.1em;
}

h4 {
	color: #FF6600;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0em 0em 0.5em;
	margin-top: 1.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
	padding: 0em;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #666666;
}
h6 {
	padding: 0em;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
}
b, strong {}
del {color: #AAA;}

acronym, abbr {
  cursor: help;
  border-bottom: 1px solid #777;
}
address {
	font-weight: bold;
	font-size: 0.7em;
}
#content ol {
	padding-left: 1em;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	font-weight: normal;
	color: #333333;
	font-size: 0.85em;
	line-height: 1.5em;
	list-style-position: outside;
	margin: 0px;
}
#content ul {
	padding-left: 1em;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 0.85em;
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px;
}
#content li {
	margin-bottom: 0.6em;
	margin-left: 0.6em;
}
dt {}
dl {
	font-size: 0.8em;
}
dd {
	margin-left: 0em;
	padding-left: 0em;
	margin-top: 0.4em;
	margin-right: 0em;
	margin-bottom: 1em;
	padding-right: 0em;
}
blockquote {
	color: #222222;
	margin-left: 0em;
	margin-bottom: 1em;
	margin-right: 0em;
	margin-top: 1em;
	border-color: #c1c1c1;
	border-style: solid;
	border-width: 1px;
	padding: 1.5em;
	background-color: #F4F4F4;
}

/* ------------------------------Img Style ----------*/
img.floatRight {
  margin: 0em 0em 1em 1em;
  float:right;
}
img.floatLeft {
	margin: 0em 1em 0.1em 0em;
	float: left;
	padding: 0.3em;
	background-color: #E7E7E7;
	border: 1px solid #CCCCCC;
}
.floatLeft {
	border-style: solid;
	margin: 0em 1em 0.1em 0em;
	float: left;
}
a img {
	border: 1px solid #CCCCCC;
	padding: 0.3em;
}
a:hover img {
	border: 1px solid #CCC;
	background-color: #DADADA;
}

/* ------------------------------- Fix Float:left ---*/
.clearfix {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

/* --------------------------------- Some Classes ---*/
.hide {display:none;}
.right {text-align: right;}
.greybox {
	background-color: #DADADA;
	padding-top: 0em;
	padding-left: 1.1em;
	margin-right: 0.3em;
	margin-left: 0.3em;
}

.eng {
	color: #666666;
	font-weight: normal;
}
.red {color: #990000;}
.orange {color: #FF6600;}
.accent {color: #DADADA;}

/*----------------- Menu & Header ------*/
#header {
	padding-top: .1em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	text-align: left;
	width: 100%;
	background-color: #FF6600;
	background-image: url(http://www.leobassi.com/img/bg-header2.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.index #header .headerbox {
	position: relative;
	width: 55em;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	height: 11em;
	background-image: url(http://www.leobassi.com/img/leo-bg.jpg);
	background-repeat: no-repeat;
	background-position: 42% 100%;
/*center bottom;*/
}
.index #header .headerbox #logo {
	position: absolute;
	left: 0em;
	top: 3em;
	width: 315px;
	height: 72px;
}

.tube #header .headerbox {
	width: 55em;
	margin-right: auto;
	margin-left: auto;
	padding: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	position: relative;
	height: 7em;
	background-image: url(http://www.leobassi.com/img/bassitube.png);
	background-repeat: no-repeat;
	background-position: 42.5em 5%;
   /*center bottom;*/
}


.index #header .headerbox #citaT {
	position: absolute;
	width: 21.5em;
	left: 32.5em;
	top: 0.3em;
   height: 1em;
	text-align: left;
	visibility: visible;
}

#header .headerbox #citaT h5 {
	font-variant:normal;
	text-transform: uppercase;
	font: normal 9px Arial, Verdana, sans-serif;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	}

.index #header .headerbox #cita {
	left: 34.25em;
	font-size: 0.95em;
	background: white url(../img/grey-lines.jpg) repeat-y right top;
	position: absolute;
	width: 22.5em;
	height: 7.5em;
	text-align: left;
	padding: 10px;
	overflow: hidden;
	z-index: 99;
	visibility: visible;
	display: block;
	border-bottom: 1px solid #ae5f48;
	overflow-y: scroll;

}
#header .headerbox #cita p{
	color: #333333;
   font: normal 0.8em Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
#header .headerbox {
	width: 55em;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height: 7em;
	background-image: none;
}
.archivo #header .headerbox {padding-top: 1em; height: 6em;}
#header .headerbox #logo {
	position: absolute;
	left: 0em;
	top: 1em;
	width: 315px;
	height: 72px;
}

#header .headerbox #logo .title{
	font-size: 1.8em;
	color: #FFFFFF;
	letter-spacing: -0.03em;
	margin: 0em;
	padding: 0em;text-indent: -2000px;}

#header .headerbox #logo .title span{
	position: absolute;
	left: 0em;
	top: 0px;
	width: 315px;
	text-align: left;
	background-image: url(http://www.leobassi.com/img/logo.jpg);
	height: 72px;
	background-repeat: no-repeat;
}
#header .headerbox #cita {
	position: absolute;
	width: 16em;
	left: 38.5em;
	top: 2em;
	height: 4em;
	text-align: left;
visibility:hidden;
}
#header .headerbox #citaT {
	
visibility:hidden;
}
#menu {
	margin: 0em;
	padding: 0em;
	width: 100%;
	background-color: #990000;
	background-image: url(../img/gradient-cat.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 2.2em;
}
#menu .menubox {
	width: 55em;
	margin-right: auto;
	margin-left: auto;
	padding: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
}
#menu #navlist {
	padding: 1em 0em 0.6em;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	display: block;
	margin: 0em;
}
#menu #navlist li {
	list-style: none;
	margin: 0em;
	display: inline;
	padding:0em;
}
#menu #navlist a{
	padding: 0.4em 1em 0.4em;
	text-decoration: none;
	margin: 0em;
}
#menu #navlist a:link, #menu #navlist a:visited {
	text-align: center;
	text-decoration: none;
	color: #dadada;
	letter-spacing: normal;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0.5em;
	padding-top: 0.65em;
}
#menu #navlist a:hover {
	color: white;
}

/* --Menu highlights -- */
body.index #menu #navlist a#s-Index,
body.archivo #menu a#s-Archivo,
body.agenda #menu a#s-Agenda,
body.tube #menu a#s-Bassitube,
body.bassibus #menu a#s-Bassibus,
body.contacto #menu a#s-Contacto,
body.about #menu a#s-About,
body.bufones #menu a#s-Bufones,
body.links #menu a#s-Links {
	background-color: #FF6600;
	padding-bottom: 0.85em;
	color: #FFFFFF;
}
#menu #navlist .facebook a { color: yellow; }

/*------------------------------ Container & Content ------*/
#container {
	width: 55em;
	padding: 0px;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
}
#container #content {
	padding-bottom: 0em;
	display: block;
	margin-bottom: 0em;
}

#container #content .estreno { padding-left: 0; padding-bottom: 16px; padding-right: 20px; padding-top: 20px; background: 0; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; margin-right: 3px;}
#container #content #estreno-texto { padding-left: 0; padding-bottom: 16px; padding-right: 20px; padding-top: 20px; background: 0; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; margin-right: 3px;}
.estreno .texto-estreno { float: left; margin: 0; padding: 0; width: 340px; overflow: hidden; }
.estreno .img-estreno { float: left; position: relative; margin: 0; padding: 0; }

#container #content .estreno-r { padding-left: 0; padding-bottom: 16px; padding-right: 20px; padding-top: 20px; background: 0; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; margin-right: 3px;}

.estreno .img-estreno-right { float: right; position: relative; margin: 0; padding: 0; }
.estreno .img-estreno .novedad { position: absolute; left: 20px; top: 0px; }
.estreno .floatLeft { margin-right: 0; float: none; }
.estreno .floatRight { margin-right: 0; float: none; }
.estreno h1 { font-size: 4em; letter-spacing: -1px; text-transform: uppercase; padding: 20px; }
.estreno h3 { font-size: 1.9em; letter-spacing: -1px; text-transform: none; padding: 20px 0 20px 20px; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; background: url(../img/grey-lines.jpg) repeat-y right; }
#estreno-texto h3 { padding: 0px; margin: 0px; font-size: 2.3em; letter-spacing: -2px; text-transform: none; }
#estreno-texto h5 { letter-spacing: -1px; margin-left: 0px; margin-bottom: 18px; margin-right: 0px; margin-top: 6px; font-weight: bold; padding: 0px; font-size: 1em; text-transform: none; }
.estreno p { padding: 0 0 0 20px; }

.lines { background: url(../img/grey-lines.jpg) repeat-y right; border: 1px solid #dadada; padding: 7px; margin: 0 0 13px 0; }


#container .box {
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
#container .linebox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-right-color: #DADADA;
	border-bottom-color: #DADADA;
	border-left-color: #DADADA;
	margin-top: 0em;
margin-bottom: 1em;
margin-right: 0em; margin-left: 0em;
	padding: 0.5em;
background-color: #FFFFFF;
}
#container .linebox .box {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
        margin-top:0em; margin-left:0em; margin-right:0em; margin-bottom: 1em;
	padding-bottom: 0.6em; padding-top: 0em; padding-left: 0em; padding-right: 0em;
}
#container .tab {
	padding: 0.5em;
	margin-top: 2.5em;
margin-bottom: 0em;
margin-right: 2em; margin-left: 0em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DADADA;
	border-right-color: #DADADA;
	border-left-color: #DADADA;
	background-color: #F5F5F5;
}
#container .linebox .more-right {
	text-align: right;
	font-size: 0.8em;
	color: #999999;
	margin-top: 0.3em;
	margin-bottom: 1em;
}
#container .linebox .more-right a {
	text-decoration: none;
	color: #990000;
	padding: 0.3em 0.8em;
	border: 1px solid #DADADA;
	margin: 0.5em 0em 0em;
}
#container .linebox .more-right a:hover {
	background-color: #F5F5F5;
}
#container .grey {
	background-image: url(http://www.leobassi.com/img/grey-lines.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/*------------------------------ Columns & Content Layout ------*/

.novedad {
float: right;font-size: 0.65em;font-weight: bold;letter-spacing: 0.1em;	font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color:white;background-color: #ff2a14;padding-right: 7px;padding-left: 7px;padding-top: 4px;padding-bottom: 4px;
}
/*border-top-width: 1px;*/
	/*border-top-style: solid;*/
	/*border-top-color: #DADADA;*/
.col1 {
	float: left;
	width: 24.9em;
	margin: 0px;
	padding: 0px 1em 0px 0px;
      
}

.col1-2-3 {

	float: left;
	width: 55em;
	margin: 0em;
	padding:  0em 0em 0em 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}

.col2 {
	float: left;
	width: 13.8em;
	margin: 0em;
	padding: 0em 1em 1em;
 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;
	background-image: url(../img/grey-lines.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.col2b{
	float: left;
	width: 13.8em;
	margin: 0em;
	padding: 0em 1em 1em;
 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;
	background-image: url(../img/grey-lines.jpg);
	background-repeat: repeat-y;
	background-position: right top;
      border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DADADA;
}

.col2-3 {

	float: left;
	width: 27.8em;
	margin: 0em;
	padding: 0em 0em 0em 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DADADA;

}
.col3 {
	margin: 0em;
	padding: 0em 0em 0em 1em;
	float: left;
	width: 12em;
}


.col1-1 {
	width: 11.4em;
	float: left;
	padding: 0em;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 0em;Left
}
.col1-1 h4, .col1-2 h4 {
	margin-top: 0em;
	padding-top: 0em;
}
.col1-2 {
	padding: 0em;
	float: left;
	width: 11.4em;
	margin: 0em;
}
.colb {padding-right: 1em;border-right-width: 1px;	border-right-style: solid;border-right-color: #DADADA;}

.col4 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dadada;
	width: 40.8em;
	float: left;
	padding-right: 1em;
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	margin: 0em;
}

.col4b {
	padding: 0px;
	width: 42em;
	float: left;
	margin: 0em;
	
}




.col4 h2 {
        letter-spacing: -2px;
        margin-top: 0.25em;
	text-align: left;
	font-size: 2.2em;
        font-weight: bold;
}
.col4 .resumen {
	padding: 0.25em 0em;
	margin: 0.25em 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
.col4 .resumen p {
	/*font-size: 0.9em;*/
	/*line-height: 1.2em;*/
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
.col4 p {
	/*font-size: 0.85em;*/
	/*line-height: 1.2em;*/
}


.text {
	margin-top: 1em;
}
.text h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #990000;
	font-weight:bold;
	letter-spacing:normal;
}
.text h6 {
	margin-top: 1.2em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	margin-right: 0em;
	font-size: 0.85em;
	line-height: 1.5em;
	color: #777;
	text-transform:uppercase;
}
.text p {
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	margin-right: 0em;
}
.text p small {
	line-height: 0.9em;
	font-size: 0.9em;
	font-family: Verdana, Arial, sans-serif;
	color: #888888;
}
small {
	margin-top: 14px;
	font-size: 0.65em;
	font-family: Verdana, Arial, sans-serif;
	color: #888888;
}
.coltext {
	width: 40em;
	padding-left: 0em;
	padding-bottom: 1em;
	margin: 0em auto;
}
.col5 {
	float: left;
	width: 16em;
	margin-top: 1.5em;
margin-bottom: 0em;
margin-left: 0em;
margin-right:0em;
	padding-left: 1em;
}
.col5 h3 {font-weight: normal; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;}
.col5 p {padding: 0em 1em 1em 0em;}
.col6 {
	float: left;
	width: 20em;
	margin: 1em 0em 1em;
	padding-left: 1em;
padding-right: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*------------------------------ Banner Highlight ------*/
#container .banner {
	padding-top: 0em;
	padding-right: 1em;
	padding-left: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
#container .img-banner {
	background-image: url(http://www.leobassi.com/img/revelacion-mini.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 5em;
	width: 12em;
}


/*------------------------------ Footer ------*/
#footer {
	padding-bottom: 0em;
	background-color: #FFFFFF;
        background-image: url(http://www.leobassi.com/img/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DADADA;
}
#footer .footerbox {
	padding-bottom: 1em;
	padding-top: 1em;
	width: 55em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
	margin-bottom: 0em;
        display:block;
}
#footer .col1 {
	width: 40.8em;
	float: left;
	padding-right: 1em;
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 0em;
	margin: 0em;
}
#footer .col2 {
	margin: 0em;
	padding: 0em 0em 0em 1em;
	float: left;
	width: 12em;
        background-image: none !important;
        border-left-style: none;
        border-right-style: none;
}
#footer .col1 p {text-align:left;}
#footer .col2 p {text-align:right;}
#footer p a {
	border-bottom-style: none;
	color:#555;
        text-decoration: none;
        background-image: none;
        font-weight: bold;
}
#footer p a:hover {color:#990000;}
#search {
	padding: 0.1em;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	color: #666666;
	background-image: url(http://www.leobassi.com/img/grey-lines.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999999;
	width: 14em;
	background-position: right top;
}


/*------------------------------ Tagcloud ------*/
.module-tagcloud .module-list {text-align: left;}
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item {display:block; float:left;}
.module-tagcloud li {line-height: 1.25em;}
.module-tagcloud li.taglevel1 { font-size: 2em; }
.module-tagcloud li.taglevel2 { font-size: 1.8em; }
.module-tagcloud li.taglevel3 { font-size: 1.5em; }
.module-tagcloud li.taglevel4 { font-size: 1.25em; }
.module-tagcloud li.taglevel5 { font-size: 1.1em; }
.module-tagcloud li.taglevel6 { font-size: 0.9em; }
.estreno h4 { padding-top: 0px; padding-left: 20px; }
#estreno-texto h4 { margin-top: 0px; }
.destac { padding-bottom: 10px; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; }
.destac h2 { border-width: 100%; display: block; font-size: 2.4em; margin-top: -4px; margin-bottom: 6px; }




/* Banner */
#banner { border-bottom: 1px solid #ddd; background: #eee; margin: 0; padding: .1em 0 0 0; }
#banner:hover { background: #faffca;}
#banner .box { text-align: center; padding: 0; width: 55em; margin: 0 auto; }
#banner p { padding: 0 !important; float: left;  }
#banner p#more { float: left; margin-left: 0.25em; margin-top: 0.4em; margin-bottom: 0.6em;}
#banner a { color: #555; text-decoration: none; }
#banner a { color: #FF6600; }
#banner a:hover { color: #000; }
blockquote p { padding: 0px; margin: 0px; }