@import "reset.css";

BODY {font: 0.6875em Arial, sans-serif;}
A {color: #b63651;}
A:hover {text-decoration: none;}
STRONG {font-weight: bold;}

/* @group hide */
H1 SPAN, .home SPAN, .contacts SPAN, .pages .next SPAN, .pages .prev SPAN, .line HR {display: none;}
/* @end */

#cameras, #events, #press-releases, #news, #content, #serial {overflow: hidden;}

/* @group grid */
HTML, BODY {position: relative; height: auto !important; height: 100%; min-height: 100%;}
#outer {width: 1009px; margin: 0 auto;}
#outer {position: relative; padding-bottom: 100px;}
/*#outer {height: auto !important; height: 620px; min-height: 620px;}*/
/* @end */

/* @group alert */
#alert-bg {position: fixed; z-index: 1; width: 100%; height: 100%; background: white; opacity: 0.5;}
#alert {position: fixed; top: 50%; left: 50%; z-index: 2; margin: -44px 0 0 -151px;}
/* @end */

/* @group bg */
BODY {background: #DADADA url(../img/bg-bottom.jpg) repeat-x 0 100%;}
#bg {background: url(../img/bg-top.jpg) repeat-x;}
#bg2 {background: url(../img/bg-top2.jpg) no-repeat 50% 0;}

/* @group index */
BODY.index {background: #dadada url(../img/bg-bottom-index.gif) repeat-x 0 100%;}
.index #bg {background: url(../img/bg-top-index.jpg) repeat-x;}
.index #bg2 {background: url(../img/bg-top2-index.jpg) no-repeat 50% 0;}
/* @end */
/* @end */


/* @group header */
#header {position: relative; height: 84px;}
#logo A {position: absolute; left: -5px; top: 19px; display: block; width: 387px; height: 41px; background: url(../img/logo.gif) no-repeat;}

/* @group main menu */
.mnutable {
	height:31px;
	width:1028px;
	font-weight: normal;
	color: #C9BABD;
	background-image:url(img/bgmnu.gif);
	background-repeat:no-repeat;
	margin-bottom:11px;
	position:relative;
	left:-10px;
}
.mnutable TD {text-align:center; padding-left:0px; vertical-align:middle; white-space:nowrap;}
.mnutable .separator {width:1px; background-image:url(img/separator.gif); background-repeat:no-repeat; padding:0;}
.mnutable SPAN {display:block; height:30px; vertical-align:middle; cursor:pointer;}
.mnutable SPAN SPAN{margin-top:0px; margin-left:15px; margin-right:15px; padding-top:7px;}
.mnutable A {font-family: Tahoma; font-size: 13px; color: #C9BABD; text-decoration:none;}
.mnutable A:hover SPAN.aspan {color: #FFFFFF; background-image:url(img/bgmnu-h.gif);}
/* @end */

/* @group block */
#block {position: absolute; top: 22px; right: -1px; width: 150px; height: 35px; background: url(../img/bg-block2.gif) no-repeat; font-family: Tahoma, sans-serif;}
#block P {float: left; text-align: center; margin-top: 8px; height: 19px; line-height: 19px;}
#block A {color: #474747;}
#block A:hover {color: #990825;}
#block #portal, #block #lang {border-right: 1px solid #AFAFAF;}
#block #portal {width: 160px;}
#block #portal A {padding: 0 9px; background: url(../img/bullet3.gif) no-repeat 0 65%;}
#block #lang {width: 99px;}
#block .home {margin-left: 15px;}
#block .home A {display: block; margin-top: 1px; width: 16px; height: 16px; background: url(../img/icon-home.gif) no-repeat;}
#block .home A:hover {background-image: url(../img/icon-home-hover.gif);}
#block A {color: #474747;}
#block STRONG {color: #431A22;}
/* @end */
/* @end */

/* @group menu */
#menu {height: 30px;}
#menu A {text-decoration: none;}
#menu UL {clear: both;}
#menu LI, #menu A {display: block; float: left;}
/* #menu A {display: block; float: left;}
*/
#menu SPAN {display: none;}
#main-menu {position: relative; margin-left: -9px; width: 1027px; height: 42px;}

/* @group submenu */
#submenu LI {margin: 0 6px;}
#submenu A {color: white;}
#submenu LI, #submenu A {height: 30px; line-height: 30px;}
#submenu .active, #submenu .active A {padding-left: 5px; background: url(../img/bg-fold.gif) no-repeat;}
#submenu .active A {padding: 0 5px 0 0; background-position: 100%; color: #40151E;}
/* @end */
/* @end */


/* @group splash */
#splash {position: relative; height: 328px; margin: 0 -9px 0 -9px; overflow: hidden;}
#splash #promo03 {margin-right: 0;}

/* @group promo */
.promo {position: relative; float: left; width: 294px; height: 300px; padding: 14px 10px 0; margin-right: 42px;}
.promo.strong {background: url(../img/bg-promo.png) no-repeat;}
.promo A {color: white; text-decoration: none; zoom: 1;}
.promo A:hover {text-decoration: underline;}
.promo A .name {display: block; margin: 8px auto 0; width: 290px; height: 30px; line-height: 30px; text-align: center; font-size: 1.09em; background: url(../img/bg-serial-name.gif);}
.promo A:hover .name {background: url(../img/bg-serial-name-hover.gif);}

.promo A SPAN.photo {position: relative; display: block; clear: both; padding: 4px;}
.promo A .photo SPAN {position: absolute; top: 0; left: 0; display: block; width: 294px; height: 207px; background: url(../img/bg-promo-photo.gif) no-repeat;}
.promo A:hover .photo SPAN {background-image: url(../img/bg-promo-photo-hover.gif);}

/* @group menu */
.promo UL {overflow: hidden; float: left; margin: 0 0 25px; height: 26px; background: url(../img/bg-promo-menu.gif) no-repeat 100% 0;}
UL.border {margin: -2px 0 23px; padding: 2px 0; background: url(../img/bg-promo-menu-border.gif) no-repeat 100% 0;}
UL.red {background-image: url(../img/bg-promo-menu-red.gif); background-color: #991425;}
UL.red A {text-decoration: underline;}
UL.red A:hover {text-decoration: none;}
.promo LI {float: left; height: 26px; line-height: 26px; padding: 0 15px; margin-right: -1px; border-right: 1px solid #642230;}
.promo LI.first {border-width: 0; padding: 0;}
UL.border LI IMG {position: relative; margin: -2px 0;}
/* @end */

/* @group dvd */
.dvd .link {float: left; clear: left;}
.dvd .description {color: #d5bbc0; margin: 50px 0 0 160px;}
.dvd H4 {height: auto; font-size: 1.27em; line-height: 1em; text-align: left;}
.dvd H4, .dvd P {margin: 0 0 1em;}

.dvd A.button {display: block; width: 118px; height: 30px; line-height: 30px; background: url(../img/button-buy-dvd.gif) no-repeat; font-size: 1.09em; color: white; text-decoration: none; text-align: center;}
.dvd A.button:hover {background-image: url(../img/button-buy-dvd-hover.gif); text-decoration: underline;}
/* @end */
/* @end */
/* @end */


/* @group content */
#content {padding: 34px 0; background: white url(../img/bg-content.gif) no-repeat 0 100%; line-height: 1.36em; }
#feedback {margin: 0 34px;}
.photo #content-inner {margin: 0 160px 0 34px;}
#content-inner {margin: 0 34px 0 260px;}
#content P {margin-bottom: 1em;}
#content .line {width: 438px; margin: 2em 0; border-top: 1px solid #D2D2D2;}
#content-inner H2, #feedback H2 {
	font-size: 2em;
	font-weight: normal;
	color: #C6C6C6;
	margin-bottom: 0.5em;
	line-height: normal;
}
#content-inner UL LI {margin-left: 1px; padding-left: 0.65em; background: url('../img/bullet.gif') no-repeat 0 0.65em;}

/* @group feedback */
#feedback FIELDSET {margin: 0 0 1em;}
#feedback LABEL {display: block;}
#feedback FIELDSET INPUT {width: 49.5%;}
#feedback TEXTAREA {width: 50%; height: 15em;}
/* @end */

/* @group pavilions */
#pavilions {float: left; margin-right: 2em;}
#pavilions IMG {border: 2px solid #D8D8D8;}
#content-inner #pavilions LI {height: 31px; font: bold 1.27em/28px "Myriad Pro", Arial, sans-serif; background: url(../img/bg-pavilion-option.gif) no-repeat;}
#pavilions UL {margin: 25px 0 0;}
#pavilions A {text-decoration: none; color: #4C4C4C;}
/* @end */

/* @group serial */
#video {float: left; margin-right: 1em;}
#serial {font-size: 1.09em;}
#serial H3, #serial #news H3 {margin: 0 0 0.25em; font-size: 2em; line-height: 1em; text-shadow: #000 0 0; color: #531D27;}
#serial #news {clear: both;}
#content-inner #serial #news H3 {margin: 2em 0 0; font-size: 2.18em;}
#serial #news UL {margin: 0;}
#content-inner #serial #news LI {padding-left: 0 !important;}
#content-inner #serial #news {padding: 0 0 0 2px;}
/* @end */

/* @group cameras */
#cameras {margin-bottom: 0;}
.camera {float: left; width: 48%; height:156px; margin-bottom: 1.5em;}
.camera A {font-size: 1.2em;}
.camera td {vertical-align:middle;}
.camera IMG {border:solid 3px #D8D8D8;}
/* .camera P {margin-top: 3.5em;} */
/* @end */

/* @group pages */
#content-inner .pages LI, .pages A, .pages SPAN {display: block; float: left; height: 20px; line-height: 20px; padding: 0; background: none;}
#sistema {margin-left:60px;}

.pages {width: 100%; padding: 1em 0; margin-top: 3em; border-top: 1px solid #D2D2D2; font-family: Tahoma, sans-serif;}
.pages UL {font-size: 1.09em;}
.pages A {margin-right: 16px;}
.pages LI A {text-decoration: none; color: #531D27;}
.pages LI.active A, .pages LI.active SPAN {padding-left: 6px; background: url(../img/bg-page-num.gif) no-repeat; color: white;}
.pages LI.active SPAN {padding-left: 0; padding-right: 6px; background-position: 100% 0;}
.pages .next, .pages .prev {width: 11px;}
.pages .next {background: url(../img/icon-next.gif) no-repeat 0 50%;}
.pages .prev {background: url(../img/icon-prev.gif) no-repeat 0 50%;}
/* @end */

/* @group news */
.index #news LI, .index #events LI, #serial #news LI {clear: both; border-bottom: 1px solid #CBCBCB;}
#news H2, #events H2 {font: 1.45em/30px "Myriad Pro", Arial, sans-serif; text-shadow: #000 0 0;}
#news H2 A, #events H2 A {display: block; height: 31px; padding-left: 14px; color: white; text-decoration: none; background: url(../img/bg-news-title.gif) no-repeat}
#news H2 A:hover, #events H2 A:hover {background-image: url(../img/bg-news-title-hover.gif);}
#news H3, #events H3, #press-releases H3, #serial #news H4 {margin: 0.25em 0; font-size: 1.09em;}
#news H3 A, #events H3 A, #press-releases H3 A, #serial #news H4 A {color: #531D27; font-weight: bold; text-decoration: none;}
#news H3 A:hover, #events H3 A:hover, #press-releases H3 A:hover, #serial #news H4 A:hover {color: #DC2132; text-decoration: underline;}
#news A.image {float: left; padding: 4px; background-image: url(../img/bg-events-image.gif);}
#news A.image:hover {background-image: url(../img/bg-events-image-hover.gif);}


.index #news {float: left; width: 314px; position:relative;}
#news UL {margin-left: 5px;}
#content #news LI, #content-inner #serial #news LI {padding: 14px 5px 0; background: none;}
#news .info {margin: 0 0 0.25em;}
#news .info, #news .info A {color: #797979;}
#news .info STRONG {position: relative; margin-left: -5px; padding: 1px 5px; background: #CCC; font-weight: normal;}
.newsimgdate {position: relative; width:80px; height:100px; float:left;} 
#news .divdate {float:left; padding: 1px 5px; background: #CCC; color:#797979; margin-left:5px; margin-top:7px;}

#divnews H1 {
	font-size: 2em;
	color:#550000;
	line-height: 1em;
	margin-bottom:10px;
}

#content-inner #news LI {padding-bottom: 2em;}
#content-inner #news P {font-size: 1.09em;}
#content-inner #news P.info {font-size: 1em;}
#content-inner #news H3, #press-releases H3 {margin: 0.75em 0 1em; font-size: 1.27em;}
/* @end */

/* @group press-releases */
#press-releases {margin: 3em 0 -2em;}
#content-inner #press-releases LI {padding: 0; margin: 0 0 3em; background: none;}
#press-releases H3 {margin-top: 0; float:left;}
#press-releases P {margin-left: 80px;}
#press-releases .download {clear: both; margin: 0; padding: 1em 0 0;}
#press-releases .download A {display: block; padding-left: 37px; height: 22px; line-height: 22px; background: url(../img/icon-download.gif) no-repeat;}
#press-releases .divdate {float:left; padding: 1px 5px; background: #CCC; color:#797979; margin-left:0px; margin-top:0px; margin-right:15px; height:15px;}

/* @end */

/* @group events */
.index #events {float: right; width: 305px;}
.index #events UL {margin-top: 10px;}
.index #events P {margin-bottom: 0;}
#events UL {margin-left: 2px;}
.index #events LI, .index #news LI {display: table; padding: 5px 8px 14px;}
#events H3, #events P, .index #news H3, .index #news P {margin-left: 88px;}
#press-releases IMG {float: left; border: 3px solid #BFBFBF; border-left-color: #E0E0E0; border-top-color: #E0E0E0;}
#events A.image, .index #news A.image {float: left; padding: 4px; background-image: url(../img/bg-events-image.gif);}
#events A.image:hover, .index #news A.image:hover {background-image: url(../img/bg-events-image-hover.gif);}
#events .divdate {float:left; padding: 1px 5px; background: #CCC; color:#797979; margin-left:5px; margin-top:7px;}

#content-inner #events {margin-bottom: -3em;}
#content-inner #events LI {clear: both; padding: 0 0 3em; background: none;}
/* @end */

/* @group sidebar */
#sidebar {float: left; width: 200px; margin-right: 34px; margin-left:15px; margin-bottom:34px; position:relative;}
#sidebar H4 {padding-left: 12px; height: 38px; font: 1.45em/25px "Myriad Pro", Arial, sans-serif; color: white; text-shadow: #000 0 0; background: url(/img/bg-title2.gif) no-repeat;}
#sidebar H4.tall {padding-left: 12px; height: 48px; font: 1.45em/25px "Myriad Pro", Arial, sans-serif; color: white; text-shadow: #000 0 0; background: url(/img/bg-title3.gif) no-repeat;}
#sidebar UL {margin-left: 5px;}
#sidebar LI {margin-top: 1em; padding-left: 11px;}
#sidebar LI SPAN {margin-top: 1em; color: #333333; cursor:pointer; display:block; font-weight:bold;}
#sidebar LI.active SPAN {font-weight:bold;}
#sidebar LI.active {background: url(../img/bullet2.gif) no-repeat 0 0.5em;}
#sidebar .active A {color: #531D27; font-weight: bold;}
/* @end */


/* @group index */
.index #content {background: none; padding-top: 9px; color: #333;}

/* @group studios */
#studios {width: 327px; height: 235px; margin: 0 341px; background: url(../img/bg-studios.gif) no-repeat; font: 1.27em/22px "Myriad Pro", Arial, san-serif;}
#studios .visual {height: 113px; padding: 26px 0 0 36px; background: url(../img/bg-studios-visual.jpg) no-repeat 50% 8px;}
#studios .visual A {height: 22px; color: white; text-decoration: none;}
#studios .visual A:hover {text-decoration: underline;}
#studios .list {line-height: 30px;}
#studios .list A {display:block; padding-left: 14px; height: 30px; margin-bottom: 1px; text-decoration: none; color: #2b2b2b; background: none;}
#studios .list A:hover {background-image: url(../img/bg-studios-item.gif); color: white;}
/* @end */

#video-bottom {text-align: center;}
/* @end */


#content .menu {color: #B63651; font-family: Tahoma, sans-serif; margin-left: -0.5em; margin-bottom: 2em;}
#content .menu A {margin: 0 0.5em;}
#content .menu .active {font-weight: bold; color: #531D27;}
/* @end */


/* @group footer */
#footer {padding: 2em 0; border-top: 1px solid #d2d2d2; font: 1.09em Tahoma, sans-serif; clear:both; position:relative; clear:both;}
#footer .left {float: left;}
#footer .left P {float: left; text-align: center;}
#footer .home {width: 42px; border-right: 1px solid	#d2d2d2;}
#footer .home, #footer .contacts {width: 42px;}
#footer .home A, #footer .contacts A {display: block; width: 16px; height: 16px;}
#footer .home A {background-image: url(../img/icon-home.gif);}
#footer .contacts A {float: right; background-image: url(../img/icon-mail.gif);}
#footer #webwork {width: 266px;}
#footer .right {float: right; text-align: right; color: #606060;}
ADDRESS {font-style: normal;}
/* @end */