/* 

Theme: DG Theme 

Author:Marco Fontana 

Copyright: 2013, Dinamica Generale SRL. All Rights Reserved 

*/ 

 

 

/*  Color Palette 

************************************************************** 

 

Background: #f3f4f4 

Text: #67747a 

Header Text: #444d51 

Links: #85b35c 

Links Hover: #4c5c64 

Menu Text: #fff 

Menu Background Hover: #9dc975 

Border: #578ba1 

Divider: #e2e2e2;s 

6da8c0 

 

*/ 

 

 

/* 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;

    border: 0;

    outline: 0;

    font-weight: inherit;

    font-style: inherit;

    font-size: 100%;
  
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;


  /*  vertical-align: baseline;*/

}

body {
    background-color:#0756CF;    
}
 

/* Remember focus styles! */

:focus { outline: 0; }

 

body { 
    line-height: 1; color: black;  																																		 
}

 

/* Tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; }

 

blockquote:before, blockquote:after,

q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

 

/* HTML 5 elements as block */  

header, footer, aside, nav, article { display: block; }

 

 

 

/* Clearing Floats

***************************************************************/

 

.group:after 

{

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

 

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */

{

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

 

 

/* General

***************************************************************/

 

body { 

  font-size: 15px;

  color: #67747a; 

  /*font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;*/

}

 

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; padding-top: 8px;}

 

h1 { font-size: 24px; }

h2 { font-size: 22px; }

h3 { font-size: 17px; }

h4 { font-size: 16px; }

h5 { font-size: 15px; }

h6 { font-size: 15px; }

 

h1 img, h2 img, h3 img, 

h4 img, h5 img, h6 img {

  margin: 0;

}

 

/* Aside Headings */

aside h1 { font-size: 17px; }

aside h2 { font-size: 16px; }

aside h3 { font-size: 15px; }

aside h4 { font-size: 15px; }

aside h5 { font-size: 15px; }

aside h6 { font-size: 15px; }

 

/* Lists */

li ul, 

li ol       { margin:0 20px; }

ul, ol      { margin: 20px; line-height: 20px; }

 

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

 

dl          { margin: 0 0 20px 0; }

dl dt       { font-weight: bold; }

dd          { margin-left: 20px;}

 

/* Text elements */

p           { margin: 0 0 13px; line-height: 20px; }

p img.left  { float: left; margin: 12px 12px 12px 0; padding: 0; }

p img.right { float: right; margin: 12px 0 12px 12px; }

 

a:focus, 

a:hover     { text-decoration: none; color:orange; }

a           { color:black; text-decoration: none; }

 

blockquote  { margin: 12px; color: #666; font-style: italic; }

strong      { font-weight: bold; }

em,dfn      { font-style: italic; }

dfn         { font-weight: bold; }

sup, sub    { line-height: 0; }

 

abbr, 

acronym     { border-bottom: 1px dotted #666; }

address     { margin: 0 0 12px; font-style: italic; }

del         { color:#666; }

 

pre         { margin: 12px 0; white-space: pre; }

pre,code,tt { font: 13px 'andale mono', 'lucida console', monospace; line-height: 19px; }

 

 

/* Typography

***************************************************************/

 

#layout-tripel h1 

{

    font-size: 22px;
    padding:5px;
    color:#002C5F;
    border: 1px solid grey;
        -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight:bold;    
    behavior: url('PIE.htc');


}

 

 .zone-sub-page-title h1 

 {

    font-size: 22px;

    padding: 10px 0 3px 0; 

 }

 

 

/* Forms

***************************************************************/

 

form              { margin: 0; padding: 0; }

legend            { font-size: 14px; font-weight: normal; margin: 0 0 16px 0; border:none; }

fieldset          { padding:0em; margin: 0 0 0em 0; border: 0px solid #F5F5F5; }

label             { font-weight: normal; display:block; padding: 0 0 5px 0; }

label.forcheckbox { margin:0 0 0 6px; display:inline; }

 

input[type="text"], input[type="password"] {

    display: block;

    padding: 3px;

}

 

input[type="checkbox"] {

    margin:4px 0 16px 0;

}

 

fieldset ol     { list-style-type:none; padding: 0; margin: 0; }

fieldset ol li  { margin: 0 0 6px 0; }

 

 

 

/* Structure

***************************************************************/

#layout-wrapper { }



#layout-header {
    width: 100%;
    margin: 0 auto;
    /*background: url('../Content/Images/feature-bkg.png') ;
    background-size:100% 100%;
background-repeat:no-repeat;*/
    background-color: #0756CF;
} 
 
#layout-main{
    width: 100%;
    min-height:600px;
    margin: 0 auto;
        background-color: #0756CF;

} 

#layout-featured, #layout-before-main, #layout-footer, #layout-after-main {

    width:100%;

    margin:0 auto;
    
    background-color: #629DCA;

}

#layout-tripel {
    width:100%;

    margin:0 auto;
    
    background-color: #0756CF;
    padding-top:20px;
    /*background-image:url(http://webshop.dinamicagenerale.com/cartina.jpg); 
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right; */
    min-height: 200px;
}
 

/* Navigation */

#layout-navigation 

{

    width: 100%;
    display: block;
    /*border-top: 3px solid white;*/
    background-color:#0756CF; 
    /*margin: 0 auto 20px auto;*/
    

}

 

nav 

{ 
  
    /*background:  url('../Content/Images/menu-left.png') no-repeat left top;*/ 
}

    nav .menu 

    { 

        margin: auto; 

        padding: 0px; 

        height: 40px; 
        float:left;

        /*background: transparent url('../Content/Images/menu-right.png') no-repeat right top;*/ 

    }

    nav .menu li 

    { 

        float:left; 

        list-style: none; 
        
        background: transparent url('../Content/Images/menu_underline.png') repeat-x;
        
text-decoration:underline;
        /*background: transparent url('../Content/Images/menu-divider.png') repeat-y right top;*/ 

    }

    nav .menu li a 

    { 

        display:block;

        height: 30px;

        margin: 0px 2px 1px 0px; 

        padding: 9px 20px 0px 20px; 

        font-size: 15px; 
  
        color: #002C5F;

        text-decoration: none; 
  
        background: transparent url('../Content/Images/menu_underline.png') repeat-x;
  

    }

    nav .menu li a:hover 

    {
  
color:orange;
  background: transparent url('../Content/Images/menu_underline.png') repeat-x;
        /*background:  url('../Content/Images/menu-hover.png') repeat-x right top;*/ 

    }

    nav .menu li:first-child a:hover 

    { 
  

        margin: 0px 2px 1px 0px; 
        color: orange;
        background:  url('../Content/Images/menu_underline.png') repeat-x;
        /*background:  url('../Content/Images/menu-hover-left.png') no-repeat left top;  */

    }

    #content-aside nav
   {
}


    #content-aside nav .menu 

    { 

        margin: 0px; 

        padding: 0px; 

        height: 40px; 

        /*background: transparent url('../Content/Images/menu-right.png') ; */

    }

    #content-aside nav .menu li 

    { 

        float:left; 

        list-style: none; 
      
         width:200px;
      
        
  
         /*background: url('../Content/Images/menu-right.png') ;*/ 

        /*background: transparent url('../Content/Images/menu-divider.png') ; */

    }

     #content-aside nav .menu li a 

    { 

        display:block;

        height: 30px;

        margin: 0px 2px 1px 0px; 

        padding: 9px 30px 0px 30px; 

        color: #FFF; 

        font-size: 14px; 

        text-decoration: none; 

    }

    #content-aside nav .menu li a:hover 

    {
  
        color:orange;
        /*background:  url('../Content/Images/menu-hover.png') repeat-x right top; */

    }

    #content-aside nav .menu li:first-child a:hover 

    { 
  
        color: orange;

        /*background:  url('../Content/Images/menu-hover.png') repeat-x right top;*/

    }


/* Layouts */

#layout-header {}

    #branding 

    {   

        font-family: 'Raleway', Tahoma, Arial, Helvetica, sans-serif;

        font-size: 32px;

        padding: 0;

        margin: 0;

    }

    #branding a 

    {

        text-decoration:none;

        color: #67747a;

    }

#layout-navigation {}

#layout-home-featured 

    {   

        width: 100%; 

        /*padding: 0 0 5px 0; 

        margin: 0 auto 20px auto;*/  

    }

    #layout-home-featured-image { }

    #layout-home-featured-headline { }

#layout-main {}

    #layout-content 
{
    margin: 0 auto 0px auto;
    padding: 0 0px;
}

        #messages {}

        #content {

}

        #content-aside {
}

