html
    {background: url(/images/headerLinen.png) repeat left top}
body
    {margin:0px;font-weight: normal;font-style: normal;font-family: OpenSans,Arial,Helvetica,Verdana,sans-serif;}
#header, #footer
    {min-height:103px}
#headCenter
    {position:relative;padding-top:8px}
.center 
    {width: 980px;margin: 0 auto;}
#header a
    {background:url('/images/onelog-h60.png') no-repeat;text-indent:110%;white-space:nowrap;
     overflow:hidden;display:block;width:163px;height:55px}
    
#menu
   {position: absolute;z-index: 100;top: 69px;font-size: 0;line-height: 1.4em;
    margin: 0;padding: 0;border: 0; }
#menu > ul 
    {z-index: 0;height: 34px;width: 980px;background-color: #424242;margin: 0 auto;
     -webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;
     -ms-border-radius: 6px 6px 0 0;-o-border-radius: 6px 6px 0 0;
     border-radius: 6px 6px 0 0;text-align: right;}
#menu > ul > li
    {z-index: 0;display: -moz-inline-stack;display: inline-block;vertical-align: top;
     zoom: 1;height: 34px;margin: 0;font-size: 14px;text-align: left;-webkit-transition-property: background;
     -moz-transition-property: background;-o-transition-property: background;transition-property: background;
     -webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;
     transition-duration: 0.25s;list-style-type: none;list-style-position: outside;color:white;float: left;
     padding: 0 18px;font-family: 'Droid Serif';line-height:34px;font-size:18px}
