/* RESET */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;outline:0;}
html {*height:100%;}
/* MISC */
.floaterL { float:left;}
.floaterR { float:right;}
.cleaner { clear:both;}
.thumbLoader {left:26px; top: 26px; }
/* COMUNES */
body { font-family:Arial, sans-serif;font-size:11px;color:#606060;background:#fff url(images/shadowFooter.png) repeat-x bottom;background-attachment: fixed;
*height:100%;}
img { border:0px;}
h1, h2, h3, h4 { font-family:Arial, sans-serif;}
a{color:#969393;text-decoration:none}
a:hover{text-decoration:none;color:#ED4C99}
sup{font-size:8px}
/* HEADER */
#header {width:100%;margin:0px auto;padding:50px 0 0}
#header .headerLogo { width:908px;height:29px;margin:0 auto 40px auto;text-align:center;}
/*COMUNES*/
h1 {font:bold 12px Arial, sans-serif;text-align:center;margin:20px 0 4px 0; }
h2{font:bold 13px arial, sans-serif;color:#e13889;text-transform:uppercase; padding-bottom:3px;}
h3{font:bold 14px Arial, sans-serif;color:#e13889;margin-top:37px;text-transform:uppercase;}
h4{font:bold 14px Arial, sans-serif;color:#e13889;margin-top:27px;text-transform:uppercase;border-bottom:1px solid #BFBFBF;padding-bottom:21px; position:relative}
p{font:normal 11px Arial,sans-serif;margin:0 0 13px;line-height:17px;}
h1.lipp {width:219px; top:20px; left:16px; font-size:13px; color:#E13889; text-align:left; }
/* ESTRUCTURA */
#container { width:990px; margin:0px auto;}
.content{width:968px; margin:20px auto 0px;text-align:left;}
/*BANNER*/
.bigBanner{width:960px; height:430px; margin-bottom:0px; text-align:center;}
.bigBanner img{}
/*BACKDROP*/
.lightGrey{}
.lightPink #header, .lightGrey #header{}
.lightPink .shadowLeft, .lightGrey .shadowLeft{width:10px;height:307px;background:url(images/shadowLeft.png) repeat-y;float:left}
.lightPink .shadowLeft .shadowLeftTop, .lightGrey .shadowLeft .shadowLeftTop{width:10px;height:22px;background:url(images/shadowLeftTop.png) no-repeat;float:left}
.lightPink .shadowRight, .lightGrey .shadowRight{width:10px;height:307px;background:url(images/shadowRight.png) repeat-y;float:left}
.lightPink .shadowRight .shadowRightTop, .lightGrey .shadowRight .shadowRightTop{width:10px;height:22px;background:url(images/shadowRightTop.png) no-repeat;float:left}
.lightPink .shadowBottom, .lightGrey .shadowBottom{width:968px;height:20px;background:url(images/shadowBottom.png) repeat-x top;float:left}
.lightPink .shadowBottom .shadowBottomLeft, .lightGrey .shadowBottom .shadowBottomLeft{width:24px;height:20px;background:url(images/shadowBottomLeft.png) repeat-x;float:left}
.lightPink .shadowBottom .shadowBottomRight, .lightGrey .shadowBottom .shadowBottomRight{width:24px;height:20px;background:url(images/shadowBottomRight.png) repeat-x;float:right}
.lightGrey {background:url(images/background.png) repeat-x;}
.lightPink {}
.solidBlack{background:#000}
.solidBlack #header{}
.solidBlack .shadowLeft{width:10px;height:631px;float:left}
.solidBlack .shadowLeft .shadowLeftTop{}
.solidBlack .shadowRight{width:10px;height:631px;float:left}
.solidBlack .shadowRight .shadowRightTop{}
.solidBlack .shadowBottom{width:908px;height:20px;float:left}
/*PRIMARY NAV*/
.layout{margin:20px auto 0px; position:relative}
.primaryNav{width:968px; padding:0px;float:left; }
.primaryNav img{float:left;margin-right:10px}
.primaryNav img.biography{margin-top:4px; margin-bottom:10px}
.primaryContent{float:left;width:340px}
.primaryContent h2{font:bold 18px arial, sans-serif;text-transform:uppercase;border-bottom:1px solid #BFBFBF;padding-bottom:3px;position:relative;}
.primaryContent h2 img{float:left; position:absolute; top:0;left:0}
.primaryContent h3{font:bold 14px Arial, sans-serif;margin-top:37px;text-transform:uppercase;}
.primaryContent a{font:bold 10px arial, sans-serif;display:block;float:left;padding:0 8px;margin-top:2px}
.primaryContent a.first{padding-left:0}
.primaryContent a.last{border:none;padding-right:0}
.primaryContent a.active, .primaryContent a:hover{color:#e13889;}
.primaryContent span{font:bold 10px arial, sans-serif;text-transform:uppercase}
.primaryContent p{margin:0;margin-top:17px}
.textArea{padding:0 10px 0 0; margin-top:12px;}
.textArea p{padding:0; margin:0; font-size:11px; line-height:17px;}
.primaryContent #cont {LEFT: 10px; OVERFLOW: hidden; WIDTH: 310px;POSITION: absolute; TOP: 10px; HEIGHT: 350px}
.primaryContent #int {FONT-SIZE: 10px; WIDTH:310px;POSITION: relative; TOP: 0px}
.primaryContent #handle {left: 380px; top: 10px;WIDTH: 6px; POSITION: absolute;z-index:999; HEIGHT:6px}
.primaryContent #barra {left: 350px; top: 0; height: 400px;background:url(images/px-grey.png) repeat-y center;WIDTH: 6px; POSITION: absolute}
.backLips{background:url(images/backLips.png) no-repeat;}
/*CONTACT US*/
.iferror{display:none;width:248px}
.error P.iferror{display:block;padding:2px;margin:0;margin-lefT:85px;color:#FFFFFF;background-color:#FF3333;}
.contactUs{margin:0px auto;width:410px}
.contactUs ul{list-style-type:none;margin-top:15px}
.contactUs li{float:left;clear:both;width:600px}
.contactUs li label{width:75px;float:left;margin-right:10px;padding-top:2px;}
.contactUs li input{width:250px;float:left;border:1px solid #BFBFBF}
.contactUs li textarea{width:250px;display:block;float:left;border:1px solid #BFBFBF;height:150px}
.contactUs li select{width:250px;display:block;float:left;border:1px solid #BFBFBF}
.contactUs li span, .contactUs form p span{color:#cc0000;padding:0 0 0 4px;font-size:12px}
.contactUs form p span{padding:0 4px}
.contactUs form p{margin-lefT:85px;margin-top:5px}
.contactUs .btncontactus{margin:20px 0 0 85px; border:none}
.secondaryContact{width:140px;padding:30px 5px 5px 0px; right:00px; top:50px; float:right;}
.secondaryContact .phone{font:11px arial, sans-serif; text-transform:uppercase; padding-top:20px; font-weight:bold;}
.secondaryContact .phone p{ margin:0; padding:0; display:block}
.secondaryContact .mail{ padding-bottom:40px}
.secondaryContact ul{list-style-type:none;}
.secondaryContact li{font-size:11px; width:170px; font-weight:bold;}
.secondaryContact li a{color:#9d9d9d;}
.secondaryContact li a:hover{color:#e13889;}
/*PRODUCTS*/
.products{width:968px; position:relative; margin:50px 0px; padding:0px 0px 20px 12px; background:url('images/line-division.gif') no-repeat center bottom;}
.products .informationCamps{width:219px;top:20px; font-size:11px; float:left;}
.products .informationCamps h1{width:219px;margin:0;padding:0;text-align:left;text-transform:uppercase; font-size:13px; color:#E13889;}
.products .informationCamps h2{width:219px;font:bold 11px Arial,sans-serif;padding:10px 0 9px; color:#4D4D4D;}
.products .informationCamps p{width:219px;font:normal 10px Arial,sans-serif;padding:0px;margin:0}
.products .productImage{ float:left;top:20px; left:70px; width:350px; text-align:center; padding:0px 0px 60px 0px; position:relative;}
.products .productImageWorks{width:500px; position:absolute; top:15px; left:230px; text-align:center;}
.products .productInformation{float:right; right:0; top:0; margin:20px 0px 0px 0px; text-align:right; position:relative;}
.products .productInformation .thumbs{ padding:5px 0; text-align:right; float:right;}
.products .productInformation li.title {padding-top:10px; list-style:none;}
.products .productInformation h6{font:bold 10px Arial, sans-serif; margin:0px 8px 0 0; text-transform:uppercase;text-align:right; right:0px; }
.products .productInformation .thumbs .imagesThumb{ list-style:none; float:right; clear:both;display:block; margin-bottom:2px; }
.products .productInformation .thumbs ul li{display:block; float:left; margin:0 3px 3px 0}
.products .productInformation a{display:block;border:1px solid #BFBFBF;background:#fff;width:36px;height:36px;text-align:center;margin-right:3px}
.products .productInformation a:hover{border:1px solid #e13889}
.products .productInformation p{margin-top:3px;float:left;font:bold 10px arial, sans-serif;background:url(images/pinkArrow.png) no-repeat top center;padding:10px 0 0; margin-left:45px}
.products .categories{position:relative;top:160px;width:734px;margin:0 10px;text-align:center;}
.products .categories h3{border-bottom:1px solid #d5d5d5;text-align:center;width:734px;padding:0; margin:0; color:#d5d5d5}
.products .categories a{font:bold 10px arial, sans-serif;padding:4px 7px;}
.products .categories a:hover{text-decoration:underline}
.products .scrollProducts {position: relative; top:390px;width:970px; height:120px; }
.products .scrollProducts .productContainer{margin:0px 10px; float:left; height:100px;}
.productContainer div{position:absolute; bottom:0px;}
.products .scrollProducts .productContainer2{margin:0px 60px; float:left; height:100px; position:relative;}
.productContainer2 div{position:absolute; bottom:0px;}
.products .scrollProducts #cont {OVERFLOW: hidden; WIDTH: 900px;POSITION: absolute; TOP: 0px; HEIGHT: 100px; left:15px;}
.products .scrollProducts #int {pOSITION: relative;left: 0px;}
.products .scrollProducts #handle {top: 100px; WIDTH: 15px; POSITION: absolute;z-index:999; HEIGHT: 12px; left:40px}
.products .scrollProducts #barra {top:120px; left:40px; height: 12px;background:url(images/px-grey.png) repeat-x 0 7px;width:750px; POSITION: absolute; }
.products .scrollProducts .barra{}
.products .scrollProducts #l-a {top: 30px; height: 11px; WIDTH: 12px; POSITION: absolute}
.products .scrollProducts #r-a {top: 30px; right:0px; height: 11px; WIDTH: 12px; POSITION: absolute}
.bar-left { }
.bar-right { }
.width {width: 20%;
min-width: 100px;
}
.rule {width: 100px;}
table.titles {width:100px; text-align:right;}
/*PRESS RELEASE*/
.pressRelease .note{border-bottom:1px solid #BFBFBF; padding:5px 0; width:850px;}
.pressRelease .note img{margin:5px 0;}
.pressRelease .note p{font:normal 11px arial, sans-serif;padding:0 10px 3px 0;margin:0; text-align:left; line-height:17px; width:850px; display:block }
.pressRelease h2 {position:relative}
.pressRelease h2 a{float:right;display:block;font:10px arial, sans-serif;position:absolute;top:10px;right:0}
.pressRelease .textArea{width:580px;height:400px; overflow:hidden;padding:0 10px 0 0; margin-top:12px; position:relative}
.pressRelease #cont { WIDTH: 550px; float:left}
.pressRelease #int {FONT-SIZE: 10px; WIDTH: 500px;POSITION: relative; TOP: 0px}
.pressRelease #handle {left: 380px; top: 10px;WIDTH: 6px; POSITION: absolute;z-index:999; HEIGHT: 15px}
.pressRelease #barra {left: 380px; top: 0; height: 400px;background:url(images/px-grey.png) repeat-y center;WIDTH: 6px; POSITION: absolute}
h4.press {border-bottom:0px; font-family: Georgia; font-size:18px; color:#4D4D4D; font-weight:normal; padding-bottom:0px; margin-top:15px;}
/* MAIN NAV */
#mainNav {width:968px;margin:0px auto 5px; color:#000;text-transform:uppercase;font:bold 11px arial;text-align:left; text-align:center;}
#mainNav ul { padding:0;}
#mainNav li { display:inline;}
#mainNav li a { padding:0 7px;text-decoration:none; }
#mainNav li a.active {color:#e13889;}
#mainNav li a.first{padding:0 7px 0 0 }
#mainNav li a.last{border:none}
#mainNavAdmin {width:908px;margin:0px auto;font-size:11px;color:#000;text-transform:uppercase;font:bold 10px arial;text-align:right}
#mainNavAdmin ul { padding:8px 0px; margin-right:15px}
#mainNavAdmin li { display:inline;}
#mainNavAdmin li a { padding:0 7px;text-decoration:none;}
/*SCROLLAREA*/
.scrollArea{position:Relative}
.scrollArea #cont {LEFT: 10px; OVERFLOW: hidden; WIDTH: 310px;POSITION: absolute; TOP: 10px; HEIGHT: 200px}
.scrollArea #int {FONT-SIZE: 10px; WIDTH:310px;POSITION: relative; TOP: 0px}
.scrollArea #handle {left: 350px; top: 10px;WIDTH: 6px; POSITION: absolute;z-index:999; HEIGHT: 15px}
.scrollArea #handle img{margin:0}
.scrollArea #barra {left: 350px; top: 0; height: 250px;background:url(images/px-grey.png) repeat-y center;WIDTH: 6px; POSITION: absolute}
/* FOOTER */
#footer { width:975px; text-align:right; bottom:0px; margin:10px 0px 0px 0px; position:fixed; background:#ffffff;}
.naked{float:right;margin:0px; font:bold 11px arial; padding:10px 0px 0px 8px; height:15px; color:#969393; }
.naked a{margin-left:3px;text-decoration:underline}
.design{float:left;margin:0px;padding:10px 0 0 0px;font-size:10px; color:#969393;}
.design a{margin-left:3px;text-decoration:underline}
#content1{height: 250px;width: 310px;float:left;overflow:hidden; position:relative; margin-top:15px}
#content2 {height:150px;width:734px;overflow:hidden; margin:200px auto 0; position:relative}
#content2 p{width:1500px}
#content4{width:900px; float:right; position:relative;}
#content4 p,#content1 p{ margin: 2px 5px 2px 0;}
.scrollbar-vert{WIDTH: 11px;height: 250px; margin-top:10px; margin:15px 0 ; display:block}
.handle-vert{WIDTH: 6px; HEIGHT: 50px; background:url(images/tabtxt.png); display:block; margin-left:3px}
#content5 {height:150px;width:734px;overflow:hidden; margin:0 auto 0 ; padding:0; position:relative;}
#content5 p{width:1500px}
.scrollbar-hor{height: 6px;background:url(images/px-grey.png) repeat-x 0 2px;WIDTH: 750px;margin:5px auto}
.handle-hor{WIDTH:50px; HEIGHT: 6px; background:url(images/tabtxt-hor.png)}
.content6 {width:440px; margin-left:200px;}
.imgcont { border:5px solid #cac5c8;}
.scrollTop{position:absolute; top:0; width:14px; height:16px; background:url(images/fl_scroll.png) top no-repeat; padding:0}
.scrollBottom{position:absolute; bottom:0; width:14px; height:17px; background:url(images/fl_scroll.png) bottom no-repeat; padding:0}
.bio{}
.cont_scroll{position:relative; margin-top:10px;height: 260px; background:url(images/px-grey.png) repeat-y center;WIDTH: 17px;float:left; }
.drlipp{margin-top:100px}
.textlipp {}
a.firma { border:none; display:block; background:url(images/drlipp.gif) no-repeat top left; width:141px; height:40px; float:left; padding-top:40px; margin:20px 0px 0px 0px; color:#606060; text-decoration:underline;}
a.firma:hover {color:#ED4C99; text-decoration:underline;}
/* Contact scrollable */
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 247px;
height:372px;
float:left;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated on horizontal scrolling
typically this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
float:left;
}
/* you may want to setup some decorations to active item */
div.items div.active {
border:1px inset #ccc;
background-color:#fff;
}
.biography p {margin:0px 0px 13px 0px; }