* {
    margin: 0; padding: 0;
}
body {
    text-align: center; font-family: Arial, Verdana; font-size: 12px; line-height: 16px;
    background-color: #666666;
}
ul {
    display: block;
    list-style-type: none;
}
li, li a {
    display: block;
}
a {
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 20px 25px 10px 30px;
    text-align: justify;
}

div.excontainer {
	display:block; overflow:hidden; position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-275px; padding:16px 18px 18px 16px;
    height:552px; width:902px;
    text-align:left;
    background:transparent url('../images/new/excont_back.gif') 0 0 repeat-y;
}
    * html div.excontainer {
        overflow:visible;
	}
    div.excontainer div.graphtop,
	div.excontainer div.graphbottom {
	    position:absolute; left:0; overflow:hidden;
	    width:936px; height:16px;
	    background:transparent url('../images/new/graphtop.gif') 0 0 no-repeat;
    }
        div.excontainer div.graphtop { top:0; }
        div.excontainer div.graphbottom {
            bottom:0;
            height:18px;
            background-image:url('../images/new/graphbottom.gif');
        }

#container {
    display: block; overflow: hidden;
    position:relative;/*position: absolute; top: 50%; left: 50%;*/
    height: 550px; width: 900px;
    /*margin-left: -450px; margin-top: -275px;*/
    text-align: left;
    background: #FFFFFF url('../images/new/container_back.gif') top right repeat-y;
}
* html #container {
    width: 902px; height: 552px;
}
#header {
    position: relative;
    width: 725px; height: 36px;
    margin-left: 46px;
    background: #E5E5E5 url('../images/header_tiled.gif') left bottom repeat-x;
}
#header h1 {
    display: block; position: absolute;
    z-index: 11;
    text-indent: -3000px;
}
#content {
    display: block; position: relative;
    margin: 0 0 0 84px ; /*73px*/
    width: 650px; height: 454px;
    z-index: 10;
}
#menu {
    position: absolute; top: 13px; right: 129px;
    width: 539px;
    z-index: 99;
}
#menu a, #menu a:hover {
    text-decoration: none; font-size: 10px;
}
#menu li {
    position: relative;
    width: 80px; height: 22px;
    float: left;
}
#menu li.home {
    width: 60px;
}
#menu a {
    display: block;
    height: 22px;
    line-height: 22px; text-align: center; font-size: 10px; font-weight: bold;
    background: transparent url('../images/menu_bracket.gif') bottom right no-repeat;
}
#menu a:hover {
    height: 22px;
    border-bottom: none; text-transform: uppercase; font-size: 9px;
}
#menu ul {
    display: none; position: absolute;
    top: 22px; left: 0;
}
#menu li li {
    border-top: none;
}
#menu > ul {
    top: auto; left: auto;
}
#menu li:hover ul, #menu li.over ul {
    display: block;
}
#menu li li {
    width: 79px;
    margin-left: -1px;
    background-color: #F3F3F3;
}
#menu li li.middle {
    border-bottom: none;
}
* html #menu li li {
    width: 81px;
}
#menu li.last li {
    border-right: none;
    background: #F3F3F3 url('../images/menu_last.gif') top right repeat-y;
}
#menu li li a {
    background-image: none;
    border-bottom: none;
}
#menu li a.disabled {
    cursor: default;
}
#menu li.products {
    width: 110px;
}
#menu li.products li {
    width: 109px;
}
* html #menu li.products li {
    width: 111px;
}
#menu li.treatments {
    width: 120px;
}
#menu li.treatments li {
    width: 119px;
}
* html #menu li.treatments li {
    width: 121px;
}
#menu li.contacts, #menu li.contacts li {
    width: 104px;
}
* html #menu li.contacts li {
    width: 105px;
}
#menu li.last a, #menu li.last li a {
    background-image: none;
}