#menu > ul > li.active
    {color:#ff911c}
#menu > ul > li:hover
    {background-color:#5f5f5f;cursor:pointer}
#menu > ul > li:first-child 
    {-webkit-border-radius: 6px 0 0 0;-moz-border-radius: 6px 0 0 0;
     -ms-border-radius: 6px 0 0 0;-o-border-radius: 6px 0 0 0;
     border-radius: 6px 0 0 0;}
ul 
    {list-style: none;line-height: 1.4em;padding: 0;border: 0;margin:0;font-size: 100%;
     font: inherit;vertical-align: baseline;}
    
#footCenter
    {position:relative;padding-top:8px}
#footLine
   {position: absolute;z-index: 100;top: 0px;font-size: 0;line-height: 1.4em;
    margin: 0;padding: 0;border: 0;}
#footLine > ul 
    {z-index: 0;height: 57px;width: 980px;background-color: #424242;margin: 0 auto;
     -webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;
     -ms-border-radius: 0 0 6px 6px;-o-border-radius: 0 0 6px 6px;
     border-radius: 0 0 6px 6px;text-align: right;}
#footLine > ul > li
    {z-index: 0;display: -moz-inline-stack;display: inline-block;vertical-align: top;
     zoom: 1;height:57px;margin: 0;text-align: left;-webkit-transition-property: background;
     -moz-transition-property: background;-o-transition-property: background;transition-property: background;
     -webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;
     transition-duration: 0.25s;list-style-type: none;list-style-position: outside;color:white;float: right;
     padding: 0 18px;font-family: 'Droid Serif';line-height:57px;font-size:14px}   
   
#menuLang
    {position: absolute;top:10px;right:10px;width: 980px;
    text-align: right;font-size: 11px;z-index: 200;color:white}
#lang
    {margin:10px 10px 0 0}
    
.mainWindow
    {background-color: whitesmoke;}
.mainWindow .center
    {background-color: white;min-height: 360px;}
    
    
/*
******************************************************************************************************************************
***                                             CONTACT                                                                    ***
******************************************************************************************************************************
*/    
#homepage .center
    { background: url(/images/headerLinenLight3.png); height: 600px; }    
.onelogBall
    { height: 353px; width: 441px; background: url(/images/misc-pool_ball-001.png); }
#homepage .megaTitle
    { color: #FFC200; font-size: 70px; font-weight: bold; text-shadow:0 1px 1px black; }
#homepage .megaTitle.item1
    { padding: 50px 0 0 80px; }
#homepage .megaTitle.item2
    { padding: 0 0 0 180px; }
#homepage #questMarks
    { padding: 40px 0 0 333px; font-family: 'Carrois Gothic', sans-serif;}
#homepage .questMarks
    { color: white; font-size: 19px; padding-bottom: 2px; }
#homepage .questMarks.item1
    { padding-left: 0px; color: white; }
#homepage .questMarks.item2
    { padding-left: 20px; color: white; }
#homepage .questMarks.item3
    { padding-left: 40px; color: white; }
#homepage .questMarks.item4
    { padding-left: 60px; color: white; }
#homepage #answer
    { margin: 60px 0 0 200px; height: 50px; padding: 15px 0 50px 30px; font-family: 'Nothing You Could Do';
        background-image: linear-gradient(right , rgb(117,208,247) 30%, rgb(23,182,255) 56%);
        background-image: -o-linear-gradient(right , rgb(117,208,247) 30%, rgb(23,182,255) 56%);
        background-image: -moz-linear-gradient(right , rgb(117,208,247) 30%, rgb(23,182,255) 56%);
        background-image: -webkit-linear-gradient(right , rgb(117,208,247) 30%, rgb(23,182,255) 56%);
        background-image: -ms-linear-gradient(right , rgb(117,208,247) 30%, rgb(23,182,255) 56%);
        background-image: -webkit-gradient(linear,right top,left top,color-stop(0.30, rgb(117,208,247)),color-stop(0.56, rgb(23,182,255)));
        /*Gradient generated by http://gradients.glrzad.com/ */
    }
#homepage #answer .answer
    { color : white; }
#homepage #answer .answer .main
    { font-size : 60px; }
#homepage #answer .answer .secondary
    { font-size : 24px; }
#homepage .slogan
    { color : dimgrey; margin: 7px 0 0 200px;}
    
/*
******************************************************************************************************************************
***                                             PRODUCTS                                                                   ***
******************************************************************************************************************************
*/    
.mainPres
    {min-height: 20px; background: url(/images/headerLinenLight2.png);}
.mainDetailBlue
    {background-color: #5BBADA;min-height: 320px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5BBADA), to(#7ECDE5));
        background-image: -webkit-linear-gradient(left, #5BBADA, #A6D3E3);
        background-image: -moz-linear-gradient(left, #5BBADA, #7ECDE5);
        background-image: -ms-linear-gradient(left, #5BBADA, #7ECDE5);
        background-image: -o-linear-gradient(left, #5BBADA, #7ECDE5);
    }
.mainDetailBlack
    {background-color: #5BBADA;min-height: 320px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#CBCCCC), to(#4E4E4E));
        background-image: -webkit-linear-gradient(left, #4E4E4E, #CBCCCC);
        background-image: -moz-linear-gradient(left, #CBCCCC, #4E4E4E);
        background-image: -ms-linear-gradient(left, #CBCCCC, #4E4E4E);
        background-image: -o-linear-gradient(left, #CBCCCC, #4E4E4E);
    }
.mainDetailGreen
    {background-color: #5BBADA;min-height: 320px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#8DD155), to(#59B150));
        background-image: -webkit-linear-gradient(left, #8DD155, #59B150);
        background-image: -moz-linear-gradient(left, #8DD155, #59B150);
        background-image: -ms-linear-gradient(left, #8DD155, #59B150);
        background-image: -o-linear-gradient(left, #8DD155, #59B150);
    }
.mainDetailRed
    {background-color: #5BBADA;min-height: 320px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#D34638), to(#A91101));
        background-image: -webkit-linear-gradient(left, #D34638, #A91101);
        background-image: -moz-linear-gradient(left, #8DD155, #D34638);
        background-image: -ms-linear-gradient(left, #8DD155, #D34638);
        background-image: -o-linear-gradient(left, #8DD155, #D34638);
    }
.mainDetailOrange
    {background-color: #5BBADA;min-height: 320px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ED9000), to(#E47324));
        background-image: -webkit-linear-gradient(left, #FEA347, #E47324);
        background-image: -moz-linear-gradient(left, #ED9000, #E47324);
        background-image: -ms-linear-gradient(left, #ED9000, #E47324);
        background-image: -o-linear-gradient(left, #ED9000, #E47324);
    }
.mainRibbs
    {min-height: 260px; background: url(/images/headerLinenLight2.png); }
.detDescBlue
    {width:62%; color: white; }
.detDescBlack
    {width:57%; color: white; }
.detDescGreen
    {width:62%; color: white; }
.detDescRed
    {width:61%; color: white; }
.detDescOrange
    {width:57%; color: white; }
.detScreenBlue
    {background:url('/images/readytouse-dolibarr-h260.png') no-repeat; height: 260px; width:38%; margin-top: 26px; }  
.detScreenBlack
    {background:url('/images/ittools2.jpg') no-repeat; height: 260px; width:41%; margin-top: 30px; margin-left: 0px; }  
.detScreenGreen
    {background:url('/images/readytouse-websites2.png') no-repeat; height: 260px; width:38%; margin-top: 26px; }  
.detScreenRed
    {background:url('/images/illuQontactr4.png') no-repeat; height: 239px; width:34%; margin-top: 38px; box-shadow: 2px 2px 5px #6E0B14;}  
.detScreenOrange
    {background:url('/images/misc-pool_ball-onerp.png') no-repeat; height: 260px; width:38%; margin-top: 26px; }  
.detDesc .descHeader
    {color: white; padding-left: 90px; font-family: 'Lato', sans-serif;}
.detDesc .descTitle
    {width: 216px; height: 55px; font-size: 40px; opacity: 0.7; margin-top: 40px; padding-top: 15px; text-shadow: rgba(0, 0, 0, .3) 3px 3px 3px; font-weight: lighter;}
.detDesc .descTitle.descTitleBlue
    { background-color: #367A92;}
.detDesc .descTitle.descTitleBlack
    { background-color: black;}
.detDesc .descTitle.descTitleGreen
    { background-color: #59B800;}
.detDesc .descTitle.descTitleRed
    { background-color: #A91101;}
.detDesc .descTitle.descTitleOrange
    { background-color: #CC5500;}
.detDesc .descSubTitle
    {font-size: 20px; font-style: italic; margin-bottom: 30px;}
.detDesc .descTxt
    {padding-left: 20px; font-family: 'Open Sans', sans-serif; white-space: normal; text-align: justify; width: 522px; }
.detDesc .seeMore
    { color: #5394AA; text-decoration: underline; margin: 15px 0 0; text-align: right; font-size: 12px; cursor: pointer; }
.detDesc .seeMoreBlue, .detDesc .seeMoreBlue a:visited
    { color: white; padding-left: 15px; font-size: 12px; }
.detDesc .seeMoreBlack, .detDesc .seeMoreBlack a:visited
    { color: white;}
.detDesc .seeMoreGreen, .detDesc .seeMoreGreen a:visited
    { color: white;}
.detDesc .seeMoreRed, .detDesc .seeMoreRed a:visited
    { color: white; padding-left: 15px; font-size: 12px; }
.detDesc .seeMoreOrange, .detDesc .seeMoreOrange a:visited, .aWhite, .aWhite:visited
    { color: white;}
#detLinks
    { width: 542px; }
.ribbPre
    {padding-top: 20px; }
.ribb11
    {background:url('/images/ribbon-orange.png') no-repeat center; height: 110px; width:33%;}  
.ribb12
    {background:url('/images/ribbon-blue.png') no-repeat center; height: 110px; width:34%;}  
.ribb13
    {background:url('/images/ribbon-red.png') no-repeat center; height: 110px; width:33%;}  
.ribb21
    {background:url('/images/ribbon-green.png') no-repeat center; height: 110px; width: 310px; margin-left: 180px; }
.ribb22
    {background:url('/images/ribbon-black.png') no-repeat center; height: 110px; width: 310px; margin-right: 180px; }  
.ribbTxt
    {font-family: 'Quantico', sans-serif; width: 100px; padding-left: 125px; color: white; padding-top: 40px; text-align: right; }
.ribbRow2 .ribbTxt
    {padding-left: 118px; }

    
.dolibarr .inside {padding:20px; font: x-small sans-serif;font-size:14px;color: #202;}
.dolibarr .inside #title 
    {line-height: 1.2em;padding-bottom: 0;text-shadow: 1px 2px 3px #AFAFAF;font-weight: normal;
     margin: 0;padding-top: 20px;padding-bottom: 2px;border-bottom: 1px solid #CCC;font-size: 160%;}
.dolibarr .inside .module
    {background: url(/images/dolibarr/module.png) no-repeat left;margin-left:25px;padding-left:40px;
     line-height: 2.1em;font-size:17px;margin-top:30px;cursor:pointer}
.dolibarr .inside .module:hover
    {font-style:italic}
    
.dolibarr .inside .moduleDescr
    {padding-left:68px;}
.dolibarr .inside p
    {margin: .4em 0 0 0;line-height: 1.3em;}
.dolibarr .inside p.sub
    {margin: 5px 0 .5em 10px;}
.dolibarr .inside .bold   
    {font-weight: bold}
.dolibarr .inside .bul   
    {background: url(/images/bullet.gif) no-repeat left top;margin-left:25px;padding-left:13px}
.dolibarr .inside p.tip 
    {background: url(/images/tip.png) no-repeat left;margin:15px 75px 15px 44px;padding-left:26px;font-style:italic;}
.dolibarr .inside p.attention
    {background: url(/images/attention.png) no-repeat left;margin:15px 75px 15px 44px;padding-left:26px;font-style:italic;}
    
/*
******************************************************************************************************************************
***                                             CONTACT                                                                    ***
******************************************************************************************************************************
*/
#contact .center
    { background: url(/images/headerLinenLight2.png); }
#contact #vCards
    { padding: 40px; font-family: 'Open Sans', sans-serif; color: white; }
#contact #vCards .vCard
    { width: 339px; height: 222px; background-color: #262626; box-shadow:10px 10px 20px #424242;}
#contact #vCards #vCard1
    { margin-left: 100px; margin-right: 60px; }
#contact #vCards .vCardLogo
    { background: url('/images/onelog-h60.png') no-repeat left top;margin-top:13px;width: 163px;height: 55px;}
#contact #vCards .nameProf
    { text-align: right; margin: 46px 28px 0 0; }
#contact #vCards .name
    { color: white; }    
#contact #vCards .profession
    { color: #D78A1C; font-size: 12px; }
#contact #vCards .down
    { margin-top: 46px; }
#contact #vCards .infos
    { text-align: right; color: white; margin: 30px 28px 0 0; font-size: 12px; }
#contact #vCards .website a
    { color: #46A0BF; text-decoration: none; font-size: 12px; margin-left: 18px; font-weight: bold;}
#contact #vCards .website
    {margin-top: 42px;}
#contact #vCards a
    { color: white; text-decoration: none; }
#contact .address
    { text-align: center; color: #424242; }
#contact iframe
    { margin: 20px 0 0 272px; }
#contact #enlarge
    { position:absolute; left:45%; bottom:23px; background-color:#262626; padding:3px}   
#contact #enlarge a
    { color:white;text-decoration: none; }