@charset "utf-8";
/* CSS Global styles - la Roux PUBLICIDAD */

/*--- RESET ---*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* end of RESET */


/*--- Layout ---*/

html, body {
   min-height:100%
}
#container {
   min-height:100%;
   position:relative;
   overflow:hidden;
}
#content {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:144px;   /* Height of the footer */
}

#header {
	position:relative;
	width:960px;
	margin:0 auto
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:90px;   /* Height of the footer */
}

#footerContent {
	width:940px;
	margin:0 auto
}

.column-12, .column-9, .column-7, .column-6, .column-5, .column-3 {
	float:left;
	display:inline;
	margin:0 10px 36px;
	background-color:#323030;
	border-bottom:18px solid #464242
}

.column-12 {width:940px}
.column-9 {width:700px}
.column-7 {width:540px}
.column-6 {width:460px}
.column-5 {width:380px}
.column-3 {width:220px}

.innerContent {
	padding:0 10px 54px;
	clear:both;
	overflow:hidden
}

.clear {clear:both}

/* end of Layout */


/*--- General ---*/

@font-face {
	font-family: 'Museo700';
	src:url('type/Museo700-Regular.eot');
	src:local('Museo 700'), local('Museo-700'),
		url('type/Museo700-Regular.woff') format('woff'),
		url('type/Museo700-Regular.otf') format('opentype'),
		url('type/Museo700-Regular.svg#Museo-700') format('svg');
}

@font-face {
	font-family: 'Museo500';
	src:url('type/Museo500-Regular.eot');
	src:local('Museo 500'), local('Museo-500'),
		url('type/Museo500-Regular.woff') format('woff'),
		url('type/Museo500-Regular.otf') format('opentype'),
		url('type/Museo500-Regular.svg#Museo-500') format('svg');
}

html {background-color:#272525}

body {
	color:#d1cdcd;
	background:#272525 url(../img/x-pattern.png) top center repeat;
	font:12px/18px Arial, Helvetica, sans-serif
}

#container {background:transparent url(../img/container-bg.png) 0 0 repeat-x}

h1 {
	float:left;
	width:300px;
	margin-top:90px;
	padding-left:20px;
	color:#fff;
	background:#272525 url(../img/x-pattern.png) -6px 14px repeat;
	font:24px/54px "Museo700", "Trebuchet MS";
}

h2, h3 {
	float:left;
	display:inline;
	margin-bottom:18px;
	padding:0 20px 0 10px;
	color:#ec008c;
	background:#272525 url(../img/x-pattern.png) 20px -10px repeat;
	font:21px/36px "Museo700", "Trebuchet MS";
	clear:both
}

h3 {font-size:18px}

p {margin-bottom:18px}

a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	outline:none
}

a:hover {color:#ec008c}

em {
	color:#fff;
	font-style:italic;
	font-weight:bold
}

br + br {display:none}

br + br + br {display:inline}

.lastColumn {margin-right:0 !important}

/* end of General */


/*--- Header ---*/

#header {
	height:198px;
	margin-bottom:18px;
	background:url(../img/header-pattern.png) 10px 0 no-repeat
}

#breadcrumb {
	position:absolute;
	top:0;
	left:580px;
	font-family:"Trebuchet MS"
}

#menu {
	position:absolute;
	top:28px;
	left:570px;
	width:190px
}

#menu li {
	padding:0 0 0 10px;
	border-bottom:1px solid #393434;
	line-height:35px
}

#menu li.lastLink {border:none}

#menu li a {
	font-size:14px;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

#language {
	position:absolute;
	top:0;
	right:10px;
	color:#d1cdcd;
	font-family:"Trebuchet MS";
	font-weight:normal
}

#language:hover {
	color:#fff;
	text-decoration:none
}

#header #logo {
	position:absolute;
	top:9px;
	right:10px
}

#header #contactenos {
	position:absolute;
	top:166px;
	right:10px;
	width:14px;
	height:10px;
	background:url(../img/contact-icon.png) 0 0 no-repeat;
	font-weight:normal
}

