/* UNDO */
:link, :visited {text-decoration: none;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea {margin:0; padding:0;}
a img, :link img, :visited img {border: none;}
img {display: block;}
address {font-style: normal;}


/* GENERAL */
a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

body {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top center;
	font: 12px/16px verdana,arial,sans-serif;
	padding-bottom: 50px;
}

input,
textarea {
	font: 12px/16px verdana,arial,sans-serif;
}

body.one {
	background-image: url("../img/body_bg_one.jpg");
}

body.two {
	background-image: url("../img/body_bg_two.jpg");
}

body.three {
	background-image: url("../img/body_bg_three.jpg");
}

body.four {
	background-image: url("../img/body_bg_four.jpg");
}

body.five {
	background-image: url("../img/body_bg_five.jpg");
}


#wrapper {
	background: transparent url("../img/html_bg.png") repeat-x;
}

#main {
	width: 960px;
	margin: 0 auto;
}


/* HEADER */
#header {
	position: relative;
	height: 75px;
	padding: 20px 0;
	background: transparent url("../img/header_bg.png") left 7px no-repeat;
}

#title {
	position: absolute;
	right: 23px;
	top: 20px;

}

h1 a {
	display: block;
	width: 486px;
	height: 60px;
	background: transparent url('../img/rascal_logo.png') no-repeat;
}

#title span {
	display: block;
	float: right;
	width: 269px;
	height: 14px;
	background: transparent url('../img/rascal_slogan.png') no-repeat;
	margin-right: 12px;
}


/* ESTRUCTURA */
#sidebar {
	width: 240px;
	float: left;
}

#content {
	float: right;
	width: 668px;
	background: transparent url("../img/content_bg.png");
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 26px;
}


/* MENU */
#menu {
	margin-top: 27px;
}

#menu li a {
	display: block;
	width: 240px;
	height: 30px;
	background: transparent url("../img/menu.png") left top no-repeat;
}

#menu .two a {
	background-position: 0 -30px;
}

#menu .three a {
	background-position: 0 -60px;
}

#menu .four a {
	background-position: 0 -90px;
}

/* :hover */
#menu .one a:hover,
body.team #menu .one a {
	background-position: -240px 0;
}

#menu .two a:hover,
body.makingof #menu .two a {
	background-position: -240px -30px;
}

#menu .three a:hover,
body.festivals #menu .three a {
	background-position: -240px -60px;
}

#menu .four a:hover,
body.contact #menu .four a {
	background-position: -240px -90px;
}



/* HOME */
body.home #content {
	margin-bottom: 200px;
}

#video {
	background-color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin-bottom: 26px;
}

#video .cont {
	border: 1px solid #323232;
}

#tehagustado {
	position: relative;
	padding-bottom: 12px;
}

#tehagustado a.button {
	display: block;
	width: 670px;
	height: 34px;
	background: transparent url("../img/button_tehagustado.png") left top no-repeat;	
}

#tehagustado.hover a.button {
	background-position: left -34px;
}

#new_comment {
	z-index: 999;
	display: none;
	background-color: #3A596D;
	position: absolute;
	width: 419px;
	right: 0;
	top: 34px;
	padding: 11px;
	padding-bottom: 7px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

#new_comment p {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	border-top: 1px solid #60717b;
	border-bottom: 1px solid #8b9aa4;
	background-color: #7e8f9a;
	margin-bottom: 11px;
}

#new_comment label {
	display: block;
	float: left;
	color: #233541;
	vertical-align: top;
	width: 65px;
	margin: 2px 0 0 7px;
}

#new_comment input#nombre,
#new_comment input#email,
#new_comment textarea {
	width: 330px;
}

#new_comment input#nombre,
#new_comment input#email {
	height: 19px;
}

#new_comment textarea {
	height: 100px;
}

#new_comment input.button {
	margin-left: -1px;
}

#comment_list li {
	margin-bottom: 12px;
}

#comment_list .autor {
	float: left;
	width: 194px;
	padding: 5px 10px;
	background-color: #283e4c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #7e8f9a;
}

#comment_list .comment {
	position: relative;
	margin-left: 226px;
	padding: 4px;
	background-color: #11212c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#comment_list .comment p {
	background-color: #283640;
	color: #7e8f9a;
	padding: 10px;
}

#comment_list .comment .say {
	position: absolute;
	left: -4px;
	top: 6px;
	width: 8px;
	height: 15px;
	background: transparent url("../img/comment_bg.png") left top no-repeat;
}

#pager {
	background-color: #7F1B00;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	font-size: 16px;
}

#pager span {
	margin-right: 30px;
	color: #D64417;
}

#pager a {
	font-weight: bold;
	color: #fff;
	padding: 0 5px;
}

#pager a:hover {
	color: #FBE6DF;
}

#pager a.current {
	background-color: #D64417;
	color: #7F1B00;
}


/* EQUIPO */
body.team #content .cont,
body.festivals #content .cont,
body.contact #content .cont {
	background-color: #11212c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin-bottom: 26px;
}

body.team p.brief {
	color: #fff;
	font-size: 18px;
	margin: 15px 8px 25px;
	line-height: 24px;
}

body.team a {
	color: #D64417;
}

body.team a:hover {
	color: #7F1B00;
}

#directors {
	padding: 8px;
	background-color: #283640;
}

#directors .photo {
	float: left;
	width: 213px;
}

#directors img {
	display: block;
	margin-bottom: 7px;
	border: 1px solid #fff;
}

#directors .photo p {
	color: #42677f;
	font-size: 10px;
	line-height: 12px;
}

#directors ul {
	float: right;
	width: 408px;
}

#directors li {
	color: #fff;
	margin-bottom: 20px;
	line-height: 18px;
}

#directors li.last {
	margin-bottom: 0;
}

#directors li strong {
	color: #6daad2;
}

#staff {
	border-top: 5px solid #7f1b00;
	width: 694px;
}

#staff dl {
	float: left;
	width: 211px;
	border-top: 4px solid #d64417;
	margin-right: 30px;
}

#staff dl.last {
	margin-right: 0px;
	margin-left: 1px;
}

#staff dt {
	margin-top: 12px;
	color: #334b5b;
}

#staff dd {
	color: #6daad2;
}


/* FESTIVALES */
#map {
	padding: 10px 10px 0;
}

#festivals {
	background-color: #283640;	
}

#festivals ul {
	padding-top: 20px;
}

#festivals li {
	border-top: 1px solid #7f1b00;
	padding-bottom: 20px;
}

#festivals .award {
	display: block;
	float: left;
	width: 184px;
	border-top: 3px solid #d64417;
	padding: 10px 10px 0;
	font-weight: bold;
	color: #fff;
}

#festivals .festival {
	float: right;
	width: 444px;
	padding-top: 13px;
	color: #42677f;
}

#festivals .festival span {
	display: block;
}

#festivals .festival .name {
	color: #6daad2;
}



/* CONTACTO */
body.contact #content .cont {
	margin-bottom: 0;
}

body.contact .info {
	float: left;
	width: 190px;
	margin-top: 18px;
	line-height: 18px;
	color: #6daad2;
}

body.contact #new_comment {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	float: right;
	display: block;
	top: 0;
}

body.contact p#message {
	background-color: #7F1B00;
	font-weight: bold;
	color: #fff;
	border: none;
}

body.contact #new_comment.ok {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background-color: transparent;
	width: 442px;
}



/* MAKING OF */
body.makingof .info {
	color: #fff;
	line-height: 18px;
}

body.makingof .info p {
	margin-top: 20px;
}


/* HACKS DEL DEMOÑO */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.mir { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */