/*Reset Generic CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
a {outline:0;}
a img {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}
::-moz-selection { color: #FFF; background: #c11733; }
::selection { color: #FFF; background: #c11733; }
/*font*/
@font-face {
font-family: 'avenir_45_bookregular';
src: url('font/avenir-book-webfont.eot');
src: url('font/avenir-book-webfont.eot?#iefix') format('embedded-opentype'),
url('font/avenir-book-webfont.woff') format('woff'),
url('font/avenir-book-webfont.ttf') format('truetype'),
url('font/avenir-book-webfont.svg#avenir_45_bookregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*General Modules Style*/
body { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
body.no3dClass { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; -webkit-transform:none; }
h1 { font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; text-transform:uppercase; color:#c11733;}
h2 { font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; text-transform:uppercase; color:#eb692c;}
h3 { font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; text-transform:uppercase; color:#f29400;}
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#a2a2a2;}
/*Images Style and Sizes*/
.imgS { width:192px; height:123px; background:url(../images/bg/bg-imgs.png) no-repeat right bottom; position:relative;}
.imgS img{ width:190px; height:107px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute; left:0px; top:0px; z-index:10; border:1px solid #dedede;}
.imgS .glow { width:107px; height:47px; overflow:hidden; display:block; position:absolute; left:54px; top:0px; background:url(../images/bg/glow-imgs.png) no-repeat 0 0; z-index:20;}
/*icon type*/
.icon-news { width:17px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -64px -178px; text-indent:-9999px; }
.icon-video { width:19px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -3px -178px; text-indent:-9999px; }
.icon-photos { width:24px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -32px -178px; text-indent:-9999px;}
.icon-info-left { width:20px; height:24px; display:block; overflow:hidden; background:url(../images/sprite.png) no-repeat -47px -114px; text-indent:-9999px;}
.icon-info-right { width:20px; height:24px; display:block; overflow:hidden; background:url(../images/sprite.png) no-repeat -72px -114px; text-indent:-9999px;}
.bgHP { background:url(../images/bg/bg-menu-png.png) no-repeat center top; width:100%;}
/*structure*/
.row { width:100%;}
.row.shadow{background: url("../images/bg/generic-row-shadow.png") repeat-x; border-top: 1px solid #ffffff;}
.wrapper { width:940px; margin:0 auto; position:relative;}
.innerWrapper { width:940px; margin:20px auto 50px auto; position:relative; overflow:hidden;}
.innerTopBg {height:40px; background:url(../images/bg/innerTopBg.png) repeat-x 0 0; width:100%;}
.innerBottompBg { height:40px; background:url(../images/bg/innerBottomBg.png) repeat-x 0 0; width:100%;}
aside.right { float:right; width:277px; background:url(../images/bg/bg-aside-right.png) no-repeat left 35px;}
.generic.left{ float:left !important;}
.generic small{
position:relative;
top:-20px;
font-size:12px;
color:#a2a2a2;
}
/*Assets*/
.arrowWhite { width:15px; height:15px; display:block; background:url(../images/sprite.png) no-repeat -21px -88px; overflow:hidden; float:left; margin:1px 5px 0 0; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.arrowOrange { width:15px; height:15px; display:block; background:url(../images/sprite.png) no-repeat -64px -88px; overflow:hidden; float:left; margin:1px 5px 0 0; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.arrowOrangeLight { width:15px; height:15px; display:block; background:url(../images/sprite.png) no-repeat -84px -88px; overflow:hidden; float:left; margin:1px 5px 0 0; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.arrow { display:block; width:8px; height:15px; background:url(../images/sprite.png) no-repeat -109px -88px; overflow:hidden; margin:0 7px 0 0; float:left;}
.pointerOrange { display:block; width:8px; height:15px; background:url(../images/sprite.png) no-repeat -122px -86px; overflow:hidden; margin:0 7px 0 0; float:left; padding:3px 0 0 0}
/*Sections*/
#mainNav {}
#mainHighlightSlider { position:relative;}
#mainHighlightSlider .blockSlider { width:940px; height:435px; overflow:hidden; background:url(../images/bg/bg-slider-shadow.png) no-repeat center 340px;}
#mainHighlightSlider .blockSlider img{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#textTicker { margin:40px 0 40px 0; border:1px solid #dfdfdf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#a2a2a2; padding:18px 0 18px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#383838; text-align:center;}
#altRoutes { margin:0 0 60px 0;}
/*backgrounds*/
.bgGrey{ height:370px; background:url(../images/bg/bg-brands.png) repeat-x 0 0; overflow:hidden;}
.bgGreyDocs { height:408px; background:url(../images/bg/bg-grey-docs.png) repeat-x 0 0; overflow:hidden; padding:25px 0 0 0;}
.bgHpSlider {background:url(../images/bg/bg-hp-slider.png) repeat-x 0 0;}
.bgLevelSlider {background:url(../images/bg/bg-inner-slider.png) repeat-x 0 0; height:465px}
.bgLevelSlider #mainHighlightSlider .blockSlider { width:940px; height:325px; overflow:hidden; background:url(../images/bg/bg-slider-shadow.png) no-repeat center 250px;}
.bg-top-generic{background:url(../images/bg/bg-top.png) no-repeat center top; width:100%;}
/*UI*/
.btn { border:1px solid #cacaca; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:6px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#a2a2a2; text-decoration:none;}
.btn:hover { border:1px solid #cacaca; color:#383838;}
.placeholder { color: #383838; }
/*product segment module*/
#productSegments { padding:20px 0 0 0; overflow:hidden; background:url(../images/bg/bg-products.png) no-repeat center 195px;}
#productSegments h3 { text-align:center; padding:0; margin:0;}
#productSegments h4 { text-align:center; margin:0; padding:0;}
.product { width:188px; height:250px; float:left; margin:20px 0 0 0; position:relative; overflow:hidden; cursor:pointer;}
.product img { position:absolute; left:0px; top:0px; -webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
/*.productDetail { width:188px; height:138px; padding:15px 0 0 0;background:url(../images/bg/bg-product-segments.png) no-repeat left top; position:absolute; left:0px; top:250px; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}*/
.productDetail { width:96px; height:86px; padding:20px 15px;background:url(../images/bg/bg-product-segments-sal.png) no-repeat left top; position:absolute; left:30px; top:250px; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform; overflow:hidden;}
/*.productDetail .pTitle { display:block; text-align:center; margin:10px 0 0 0; padding:0; font-size:14px; color:#FFF; text-shadow: 2px -1px 1px #db8b0c;}*/
.productDetail .pTitle { display:block; text-align:center; margin:5px 0 0 0; padding:0; font-size:16px; color:#f29400; text-shadow: none; line-height:18px; height:20px;}
/*.productDetail .pType { display:block; text-align:center; margin:0; padding:0; font-size:18px; text-transform:capitalize;color:#FFF; text-shadow: 2px -1px 1px #db8b0c;}*/
.productDetail .pType { display:block; text-align:center; margin:0; padding:0; font-size:16px; text-transform:capitalize;color:#f29400; text-shadow:none;}
.productDetail hr { height:1px; background-color:#dedede; color:#dedede; margin:10px auto;}
.productDetail .link { /*margin:20px 0 0 55px;*/ margin:8px 0 0 0; text-align:center; width:100px;}
/*.productDetail a { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:6px 0; color:#fff; text-decoration:none; text-align:center;}*/
.productDetail a { font-family:Arial, Helvetica, sans-serif; font-size:12px; /*padding:6px 0;*/ color:#a2a2a2; text-decoration:none; text-align:center; display:block;}
#nacional.product span.icon-info-left { position:absolute; left:65px; top:26px;}
#internacional.product span.icon-info-left { position:absolute; left:60px; top:0px;}
#sidra.product span.icon-info-left { position:absolute; left:35px; top:25px;}
#water.product span.icon-info-right { position:absolute; left:110px; top:0px;}
#soda.product span.icon-info-left { position:absolute; left:30px; top:20px;}
.single { margin:18px 0 29px 0 !important;}
/*navigation*/
nav { position:relative; z-index:200;}
nav ul {}
nav ul li { float:left; font-size:16px; color:#FFF; font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; width:165px; height:120px; border-left:1px solid transparent; text-align:center; position:relative; z-index:200;}
nav ul li:first-child { width:276px; border:none; height:106px; padding:0; height:120px;}
nav ul li a { color:#FFF; text-decoration:none; display:block; height:67px; padding:53px 10px 0 10px; width:145px;}
nav ul li:first-child a { color:#FFF; text-decoration:none; display:block; padding:14px 0 0 0; height:106px; width:276px;}
.on { background:url(../images/bg/bg-menu-hover.png) no-repeat left 1px;}
nav ul li:first-child a:hover { background:none;}
nav ul li.selected { background:url(../images/bg/menu-selected.png) no-repeat center top;}
/*navigation sub-level*/
nav ul li dl { position:absolute; left:0px; top:120px; height:auto; width:237px; z-index:150; background:#ca3951 url(../images/bg/bg-submenu.png) no-repeat 0 0; padding:0 20px 0 20px; text-align:left; display:none; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#f29400;}
nav ul li dl dt {font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; font-size:26px; text-transform:uppercase; margin:0 0 9px 0; padding:30px 0 0 0;}
nav ul li dl dd { background:none; border:none; padding:0; margin:0; width:237px; height:auto; text-align:left; border-top:1px solid #c5596b; font-size:14px; color:#FFF;}
nav ul li dl dd a { color:#FFF; text-decoration:none; height:auto; padding:10px 0 10px 0 ; width:247px; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform; }
nav ul li dl dd a:hover {-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-o-transform:rotateX(360deg);-webkit-transform:translate(10px, 0);-moz-transform:translate(10px, 0); -o-transform:translate(10px, 0);transform:translate(10px, 0); -webkit-backface-visibility: hidden; background:none;}
nav ul li dl dd a:hover .arrowWhite {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); transform: rotate(360deg); -webkit-backface-visibility: hidden;}
/*news and media module*/
#mediandlinks { background:#000; overflow:hidden; margin:0 0 40px 0; background:url(../images/bg/bg-media-hp-shadow.png) no-repeat 660px 10px;}
#highlights3x { width:640px; height:254px; float:left; margin:0; position:relative; overflow:hidden;}
#highlights3x h1 { max-width:540px; overflow:hidden; display:block; height:30px; overflow:hidden; margin:0 0 20px 0;}
#highlights3x a.more { position:absolute; right:0px; top:0px;}
.smallHighlights { width:192px; float:left; margin:0 0 0 32px; display:block; }
.smallHighlights .imgS { margin:0 0 4px 0;}
.smallHighlights article { overflow:hidden;}
.smallHighlights article .side { width:26px; border-right:1px solid #dedede; padding:0 5px 0 0; float:left;}
.smallHighlights article .date { width:26px; margin:5px 0 0 0; color:#a2a2a2; font-size:20px;}
.smallHighlights article .date span { display:block; font-size:11px; text-transform:uppercase;line-height:10px;}
.smallHighlights article p { display:block; float:right; width:150px; color:#383838; font-size:16px !important; height:90px;}
.generic.left-title .smallHighlights article p {height:60px;}
.smallHighlights article p a {color:#383838 !important; text-decoration:none; font-size:16px !important; font-style:normal !important}
/*quick nav module*/
#quickNav { width:240px; height:254px; float:right; margin:0;}
#quickNav ul { margin:14px 0 0 0; }
#quickNav ul li { padding:11px 0 14px 0; border-top:1px dotted #dedede; font-size:14px; color:#383838;}
#quickNav ul li:first-child { border:none; margin:0;}
#quickNav ul li a { display:block; color:#383838; text-decoration:none; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform; }
#quickNav ul li a:hover {-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-o-transform:rotateX(360deg);-webkit-transform:translate(10px, 0);-moz-transform:translate(10px, 0); -o-transform:translate(10px, 0);transform:translate(10px, 0); -webkit-backface-visibility: hidden; background:none; }
#quickNav ul li a:hover .arrowOrange {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); transform: rotate(360deg); -webkit-backface-visibility: hidden;}
/*alt route module*/
#altRoutes ul { margin:0; padding:0;}
#altRoutes ul li { padding:0; margin:0 0 0 20px; float:left; display:block; width:220px; height:170px; text-align:center; overflow:hidden;}
#altRoutes ul li:first-child { margin:0;}
#altRoutes ul li a { text-decoration:none; display:block;}
#altRoutes ul li img {width:80px; height:70px;}
#altRoutes ul li h5 { color:#383838; font-size:18px; font-weight:normal;}
#altRoutes ul li a:hover h5 { color:#c11733;}
#altRoutes ul li p { color:#a2a2a2; font-size:14px; margin:10px 0 0 0; line-height:20px;}
.supportIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat left top; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.studentIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat -81px top; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.downloadIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat -162px top; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.visitIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat -243px top; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.tvIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat left -71px; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.pressIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat -81px -71px; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.msgIcon { width:80px; height:70px; display:block; background:url(../images/icon/sprite-icon.png) no-repeat -405px top; overflow:hidden; margin:0 auto; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
a:hover .supportIcon { background:url(../images/icon/sprite-icon.png) no-repeat left -142px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .studentIcon { background:url(../images/icon/sprite-icon.png) no-repeat -81px -142px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .downloadIcon { background:url(../images/icon/sprite-icon.png) no-repeat -162px -142px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .visitIcon {background:url(../images/icon/sprite-icon.png) no-repeat -243px -142px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .tvIcon { background:url(../images/icon/sprite-icon.png) no-repeat left -213px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .pressIcon { background:url(../images/icon/sprite-icon.png) no-repeat -81px -213px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
a:hover .msgIcon { background:url(../images/icon/sprite-icon.png) no-repeat -405px -142px; -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg); transform: rotateY(180deg);}
/*main navigation module*/
#header { padding:20px 0 15px 0; overflow:hidden;}
#header ul#lang { float:left; overflow:hidden;}
#header ul#lang li { float:left; color:#a2a2a2; font-size:11px; text-transform:uppercase; background:url(../images/bg/bg-top-nav.gif) no-repeat 0 2px; padding:0 10px 0 10px;}
#header ul#lang li:first-child { background:none; padding:0 10px 0 0;}
#header ul#lang li a { color:#a2a2a2; text-decoration:none;}
#header ul#lang li a:hover {color:#383838;}
#header ul#lang li a.selected {color:#383838;}
#header ul { float:right;}
#header ul li { float:left; color:#a2a2a2; font-size:12px; background:url(../images/bg/bg-top-nav.gif) no-repeat 0 2px; padding:0 10px 0 10px;}
#header ul li:first-child { background:none; padding:0 10px 0 0;}
#header ul li a {color:#a2a2a2; text-decoration:none;}
#header ul li a:hover { color:#383838;}
#header ul li span { float:left;}
#header ul li input { border:none; border-bottom:1px solid #a2a2a2; font-size:12px; color:#a2a2a2; width:157px; float:left; margin:0 0 0 5px; padding:0;}
#header ul li input#searchSubmit { float:left; background:url(../images/sprite.png) no-repeat -34px -148px; width:25px; height:19px; overflow:hidden; border:none; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
#header ul li input#searchSubmit:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); transform: rotate(360deg); -webkit-backface-visibility: hidden;}
/*footer module*/
footer { background:#212121; width:100%; padding:20px 0 40px 0;}
footer ul { margin:0 0 0 20px; padding:0; width:140px; float:left;}
footer ul:first-child { margin:0;}
footer ul li { font-size:12px; color:#a2a2a2; margin:0 0 9px 0;}
footer ul li:first-child { padding:0 0 12px 0; margin:0 0 16px 0; border-bottom:1px dotted #3d3d3d; font-size:14px; color:#FFF;}
footer ul li:first-child a { color:#FFF;}
footer ul li a {color:#a2a2a2; text-decoration:none;}
footer ul li a:hover { color:#FFF;}
/*disclamer module*/
.fixed {position:fixed; left:0px; bottom:0px;}
#disclamer { background:#b8112b url(../images/bg/bg-disclamer.gif) repeat-x 0 0; height:50px; overflow:hidden;}
#disclamer ul { margin:20px 0 0 0; padding:0; overflow:hidden; float:left; width:680px;}
#disclamer ul li { float:left; font-size:12px; padding:0 10px 0 10px; background:url(../images/bg/bg-list-disclamer.gif) no-repeat left 3px; height:30px;}
#disclamer ul li:first-child { margin:0; padding:0 10px 0 0; background:none;}
#disclamer ul li a { color:#fff; text-decoration:none; display:block; height:30px; }
#disclamer ul li a:hover{ background:url(../images/bg/bg-arrow-footer.png) no-repeat center bottom;}
#disclamer .company { background:url(../images/bg/bg-heineken-company.png) no-repeat 0 0; width:250px; height:26px; margin:8px 0 0 0; text-indent:-9999px; overflow:hidden; margin:10px auto 0 auto;}
/*.fixed .wrapper .company {float: none !important;margin: 8px auto 0 auto !important;}*/
/*slider*/
#slider {width: 940px;height: 360px;position: relative; background: #CCC url(../images/bg/bg-slider.png) center center no-repeat; z-index: 10;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; text-indent:-9999px;}
#linkS {width:940px; height:360px; display:block; position:absolute; left:0px; top:0px; background:none; z-index:10; text-indent:-9999px; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
a.slider-nav {position: absolute; top: 50%;z-index: 200; cursor: pointer;display: none; margin-top: -17px;}
.slider-nav.prev { left: 0;}
.slider-nav.next { right: 0;}
.ccslider:hover .slider-nav {display: block;}
.slider-nav.prev {background: url(../images/bg/left-arrow.png) no-repeat;left: 25px;width:62px;height:62px;}
.slider-nav.next {background: url(../images/bg/right-arrow.png) no-repeat;right: 25px;width:62px;height:62px;}
.ccslider canvas {position: absolute;top: 0;left: 0;}
#slider .control-links {margin-top: -15px;}
.ccslider {}
/*ticker*/
.ticker-wrapper.has-js {width: 500px;height: 25px;display: block;margin:0 auto;}
.ticker {width: 710px;height: 33px;display: block;position: relative;overflow: hidden;}
.ticker-title {color: #383838;font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; display:none !important; font-style:normal;}
.ticker-content {margin: 0px;padding:0;position: absolute;color: #000;font-weight: normal;overflow: hidden;white-space: nowrap; font-style:normal;}
.ticker-content:focus {none;}
.ticker-content a {text-decoration: none;color: #383838;font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; background:#FFF; font-style:normal;}
.ticker-content a:hover {}
.ticker-swipe {padding-top: 9px;position: absolute;top: 0px;background-color: #FFF;display: block;width: 600px;height: 23px;display:block !important}
.ticker-swipe span {margin-left: 1px;height: 19px;width: 19px;display: block !important;background:#FFF url(../images/icon/pen.png) no-repeat;margin-top:-4px; }
.ticker-controls {display:none;}
.js-hidden {display: none;}
.no-js-news {padding: 10px 0px 0px 45px; color: #F8F0DB;}
#textTicker:hover .ticker-swipe span { background: url(../images/sprite.png) no-repeat -60px -151px; margin-top:-4px; }
#textTicker:hover .ticker-content { color:#c11733;}
/*aside*/
aside { float:left; width:280px; background:url(../images/bg/bg-aside-left.png) no-repeat right 35px; min-height: 280px;}
aside dl { width:240px;}
aside dl dt { color:#f29400; font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; font-style:normal; margin:0 0 40px 0;}
aside dl dd { margin:0; font-size:14px; color:#383838; border-bottom:1px solid #dedede; margin:0 0 13px 0; }
aside dl dd a { padding:0 0 13px 0; display:block; text-decoration:none; display:block; color:#383838; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
aside dl dd a em { font-style:normal; color:#a2a2a2; margin:0 0 0 3px ;}
aside dl dd a:hover {-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-o-transform:rotateX(360deg);-webkit-transform:translate(10px, 0);-moz-transform:translate(10px, 0); -o-transform:translate(10px, 0);transform:translate(10px, 0); -webkit-backface-visibility: hidden; background:none;}
aside dl dd a:hover .arrowOrange {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); transform: rotate(360deg); -webkit-backface-visibility: hidden;}
aside dl dd a:hover .arrowOrangeLight {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); transform: rotate(360deg); -webkit-backface-visibility: hidden;}
aside dl dd ul { margin:-13px 0 13px 0}
aside dl dd ul li { padding:0 0 0 3px;}
aside dl dd ul li a { border:none; margin:0; padding:13px 0 0 0}
aside dl dd ul li a em { font-style:normal; color:#a2a2a2; margin:0 0 0 3px ;}
aside dl dd ul li a:hover {}
aside dl dd ul li ul { margin:0;}
aside dl dd ul li ul li { padding:0 0 0 23px;}
aside dl dd a.selected { color:#eb692c; border:none;}
aside dl dd a.selected:hover { color:#eb692c; -webkit-transform:translate(10px, 0);-moz-transform:translate(0, 0); -o-transform:translate(0, 0);transform:translate(0, 0); -webkit-backface-visibility: hidden; background:none;}
aside dl dd a.selected:hover .arrowOrange {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg); transform: rotate(0deg); -webkit-backface-visibility: hidden;}
aside dl dd a.selected.nochild {border-bottom:1px solid #dedede; padding:0 0 13px 0;}
.moreoptions { width:240px; float:right; overflow:hidden; margin:50px 0 0 0;}
.moreoptions ul {}
.moreoptions ul li { padding:0 0 0 0; border-bottom:1px solid #dedede; overflow:hidden;}
.moreoptions ul li:first-child { border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.moreoptions ul li a:hover em {color:#C11733;}
.moreoptions ul li a em { display:block; float:left; padding:13px 0 0 0; width:145px; font-size:24px; text-transform:uppercase; font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#383838;}
.moreoptions ul li a cite { display:block; float:left; padding:0; color:#a2a2a2; font-size:12px; width:145px; margin:-4px 0 0 0; font-style:normal;}
.moreoptions ul li .altRouteIco { margin:0; float:left;}
/*menu selected state*/
aside dl dd ul { display:none;}
aside dl dd.selected a { border:none;}
aside dl dd.selected a:hover { color:#eb692c; -webkit-transform:translate(10px, 0);-moz-transform:translate(0, 0); -o-transform:translate(0, 0);transform:translate(0, 0); -webkit-backface-visibility: hidden; background:none;}
aside dl dd.selected a:hover .arrowOrange {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg); transform: rotate(0deg); -webkit-backface-visibility: hidden;}
aside dl dd.selected a.nochild {border-bottom:1px solid #dedede; padding:0 0 13px 0;}
aside dl dd.selected ul { display:block;}
aside dl dd ul li ul { display:none !important;}
aside dl dd ul li.selected ul { display:block !important;}
/*product block*/
.productBlock { background:url(../images/bg/bg-product-shadow.png) no-repeat right 180px; overflow:hidden;}
.productBlock div:first-child { margin:0 5px 0 0;}
.productBlock div:last-child { margin:0 0 0 5px;}
.productBlock .item { width:180px; width:179px\9; float:left; margin:0 5px 0 5px;height: auto;background: none;}
.productBlock .item h1 { display:block; font-size:16px; color:#a2a2a2; text-transform:none; padding:0 0 10px 0; position:relative; height:70px; background:url(../images/bg/bg-imgs.png) no-repeat -25px bottom;}
.productBlock .item h1 span { display:block; font-family:"avenir_45_bookregular",Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; color:#c11733; position:absolute; *position:none; bottom:14px; border-bottom:4px solid #c11733; width:100%; padding:0 0 10px 0;}
.productBlock .item.red h1 span {color:#c11733; border-color:#c11733;}
.productBlock .item.orange h1 span {color:#eb692c; border-color:#eb692c;}
.productBlock .item.orangeLight h1 span {color:#f29400; border-color:#f29400;}
.productBlock .item img { position:relative; left:-5px;}
.productBlock .item ul { border-top:3px solid #dedede;}
.productBlock .item ul li { border-top:1px solid #dedede; font-size:14px; color:#383838; padding:14px 0 14px 0;}
.productBlock .item ul li a {color:#383838; text-decoration:none;}
.productBlock .item ul li:first-child { border:none;}
.productBlock .item.red ul li a:hover {color:#c11733; }
.productBlock .item.orange ul li a:hover {color:#eb692c; }
.productBlock .item.orangeLight ul li a:hover {color:#f29400;}
ul.acc { float:left; width:100%; margin:0 0 40px 0;}
ul.acc li { display:block; padding:0;}
.head { font-size:18px; color:#383838; text-decoration:none; border-bottom:1px solid #dedede; display:block; padding:10px 0 10px 0}
.head.on { border:none;}
.content { display:none; margin:0; padding:0; font-size:14px; color:#383838; border-bottom:1px solid #dedede; padding:15px 0 15px 0;}
.content h2 {padding: 0;margin: 0 0 10px 0 !important;font-size: 18px;color: #c11733;position: relative; text-transform:none; width:100%; display:block; overflow:hidden; font-weight:700;}
.content h2 span { float:left}
ul.acc li a { overflow:hidden;}
ul.acc li a em { float:left; font-style:normal;}
ul.acc li a span.pen-icon
{
display: block;
background: url("../images/sprite.png") -60px -151px no-repeat;
width: 19px;
height: 16px;
position: relative;
top: 3px;
margin-left: 3px;
float:left;
display:none;
left: 0;
}
ul.acc li a.on span.pen-icon { display:block; color:#C11733;}
ul.acc li a.on em { color:#C11733;}
ul.acc li a.off span.pen-icon { display:none;}
ul.acc li a.off em { color:#000;}
/*generic module*/
.generic { width:640px; float:right;}
.generic h1 { margin:0 0 20px 0;}
.generic.left-title h1 {position: relative; float: left;}
.generic #mediandlinks { margin:0 0 20px 0; float:left;}
.quote { padding:20px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:0 0 20px; float:left; text-align:center;}
.quote cite { font-size:16px; color:#f29400;}
.panoramaImage { width:640px; padding:0 0 21px 0; margin:0 0 20px 0; background:url(../images/bg/bg-imgl.png) no-repeat right bottom; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.panoramaImage img { width:640px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.panoramaVideo { width:640px; padding:0 0 16px 0; margin:0 0 20px 0; background:url(../images/bg/bg-imgl.png) no-repeat right bottom; height:365px; overflow:hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.panoramaVideo img { width:640px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.generic .paragraph { margin:0 0 20px 0; float:left;}
.generic .paragraph p { margin:0; color:#555555; font-size:14px; line-height:20px;}
.generic .paragraph p a { color:#c11733;}
.generic .paragraph a { color:#c11733;}
.generic .paragraph ul { margin:0; padding:0; font-size:14px; overflow:hidden;}
.generic .paragraph ul li {color:#555555; margin:6px 0 0 0;}
.generic .paragraph ul li:first-child {margin:0 0 6px 0;}
.generic .paragraph ul li a {color:#c11733;}
.generic .corandel { margin:0 0 20px 0; float:left; width:100%;}
.generic .corandel p {color:#555555; font-size:14px;}
.generic .corandel p a { color:#c11733;}
.generic .corandel .img { background: url("../images/bg/bg-imgs.png") no-repeat scroll right bottom transparent;position: relative;max-width:280px; min-width:190px; padding:0 0 14px 0; float:left; margin:0 20px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.generic .corandel img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; max-width:280px; min-width:190px; border:1px solid #dedede;}
.generic .download { overflow:hidden; float:left; margin:0 0 20px 0; width:100%;}
.generic .download ul { border:1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:13px 10px 3px 10px;}
.generic .download ul li {border-top:1px solid #dedede; overflow:hidden; padding:10px 0 10px 0; font-size:14px; color:#383838;}
.generic .download ul li:first-child { border:none; padding:0 0 10px 0}
.generic .download ul li span { float:left; margin:0 0 0 8px; padding:13px 0 0 0; display:block; width:420px; overflow:hidden; height:21px;}
.generic .download ul li a { float:right;}
.btn-download { width:123px; height:40px; overflow:hidden; text-indent:-9999px; background:url(../images/sprite.png) no-repeat -222px 0px; display:block; float:right; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.btn-download:hover {-webkit-transform:translate(-15px,0);-moz-transform:translate(-15px,0);-o-transform:translate(-15px,0); transform: translate(-15px,0); -webkit-backface-visibility: hidden;}
.generic .download ul li div { width:29px; border-right:1px solid #dedede; margin:10px 0 0 12px; text-indent:-9999px; float:left;}
.generic .download ul li .icon-news { width:29px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -64px -178px; text-indent:-9999px; float:left; border-right:1px solid #dedede; margin:10px 0 0 12px}
.generic .download ul li .icon-video { width:29px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -3px -178px; text-indent:-9999px; float:left; border-right:1px solid #dedede; margin:10px 0 0 12px}
.generic .download ul li .icon-photos { width:33px; height:22px; overflow:hidden; background:url(../images/sprite.png) no-repeat -31px -178px; text-indent:-9999px; float:left; border-right:1px solid #dedede; margin:10px 0 0 8px}
.generic article { padding:0 0 24px 0; margin:0 0 25px 0; border-bottom:1px solid #dedede;}
.generic article h1 { font-size:26px; color:#c11733; text-transform:none;}
.generic article p { font-size:14px; color:#383838;}
.generic article p a {color:#c11733; text-decoration:none; font-style:italic; font-size:12px;}
.generic hr {margin: 0 0 26px 0;background: #dedede;border: none;height: 1px;width: 100%;position: relative;float: left;}
.smallVideo {margin:0 0 20px 0; overflow: hidden; float:left;}
.leftVideo { background: url("../images/bg/bg-imgl.png") no-repeat scroll right bottom transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; overflow:hidden; height: 255px;padding: 0 0 16px;width: 444px; float:left;}
.videoText { margin:0 0 0 10px; float:right; width:180px;}
.videoText div { padding:0 0 5px 0; margin:0 0 5px 0;}
.videoText hr { width:70px; height:1px; background: #dedede; margin:0 0 8px 0;}
.videoText p {font-size:16px; color:#a2a2a2; float:left;}
.video {border-radius: 4px 4px 4px 4px; overflow:hidden;}
/*Documents Block*/
.bgGreyDocs h2 { text-align:center; margin:0 0 30px 0;}
.optionBlock { position:absolute; right:0px; top:0px;}
.optionBlock ul { margin:0; padding:0;}
.optionBlock ul li { margin:0 0 0 10px; float:left;}
.optionBlock ul li:first-child{margin:0;}
.optionBlock ul li .btn{position: relative;top: 5px;}
.documentblock { width:1000px; overflow:hidden;}
.documentblock ul { margin:0 0 0 0px;}
.documentblock ul li { float:left; margin:0 0 0 60px;}
.documentblockLP3 { width:1000px; overflow:hidden;}
.documentblockLP3 ul { margin:0 0 0 -60px;}
.documentblockLP3 ul li { float:left; margin:0 0 50px 60px;}
.documentblockLP3#todos { display:block;}
.doc { width:190px; height:324px; position:relative; overflow:hidden; background: url(../images/bg/bg-imgs.png) no-repeat scroll right 225px transparent; float:left;}
.doc a { display:block; width:150px; height:240px;}
.doc a span { display:block; width:190px; height:240px;}
.doc a span.cover {position:absolute; left:0px; top:0px; z-index:20}
.doc a span.image {position:absolute; left:0px; top:0px; z-index:10}
.doc a span.image img { width:190px; height:226px; position:absolute; left:0px; top:0px;}
.doc article { overflow:hidden;}
.doc article .side { width:26px; border-right:1px solid #dedede; padding:0 5px 0 0; float:left;}
.doc article .date { width:26px; margin:5px 0 0 0; color:#a2a2a2; font-size:20px;}
.doc article .date span { display:block; font-size:11px; text-transform:uppercase;}
.doc article p { display:block; float:right; width:150px; color:#383838; font-size:16px !important;}
.doc article p a {color:#383838 !important; text-decoration:none; font-size:16px !important; font-style:normal !important}
.doc.newsletter.white a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-email-white.png) no-repeat left top;}
.doc.newsletter.grey a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-email-grey.png) no-repeat left top;}
.doc.magazine.white a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-magazine-white.png) no-repeat left top;}
.doc.magazine.grey a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-magazine-grey.png) no-repeat left top;}
.doc.report.white a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-report-white.png) no-repeat left top;}
.doc.report.grey a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-report-grey.png) no-repeat left top;}
.doc.otherDoc.white a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-otherdoc-white.png) no-repeat left top;}
.doc.otherDoc.grey a span.cover {position:absolute; left:0px; top:0px; z-index:20; background:url(../images/bg/bg-doc-otherdoc-grey.png) no-repeat left top;}
/*error 404*/
#error {background:url(../images/bg/error.jpg) no-repeat left top; width:522px; margin:0 auto; text-align:center;}
#error h1 { padding:90px 0 0 0; font-size:70px; font-weight:700; color:#383838;}
#error h2 { font-size:22px; font-weight:700; color:#383838; margin:-10px 0 15px 0;}
#error a { background:#3e3e3e; color:#FFF; font-size:16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:10px; text-decoration:none; margin:15px 0 0 0;}
#error #copy { background:url(../images/bg/bg-error-sep.png) no-repeat 0 0; width:496px; margin:120px 0 0 0; padding:30px 0 20px 0;}
#error #copy h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#383838; text-transform:none; margin:0 0 5px 0;}
#error #copy p { display:block; color:#a2a2a2; font-size:14px; margin:0 0 5px 0;}
/*form*/
.form h2 { color:#c11733; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:none; margin:20px 0 20px 0;}
.formRow { overflow:hidden; width:690px; float:left;}
.formField { margin:0 25px 15px 0; overflow:hidden; padding:6px 0 0 0;}
.formField label { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#383838; float:left;}
.formField input {border:none; border-bottom:1px solid #cacaca; font-size:14px; color:#a2a2a2; padding:2px 5px 7px 5px; float:left;}
.goLeft { float:left;}
.formField .selectBox-dropdown { margin:-6px 0 0 0;}
.formField ul { width:505px;}
.formField ul li { font-size:14px; color:#383838; margin:0 0 10px 0; padding:3px 0 0 0;}
.formField ul li span { float:right; margin:-1px 0 0 0;}
.formField.textarea { margin:-20px 0 0 0;}
.formField textarea { border:none; resize:none; width:640px; margin:0; font-size:14px; color:#cacaca; background:url(../images/bg/bg-textarea.png) repeat-x 0 0;padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; line-height:29px; height:89px; overflow:hidden; text-align:left;}
.errorFormBox { width:575px; height:28px; background:url(../images/bg/bg-error-box.png) no-repeat 0 0; overflow:hidden; padding:12px 25px 0 40px; font-size:14px; margin:0 0 10px 0; float:left;}
.formField a { color:#383838; font-size:14px;}
.formField span {color:#cacaca; font-size:12px; display:block; margin:5px 0 0 0;}
.form .submit { background:url(../images/bg/bg-social-network.png) no-repeat center top; padding:25px 0 0 0; margin:10px 0 0 0; float:left; width:100%;}
.form .submit a.clean {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; background:url(../images/bg/bg-clean-btn.jpg) repeat-x 0 0; text-align:center; display:block; height:36px; width:121px; border:1px solid #dfdfdf; color:#383838; text-decoration:none; padding:17px 0 0 0; float:left; margin:20px 5px 0 175px;}
.form .submit a.send {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; background:url(../images/bg/bg-send-btn.jpg) repeat-x 0 0; text-align:center; display:block; height:36px; width:121px; border:1px solid #d11d40; color:#fff; text-decoration:none; padding:17px 0 0 0; float:left; margin:20px 0 0 0;}
.form .submit input[type=button].clean {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; background:url(../images/bg/bg-clean-btn.jpg) repeat-x 0 0; text-align:center; display:block; height:36px; width:121px; border:1px solid #dfdfdf; color:#383838; text-decoration:none; padding:17px 0 0 0; float:left; margin:20px 5px 0 175px;}
.form .submit input[type=submit].send {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; background:url(../images/bg/bg-send-btn.jpg) repeat-x 0 0; text-align:center; display:block; height:36px; width:121px; border:1px solid #d11d40; color:#fff; text-decoration:none; padding:2px 0 0 0; float:left; margin:20px 0 0 0;}
.form h2 { overflow:hidden; float:left;}
.form h2 em { float:left; font-style:normal}
.form h2 span.pen-icon {background: url("../images/sprite.png") no-repeat scroll -60px -151px transparent;float: left;height: 16px;margin-left: 3px;position: relative;top: 3px; width: 19px;}
.formField span.pen-icon {background: url("../images/sprite.png") no-repeat scroll -60px -151px transparent;float: left;height: 16px;margin-left: 0px;position: relative;top: 6px; width: 19px;}
input.error { border-color:#c11733;}
/*rp*/
.blockResult { overflow:hidden; float:right; width:640px;}
.result { width:640px; float:right; overflow:hidden; margin:0 0 30px 0;}
.result h2 { font-size:26px; color:#c11733; text-transform:none;}
.result h2 a { font-size:26px; color:#c11733; text-transform:none; text-decoration:none;}
.result ul { margin:5px 0 0 0; padding:0; overflow:hidden;}
.result ul li { font-size:12px; color:#a2a2a2; float:left; margin:0 0 0 7px;}
.result ul li a {color:#a2a2a2; text-decoration:none; padding:0 5px 0 0; }
.result ul li a span { width:6px; height:5px; display:block; float:right; background:url(../images/sprite.png) no-repeat -133px -88px; overflow:hidden; padding:5px 0 0 0}
.result ul li:first-child { margin:0;}
.result .resultDescription { margin:10px 0 0 0; overflow:hidden;}
.result .resultDescription p {color:#383838; font-size:14px;}
.result .resultDescription p a {text-decoration:none; color:#383838;}
.result .resultDescription .type {border-right: 1px solid #DEDEDE; padding:7px 5px 7px 0; float:left; margin:0 7px 0 0;}
/*crono*/
.cronoBlock{margin:10px 0 0 0;}
.cronoBlock .roundLeft
{
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.cronoBlock .roundRight
{
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.cronoBlock ul{margin:132px 0 0 0; padding:0; background: url("../images/bg/bg-imgl.png") no-repeat scroll 250px bottom;}
.cronoBlock ul li{float:left; position:relative; height:30px;}
.cronoBlock ul li a {display:block; position:absolute; left:0px; top:0px; width:100%; color:#FFF; font-size:12px; padding:20px 0 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; text-decoration:none;}
.cronoBlock ul li {
border-left:1px solid transparent;
}
.cronoBlock ul li:first-child
{
border:none;
}
.cronoBlock ul li a em
{
padding:0 0 0 10px; font-style:normal;
}
.cronoBlock ul li.selected a
{
top:-8px; height:45px; text-align:center; padding-top:28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px;
}
.cronoBlock .cronoDetailBlock
{
margin:65px 0 0 0;
}
.cronoBlock .cronoDetailBlock h2 {
color:#383838; font-size:26px; text-transform:none; margin:0 0 20px 0;
}
.cronoBlock .cronoDetailBlock .year
{
padding:10px 0 0 0; border-top:1px solid #dedede; overflow:hidden;
}
.cronoBlock .cronoDetailBlock .year span
{
display:block;
float:left;
width:86px;
border-right:1px solid #dedede;
font-size:26px;
color:#c11733;
}
.cronoBlock .cronoDetailBlock .year .dateDetail
{
padding:2px 0 24px 20px; float:right; width:530px;
}
.dateDetail .red
{
float:left;
}
.dateDetail .yearMonth
{
float:left;
margin:3px 0 0 6px;
font-size:14px;
font-family:Arial;
color:#c11733;
font-weight:700;
}
.cronoBlock .cronoDetailBlock .year .dateDetail p
{
float:left;
width:520px;
display:block;
margin-top: 8px;
}
.dateDetail .corandel p { float: none !important;color: #000 !important;font-size: 16px !important; }
.imgCrono { width:190px; background:url(../images/bg/bg-imgs.png) no-repeat right bottom; position:relative; padding:0 0 14px 0; float:left; margin:0 20px 0 0;}
.imgCrono img { width:190px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index:10;}
#crono-01 {background:url(../images/bg/bg-crono-red.jpg) repeat-x left top; border-right: 1px solid rgba(0, 0, 0, .1); }
#crono-01 a span{background:url(../images/bg/bg-crono-hover-01-arrow.png) repeat-x center bottom; display:none; width:12px; margin:23px auto 0 auto; height:7px;}
#crono-01 a:hover {background:url(../images/bg/bg-crono-hover-01.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
/*#crono-01 a:hover em{padding:0;}*/
#crono-01 a:hover span {display:block;}
#crono-01 a.selected {background:url(../images/bg/bg-crono-hover-01.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
#crono-01 a.selected span {display:block;}
/*#crono-01 a.selected em{padding:0;}*/
#crono-02 {background:url(../images/bg/bg-crono-orange.jpg) repeat-x left top; border-right: 1px solid rgba(0, 0, 0, .1); }
#crono-02 a span{background:url(../images/bg/bg-crono-hover-02-arrow.png) repeat-x center bottom; display:none; width:12px; margin:23px auto 0 auto; height:7px;}
#crono-02 a:hover {background:url(../images/bg/bg-crono-hover-02.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
/*#crono-02 a:hover em{padding:0;}*/
#crono-02 a:hover span {display:block;}
#crono-02 a.selected {background:url(../images/bg/bg-crono-hover-02.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
#crono-02 a.selected span {display:block;}
/*#crono-02 a.selected em{padding:0;}*/
#crono-03 {background:url(../images/bg/bg-crono-orange-light.jpg) repeat-x left top; border-right: 1px solid rgba(0, 0, 0, .1); }
#crono-03 a span{background:url(../images/bg/bg-crono-hover-03-arrow.png) repeat-x center bottom; display:none; width:12px; margin:23px auto 0 auto; height:7px;}
#crono-03 a:hover {background:url(../images/bg/bg-crono-hover-03.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
/*#crono-03 a:hover em{padding:0;}*/
#crono-03 a:hover span {display:block;}
#crono-03 a.selected {background:url(../images/bg/bg-crono-hover-03.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
#crono-03 a.selected span {display:block;}
/*#crono-03 a.selected em{padding:0;}*/
#crono-04 {background:url(../images/bg/bg-crono-orange-yellow.jpg) repeat-x left top; border-right: 1px solid rgba(0, 0, 0, .1); }
#crono-04 a span{background:url(../images/bg/bg-crono-hover-04-arrow.png) repeat-x center bottom; display:none; width:12px; margin:23px auto 0 auto; height:7px;}
#crono-04 a:hover {background:url(../images/bg/bg-crono-hover-04.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
/*#crono-04 a:hover em{padding:0;}*/
#crono-04 a:hover span {display:block;}
#crono-04 a.selected {background:url(../images/bg/bg-crono-hover-04.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
#crono-04 a.selected span {display:block;}
/*#crono-04 a.selected em{padding:0;}*/
#crono-05 {background:url(../images/bg/bg-crono-yellow.jpg) repeat-x left top; }
#crono-05 a span{background:url(../images/bg/bg-crono-hover-05-arrow.png) repeat-x center bottom; display:none; width:12px; margin:23px auto 0 auto; height:7px;}
#crono-05 a:hover {background:url(../images/bg/bg-crono-hover-05.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
/*#crono-05 a:hover em{padding:0;}*/
#crono-05 a:hover span {display:block;}
#crono-05 a.selected {background:url(../images/bg/bg-crono-hover-05.png) repeat-x center top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:38px; top:-8px; padding-top:28px; /*text-align:center;*/}
#crono-05 a.selected span {display:block;}
/*#crono-05 a.selected em{padding:0;}*/
/* ============================= */
/* ===== radios & checks ======= */
/* ============================= */
.GUStyle {margin-right:5px;width:14px;height:14px;overflow:hidden;}
.GUStyle input {position:absolute;margin:0;border:none;width:14px !important;height:14px !important; cursor:pointer;}
.GUStyle span {width:14px;height:14px;position:absolute;background:url(../images/sprite.png) no-repeat left top;cursor:pointer;}
.GUStyle .radio {background-position:-181px -239px;width:16px;height:16px;}
.GUStyle .radio.selected {background-position:-197px -239px;}
.GUStyle .radio.hover {background-position:left top;}
.GUStyle .radio.hover.selected {background-position:left -40px;}
.GUStyle .check {background:#f9f9f9;border:solid 1px #c6c6c6;border-radius:2px;}
.GUStyle .check.selected {background:url(../images/sprite.png) no-repeat -2px -229px;}
.GUStyle .check.hover {background-position:-162px -96px;}
.GUStyle .check.hover.selected {background:url(../images/sprite.png) no-repeat -2px -229px;}
/* Dropdown control */
.selectBox-dropdown {
min-width: 160px;
position: relative;
border: solid 1px #cacaca;
text-decoration: none;
text-align: left;
color: #a2a2a2;
padding:7px 0 6px;
outline: none;
vertical-align: middle;
/*background: #FFFFFF;*/
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
cursor: pointer;
font-size:13px;
}
.selectBox-dropdown.selectBox-menuShowing {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.selectBox-dropdown .selectBox-label {padding: 0px 6px;display: inline-block;white-space: nowrap;overflow: hidden;font-size:13px; margin:0;}
.selectBox-dropdown .selectBox-label:hover { color:#383838;}
.selectBox-dropdown .selectBox-arrow {position: absolute;top: 2px;right: 6px;width: 24px;height: 24px;background: url(../images/sprite.png) no-repeat -223px -41px; margin:0;}
.selectBox-dropdown:hover .selectBox-arrow {background-position:-223px -41px;}
/* Dropdown menu */
.selectBox-dropdown-menu {position: absolute;z-index: 99999;max-height: 290px;min-height: 1em;background: #FFF;-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);box-shadow: 0 2px 6px rgba(0, 0, 0, .2);overflow: auto;margin-top:1px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;/*padding:10px 5px!important;*/width:152px; border:1px solid #dedede; margin:2px 0 0 0 !important;}
/*.formField .selectBox-dropdown-menu {width:188px !important;}*/
/* Inline control */
.selectBox-inline {min-width: 150px;outline: none;border: solid 1px #BBB;background: #FFF;display: inline-block;border-radius: 2px;overflow: auto;}
/* Options */
.selectBox-options,.selectBox-options LI,.selectBox-options LI A {list-style: none;display: block;cursor: pointer;/*padding:0 0 10px 0;*/margin: 0;}
.selectBox-options li {padding:0; }
.selectBox-options li:first-child a
{
border:none;
}
.selectBox-options li A
{
padding: 10px 0 10px 0;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat;
color: #a2a2a2;
font-size:13px;
border-top:1px solid #dedede;
width:130px;
margin:0 auto;
}
.selectBox-options LI A:hover {color:#383838;}
/*****************************************************************************/
/** Icons **/
/*****************************************************************************/
.content-image
{
width: 24px;
height: 20px;
}
.content-image.red
{
background: url("../images/sprite.png") 0 -256px no-repeat;
}
.content-image.orange
{
background: url("../images/sprite.png") -40 -256px no-repeat;
}
.content-image.yellow
{
background: url("../images/sprite.png") -80 -256px no-repeat;
}
.content-video
{
width: 24px;
height: 22px;
}
.content-video.red
{
background: url("../images/sprite.png") 0 -288px no-repeat;
}
.content-video.orange
{
background: url("../images/sprite.png") -40 -288px no-repeat;
}
.content-video.yellow
{
background: url("../images/sprite.png") -80 -288px no-repeat;
}
.content-news
{
width: 24px;
height: 22px;
}
.content-news.red
{
background: url("../images/sprite.png") 0 -326px no-repeat;
}
.content-news.orange
{
background: url("../images/sprite.png") -40 -326px no-repeat;
}
.content-news.yellow
{
background: url("../images/sprite.png") -80 -326px no-repeat;
}
.content-clipping
{
width: 24px;
height: 22px;
}
.content-clipping.red
{
background: url("../images/sprite.png") 0 -363px no-repeat;
}
.content-clipping.orange
{
background: url("../images/sprite.png") -40 -363px no-repeat;
}
.content-clipping.yellow
{
background: url("../images/sprite.png") -80 -363px no-repeat;
}
.content-magazines
{
width: 24px;
height: 18px;
}
.content-magazines.red
{
background: url("../images/sprite.png") 0 -398px no-repeat;
}
.content-magazines.orange
{
background: url("../images/sprite.png") -40 -398px no-repeat;
}
.content-magazines.yellow
{
background: url("../images/sprite.png") -80 -398px no-repeat;
}
.content-newsletters
{
width: 24px;
height: 17px;
}
.content-newsletters.red
{
background: url("../images/sprite.png") 0 -431px no-repeat;
}
.content-newsletters.orange
{
background: url("../images/sprite.png") -40 -431px no-repeat;
}
.content-newsletters.yellow
{
background: url("../images/sprite.png") -80 -431px no-repeat;
}
.content-reports
{
width: 24px;
height: 22px;
}
.content-reports.red
{
background: url("../images/sprite.png") 0 -459px no-repeat;
}
.content-reports.orange
{
background: url("../images/sprite.png") -40 -459px no-repeat;
}
.content-reports.yellow
{
background: url("../images/sprite.png") -80 -459px no-repeat;
}
.content-others
{
width: 24px;
height: 22px;
}
.content-others.red
{
background: url("../images/sprite.png") 0 -490px no-repeat;
}
.content-others.orange
{
background: url("../images/sprite.png") -40 -490px no-repeat;
}
.content-others.yellow
{
background: url("../images/sprite.png") -80 -490px no-repeat;
}
/*****************************************************************************/
/** ImageSlide Plugin **/
/*****************************************************************************/
.imageSlider-container
{
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.imageSlider-container .slider-item
{
width: 640px;
height: 360px;
position: absolute;
}
.imageSlider-container .slider-item.video-item
{
background: #000000;
}
.imageSlider-container img
{
position: absolute;
/*display: none;*/
}
.imageSlider-counter
{
position: absolute;
}
.imageSlider-left-arrow
{
position: absolute;
}
.imageSlider-right-arrow
{
position: absolute;
}
.imageSlider-captions
{
position: absolute;
width: auto;
}
.imageSlider-captions-text {overflow:hidden; height:18px; display:block;}
.imageSlider-captions .info
{
width: 54px;
height: 40px;
display:block;
float:left;
background-image: url("/images/sprite-c.png");
margin-top: -14px;
margin-left: -9px;
}
/*****************************************************************************/
/** ImageSlide Plugin Customization **/
/*****************************************************************************/
.imageSlider-container
{
width: 640px;
height: 360px;
webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.imageSlider-left-arrow
{
width: 62px;
height: 62px;
top: 150px;
left: 10px;
background: url("../images/bg/left-arrow.png");
display:none;
}
.imageSlider-container:hover .imageSlider-left-arrow { display:block}
.imageSlider-right-arrow
{
width: 62px;
height: 62px;
top: 150px;
right: 10px;
background: url("../images/bg/right-arrow.png");
display:none;
}
.imageSlider-container:hover .imageSlider-right-arrow { display:block}
.imageSlider-counter
{
width: 83px;
height: 40px;
background: #fefefe;
bottom: 10px;
right: 10px;
font-family: 'avenir_45_bookregular';
}
.imageSlider-counter span.imageSlider-current-text
{
position: relative;
top: 6px;
left: 7px;
font-size: 24px;
display: block;
width: 30px;
text-align: right;
float: left;
color: #383838;
}
.imageSlider-counter span.imageSlider-total-text
{
float: left;
width: 30px;
display: block;
text-align: left;
position: relative;
top: 8px;
left: 14px;
color: #a2a2a2;
font-size: 14px;
}
.imageSlider-counter .imageSlider-counter-separator
{
float: left;
width: 10px;
display: block;
text-align: left;
position: relative;
top: 1px;
left: 9px;
color: #a2a2a2;
font-size: 34px;
}
.imageSlider-captions
{
height: 12px;
background: #fefefe;
bottom: 10px;
right: 95px;
font-family: 'avenir_45_bookregular';
padding: 14px;
font-size: 12px;
float:right;
overflow: hidden;
width: 29px;
transition:width 0.4s linear, color 0.4s linear;
-moz-transition:width 0.4s linear, color 0.4s linear;
-webkit-transition:width 0.4s linear, color 0.4s linear;
-o-transition:width 0.4s linear, color 0.4s linear;
}
.imageSlider-captions:hover
{
width:500px;
color: #c11733;
}
.lightbox .imageSlider-captions {
width:500px;
}
.lightbox .imageSlider-captions {
color: inherit;
}
.imageSlider-captions:hover .info-icon
{
background: url("../images/sprite.png") -278px -207px no-repeat;
}
.imageSlider-captions .info-icon
{
background: url("../images/sprite.png") -278px -175px no-repeat;
width: 29px;
height: 28px;
float: left;
position: relative;
top: -8px;
margin-right: 10px;
}
/*****************************************************************************/
/** Related 3x2 **/
/*****************************************************************************/
.related-2x3.topBorder { padding:45px 0 0 0; border-top:1px solid #DEDEDE; margin:20px 0 0 0;}
.related-2x3
{
position: relative;
float: left;
width:100%;
}
.related-2x3 h1
{
max-width: 540px;
display: block;
height: 30px;
overflow: hidden;
margin: 0 0 20px 0;
}
.related-2x3 a.more
{
position: absolute;
top:0px;
right: 0px;
}
.related-2x3 ul
{
width: 690px;
/*height:200px;*/
overflow:hidden;
}
.related-2x3 ul li
{
width: 190px;
height: 95px;
border-bottom: 1px solid #dedede;
position: relative;
float: left;
margin-right: 34px;
margin-bottom: 21px;
}
.related-2x3 ul li.no-margin
{
}
.related-2x3 ul li.no-bottom
{
border-bottom: none;
}
.related-2x3 h1
{
color: #f29400;
font-size: 26px;
}
.related-2x3 .related-info
{
width: 34px;
height: 60px;
position: relative;
float: left;
border-right: 1px solid #dedede;
overflow: visible;
}
.related-2x3 .related-info .icon-news
{
/*width: 16px;*/
/*height: 22px;*/
background: url("../images/sprite.png") -64px -201px no-repeat;
margin-left: 5px;
margin-bottom: 5px;
/*position: relative;*/
/*float: left;*/
}
.related-2x3 .related-info .related-info-day
{
color: #a2a2a2;
font-size: 22px;
position: relative;
margin: 0 auto;
}
.related-2x3 .related-info .related-info-month
{
color: #a2a2a2;
font-size: 11px;
font-family: Arial;
position: relative;
float: left;
margin-left: 2px;
text-transform: uppercase;
line-height:10px;
}
.related-2x3 .related-text
{
font-family: arial;
font-size: 16px;
color: #383838;
margin-left: 5px;
position: relative;
float: left;
width: 150px;
height: 80px;
overflow: hidden;
}
.related-2x3 .related-text a {color: #383838; text-decoration:none;}
/*****************************************************************************/
/** Social Networks **/
/*****************************************************************************/
.social-networks-container.shadow { background:url(../images/bg/bg-social-network.png) no-repeat center bottom; padding:0 0 82px 0; margin:20px 0 0 0;}
.social-networks-container
{
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
}
.social-networks-container .social-networks-content
{
margin: 0 auto;
position: relative;
width: 399px;
}
.social-networks-container .social-networks-content .social-networks
{
width: 320px;
height: 56px;
border-radius: 2px;
border: 1px solid #d9d9d9;
background: #f6f6f6;
position: relative;
float: left;
}
.social-networks-container .social-networks-content .social-networks a
{
text-decoration: none;
color: #323232;
}
.social-networks-container .social-networks-content .social-networks .facebook
{
position: relative;
float: left;
width: 81px;
height: 24px;
border-right: 1px solid #dedede;
padding-top: 10px;
font-size: 12px;
margin: 10px 0px 10px 25px;
}
.social-networks-container .social-networks-content .social-networks .facebook span
{
background: url("../images/sprite.png") -95px -114px no-repeat;
width: 12px;
height: 12px;
display: block;
position: relative;
float: left;
top:1px;
margin-right: 5px;
}
.social-networks-container .social-networks-content .social-networks .tweeter
{
position: relative;
float: left;
width: 75px;
height: 24px;
border-right: 1px solid #dedede;
padding-top: 10px;
font-size: 12px;
margin: 10px 15px;
}
.social-networks-container .social-networks-content .social-networks .tweeter span
{
background: url("../images/sprite.png") -91px -141px no-repeat;
width: 18px;
height: 12px;
display: block;
position: relative;
float: left;
top:1px;
margin-right: 5px;
}
.social-networks-container .social-networks-content .social-networks .google
{
position: relative;
float: left;
width: 43px;
height: 28px;
border-right: 1px solid #dedede;
font-size: 12px;
margin: 10px 0;
padding-top: 6px;
}
.social-networks-container .social-networks-content .social-networks .google span
{
background: url("../images/sprite.png") -91px -154px no-repeat;
width: 28px;
height: 24px;
display: block;
position: relative;
float: left;
margin-right: 5px;
}
.social-networks-container .social-networks-content .social-networks .sharethis
{
position: relative;
float: left;
width: 11px;
height: 10px;
font-size: 12px;
margin: 22px 26px;
}
.social-networks-container .social-networks-content .social-networks .sharethis span
{
background: url("../images/sprite.png") -108px -114px no-repeat;
width: 11px;
height: 10px;
float: left;
}
.social-networks-container .print-button
{
margin-left: 20px;
}
/*****************************************************************************/
/** Print Button **/
/*****************************************************************************/
.print-button
{
width: 55px;
height: 56px;
border-radius: 2px;
border: 1px solid #d9d9d9;
background: #f6f6f6;
position: relative;
float: left;
}
.print-button span
{
display: block;
width: 26px;
height: 23px;
background: url("../images/sprite.png") 0 -200px no-repeat;
margin: 0 auto;
position: relative;
top: 16px;
}
/*****************************************************************************/
/** Media kit **/
/*****************************************************************************/
.media-kit
{
width:240px;
height:142px;
background:url(../images/bg/bg-imgs.png) no-repeat right bottom;
position:relative;
float: right;
margin-top: 40px;
}
.media-kit img
{
width:240px;
height:128px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:absolute;
left:0px;
top:0px;
z-index:10;
}
/*****************************************************************************/
/** News & Media **/
/*****************************************************************************/
.bgNewsMedia
{
background:url(../images/bg/bg-inner-slider.png) repeat-x 0 0;
height: 555px;
}
.news-media
{
width:940px;
height:470px;
overflow:hidden;
background:url(../images/bg/header-module-bg.png) no-repeat -5px 0;
}
.news-media-container
{
margin: 35px 30px 35px 30px;
position: relative;
float: left;
position: relative;
width: 876px;
left: 3px;
}
.news-media-container .news-media-content h1
{
margin-bottom: 17px;
}
.news-media-container .news-media-content .smallHighlights
{
width: 282px;
margin: 0 0 0 15px;
}
.news-media-container .news-media-content .smallHighlights .imgS
{
width: 280px;
height: 176px;
}
.news-media-container .news-media-content .smallHighlights .imgS .glow
{
left:144px;
}
.news-media-container .news-media-content .smallHighlights .imgS img
{
width: 280px;
height: 160px;
border:1px solid #dedede;
}
.news-media-container .news-media-content .smallHighlights article p
{
float: left;
margin-left: 10px;
width: 220px;
}
.news-media-container .news-media-content .smallHighlights article p a
{
font-size: 18px !important;
}
.news-media-container .news-media-content .smallHighlights.first
{
margin-left: 0;
}
/*****************************************************************************/
/** S **/
/*****************************************************************************/
.language-change
{
font-family: Arial;
font-size: 12px;
color: #a2a2a2;
display: block;
width: 155px;
margin: 0 auto;
text-decoration: none;
position: relative;
overflow:hidden;
}
.language-change em { float:left;}
.language-change span
{
display: block;
background: url("../images/sprite.png") -130px -150px no-repeat;
width: 19px;
height: 16px;
top: -4px;
float:left;
margin:0 0 0 4px;
}
.splash-header
{
height: 424px;
}
.splash-header nav
{
width: 240px;
margin: 0 auto;
}
.splash-header .splash-header-form-container
{
width: 514px;
height: 282px;
background: url("../images/bg/splash-form-background.png") no-repeat center top;
margin: 0 auto;
}
.splash-header .splash-header-form-container .splash-header-form-content
{
width: 410px;
margin: 0px auto;
text-align: center;
position: relative;
padding-top: 30px;
}
.splash-header .splash-header-form-container .splash-header-form-content p
{
font-family: Arial;
font-size: 14px;
color: #a2a2a2;
margin-top: 10px;
}
.splash-header .splash-header-form-container .splash-header-form-content p a {color: #a2a2a2;}
.splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs
{
width: 300px;
height: 60px;
border: 1px solid #d0d0d0;
border-radius: 3px;
position: relative;
margin: 15px auto;
}
.splash-header .splash-header-form-container .splash-header-form-content .splash-error {
margin: -13px 0 0 0;
font-size: 12px;
}
.splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs .splash-header-input
{
border: none;
background: none;
font-family: avenir_45_bookregular;
font-size: 20px;
color: #383838;
position: relative;
float: left;
width: 33%;
height: 59px;
text-align: center;
padding: 0;
}
.collumSplash
{
width:706px; margin:0 auto; overflow:hidden;
}
.collumSplash .logoCollum
{
float:left; width:200px; text-align:center; padding-top:50px;
}
.collumSplash .centerCollum{
float:left; width:236px; background:url('../images/bg/bg-center-splash.png') no-repeat center top; height:298px; padding:30px 35px 0 35px;
}
.collumSplash .centerCollum h2
{
color:#383838;
font-size:18px;
text-align:center;
display:block;
}
.collumSplash .centerCollum a
{
color: #F29400;
font-size: 16px;
text-align:center;
display:block;
}
.collumSplash .centerCollum p{
color: #A2A2A2;
font-family: Arial;
font-size: 12px;
line-height: 18px;
margin: 20px auto 30px;
width: 236px;
text-align:center;
}
.collumSplash .centerCollum p span
{
color:#000;
font-style:italic;
}
.collumSplash .centerCollum img
{
text-align:center;
width:211px;
margin:15px auto 0 auto;
display:block;
}
.collumSplash .disclamerCollum {
float:left; width:165px; padding:30px 0 0 35px;
}
/* IE hacks */
.ie8 .splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs .splash-header-input,
.ie7 .splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs .splash-header-input
{
padding-top: 25px;
height: 52px;
}
.splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs .splash-header-input.border-left.border-right
{
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}
.splash-header .splash-header-form-container .splash-header-form-content .splash-header-form-inputs .splash-header-input.big
{
}
.splash-content{}
.splash-content .enter-button-container
{
margin: 0 auto;
width: 143px;
height: 34px;
text-align: center;
background: #ffffff;
border-radius: 3px;
position: relative;
top: -33px;
}
.splash-content .enter-button-container .enter-button
{
display: block;
width: 143px;
height: 52px;
text-align: center;
background: url("../images/bg/bg-btn-entrar.png");
font-family: avenir_45_bookregular;
font-size: 26px;
color: #c11733;
text-align: center;
text-decoration: none;
padding-top: 0px;
border:0;
cursor:pointer;
}
.splash-content .splash-disclaimer-container
{
width: 640px;
margin: 20px auto;
}
.splash-disclaimer-text
{
text-align: center;
}
.splash-content .splash-disclaimer-container .splash-disclaimer-cookies
{
width: 290px;
margin: 0 auto;
}
.splash-disclaimer-text label a
{
color: #f29400;
font-style: italic;
}
.splash-disclaimer-text label
{
color: #383838;
display: block;
font-family: Arial;
font-size: 14px;
margin: 0 auto;
position: relative;
top: -1px;
width: 130px;
}
.splash-disclaimer-text p
{
font-family: Arial;
font-size: 12px;
color: #a2a2a2;
margin: 5px auto;
margin-bottom: 30px;
width:130px;
line-height:18px;
margin-top:20px;
}
.splash-disclaimer-text p a
{
color: #000;
font-style: italic;
}
.splash-disclaimer-text p.dark
{
color: #383838;
}
.splash-disclaimer-text p.terms
{
margin-bottom: 20px;
width: 292px;
}
.splash-disclaimer-text p.terms a
{
color: #f29400;
}
.splash-disclaimer-text .splash-disclaimer-cookies .GUStyle {
height: 14px;
margin: 0 0 10px 60px;
margin-right: 555px;
overflow: hidden;
width: 14px;
}
.splash-content .splash-disclaimer-container .splash-disclaimer-responsible
{
background: url("../images/bg/splash-lower-logos.png");
width: 640px;
height: 250px;
margin-bottom: 60px;
}
.splash-content .splash-disclaimer-container .splash-disclaimer-logos
{
background: url("../images/bg/splash-upper-logos.png");
width: 640px;
height: 60px;
margin-bottom: 30px;
}
/*****************************************************************************/
/** List controls **/
/*****************************************************************************/
.list-controls
{
position: relative;
float: right;
height: 30px;
}
.list-controls .paginator
{
position: relative;
float: left;
margin: 0 5px 0 5px;
}
.list-controls .paginator .size-info
{
font-family: Arial;
font-size: 11px;
color: #a2a2a2;
position: relative;
float: left;
margin: 8px 11px;
}
.list-controls .paginator.hide-size .size-info
{
display: none;
}
.list-controls .paginator .previous
{
width: 29px;
height: 30px;
text-indent: -9999px;
position: relative;
float: right;
background: url("../images/sprite.png") -89px 0 no-repeat;
}
.list-controls .paginator .previous:hover {background: url("../images/sprite.png") -89px -35px no-repeat;}
.list-controls .paginator .next
{
width: 30px;
height: 30px;
text-indent: -9999px;
position: relative;
float: right;
background: url("../images/sprite.png") -118px 0 no-repeat;
}
.list-controls .paginator .next:hover {background: url("../images/sprite.png") -118px -35px no-repeat;}
.list-controls .info-density
{
position: relative;
float: left;
margin: 0 5px;
}
.list-controls .info-density .image
{
width: 29px;
height: 30px;
text-indent: -9999px;
position: relative;
float: right;
background: url("../images/sprite.png") -158px 0 no-repeat;
}
.list-controls .info-density .text
{
width: 30px;
height: 30px;
text-indent: -9999px;
position: relative;
float: right;
background: url("../images/sprite.png") -187px 0 no-repeat;
}
.list-filter
{
position: relative;
float: left;
margin: 0 0 0 5px;
}
.list-controls.hide-filter .list-filter
{
display: none;
}
.list-controls.hide-density .info-density
{
display: none;
}
.list-controls.hide-back-to-top .btn
{
display: none;
}
.list-controls .btn
{
top: 6px;
position: relative;
margin-left: 5px;
}
/*****************************************************************************/
/** List **/
/*****************************************************************************/
.list{ margin:10px 0 20px 0;}
.list .no-margin
{
margin-left: 0 !important;
}
.list .no-bottom
{
border-bottom: none;
}
/*****************************************************************************/
/** L1 **/
/*****************************************************************************/
#highlights3x.list
{
height: auto !important;
}
/*****************************************************************************/
/** L2 **/
/*****************************************************************************/
.list-text ul li
{
height: 87px;
}
.list-text ul li .imgS
{
display: none;
}
.list-image ul li
{
height: 210px;
border:none;
}
.list-image ul li .imgS
{
display: block;
}
/*****************************************************************************/
/** L3 **/
/*****************************************************************************/
.list.documentblock
{
width: 640px;
}
.list.documentblock .doc a
{
width: auto;
}
.list.documentblock ul li
{
float: left;
position: relative;
}
.list.documentblock ul li
{
margin: 10px 0 10px 35px;
}
/*umbraco rich text editor*/
.lightGray11 {
font-size:11px !important; color:#a2a2a2 !important;
}
.lightGray12 {
font-size:12px !important; color:#a2a2a2 !important;
}
.lightGray14 {
font-size:14px !important; color:#a2a2a2 !important;
}
.lightGray18 {
font-size:18px !important; color:#a2a2a2 !important;
}
.lightGray20 {
font-size:20px !important; color:#a2a2a2 !important;
}
.red11 {
font-size:11px !important; color:#c11733 !important;
}
.red12 {
font-size:12px !important; color:#c11733 !important;
}
.red14 {
font-size:14px !important; color:#c11733 !important;
}
.red18 {
font-size:18px !important; color:#c11733 !important;
}
.red20 {
font-size:20px !important; color:#c11733 !important;
}
.orange11 {
font-size:11px !important; color:#eb692c !important;
}
.orange12 {
font-size:12px !important; color:#eb692c !important;
}
.orange14 {
font-size:14px !important; color:#eb692c !important;
}
.orange18 {
font-size:18px !important; color:#eb692c !important;
}
.orange20 {
font-size:20px !important; color:#eb692c !important;
}
.yellow11 {
font-size:11px !important; color:#f29400 !important;
}
.yellow12 {
font-size:12px !important; color:#f29400 !important;
}
.yellow14 {
font-size:14px !important; color:#f29400 !important;
}
.yellow18 {
font-size:18px !important; color:#f29400 !important;
}
.yellow20 {
font-size:20px !important; color:#f29400 !important;
}
.gray11 {
font-size:11px !important;
}
.gray12 {
font-size:12px !important;
}
.gray14 {
font-size:14px !important;
}
.gray18 {
font-size:18px !important;
}
.gray20 {
font-size:20px !important;
}
/*****************************************************************************/
/** SLIDEBOX **/
/*****************************************************************************/
.sb-slider { margin: 0 auto; position: relative; overflow: hidden; width: 100%; max-width: 940px !important; height:360px; list-style-type: none; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px; overflow:hidden;}
.sb-slider li { height:360px; background-color:#000; margin: 0; padding: 0; display: none;}
.sb-slider li > a { outline: none;}
.sb-slider li > a img { width:940px; height:360px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px;}
.sb-slider img { max-width: 100%; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px 4px 4px 4px;}
/*.shadowSplash { width: 100%; height: 168px; margin-top: -110px; background: transparent url(../images/shadow.png) no-repeat bottom center; background-size: 100% 100%; z-index: -1; display: block;}*/
.shadowSplash { width: 100%; height: 87px; margin-top: -20px; background:url("../images/bg/bg-slider-shadow.png") no-repeat center bottom; background-size: 100% 100%; z-index: -1; display: block;}
.nav-arrows { display: none;}
.nav-arrows a {
width: 62px;
height: 62px;
position: absolute;
top: 149px;
text-indent: -9000px;
cursor: pointer;
opacity: 1;
background: url("../images/bg/right-arrow.png") no-repeat scroll 0 0 transparent;
right: 25px;
display:none;
}
.nav-arrows a:first-child
{
background: url("../images/bg/left-arrow.png") no-repeat scroll 0 0 transparent;
left: 25px;
}
#mainHighlightSlider:hover .nav-arrows a {
opacity: 1;
display:block
}
.nav-options {
width: 70px;
height: 30px;
position: absolute;
right: 70px;
bottom: 0px;
display: none;
}
.nav-options span {
width: 30px;
height: 30px;
background: #cbbfae url(../images/options.png) no-repeat top left;
text-indent: -9000px;
cursor: pointer;
opacity: 0.7;
display: inline-block;
border-radius: 50%;
}
.nav-options span:first-child{
background-position: -30px 0px;
margin-right: 3px;
}
.nav-options span:hover {
opacity: 1;
}
.sb-perspective {
position: relative;
}
.sb-perspective > div {
position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-o-backface-visibility : hidden;
-ms-backface-visibility : hidden;
backface-visibility : hidden;
}
.sb-side {
margin: 0;
display: block;
position: absolute;
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-o-backface-visibility : hidden;
-ms-backface-visibility : hidden;
backface-visibility : hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*****************************************************************************/
/** ICONS **/
/*****************************************************************************/
.red { width:24px; height:22px; overflow:hidden; background-image: url("../images/sprite.png"); margin-bottom:5px;}
.orange { width:24px; height:22px; overflow:hidden; background-image: url("../images/sprite.png"); margin-bottom:5px;}
.yellow { width:24px; height:22px; overflow:hidden; background-image: url("../images/sprite.png"); margin-bottom:5px;}
.red.icon-imagem { background-position: 0 -255px;}
.orange.icon-imagem { background-position: -40px -255px;}
.yellow.icon-imagem { background-position: -80px -255px;}
.red.icon-multimedia { background-position: 0 -288px;}
.orange.icon-multimedia { background-position: -40px -288px;}
.yellow.icon-multimedia { background-position: -80px -288px;}
.red.icon-artigo { background-position: 0 -326px;}
.orange.icon-artigo { background-position: -40px -326px;}
.yellow.icon-artigo { background-position: -80px -326px;}
.red.icon-recorte { background-position: 0 -363px;}
.orange.icon-recorte { background-position: -40px -363px;}
.yellow.icon-recorte { background-position: -80px -363px;}
.red.icon-revista { background-position: 0 -395px;}
.orange.icon-revista { background-position: -40px -395px;}
.yellow.icon-revista { background-position: -80px -395px;}
.red.icon-presidente { background-position: -120px -395px;}
.orange.icon-presidente { background-position: -160px -395px;}
.yellow.icon-presidente { background-position: -200px -395px;}
.red.icon-newsletter { background-position: 0 -428px;}
.orange.icon-newsletter { background-position: -40px -428px;}
.yellow.icon-newsletter { background-position: -80px -428px;}
.red.icon-documento { background-position: 0 -459px;}
.orange.icon-documento { background-position: -40px -459px;}
.yellow.icon-documento { background-position: -80px -459px;}
.red.icon-relatorio { background-position: 0 -490px;}
.orange.icon-relatorio { background-position: -40px -490px;}
.yellow.icon-relatorio { background-position: -80px -490px;}
/********************************************/
/** PRODUCT BLOCK **/
/********************************************/
/* Share This Reset */
.stLarge{
width:0 !important;
height:0 !important;
}
.stButton{
width:0 !important;
height:0 !important;
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 600px) {
.splash-header-form-inputs{
width: 100%;
}
}