#header #contactenos span, #header #facebook span {display:none}

#header #contactenos:hover {
	background-position:0 -10px;
	text-decoration:none
}

#header #contactenos:hover span {
	display:block;
	position:absolute;
	top:-7px;
	left:-69px;
	width:38px;
	padding:2px 12px 2px 6px;
	color:#d1cdcd;
	background-color:#272525;
	text-decoration:none;
	font-family:"Trebuchet MS"
}

#header #facebook {
	position:absolute;
	top:185px;
	right:10px;
	width:14px;
	height:14px;
	background:url(../img/facebook-icon.png) 0 0 no-repeat;
	font-weight:normal
}

#header #facebook:hover span {
	display:block;
	position:absolute;
	top:-4px;
	left:-150px;
	width:132px;
	padding:2px 12px 2px 6px;
	color:#d1cdcd;
	background-color:#272525;
	text-decoration:none;
	font-family:"Trebuchet MS"
}

#header #facebook:hover.en span {left:-132px;width:114px}

/* end of Header */


/*///// Footer /////*/

#footer {background:url(../img/footer-bg.png) bottom left repeat-x}

#footerContent {
	height:90px;
	background:url(../img/logo-laroux-footer.png) top left no-repeat;
	color:#998e8e;
	font-family:"Trebuchet MS";
	overflow:hidden
}

#footerContent address {
	margin:30px 0 0 122px
}

#footerContent address span {color:#403d3d}

#footerContent a.cine {
	float:right;
	width:148px;
	height:70px;
	margin-top:18px;
	padding-left:12px;
	color:#998e8e;
	background:url(../img/logo-cine-footer.png) 70px 0 no-repeat;
	line-height:72px
}

#footerContent a.cine:hover {
	text-decoration:none;
	background-color:#323030;
	background-position:70px -70px
}

/* end of Footer */


/*--- Homepage ---*/

.video {
	float:left;
	display:inline;
	width:234px;
	margin:0 20px 18px 0;
	padding:8px;
	background-color:#272525
}

.video a {
	position: relative;
	display: block;
	width:234px;
	height:190px
}

.video a span {display:none}

.video a:hover span {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:234px;
	height:190px;
	color:#fff;
	background:url(../img/video-over.png) 0 0 repeat;
	font-size:18px;
	font-family:"Museo700", "Trebuchet MS";
	text-align:center
}

.video a:hover span.text {
	top:80px;
	left:67px;
	width:100px;
	height:27px;
	background-color:#272525;
	line-height:27px
}

.video strong {
	display:block;
	padding-top:9px;
	font-size:14px;
	font-weight:bold;
	clear:both
}

.video p {
	margin:0;
	color:#746f6f
}