#layout-tripel {
     margin: 0px auto; 
     width: 100%;
}

    #tripel-first {
    width: 100%;
}

    #tripel-second {
}

    #tripel-third {
}

#layout-footer {}

    #footer-sig {}

    

/* Zones */

.zone 

{

    /*padding-bottom: 12px;*/
    

    /*Enable this to see zone visualizations

    background-color: yellow;

    box-shadow:inset 0 0 1px purple;

    -moz-box-shadow:inset 0 0 1px purple;

    -webkit-box-shadow:inset 0 0 1px purple;*/

} 

.zone-header { width:1000px; margin-left: auto; margin-right: auto; }

.zone-navigation {
  padding: 3; 
  width:1000px; 
  margin-left:auto; 
  margin-right:auto;
  background-color:#F5F5F5;
  -moz-box-shadow:0px 2px 5px #AAA;
         box-shadow:0px 2px 5px #AAA;
        -webkit-box-shadow:0px 2px 5px #AAA;
        -khtml-box-shadow:0px 2px  5px #AAA;
         progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5); 
        border-collapse: separate; 
         behavior: url('PIE.htc');
  border-radius: 5px;
}

.zone-home-featured-image {width: 100%;}

.zone-home-featured-headline {width: 1000px; margin-left:auto; margin-right:auto; padding-left:50px; font-size:25px; text-align:center;}

.zone-sub-page-title 

{

    background: #81b4c9 url('../Content/Images/sub-header.png') repeat-x left bottom;

    border-right: 1px solid #538398;

    border-bottom: 1px solid #538398;

    padding: 0 40px;    

    color: #fff;

} 

.zone-messages {}

.zone-content {
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size: 12px;
  padding-top:15px;
/*background-color: #ffffff;
border-left:1px solid grey;
border-right:1px solid grey;
border-bottom:1px solid grey;
-moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-moz-box-shadow: 1px 1px 0px #e0e1e1;
-webkit-box-shadow: 1px 1px 0px #e0e1e1;
box-shadow: 1px 1px 0px #e0e1e1;*/
}

.zone-content-aside {
}

.zone-zone-tripelfirst {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.zone-zone-tripelsecond {}

.zone-zone-tripelthird {}

.zone-footer {
     color: #999999; 
     width: 1000px;
     margin-left: auto;
     margin-right: auto;
}
.zone-tripel-first{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: :white;
}

.zone-tripel-first h1{
    background-color: #FFF;
    width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
  behavior: url('PIE.htc');
}

 

/* Layout and Zone Overrides */

 

#layout-header .zone 

{

    padding-top: 10px;

}

 

/* ContentAside */

#content #content-main 

{

    float: left;
  
    width: 720px;

}

 

#content #content-aside 

{

    float: right;

    width: 256px;

}

 

/* Main

***************************************************************/

 

/* Home Feature */

#layout-home-featured  

{

    /*background: url('../Content/Images/feature-bkg.png') no-repeat left top;*/
    background-color: #629DCA;    
    /*background-color: #6AA6BF;*/

}  

    #layout-home-featured-content { width: 100%;; margin: 0px 0px 0px 0px; color: #ffffff; float: left; }

    #layout-home-featured-content p { font-size: 14px; line-height: 150%; }

    #layout-home-featured-content h1 { font-size: 36px; font-family: 'Yanone Kaffeesatz', Tahoma, Sans-serif; color: #ffffff;  line-height: 36px; text-shadow: 0px -1px 0px #558599; }

    #layout-home-featured-content a { color: #ffffff; }

    #layout-home-featured-image { float:left; position: relative; margin: 0px 0px 0px 40px; }

    #layout-home-featured-image #slider { position: relative; border: solid 1px #4d8298; }

    

 

/* Content lists and details */

.content-description { font-size: 15px; }

.content-items { padding: 0; margin: 0; list-style: none; float:right; }

.content-items li { padding: 0; margin: 0; }

.content-items .content-item { border-top: 1px solid #F5F5F5; padding: 6px 0 6px 0; }

.content-items .content-item header {}

.content-items .content-item header h1 { font-size: 1.308em; color:#ff0000; }

.content-items .content-item header h1 a { }

.content-items .content-item header h1 a:hover {}

.content-item {
    float:right;
}

 

/* Tags */

.tags { margin-top: 12px; }

.tags a { background-color: #F5F5F5; padding: 3px 6px; color: #67747a; }

.tags a:hover { background-color: #67747a; color: #fff; }

 

/* Metadata */

.metadata { margin: 0 0 12px 0; color: #999; font-size: 11px; }

.metadata .published { display: inline; margin: 0 6px 0 0; }

.metadata .commentcount { display: inline; }

.meta {}

 

/* Blog */

.blogPosts { margin: 0px; padding: 0px; }

.blogPosts li { list-style: none;} 

.blog-description { padding: 20px;font-size: 18px; line-height: 22px; }

.blog-description p { padding: 20px;font-size: 18px; line-height: 22px; }

.blog-post
{ 
  
  width:740px;
  padding:10px;
  background-color:white;
  -moz-box-shadow:0px 2px 5px #AAA;
  box-shadow:0px 2px 5px #AAA;
  -webkit-box-shadow:0px 2px 5px #AAA;
  -khtml-box-shadow:0px 2px  5px #AAA;
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5); 
  border-collapse: separate; 
  behavior: url('PIE.htc');
  margin-bottom:20px;
}

.blog-post header
  
  {
 padding-left:15px; 
}

.blog-post p
  
  {
   padding-left:15px; 
  }

.blog-post p.tags
  {
 padding:0px; 
}

.blog-post h1
  {
  background-color: white; 
  color: #002c5f; 
  font-size: large;  
  width:250px;
  border-bottom:1px solid #002c5f;
}

.tagCloud
  {
    float: right;
    text-align: left;
    width: 720px;
    min-height: 600px;
    background-color: white;
    padding-left: 20px;
    margin: 0px;
    padding-top: 20px; 
    -moz-box-shadow:0px 2px 5px #AAA;
         box-shadow:0px 2px 5px #AAA;
        -webkit-box-shadow:0px 2px 5px #AAA;
        -khtml-box-shadow:0px 2px  5px #AAA;
         progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5); 
        border-collapse: separate; 
         behavior: url('PIE.htc');
}

 

/* Comments */ 

#comments { padding-top: 20px; border-top: dashed 1px #e2e2e2; padding-bottom: 10px; margin-top: 30px; }

.comment-form { margin: 24px 0 0 0; padding: 0; }

.comments { margin: 0; padding: 0; list-style: none; position: relative; }

.comments li { margin: 12px 0 0 0; padding: 12px 24px; border: 1px solid #F5F5F5; background-color: #fbfff7; border-top-color: #e9e9e9; border-left-color: #e9e9e9;  }

.comment { margin: 0; padding: 0; }

.comment h4 { font-size: 14px; }

.comment .who {}

.comment .what {}

.comment #add-comment {}

.comment-form #comment-by { font-size: 14px; font-weight: normal; margin: 0 0 16px 0; border:none; }

.comment-form #comment-text { width: 334px; }

.comment-form input[type="text"] { width: 334px; }

.comment-disabled {}

.comment-count { font-size: 14px; }

 

 

 

/* Confirmations */

.message, .validation-summary-errors { margin:10px 0 4px 0; padding:4px; }

.messages a { font-weight:bold; }

.message-Information { 
  background:#e6f1c9; 
  border:1px solid #cfe493;
  color:#062232; 
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 25px;
  color: orange;
}

.message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; }

.critical.message, .validation-summary-errors, .message-Error {display:none; background:#e68585; /* red */ border:1px solid #990808; color:#fff; }

 

 

/* Secondary

***************************************************************/

 

/* Aside Zones */

/* If zone 1 is on */

.aside-1 #layout-content { float: right; width: 600px; }

.aside-1 .aside-first { float: left; width: 360px; }

 

/* If zone 2 is on */

.aside-2 #layout-content { float: left; width: 600px; }

.aside-2 .aside-second { float: right; width: 360px; }

 

/* If zones 1, 2 are on */

.aside-12 #layout-content { width: 600px; }

.aside-12 .aside-first, .aside-12 .aside-second { width: 180px; }

.aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

 

/* Tripel Zones*/

#layout-tripel > div { 
    float:left; /*width:1000px;*/ 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
   behavior: url('PIE.htc');
}

 

/*2 zones on */

.tripel-12 #layout-tripel > div { width:480px; } /* If zones 1, 2 are on */

.tripel-23 #layout-tripel > div { width:480px; } /* If zones 2, 3 are on */

.tripel-13 #layout-tripel > div { width:480px; } /* If zones 1, 3 are on */

 

/*3 zones on */

.tripel-123 #layout-tripel > div { width:286px; margin: 0 0 0 28px; background-color: #fff; } /* If zones 1, 2, 3 are on */

 

 

/* Widgets

***************************************************************/

.widgets {
}

 

/* Edit Mode Widgets */

/* These are the edit controls that appear when you're logged-in */

.widget-control { position: relative; border: 1px dotted #85b35c; }

.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }

.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #67747a; padding: 3px 6px;  }

.widget-control .manage-actions a:hover { background-color: #67747a; color: #fff; text-decoration: none; }

 

/* Content Mode */

.content-control { position: relative; border: 1px dotted #85b35c; }

.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }

.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #67747a; padding: 3px 6px;  }

.content-control .manage-actions a:hover { background-color: #67747a; color: #fff; text-decoration: none; }

 

/* Content Aside Widgets */
#content .widget{
/*padding-top: 10px;
background-color:#ffffff;*/ 
margin-bottom: 20px;
/*padding-left: 20px;*/
padding-right: 10px;
float:left;
}

#content-aside .widget { 
padding-top: 10px;
text-align:center;
padding-right: 10px;
background-color: #ffffff;
  -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 1px 1px 0px #e0e1e1;

    -webkit-box-shadow: 1px 1px 0px #e0e1e1;

    box-shadow: 1px 1px 0px #e0e1e1;
  behavior: url('PIE.htc');
}

#content-aside .widget-MenuRight{
  text-align:center;
padding-left: 20px;
padding-right: 20px;
background-color: #ffffff;
height:250px;
  -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 1px 1px 0px #e0e1e1;

    -webkit-box-shadow: 1px 1px 0px #e0e1e1;

    box-shadow: 1px 1px 0px #e0e1e1;
  behavior: url('PIE.htc');
}
 

/* Search Form */

 

 

.widget-search-form 

{

    position: relative;

    top: 7px;

    right: 6px;

}

.search-form button 

    {

        width: auto;

        padding-left: 4px;

        padding-right: 4px;

        font-size: 11px;

    }

.search-form input

    {

        width: 150px;

    }

 

 

.zone-navigation .widget-search-form 

{

    position: absolute;

    top: 7px;

    right: 6px;

}

.zone-navigation .search-form button 

    {

        width: auto;

        padding-left: 5px;

        padding-right: 5px;

        font-size: 12px;

    }

.zone-navigation .search-form input 

    {

        width: 150px;

    }

    

.zone-navigation .widget-control .widget-search-form /* Special case for search form placement in editing mode */

{

      top: -33px;  

}

 

 

/* Pager

***************************************************************/

 

.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }

.pager li { float: left; padding: 0 12px 0 0; margin: 0; }

.pager a { font-size: 14px; display: block; background-color: #dbdbdb; padding: 6px 6px; color: #67747a;}

.pager a:hover { background-color: #67747a; color: #fff; }

 

 

 

/* Misc

***************************************************************/

 

.small      { font-size: 8px; margin-bottom: 24px; line-height: 24px; }

.large      { font-size: 14px; line-height: 30px; margin-bottom: 16px; }

.hide       { display: none; }

 

.quiet      { color: #666; }

.loud       { color: #000; }

.highlight  { background:#ff0; }

.added      { background:#060; color: #fff; }

.removed    { background:#900; color: #fff; }

 

.first      { margin-left:0; padding-left:0; }

.last       { margin-right:0; padding-right:0; }

.top        { margin-top:0; padding-top:0; }

.bottom     { margin-bottom:0; padding-bottom:0; }

 

.credits { float: right; }

.user-display { position: absolute; top: 46%; right: 0px; padding: 0 12px; }

.user-display .welcome {}

.user-display .user-actions {}

 

.login-form { margin: 24px 0 0 0; }

 

/* Easy Slider */

#slider ul, #slider li {

	margin:0;

	padding:0;

	list-style:none;

}

#slider, #slider li { 

	/* 

		define width and height of container element and list item (slide)

		list items must be the same size as the slider area

	*/ 

	width:471px;

	height:319px;

	overflow:hidden; 

}

 

span#prevBtn a { display: block; width: 29px; height: 29px; position: absolute; top: 45%; left: -25px; background: transparent url('../Content/Images/nav-arrow-left.png') no-repeat; }

span#nextBtn a { display: block; width: 29px; height: 29px; position: absolute; top: 45%; left: 495px; background: transparent url('../Content/Images/nav-arrow-right.png') no-repeat; }					

 

/* Special case for arrows placement in editing mode */

.widget-control span#prevBtn a { top: 45%; left: -37px; }

.widget-control span#nextBtn a { top: 45%; left: 483px; }				

 

 

/* CSS 3 Enhancements 

***************************************************************/

 

input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {

    color:#333;

    background:#F5F5F5;

    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));

    background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);

    border:1px solid #999;

    cursor:pointer;

    margin:4px 0 2em 0;

    padding:3px 22px;

    text-align:center;

}

 

input[type="submit"]:hover, input[type="button"]:hover,

input[type="submit"]:active, input[type="button"]:active,

input[type="submit"]:focus, input[type="button"]:focus,

button:hover, .button:hover,

button:active, .button:active,

button:focus, .button:focus {

    text-decoration:none; 

    background: #ebebeb;

    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));

    background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);

}


 

#layout-home-featured  

{

    /*-moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 1px 1px 0px #578ba1;

    -webkit-box-shadow: 1px 1px 0px #578ba1;

    box-shadow: 1px 1px 0px #578ba1;*/
  
    border-bottom: 1px solid rgb(87, 139, 161);
    border-top: 3px solid white;

}

 

#layout-content 

{
/*
    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -moz-box-shadow: 1px 1px 0px #e0e1e1;

    -webkit-box-shadow: 1px 1px 0px #e0e1e1;

    box-shadow: 1px 1px 0px #e0e1e1;
*/
}

 

.zone-sub-page-title 

{

     text-shadow: 0px -1px 0px #5f8b9e;

     -moz-border-radius-topleft: 4px;

     -webkit-border-top-left-radius: 4px;

     border-top-left-radius: 4px;

     -moz-border-radius-topright: 4px;

     -webkit-border-top-right-radius: 4px;

     border-top-right-radius: 4px;

     behavior: url('PIE.htc');

}

 

.comments li 

{

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}

.list_carousel {
				background-color: #ffffff;
				width: 360px;
                                border: 1px solid blue;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				text-align: center;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}

.footerTable{

    width: 100%; 
    border-spacing: 25px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.5); /*ie6 will ignore this*/
    behavior: url('PIE.htc');
}