/*ES*/
body.es #menu {
    width: 554px;
}
body.es #menu li.products {
    width: 100px;
}
body.es #menu li.products li {
    width: 99px;
}
* html body.es #menu li.products li {
    width: 101px;
}
body.es #menu li.treatments {
    width: 110px;
}
body.es #menu li.treatments li {
    width: 109px;
}
* html body.es #menu li.treatments li {
    width: 111px;
}
body.es #menu li.news {
    width: 70px;
}
body.es #menu li.contacts, body.es #menu li.contacts li {
    width: 134px;
}
* html body.es #menu li.contacts li {
    width: 135px;
}
/*FR*/
body.fr #menu {
    width: 534px;
}
body.fr #menu li.about-us {
    width: 70px;
}
body.fr #menu li.about-us li {
    width: 69px;
}
* html body.fr #menu li.about-us li {
    width: 71px;
}
body.fr #menu li.products {
    width: 100px;
}
body.fr #menu li.products li {
    width: 99px;
}
* html body.fr #menu li.products li {
    width: 101px;
}
body.fr #menu li.treatments {
    width: 120px;
}
body.fr #menu li.treatments li {
    width: 119px;
}
* html body.fr #menu li.treatments li {
    width: 121px;
}
/*RU*/
body.ru #menu {
    width: 684px;
}
body.ru #menu li.home {
    width: 130px;
}
body.ru #menu li.products {
    width: 120px;
}
body.ru #menu li.products li {
    width: 119px;
}
* html body.ru #menu li.products li {
    width: 121px;
}
body.ru #menu li.treatments {
    width: 140px;
}
body.ru #menu li.treatments li {
    width: 139px;
}
* html body.ru #menu li.treatments li {
    width: 141px;
}
body.ru #menu li.last {
    width: 130px;
}
body.ru #menu li.last li {
    width: 134px;
}
* html body.ru #menu li.last li {
    width: 135px;
}
/*DE*/
body.de #menu {
    width: 539px;
}
body.de #menu li.about-us {
    width: 100px;
}
body.de #menu li.about-us li {
    width: 99px;
}
* html body.de #menu li.about-us li {
    width: 101px;
}
#menu li.products {
    width: 95px;
}
#menu li.products li {
    width: 94px;
}
* html #menu li.products li {
    width: 96px;
}
body.de #menu li.contacts {
    width: 114px;
}
body.de #menu li.contacts li {
    width: 114px;
}
* html body.de #menu li.contacts li {
    width: 116px;
}
body.de #menu li.treatments {
    width: 100px;
}
body.de #menu li.treatments li {
    width: 99px;
}
* html body.de #menu li.treatments li {
    width: 101px;
}
body.de #menu li.news {
    width: 70px;
}

/*LANG MENU*/
#langmenu {
    float: right;
    width: 180px;
    margin-top: 30px;
    z-index: 99;
}
    #langmenu li,
    #langmenu li a {
        display:block; overflow:hidden; float:left;
        width:16px; height:11px;
    }
        #langmenu li {
            margin-right:7px;
        }
        #langmenu li a {
            text-indent:-10000px;
            background:transparent url('../images/flags_new/it.gif') no-repeat 0 0;
        }
            #langmenu li.it a {
                background-image:url('../images/flags_new/it.gif');
            }
            #langmenu li.en a {
                background-image:url('../images/flags_new/gb.gif');
            }
            #langmenu li.es a {
                background-image:url('../images/flags_new/es.gif');
            }
            #langmenu li.fr a {
                background-image:url('../images/flags_new/fr.gif');
            }
            #langmenu li.de a {
                background-image:url('../images/flags_new/de.gif');
            }
            #langmenu li.ru a {
                background-image:url('../images/flags_new/ru.gif');
            }
            #langmenu li.us a {
                background-image:url('../images/flags_new/us.gif');
            }

h2 {
    margin: 0px 25px 10px 30px; padding-top: 24px;
    text-align: center; font-size: 15px; line-height: 20px; text-transform: uppercase;
}
#footer {
    position: absolute; bottom: 0; left: 85px; z-index:10;
    width: 680px; height: 61px; overflow: hidden;
    font-family:'verdana'; color:#666666;
    text-align: left;
    background: #E5E5E5 url('../images/background_footer_tiled.gif') top left repeat-x;
}
* html #footer {
    bottom: -1px;
}
#footer a {
    display: block;
    width: 100px; height: 12px;
    float: left;
    margin: 0 0 0 0;
    font-size: 10px; text-transform: uppercase; line-height: 14px;
}
#copyright {
    margin: 8px auto auto 6px;
    font-size:9px;
    line-height:12px;
}
#graphic-1 {
    position: absolute; top: 0px; right: 129px;
    width: 11px; height: 36px;
    background: transparent url('../images/header_border_right.gif') bottom right no-repeat;
}
#graphic-2 {
    position: absolute; top: 0px; left: 0px;
    width: 75px; height: 76px;
    background: transparent url('../images/new/baralan_logo.gif') center center no-repeat;
}
#graphic-3 {
    position: absolute; bottom: 0px; left: 0px;
    width: 85px; height: 202px;
    /*background: transparent url('../images/group_bar.gif') center center no-repeat;*/
}
* html #graphic-3 {
    bottom: -1px;
}
#quadrifoglio {
    position: absolute; bottom: 0; right: 1px; z-index:10;
    width: 166px; height: 126px;
    background: transparent url('../images/new/quadrifoglio.jpg') bottom right no-repeat;
}
* html #quadrifoglio {
    bottom: -1px;
}
#graphic-4 {
    position: absolute; bottom: 107px; left: 80px;
    width: 4px; height: 94px;
    z-index: 11;
    background: transparent url('../images/shadow.gif') center center no-repeat;
}
* html #graphic-4 {
    bottom: 72px;
}
#baralanGroup {
    position: absolute; top: 0; left: 0;
    z-index: 33;
    /*height:100%; width:10px;
    background-color:#ff0000;*/
}
#baralanGroup li {
    position: absolute; left: 24px;
}
#baralanGroup li a {
    display: block;
    width: 35px; height: 35px;
    text-indent: -3000px;
}
#baralanGroup li.group {
    display: none;
}
/**
 * Pre home
 */