.innerContent .button {
	float:right;
	display:inline;
	padding:8px 12px;
	background:#272525;
	border:4px solid #393635;
	font-size:14px;
	clear:both;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

.innerContent .button:hover {
	color:#fff;
	background-color:#ec008c;
	text-decoration:none
}

.innerContent .button.plus {
	padding-left:38px;
	background:#272525 url(../img/button-plus.png) 8px 0 no-repeat;
}

.innerContent .button.plus:hover {
	background-color:#ec008c;
	background-position:8px -34px
}

.innerContent address {
	float:left;
	display:inline;
	width:230px;
	margin:0 20px 18px 0;
	padding:9px 10px;
	background-color:#272525;
	font-size:14px;
	font-family:"Museo500", "Trebuchet MS"
}

.innerContent address span {display:block}

.innerContent address span.tel {padding-left:32px}

/*- Noticias -*/

.noticias {overflow:hidden}

.noticias h2 {color:#fff}

.noticias h3.valid {
	display:block;
	float:none;
	margin:0;
	padding:0;
	color:#ec008c;
	background:none;
	font:18px/18px "Museo700", "Trebuchet MS"
}

.noticias p.date {
	display:block;
	margin-bottom:18px;
	color:#746f6f;
	font-family:"Trebuchet MS"
}

.noticias .innerContent {padding-bottom:18px}

.noticias .pagination {
	text-align:center;
	line-height:54px
}

.noticias .pagination strong, .noticias .pagination a {
	margin-right:5px;
	padding:8px 11px;
	font-size:14px;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

.noticias .pagination a {
	margin-right:5px;
	padding:8px 11px;
	background:#272525;
	border:4px solid #393635;
	font-size:14px;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

.noticias .pagination a:hover {
	color:#fff;
	background-color:#ec008c
}

.noticia {
	margin-bottom:54px;
	overflow:hidden
}

.noticia img {
	float:left;
	margin:0 18px 8px 0;
	border:6px solid #272525
}

.noticia object {
	display:block;
	border:8px solid #272525
}

.noticia a {color:#746f6f}

.noticia a:hover {color:#ec008c}

.noticia span[style] {
	color:#d1cdcd !important;
	background:none  !important;
	font:normal 12px/18px Arial, Helvetica, sans-serif !important;
	text-decoration:none  !important;
}

.noticia div[style] {
	text-align:left !important;
}

.noticia hr, .noticia table {display:none}

.noticia h1, .noticia h2, .noticia h3, .noticia h4, .noticia h5, .noticia h6, .noticia p, .noticia address, .noticia pre {
	margin:0 !important;
	padding:0 !important;
	color:#d1cdcd !important;
	background:none !important;
	font:normal 12px/18px Arial, Helvetica, sans-serif !important;
	text-decoration:none !important
}


/* end of Homepage */


/*--- Subpages ---*/

.director .innerContent img, .equipo .innerContent img, .servicios .innerContent img {
	float:left;
	display:inline;
	margin:0 14px 18px 0;
	border:4px solid #272525;
}

.director a.bullet, .equipo a, #sb-content a.bullet {
	padding-left:10px;
	color:#746f6f;
	background:url(../img/bullet.png) 0 4px no-repeat
}

.director a:hover, .equipo a:hover, #sb-content a:hover {color:#ec008c}

.servicios ul li {
	padding-left:10px;
	background:url(../img/bullet.png) center left no-repeat
}

.pattern {background:url(../img/x-pattern-fucsia.png) 0 0 repeat}


/*- Noticias ampliadas -*/

.noticias.ampliacion h2, .noticias.ampliacion h3 {
	float:left;
	display:inline;
	margin:0 0 18px -10px;
	padding:0 20px 0 10px;
	color:#ec008c;
	background:#272525 url(../img/x-pattern.png) 20px -10px repeat;
	font:21px/36px "Museo700", "Trebuchet MS";
	clear:both
}

.noticias.ampliacion p.date {clear:left}

.noticias.pattern {
	height:350px;
	border:none
}

/*- Reel institucional -*/

.reel .innerContent {padding:36px 22px 54px}

.reel .video {
	float:none;
	display:block;
	width:640px;
	margin:0 0 10px 0;
}

.reel object {display:block}

.reel h3 {
	margin-bottom:0;
	padding:0;
	background:none
}

.reel p, .reel ul {
	margin-bottom:0;
	clear:both
}

.reel ul strong {
	color:#fff;
	font-weight:bold
}

.reel #video2, .reel #video3, .reel #video4, .reel #video5, .reel #video6, .reel #video7 {display:none}

.alternateContent {
	height:300px;
	text-align:center
}

.alternateContent a {
	position:static;
	display:inline;
	line-height:300px
}

.reelSelector .button {
	float:none;
	display:block;
	margin:0 0 9px 0;
	padding:8px 12px 8px 38px;
	background:#272525 url(../img/button-reel.png) 8px 3px no-repeat;
	font-size:13px
}

.reelSelector .button:hover {background-position:8px -95px}

.reelSelector .button.selected {
	margin-left:-10px;
	color:#ec008c;
	border-color:#464242;
	border-left:none
}

.reelSelector .button.selected:hover {color:#fff}


/*- Directores -*/

.director .video {
	width:124px;
	height:100px;
	margin-right:10px
}

.director .video a {
	width:124px;
	height:100px
}

.director .video a:hover span {
	width:124px;
	height:100px
}

.director .video a:hover span.text {
	top:36px;
	left:12px;
	width:100px;
	height:27px;
	background-color:#272525;
	font-size:16px;
	line-height:27px
}

.director .video img {border:none}

/*- Equipo -*/

.equipo {border:none}

.equipo .innerContent {
	margin-bottom:18px;
	padding-bottom:0
}

.equipo .innerContent img {margin-right:0}

.equipo h3 {
	float:none;
	display:block;
	margin-bottom:9px;
	padding:0;
	color:#CCCCCC;
	background:none;
	font-size:15px;
	line-height:18px;
	clear:none
}

.equipo .perfil {display:none}

.equipo .verPerfil {
	display:block;
	width:142px;
	margin:0 auto 9px;
	padding:4px 12px 4px 38px;
	background:#272525 url(../img/button-profile.png) 52px 0 no-repeat;
	border:4px solid #3a3636;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

.equipo .verPerfil:hover {
	color:#fff;
	background-color:#ec008c;
	background-position:52px -36px
}

#sb-content blockquote {
	margin:36px 0 18px;
	font-style:italic;
	overflow:hidden
}

#sb-content blockquote span {
	float:right;
	margin-top:18px;
	font-style:normal;
	font-weight:bold
}

.equipo.pattern {
	height:322px;
	background-position:-8px -52px
}

/*- Servicios -*/

.servicios .innerContent img.noBorder {border:none}

.enlaces h3 {color:#746f6f;}

.enlaces a {
	display:block;
	margin:0 0 9px 0;
	padding:8px 12px 8px 38px;
	background:#272525 url(../img/button-plus.png) 8px 0 no-repeat;
	border:4px solid #3a3636;
	font-size:14px;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS"
}

.enlaces a:hover {
	color:#fff;
	background-color:#ec008c;
	background-position:8px -34px;
	text-decoration:none
}

/* end of Subpages */


/*--- Form ---*/

.contactenos {padding-top:18px}

.contactenos.pattern {
	height:526px;
	border:none;
	background-position:0 -52px
}

label {
	float:left;
	display:inline;
	padding:0 20px 0 10px;
	color:#ec008c;
	background:#272525;
	font:15px/36px "Museo700", "Trebuchet MS";
	clear:both
}

input, textarea {
	float:left;
	display:inline;
	width:500px;
	margin-bottom:18px;
	padding:9px 10px;
	color:#d1cdcd;
	border:none;
	background:#272525;
	font-size:14px;
	clear:both
}

textarea {
	height:144px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif
}

input:focus, textarea:focus {
	padding:5px 6px;
	border:4px solid #393635
}

.submit {
	float:right;
	display:inline;
	width:105px;
	padding:8px 12px 8px 38px;
	background:#272525 url(../img/button-submit.png) 8px 0 no-repeat;
	border:4px solid #3a3636;
	font-size:14px;
	clear:both;
	font-weight:normal;
	font-family:"Museo500", "Trebuchet MS";
	cursor:pointer
}

.submit:hover {
	color:#fff;
	background-color:#ec008c;
	background-position:8px -34px;
	text-decoration:none
}

input.submit:focus {
	padding:8px 12px 8px 38px;
	outline:none
}


span.error {
	float:left;
	display:inline;
	margin:5px 0 0 5px;
	padding:0 10px;
	color:#fff;
	background-color:#ec008c;
	line-height:26px;
}

.submitOk {
	width:380px;
	padding:9px 10px;
	background:#272525
}

.submitOk strong {
	display:block;
	margin-bottom:9px;
	color:#ec008c;
	font-size:15px;
	font-weight:bold
}

/* end of Form */