.widget-footer
  {
 width:13px;
 padding-top:15px;
}

.widget-footer-cn
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}
.widget-footer-it
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}

.widget-footer-pt
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}
.widget-footer-ru
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}
.widget-footer-de
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}
.widget-footer-es
  {
 width:1000px;
 padding-top:15px;
  text-align:center;
}

.HomeTable
  {
  margin-right: 50px; 
  padding: 10px; 
  width: 300px; 
  height: 270px; 
  background-color: #DBDBDB;
  border:1px solid #c0c0c0;  
  border-radius: 5px;
}

.shadowed
  {
        -moz-box-shadow:0px 2px 5px #AAA;
         box-shadow:0px 2px 5px #AAA;
        -webkit-box-shadow:0px 2px 5px #AAA;
        -khtml-box-shadow:0px 2px  5px #AAA;
         progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5); 
        border-collapse: separate; 
         behavior: url('PIE.htc');
}

.InnerHomeTable
  {
  background-color: #dbdbdb; 
  height: 155px; 
  min-width: 145px; 
}

.InnerHomeTable td
{
   text-align: left; 
   height: 21px; 
   border-bottom: 1px solid white; 
   padding-left: 5px;
   line-height:21px;
}

.InnerHomeTable .NoFormatting
  {
  height: 21px; 
  line-height:21px;
  border:0px solid #dbdbdb;
}