#pre-home #menu li a {
    text-transform: uppercase; font-size: 9px;
}
#pre-home #copyright {
    margin: 22px auto auto auto;
}
/**
 * Home
 */
#pre-home h2, #home h2 {
    display: block;
    position: absolute; top: 36px; right: 56px;
    z-index: 15;
    width: 346px; height: 102px;
    margin: 0;
    text-indent: -3000px;
    background: transparent url('../images/home_title.gif') left top no-repeat;
}
#pre-home img, #home img {
    position: absolute; bottom: 1px; left: -4px;
    z-index: 12;
}
* html #pre-home img, * html #home img {
    bottom: 0;
}
#pre-home #graphic-4, #home #graphic-4 {
    display: none;
}
#home img.news {
    position: absolute; bottom: 72px; left: 482px;
    width: 179px; height: 79px;
}
/**
 * About us
 */
#about-us img {
    float: right;
    border: 1px solid #DDDDDD;
}

/**
 * Our group
 */
#our-group #content a {
    float: left; clear: left;
}
#our-group #content img {
    width: 120px; height: 60px;
    border: 1px solid #DDDDDD;
}
#our-group #content img.labor-plast {
    height: 60px; margin: 4px 20px 20px 0;
}
#our-group #content img.gloss-tech {
    height: 62px; margin: 4px 20px 66px 0;
}
#our-group.ru #content p, #our-group.es #content p {
    line-height: 14px;
}
/**
 * Catalogue
 */
#catalogue #content p {
    text-align: center; font-size: 11px; text-transform: uppercase; line-height: 14px;
}
#catalogue #content a {
    font-weight: bold; text-decoration: none;
}
#catalogue span {
    text-decoration: underline;
}
#catalogue #content img {
    border: none;
}
/**
 * Gallery
 */
#gallery h2 {
    text-indent: -3000px;
}
#gallery img {
    position: absolute; bottom: 1px; left: 0;
    z-index: 79;
}
* html #gallery img {
    bottom: 0;
}
#gallery #nav {
    position: absolute; overflow: hidden;
    bottom: 8px; right: 15px;
    width: 80px; height: 20px;
    z-index: 80;
}
#gallery #nav a {
    display: block; overflow: hidden;
    width: 20px; height: 20px;
    float: left;
    text-indent: -3000px;
}
#gallery #nav span {
    display: block;
    width: 36px;
    float: left;
    line-height: 20px;
}
#gallery #nav a.previous {
    margin-right: 4px;
    background: transparent url('../images/previous.gif') center center no-repeat;
}
#gallery #nav a.next {
    background: transparent url('../images/next.gif') center center no-repeat;
}
/**
 * Treatmensts
 */
#treatments #content ul {
    list-style-type: circle;
    margin: 10px 90px 10px 50px;
}
#treatments #content li {
    display: list-item;
}
/**
 * Contacts
 */
#contacts p {
    text-align: left;
}

/**
 * Sales Network
 */