.InnerMenu
  {
   background-color : #002C5F;
   border:1px solid #c0c0c0;  
   margin-bottom:25px;
   padding-bottom:10px;
  border-radius: 5px;
}

.InnerMenuVoice
  {
    width:200px;
    margin-left:20px;
    margin-right:20px;
    color:white;
    font-size:16px;
    text-align:center;
    padding-bottom:15px;
    padding-top:15px;
    border-bottom:1px solid white;
}
.InnerMenuVoice2
  {
    width:280px;
    margin-left:20px;
    margin-right:20px;
    color:white;
    font-size:16px;
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid white;
}


.InnerMenu a
  {
    color:white; 
}

.InnerMenu a:hover
  {
    color:orange;
    background-color:white;
}

.InnerMenu a:hover > .InnerMenuVoice
  {
  background-color:white;
}

nav .menu-web-shop
  {
    margin-left:50px;
    background-color:black;
}

nav .menu-web-shop li:first-child a
{
     background-color:black;
     color:white;
}
nav .menu-web-shop li a
{
     background-color:black;
     color:white;
}

.InnerFooter
  {
   background-color:white;
  padding-left:5px;
}

.InnerMenuVoice:hover {
 background-color:white; 
 color:orange;
}

.InnerMenuVoice:hover > a {
  
 color:orange; 
}


	
.jqueryslidemenu{
color:#0756CF;
font-family: "Lato","Questrial";
font-size:1.0em;
/*line-height:1.0em;
padding-left:50px;
float:left;
margin-left:auto;
margin-right:auto;*/
height:40px;
text-transform: uppercase;
 width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;   
 

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
margin: 0 22px 0 0;
}

.jqueryslidemenu ul li p
  {
 display: block;
padding: 0px;
margin:0px;
color: #0756CF;
padding-top:10px; 
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 0px;
margin:0px;
color: #0756CF;
padding-top:10px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #0756CF;
}

.jqueryslidemenu ul li a:hover{
color:orange;
height:28px;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
height:18px;
display: block;
visibility: hidden;
 text-decoration:none;
}

* html .jqueryslidemenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

* html .jqueryslidemenu ul li ul li{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
z-index:100;
   text-decoration:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index:100;
   text-decoration:none;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a.first{
border-top: 1px solid #999;
   text-decoration:none;
}

.jqueryslidemenu ul li ul li a{
font-family: "Lato","Questrial", Arial, Helvetica, Tahoma, sans-serif;
font-size:0.9em;
line-height:1.0em;
background-color:#F5F5F5;
width: 180px;
overflow:visible;
height: 15px;
padding: 5px;
margin: 0px;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
z-index:100;
   text-decoration:none;

}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color:orange;
background-color: #F5F5F5;
overflow:visible;
height: 15px;
padding: 5px;
margin: 0px;
   text-decoration:none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */



.menuleft
  {
 float:left;
 height:1050px;
 background-color:#F5F5F5;
 margin-right:10px;
 width:220px;
}

.menuleft ul li a
  {
 font-size:1.2em;
 color: #002C5F;
}

.menuleft ul li a:hover
  {
 color: orange;
}

.menuleft ul li ul li a
  {
 font-size:0.9em;
  color:black;
}
.menuleft ul li ul li a:hover
  {
 color:orange; 
}

.title_solution_h2
  {
 text-align: center; 
  color: white; 
  background-color: #002c5f; 
  margin-bottom: 20px; 
  padding: 10px; 
}

.productinnertitle
  {
  color: #002c5f; 
  width: 250px; 
  border-bottom: 1px solid  #002c5f; 
  margin-bottom: 15px; 
  background-color:#e0e0e0;
  padding-left:3px;
}

.product
  {
   background-color: white; 
   width: 740px; 
   min-height: 600px;
   font-size:15px;
   color:black;
}

.productinnermenu
  {
  background-color: #002c5f; 
  width: 220px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center; 
  padding: 5px; 
  margin-bottom: 10px; 
  
}

.productinnermenutitle
  {
 background-color: white; 
  color: #002c5f; 
  font-size: large; 
  padding: 5px; 
}
.productinnermenuitem
  {
  width: 200px; 
  color: white; 
  border-bottom: 1px solid white; 
  text-align: left; 
  font-size: large; 
  margin-left: auto; 
  margin-right: auto; 
  padding-top: 5px; 
  padding-bottom: 5px;
}
.productinnermenuitem a
{
  color: white; 
  text-decoration:none;
}

.productinnermenuitem a:hover
{
  color: orange; 
  text-decoration:none;
}
.productinnermenuitemlast
  {
  width: 200px; 
  color: white; 
  text-align: left; 
  font-size: large; 
  margin-left: auto; 
  margin-right: auto; 
  padding-top: 5px; 
  padding-bottom: 5px;
}

.productinnermenuitemlast a
  {
    color:white; 
  }

.productinnermenuitemlast a:hover
{
  color: orange; 
}
.firstblock
  {
  background-color: white; 
  width: 740px; 
  margin-bottom: 20px; 
}

.nir
{
  background-color: white; 
  width: 740px; 
  min-height: 150px; 
  margin-bottom: 25px;
}

.page-title 
  {
 padding-left: 260px;
margin-bottom: 20px; 
}
.blog
  {
  float:right;
  width:740px;
}
.tagged-posts
{
  float:right;
  width:740px;
}
.software_evolution {
            color: #0099FF;
        }
        .hardware_evolution {
            color: #CC9900;
        }

.jqueryslidemenuinner{
color:#555;
font-family: "Lato","Questrial", Arial, Helvetica, Tahoma, sans-serif;
font-size:1.0em;
line-height:1.0em;
margin:0 auto 0 auto;
height:40px;
}

.jqueryslidemenuinner ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenuinner ul li{
position: relative;
display: inline;
float: left;
margin: 0 22px 0 0;
}

.jqueryslidemenuinner ul li p
  {
 display: block;
padding: 0px;
margin:0px;
color: white;
padding-top:10px; 
}

/*Top level menu link items style*/
.jqueryslidemenuinner ul li a{
display: block;
padding: 0px;
margin:0px;
color: white;
padding-top:10px;
}

* html .jqueryslidemenuinner ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenuinner ul li a:link, .jqueryslidemenuinner ul li a:visited{
color: white;
}

.jqueryslidemenuinner ul li a:hover{
color:orange;
height:28px;
}
	
/*1st sub level menu*/
.jqueryslidemenuinner ul li ul{
position: absolute;
height:18px;
display: block;
visibility: hidden;
 text-decoration:none;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenuinner ul li ul li{
display: list-item;
float: none;
z-index:100;
   text-decoration:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenuinner ul li ul li ul{
top: 0;
z-index:100;
   text-decoration:none;
}

/* Sub level menu links style */
.jqueryslidemenuinner ul li ul li a.first{
border-top: 1px solid #999;
   text-decoration:none;
}

.jqueryslidemenuinner ul li ul li a{
font-family: "Lato","Questrial", Arial, Helvetica, Tahoma, sans-serif;
font-size:0.9em;
line-height:1.0em;
background-color:#002C5F;
width: 180px;
overflow:visible;
height: 15px;
padding: 5px;
margin: 0px;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
z-index:100;
   text-decoration:none;

}

.jqueryslidemenuinner ul li ul li a:hover{ /*sub menus hover style*/
color:orange;
background-color: #002C5F;
overflow:visible;
height: 15px;
padding: 5px;
margin: 0px;
   text-decoration:none;
}

.changeCulture{
 text-align:right;
 margin-left: 650px;
}

.changeCulture ul{
 list-style-type: none;
 padding-bottom:20px;
}

.changeCulture li{
 list-style-type: none;
 float:left;
 padding-left:20px;
}

.notFounds{
  float: right;
width: 740px;
font-size: 15px;
background-color:white;
}

.widget-contact-form-widget{
  background-color:white;
    -moz-box-shadow:0px 2px 5px #AAA;
         box-shadow:0px 2px 5px #AAA;
        -webkit-box-shadow:0px 2px 5px #AAA;
        -khtml-box-shadow:0px 2px  5px #AAA;
         progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5); 
        border-collapse: separate; 
         behavior: url('PIE.htc');
  padding:10px;
}

#layout-main-100{
    width: 100%;
    min-height:600px;
    margin: 0 auto;
    background-color: #0756CF;

} 

.pfcontent {
    margin-bottom:20px;
}