#sales-network #content {
    text-align: center;
    background: transparent url('../images/terra.jpg') 460px 80px no-repeat;
}
#sales-network form {
    position: absolute; top: 90px; left: 150px;
    display: block;
    width: 246px;
    text-align: left;
}
#sales-network p {
    width: 246px;
    margin: 4px 0 0 0;
    text-align: left;
}
#sales-network label {
    font-weight: bold; line-height: 26px;
}
#sales-network p.select {
    position: relative;
    height: 32px;
}
#sales-network select {
    position: absolute; top: 0; left: 0;
    width: 200px; height: 22px;
    line-height: 22px; font-size: 12px;
    border: 1px solid #DDDDDD;
}
#sales-network option {
    height: 22px;
}
#sales-network input {
    position: absolute; top: 0; right: 0;
    width: 36px; height: 24px;
    margin: 0 0 auto auto;
    text-transform: uppercase; font-weight: bold; text-align: center;
    cursor: pointer;
    border: 1px solid #DDDDDD;
}
#sales-network #content b {
    display: block; margin-top: 8px;
}

/*NEWS*/
#news div.excontainer {
	top:30px; margin-top:0;
	height:auto;
}

#news #container,
#news #container #content {
	height:auto;
}
    #news #container #content {
        display:table; padding-bottom:80px;
        height:430px;
    }
    	* html #news #container #content {
            height:500px;
		}
        *:first-child+html #news #container #content {
            height:auto; min-height:430px;
		}

     #news #container #content h2 {
        margin-bottom:20px;
        font-size:16px;
        text-align:left;
     }

    #news ul.news-cont {

    }
    #news ul.news-cont li {
        display: block; position: relative;
        padding:5px; margin:0 0 10px 20px;
        width:600px; height:auto;
/*        background-color:#eeeeee;*/
        border-top: 1px solid #CCCCCC;
	}
	    #news ul.news-cont li div {
	        float:left; padding: 5px 10px 5px 10px;
	        width:578px;
	        border:1px solid #ffffff;
	    }
		#news ul.news-cont li h3 {
			margin-bottom:6px;
			width:100%;
			font-size:12px; text-indent: 4px;
		}
		    #news ul.news-cont li h3 span.small {
		        font-size:10px; font-weight:normal;
		    }
        #news ul.news-cont li a {
            display:block; position: absolute;
            top: 4px; right: 4px;
            width:16px; height:16px;
        }
    	#news ul.news-cont li img {
            border: none;
    	}
    	#news ul.news-cont li p {
    	    padding:0; margin:0 0 0 4px;
    	    font-size:11px; color:#333333;
    	    width:570px;
    	}
    #news ul.news-cont a {
        text-decoration: none;
    }
/*NEWS END*/
#treatment #content {
    background: transparent url('../images/treatment_content_background.gif') 40px 10px no-repeat;
    line-height: 15px;
/*     font-size: 10px; */
}
#treatment h2 {
    text-align: left; text-indent: 222px;
    margin-bottom: 5px;
}
#treatment #frame {
    width: 604px; height: 270px;
    margin: 10px 0px 0px 30px;
}
#treatment #frame img {
    display: block;
    width: 274px; height: 260px;
    float: left;
    /** margin-right: 14px **/
    margin: 0 -52px 0 0;
/*     border-width: 1px 0 1px 2px; border-color: #DDDDDD; border-style: solid; */
}

#treatment #frame a {
    display: block;
    float: right;
    width: 100px; height: 30px;
    margin: 10px 8px 10px 0px;
    text-indent: -3000px;
    background: transparent url('../images/treatment-back.gif') right center no-repeat;
}
#treatment #frame p {
    display: block; float: left;
    width: 374px;
    margin: 10px 0 0 0;
}
#treatment #content #list {
    display: block; float: left;
    list-style-type: circle;
    margin: 5px 0px 0px 0px;
}
#treatment #content #list li {
    display: list-item;
    margin-left: 40px;
}
#treatment #content #tr-gallery {
    display: block;
    margin: 12px 0px 0px 120px;
}
#treatment #content #tr-gallery li {
    display: block;
    float: left;
    margin-right: 15px;
}
#treatment #content #tr-gallery li img {
    display: block;
    width: 135px; height: 94px;
    background-color: #CCCCCC;
    border: 2px solid #DDDDDD;
}

/*gallery home*/
#home #imgbttm1,
#home #imgbttm2 {
	display:none;
	z-index:2;
}
	#home #imgbttm2 {
		z-index:1;
	}
	
#home #imgtop1,
#home #imgtop2 {
	display:none; bottom:auto; left:auto; top:30px; right:0;
	z-index:4;
}
	#home #imgtop2 {
		z-index:3;
	}