/* Created by Artisteer v4.3.0.60745 */



#art-main

{

   background: #1C313F url('images/page.png') fixed;

   margin:0 auto;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   position: relative;

   width: 100%;

   min-height: 100%;

   left: 0;

   top: 0;

   cursor:default;

   overflow:hidden;

}

table, ul.art-hmenu

{

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}



h1, h2, h3, h4, h5, h6, p, a, ul, ol, li

{

   margin: 0;

   padding: 0;

}



/* Reset buttons border. It's important for input and button tags. 

 * border-collapse should be separate for shadow in IE. 

 */

.art-button

{

   border-collapse: separate;

   -webkit-border-radius: 0;

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

   background: #F2F2F2;

   background: -webkit-linear-gradient(top, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   background: -moz-linear-gradient(top, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   background: -o-linear-gradient(top, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   background: -ms-linear-gradient(top, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   -svg-background: linear-gradient(top, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   background: linear-gradient(to bottom, #FFFFFF 0, #A8A8A8 100%) no-repeat;

   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   border:1px solid #FFFFFF;

   padding:0 20px;

   margin:0 auto;

   height:30px;

}



.art-postcontent,

.art-postheadericons,

.art-postfootericons,

.art-blockcontent,

ul.art-vmenu a 

{

   text-align: left;

}



.art-postcontent,

.art-postcontent li,

.art-postcontent table,

.art-postcontent a,

.art-postcontent a:link,

.art-postcontent a:visited,

.art-postcontent a.visited,

.art-postcontent a:hover,

.art-postcontent a.hovered

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-align: left;

}



.art-postcontent p

{

   margin: 12px 0;

}



.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,

.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,

.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,

.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,

.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,

.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,

.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,

.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,

.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,

.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover

{

   font-size: 32px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

}



.art-postcontent a, .art-postcontent a:link

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   color: #6B9CBD;

}



.art-postcontent a:visited, .art-postcontent a.visited
/* boton Ver pagina inicio*/
{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   color: #05304d;

}



.art-postcontent  a:hover, .art-postcontent a.hover

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: underline;

   color: #F6AE31;

}



.art-postcontent h1

{

   color: #FFFFFF;

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-transform: uppercase;

}



.art-blockcontent h1

{

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-transform: uppercase;

}



.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 

{

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-transform: uppercase;

}



.art-postcontent h2

{

   color: #8BB1CB;

   margin: 19px 0;

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h2

{

   margin: 19px 0;

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 

{

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h3

{

   color: #6B9CBD;

   margin: 19px 0;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h3

{

   margin: 19px 0;

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 

{

   font-size: 16px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h4

{

   color: #FFFFFF;

   margin: 20px 0 20px 20px;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-transform: uppercase;

}



.art-blockcontent h4

{

   margin: 20px 0 20px 20px;

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-transform: uppercase;

}



.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 

{

   font-size: 22px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-transform: uppercase;

}



.art-postcontent h5

{

   color: #BCC5CD;

   margin-top: 26px;

   margin-bottom: 26px;

   font-size: 13px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h5

{

   margin-top: 26px;

   margin-bottom: 26px;

   font-size: 13px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 

{

   font-size: 13px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h6

{

   color: #6A7E90;

   margin-top: 35px;

   margin-bottom: 35px;

   font-size: 11px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-blockcontent h6

{

   margin-top: 35px;

   margin-bottom: 35px;

   font-size: 11px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 

{

   font-size: 11px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before

{

   -webkit-background-origin: border !important;

   -moz-background-origin: border !important;

   background-origin: border-box !important;

}



header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before

{

   display: block;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



ul

{

   list-style-type: none;

}



ol

{

   list-style-position: inside;

}



html, body

{

   height: 100%;

}



/**

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 * https://github.com/necolas/normalize.css

 */



html {

   -ms-text-size-adjust: 100%;

   /* 2 */

    -webkit-text-size-adjust: 100%;

/* 2 */}



body

{

   padding: 0;

   margin:0;

   min-width: 900px;

   color: #B2B2B2;

}



.art-header:before, 

#art-header-bg:before, 

.art-layout-cell:before, 

.art-layout-wrapper:before, 

.art-footer:before, 

.art-nav:before, 

#art-hmenu-bg:before, 

.art-sheet:before 

{

   width: 100%;

   content: " ";

   display: table;

   border-collapse: collapse;

   border-spacing: 0;

}



.art-header:after, 

#art-header-bg:after, 

.art-layout-cell:after, 

.art-layout-wrapper:after, 

.art-footer:after, 

.art-nav:after, 

#art-hmenu-bg:after, 

.art-sheet:after,

.cleared, .clearfix:after 

{

   clear: both;

   font: 0/0 serif;

   display: block;

   content: " ";

}



form

{

   padding: 0 !important;

   margin: 0 !important;

}



table.position

{

   position: relative;

   width: 100%;

   table-layout: fixed;

}



li h1, .art-postcontent li h1, .art-blockcontent li h1 

{

   margin:1px;

} 

li h2, .art-postcontent li h2, .art-blockcontent li h2 

{

   margin:1px;

} 

li h3, .art-postcontent li h3, .art-blockcontent li h3 

{

   margin:1px;

} 

li h4, .art-postcontent li h4, .art-blockcontent li h4 

{

   margin:1px;

} 

li h5, .art-postcontent li h5, .art-blockcontent li h5 

{

   margin:1px;

} 

li h6, .art-postcontent li h6, .art-blockcontent li h6 

{

   margin:1px;

} 

li p, .art-postcontent li p, .art-blockcontent li p 

{

   margin:1px;

}





.art-shapes

{

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   overflow: hidden;

   z-index: 0;

}



.art-slider-inner {

   position: relative;

   overflow: hidden;

   width: 100%;

   height: 100%;

}



.art-slidenavigator > a {

   display: inline-block;

   vertical-align: middle;

   outline-style: none;

   font-size: 1px;

}



.art-slidenavigator > a:last-child {

   margin-right: 0 !important;

}



.art-slidecontainerheader {

    position: relative;

            width: 100%;

    height: 100%;

    }



.default-responsive .art-header .art-slidecontainerheader,

.responsive .art-header .art-slidecontainerheader

{

  position: absolute !important;

}



.responsive .art-pageslider .art-slidecontainerheader {

  position: absolute !important;

}



.art-slidecontainerheader .art-slide-item

{

-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;

    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);

}




.art-slidecontainerheader .art-slide-item {

    -webkit-transition: 600ms ease-in-out top;

    -moz-transition: 600ms ease-in-out top;

    -ms-transition: 600ms ease-in-out top;

    -o-transition: 600ms ease-in-out top;

    transition: 600ms ease-in-out top;

    position: relative;

    display: none;

    width:  100%;

    height: 100%;

}



.art-slidecontainerheader .active, .art-slidecontainerheader .next, .art-slidecontainerheader .prev {

    display: block;

}



.art-slidecontainerheader .active {

    top: 0;

}

.ie10 .art-slidecontainerheader .active {

    top: 0.1px;

}



.art-slidecontainerheader .next, .art-slidecontainerheader .prev {

    position: absolute;

    top: 0;

    width: 100%;

}



.art-slidecontainerheader .next {

    top: 100%;

}



.art-slidecontainerheader .prev {

    top: -100%;

}



.art-slidecontainerheader .next.forward, .art-slidecontainerheader .prev.back {

    top: 0;

}

.ie10 .art-slidecontainerheader .next.forward, .art-slidecontainerheader .prev.back {

    top: 0.1px;

}



.art-slidecontainerheader .active.forward {

    top: -100%;

}



.art-slidecontainerheader .active.back {

    top: 100%;

}





.art-slideheader0 {

    background-image:  url('images/beach-1867271_1280.jpg');

        /* background-size:  auto auto; */

        background-position:  center center;

    background-repeat: no-repeat;

}



/* special setup for header/pageslider */

.responsive .art-header .art-slideheader0 {

    background-image:  url('images/beach-1867271_1280.jpg');

    background-size: auto auto;

    background-position:  center center;

    background-repeat: no-repeat;

}



.responsive .art-pageslider .art-slideheader0 {

    background-image:  url('images/beach-1867271_1280.jpg');

    background-size: auto auto;

    background-position:  center center;

    background-repeat: no-repeat;

}



.default-responsive .art-header .art-slideheader0 {

    background-image: url('images/beach-1867271_1280.jpg');

    background-size: auto auto;

    background-position: center center;

    background-repeat: no-repeat;

}



.default-responsive .art-pageslider .art-slideheader0 {

    background-image: url('images/beach-1867271_1280.jpg');

    background-size: auto auto;

    background-position: center center;

    background-repeat: no-repeat;

}.art-slideheader1 {

    background-image:  url('images/ocean-1944724_1280.jpg');

        /* background-size:  auto auto; */

        background-position:  center center;

    background-repeat: no-repeat;

}



/* special setup for header/pageslider */

.responsive .art-header .art-slideheader1 {

    background-image:  url('images/ocean-1944724_1280.jpg');

    background-size: auto auto;

    background-position:  center center;

    background-repeat: no-repeat;

}



.responsive .art-pageslider .art-slideheader1 {

    background-image:  url('images/ocean-1944724_1280.jpg');

    background-size: auto auto;

    background-position:  center center;

    background-repeat: no-repeat;

}



.default-responsive .art-header .art-slideheader1 {

    background-image: url('images/ocean-1944724_1280.jpg');

    background-size: auto auto;

    background-position: center center;

    background-repeat: no-repeat;

}



.default-responsive .art-pageslider .art-slideheader1 {

    background-image: url('images/ocean-1944724_1280.jpg');

    background-size: auto auto;

    background-position: center center;

    background-repeat: no-repeat;

}



.art-slidenavigatorheader {

  display: inline-block;

  position: absolute;

  direction: ltr !important;

  top: 276px;

  left: 0%;

  z-index: 101;

  line-height: 0 !important;

  -webkit-background-origin: border !important;

  -moz-background-origin: border !important;

  background-origin: border-box !important;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

    white-space: nowrap;

      right: 0px;

  }

.art-slidenavigatorheader

{

background: #8EB4CC;background: -webkit-linear-gradient(top, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;background: -o-linear-gradient(top, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;background: linear-gradient(to bottom, rgba(195, 215, 228, 0.6) 0, rgba(86, 142, 179, 0.6) 100%) no-repeat;

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





padding:7px;











}

.art-slidenavigatorheader > a

{

background: #3C6886;background: #3C6886;background: #3C6886;background: #3C6886;background: #3C6886;-svg-background: #3C6886;background: #3C6886;

-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;







margin:0 10px 0 0;



width: 10px;



height: 10px;

}

.art-slidenavigatorheader > a.active

{

background: #F9C367;background: #F9C367;background: #F9C367;background: #F9C367;background: #F9C367;-svg-background: #F9C367;background: #F9C367;

-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;







margin:0 10px 0 0;



width: 10px;



height: 10px;

}

.art-slidenavigatorheader > a:hover

{

background: #A26907;background: #A26907;background: #A26907;background: #A26907;background: #A26907;-svg-background: #A26907;background: #A26907;

-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;







margin:0 10px 0 0;



width: 10px;



height: 10px;

}



.art-headline

{

  display: inline-block;

  position: absolute;

  min-width: 50px;

  top: -2px;

  left: 2.54%;

  margin-left: -12px !important;

  line-height: 100%;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  z-index: 101;

}



.art-headline, 

.art-headline a, 

.art-headline a:link, 

.art-headline a:visited, 

.art-headline a:hover

{

font-size: 48px;
font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0px 0px 12px rgba(23, 23, 23, 0.98);

  padding: 0;

  margin: 0;

  color: #FFFFFF !important;

  white-space: nowrap;

}









.art-footer .layout-item-0 { margin-bottom: 0px;  }
.art-footer .layout-item-1 {  border-collapse: separate;  }
.art-footer .layout-item-2 { padding: 10px;  }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }



.art-header

{

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   margin:10px auto 0;

   background-repeat: no-repeat;

   height: 300px;

   background-image: none;

   background-position: 0 0;

   position: relative;

   width: 900px;

   z-index: auto !important;

}



.custom-responsive .art-header

{

   background-image: none;

   background-position: 0 0;

}



.default-responsive .art-header,

.default-responsive #art-header-bg

{

   background-image: none;

   background-position: center center;

   background-size: cover;

}



.art-header>.widget 

{

   position:absolute;

   z-index:101;

}



.art-header .art-slider-inner

{

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

}



.art-nav

{

   background: white;

   background: -webkit-linear-gradient(top, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   background: -moz-linear-gradient(top, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   background: -o-linear-gradient(top, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   background: -ms-linear-gradient(top, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   -svg-background: linear-gradient(top, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   background: linear-gradient(to bottom, white 0, #1E3443 40%, #1E3443 80%, #0D161C 100%) no-repeat;

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   border-bottom:1px solid #4C84A9;

   padding:3px;

   margin:0 auto;

   position: relative;

   z-index: 499;

   text-align: left;

}



ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 

{

   outline: none;

   position: relative;

   z-index: 11;

}



ul.art-hmenu, ul.art-hmenu ul

{

   display: block;

   margin: 0;

   padding: 0;

   border: 0;

   list-style-type: none;

}



ul.art-hmenu li

{

   position: relative;

   z-index: 5;

   display: block;

   float: left;

   background: none;

   margin: 0;

   padding: 0;

   border: 0;

}



ul.art-hmenu li:hover

{

   z-index: 10000;

   white-space: normal;

}



ul.art-hmenu:after, ul.art-hmenu ul:after

{

   content: ".";

   height: 0;

   display: block;

   visibility: hidden;

   overflow: hidden;

   clear: both;

}



ul.art-hmenu, ul.art-hmenu ul 

{

   min-height: 0;

}



ul.art-hmenu 

{

   display: inline-block;

   vertical-align: middle;

   padding-left: 10px;

   padding-right: 10px;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;
   

}



.art-nav:before 

{

   content:' ';

}



.desktop .art-nav{

   width: 900px;

   padding-left: 3px;

   padding-right: 3px;

}



.art-hmenu-extra1

{

   position: relative;

   display: block;

   float: left;

   width: auto;

   height: auto;

   background-position: center;

}



.art-hmenu-extra2

{

   position: relative;

   display: block;

   float: right;

   width: auto;

   height: auto;

   background-position: center;

}



.art-hmenu

{

   float: left;

}



.art-menuitemcontainer

{

   margin:0 auto;

}

ul.art-hmenu>li {

   margin-left: 6px;

}

ul.art-hmenu>li:first-child {

   margin-left: 3px;

}

ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {

   margin-right: 3px;

}



ul.art-hmenu>li>a

{

   background: #6B9CBD;

   background: -webkit-linear-gradient(top, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   background: -moz-linear-gradient(top, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   background: -o-linear-gradient(top, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   background: -ms-linear-gradient(top, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   -svg-background: linear-gradient(top, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   background: linear-gradient(to bottom, #8EB4CC 0, #4F89B0 90%, #4C84A9 100%) no-repeat;

   -webkit-border-radius:0 14px;

   -moz-border-radius:0 14px;

   border-radius:0 14px;

   border:1px solid #3C6886;

   padding:0 8px;

   margin:0 auto;

   position: relative;

   display: block;

   height: 28px;

   cursor: pointer;

   text-decoration: none;

   color: #FFFFFF;

   line-height: 28px;

   text-align: center;

}



.art-hmenu>li>a, 

.art-hmenu>li>a:link, 

.art-hmenu>li>a:visited, 

.art-hmenu>li>a.active, 

.art-hmenu>li>a:hover

{

   font-size: 18px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   text-decoration: none;

   text-transform: uppercase;

   text-align: left;

}



ul.art-hmenu>li>a.active

{

   background: #F6AC2C;

   background: -webkit-linear-gradient(top, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   background: -moz-linear-gradient(top, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   background: -o-linear-gradient(top, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   background: -ms-linear-gradient(top, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   -svg-background: linear-gradient(top, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   background: linear-gradient(to bottom, #F8BF5D 0, #F59F0A 85%, #E6950A 100%) no-repeat;

   -webkit-border-radius:0 14px;

   -moz-border-radius:0 14px;

   border-radius:0 14px;

   border:1px solid #674304;

   padding:0 8px;

   margin:0 auto;

   color: #FFFFFF;

   text-decoration: none;

}



ul.art-hmenu>li>a:visited, 

ul.art-hmenu>li>a:hover, 

ul.art-hmenu>li:hover>a {

   text-decoration: none;

}



ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a

{

   background: #4C84A9;

   background: -webkit-linear-gradient(top, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   background: -moz-linear-gradient(top, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   background: -o-linear-gradient(top, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   background: -ms-linear-gradient(top, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   -svg-background: linear-gradient(top, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   background: linear-gradient(to bottom, #6B9CBD 0, #4F89B0 40%, #3C6886 100%) no-repeat;

   -webkit-border-radius:0 14px;

   -moz-border-radius:0 14px;

   border-radius:0 14px;

   border:1px solid #4C84A9;

   padding:0 8px;

   margin:0 auto;

}

ul.art-hmenu>li>a:hover, 

.desktop ul.art-hmenu>li:hover>a {

   color: #FFFFFF;

   text-decoration: none;

}



ul.art-hmenu li li a

{

   background: #F9C367;

   background: transparent;

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   padding:0 8px;

   margin:0 auto;

}

ul.art-hmenu li li 

{

   float: none;

   width: auto;

   margin-top: 0;

   margin-bottom: 0;

}



.desktop ul.art-hmenu li li ul>li:first-child 

{

   margin-top: 0;

}



ul.art-hmenu li li ul>li:last-child 

{

   margin-bottom: 0;

}



.art-hmenu ul a

{

   display: block;

   white-space: nowrap;

   height: 24px;

   min-width: 7em;

   border: 0 solid transparent;

   text-align: left;

   line-height: 24px;

   color: #D5E3EC;

   font-size: 12px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   margin:0;

}



.art-hmenu ul a:link, 

.art-hmenu ul a:visited, 

.art-hmenu ul a.active, 

.art-hmenu ul a:hover

{

   text-align: left;

   line-height: 24px;

   color: #D5E3EC;

   font-size: 12px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   margin:0;

}



ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a

{

   background: #DC8F09;

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   margin:0 auto;

}

.art-hmenu ul a:hover

{

   color: #000000;

}



.desktop .art-hmenu ul li:hover>a

{

   color: #000000;

}



ul.art-hmenu ul:before

{

   background: #DC8F09;

   -webkit-border-radius:15px;

   -moz-border-radius:15px;

   border-radius:15px;

   border:1px solid #F6AC2C;

   margin:0 auto;

   display: block;

   position: absolute;

   content: ' ';

   z-index: 1;

}

.desktop ul.art-hmenu li:hover>ul {

   visibility: visible;

   top: 100%;

}

.desktop ul.art-hmenu li li:hover>ul {

   top: 0;

   left: 100%;

}



ul.art-hmenu ul

{

   visibility: hidden;

   position: absolute;

   z-index: 10;

   left: 0;

   top: 0;

   background-image: url('images/spacer.gif');

}



.desktop ul.art-hmenu>li>ul

{

   padding: 12px 32px 32px 32px;

   margin: -10px 0 0 -30px;

}



.desktop ul.art-hmenu ul ul

{

   padding: 32px 32px 32px 14px;

   margin: -32px 0 0 -9px;

}



.desktop ul.art-hmenu ul.art-hmenu-left-to-right 

{

   right: auto;

   left: 0;

   margin: -10px 0 0 -30px;

}



.desktop ul.art-hmenu ul.art-hmenu-right-to-left 

{

   left: auto;

   right: 0;

   margin: -10px -30px 0 0;

}



.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {

   right: auto;

   left: 100%;

}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {

   left: auto;

   right: 100%;

}



.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right

{

   right: auto;

   left: 0;

   padding: 32px 32px 32px 14px;

   margin: -32px 0 0 -9px;

}



.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left

{

   left: auto;

   right: 0;

   padding: 32px 14px 32px 32px;

   margin: -32px -9px 0 0;

}



.desktop ul.art-hmenu li ul>li:first-child {

   margin-top: 0;

}

.desktop ul.art-hmenu li ul>li:last-child {

   margin-bottom: 0;

}



.desktop ul.art-hmenu ul ul:before

{

   border-radius: 15px;

   top: 30px;

   bottom: 30px;

   right: 30px;

   left: 12px;

}



.desktop ul.art-hmenu>li>ul:before

{

   top: 10px;

   right: 30px;

   bottom: 30px;

   left: 30px;

}



.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {

   right: 30px;

   left: 30px;

}

.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {

   right: 30px;

   left: 30px;

}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {

   right: 30px;

   left: 12px;

}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {

   right: 12px;

   left: 30px;

}



.art-sheet

{

   background: #2C4D63;

   background: rgba(44, 77, 99, 0.3);

   -webkit-border-radius:10px;

   -moz-border-radius:10px;

   border-radius:10px;

   margin:10px auto 0;

   position:relative;

   cursor:auto;

   width: 900px;

   z-index: auto !important;

}



.art-layout-wrapper

{

   position: relative;

   margin: 0 auto 0 auto;

   z-index: auto !important;

}



.art-content-layout

{

   display: table;

   width: 100%;

   table-layout: fixed;

}



.art-content-layout-row 

{

   display: table-row;

}



.art-layout-cell

{

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   display: table-cell;

   vertical-align: top;

}



/* need only for content layout in post content */ 

.art-postcontent .art-content-layout

{

   border-collapse: collapse;

}



.art-block

{

   margin:10px;

}

div.art-block img

{

   border: none;

   margin: 0;

}



.art-blockheader

{

   padding:6px 5px;

   margin:0 auto;

}

.art-blockheader .t,

.art-blockheader .t a,

.art-blockheader .t a:link,

.art-blockheader .t a:visited, 

.art-blockheader .t a:hover

{

   color: #F8BE59;

   font-size: 14px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   margin: 0 10px 0 5px;

}



.art-blockcontent

{

   padding:5px;

   margin:0 auto;

   color: #9BA9B5;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}

.art-blockcontent table,

.art-blockcontent li, 

.art-blockcontent a,

.art-blockcontent a:link,

.art-blockcontent a:visited,

.art-blockcontent a:hover

{

   color: #9BA9B5;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}



.art-blockcontent p

{

   margin: 6px 0;

}



.art-blockcontent a, .art-blockcontent a:link

{

   color: #F6AE31;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: underline;

}



.art-blockcontent a:visited, .art-blockcontent a.visited

{

   color: #B9C2CB;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-blockcontent a:hover, .art-blockcontent a.hover

{

   color: #F8BF5D;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

}

.art-block ul>li:before

{

   content:url('images/blockbullets.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   margin-left: -12px;

}

.opera .art-block ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-block li

{

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   line-height: 125%;

   color: #87AFC9;

}



.art-block ul>li, .art-block ol

{

   padding: 0;

}



.art-block ul>li

{

   padding-left: 12px;

}



.art-breadcrumbs

{

   margin:0 auto;

}



a.art-button,

a.art-button:link,

a:link.art-button:link,

body a.art-button:link,

a.art-button:visited,

body a.art-button:visited,

input.art-button,

button.art-button

{

   text-decoration: none;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

   position:relative;

   display: inline-block;

   vertical-align: middle;

   white-space: nowrap;

   text-align: center;

   color: #000000;

   margin: 0 5px 0 0 !important;

   overflow: visible;

   cursor: pointer;

   text-indent: 0;

   line-height: 30px;

   -webkit-box-sizing: content-box;

   -moz-box-sizing: content-box;

   box-sizing: content-box;

}



.art-button img

{

   margin: 0;

   vertical-align: middle;

}



.firefox2 .art-button

{

   display: block;

   float: left;

}



input, select, textarea, a.art-search-button span

{

   vertical-align: middle;

   font-size: 14px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   font-weight: bold;

   font-style: normal;

}



.art-block select 

{

   width:96%;

}



input.art-button

{

   float: none !important;

   -webkit-appearance: none;

}



.art-button.active, .art-button.active:hover

{

   background: #4C84A9;

   background: -webkit-linear-gradient(top, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   background: -moz-linear-gradient(top, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   background: -o-linear-gradient(top, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   background: -ms-linear-gradient(top, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   -svg-background: linear-gradient(top, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   background: linear-gradient(to bottom, #7DA8C5 0, #4F89B0 43%, #345B74 100%) no-repeat;

   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   border:1px solid #323B43;

   padding:0 20px;

   margin:0 auto;

}

.art-button.active, .art-button.active:hover {

   color: #FFFFFF !important;

}



.art-button.hover, .art-button:hover

{

   background: #F6AC2C;

   background: -webkit-linear-gradient(top, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   background: -moz-linear-gradient(top, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   background: -o-linear-gradient(top, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   background: -ms-linear-gradient(top, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   -svg-background: linear-gradient(top, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   background: linear-gradient(to bottom, #F9C976 0, #F59F0A 73%, #CE8509 100%) no-repeat;

   -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);

   border:1px solid #674304;

   padding:0 20px;

   margin:0 auto;

}

.art-button.hover, .art-button:hover {

   color: #FFFFFF !important;

}



input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea

{

   background: #F9FAFB;

   border:1px solid rgba(132, 148, 164, 0.2);

   margin:0 auto;

}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea

{

   width: auto;

   padding: 8px 0;

   color: #343E46 !important;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   text-shadow: none;

}

input.art-error, textarea.art-error

{

   background: #F9FAFB;

   border:1px solid #E2341D;

   margin:0 auto;

}

input.art-error, textarea.art-error {

   color: #343E46 !important;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-search input[type="text"]

{

   background: #F9FAFB;

   border-radius: 0;

   border:1px solid #CCD6E0;

   margin:0 auto;

   width: 100%;

   padding: 0 0;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   color: #343E46 !important;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}

form.art-search 

{

   background-image: none;

   border: 0;

   display:block;

   position:relative;

   top:0;

   padding:0;

   margin:5px;

   left:0;

   line-height: 0;

}



form.art-search input, a.art-search-button

{

   -webkit-appearance: none;

   top:0;

   right:0;

}



form.art-search>input, a.art-search-button{

   bottom:0;

   left:0;

   vertical-align: middle;

}



form.art-search input[type="submit"], input.art-search-button, a.art-search-button

{

   background: #F9C367;

   border-radius: 0;

   margin:0 auto;

}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button {

   position:absolute;

   left:auto;

   display:block;

   border: 0;

   top: 1px;

   bottom: 1px;

   right: 	1px;

   padding:0 6px;

   color: #895906 !important;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   cursor: pointer;

}



a.art-search-button span.art-search-button-text, a.art-search-button:after {

   vertical-align:middle;

}



a.art-search-button:after {

   display:inline-block;

   content:' ';

   height: 100%;

}



a.art-search-button, a.art-search-button span,

a.art-search-button:visited, a.art-search-button.visited,

a.art-search-button:hover, a.art-search-button.hover 

{

   text-decoration: none;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

}



a.art-search-button 

{

   line-height: 100% !important;

}



label.art-checkbox:before

{

   background: #F9FAFB;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

}

label.art-checkbox

{

   cursor: pointer;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 16px;

   display: inline-block;

   color: #CDD4DA !important;

}



.art-checkbox>input[type="checkbox"]

{

   margin: 0 5px 0 0;

}



label.art-checkbox.active:before

{

   background: #8EB4CC;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.art-checkbox.hovered:before

{

   background: #BCD2E1;

   -webkit-border-radius:1px;

   -moz-border-radius:1px;

   border-radius:1px;

   border-width: 0;

   margin:0 auto;

   width:16px;

   height:16px;

   display: inline-block;

}



label.art-radiobutton:before

{

   background: #F9FAFB;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

}

label.art-radiobutton

{

   cursor: pointer;

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: normal;

   line-height: 12px;

   display: inline-block;

   color: #CDD4DA !important;

}



.art-radiobutton>input[type="radio"]

{

   vertical-align: baseline;

   margin: 0 5px 0 0;

}



label.art-radiobutton.active:before

{

   background: #8EB4CC;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



label.art-radiobutton.hovered:before

{

   background: #BCD2E1;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;

   border-radius:3px;

   border-width: 0;

   margin:0 auto;

   width:12px;

   height:12px;

   display: inline-block;

}



.art-comments

{

   border-top:1px dotted #6B9CBD;

   margin:0 auto;

   margin-top: 25px;

}



.art-comments h2

{

   color: #AEC9DB;

}



.art-comment-inner

{

   background: #E2E8EE;

   background: transparent;

   -webkit-border-radius:2px;

   -moz-border-radius:2px;

   border-radius:2px;

   padding:5px;

   margin:0 auto;

   margin-left: 94px;

}

.art-comment-avatar 

{

   float:left;

   width:80px;

   height:80px;

   padding:1px;

   background:#fff;

   border:1px solid #E2E8EE;

}



.art-comment-avatar>img

{

   margin:0 !important;

   border:none !important;

}



.art-comment-content

{

   padding:10px 0;

   color: #FCDEAC;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}



.art-comment

{

   margin-top: 6px;

}



.art-comment:first-child

{

   margin-top: 0;

}



.art-comment-header

{

   color: #AEC9DB;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   line-height: 100%;

}



.art-comment-header a, 

.art-comment-header a:link, 

.art-comment-header a:visited,

.art-comment-header a.visited,

.art-comment-header a:hover,

.art-comment-header a.hovered

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   line-height: 100%;

}



.art-comment-header a, .art-comment-header a:link

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #FFFFFF;

}



.art-comment-header a:visited, .art-comment-header a.visited

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #FFFFFF;

}



.art-comment-header a:hover,  .art-comment-header a.hovered

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #FFFFFF;

}



.art-comment-content a, 

.art-comment-content a:link, 

.art-comment-content a:visited,

.art-comment-content a.visited,

.art-comment-content a:hover,

.art-comment-content a.hovered

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}



.art-comment-content a, .art-comment-content a:link

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #EDF0F2;

}



.art-comment-content a:visited, .art-comment-content a.visited

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #FDE8C4;

}



.art-comment-content a:hover,  .art-comment-content a.hovered

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #EDF0F2;

}



.art-pager

{

   background: #EFF2F5;

   background: -webkit-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;

   background: -moz-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;

   background: -o-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;

   background: -ms-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;

   -svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;

   background: linear-gradient(to bottom, #FFFFFF 0, #93A8BE 100%) no-repeat;

   -webkit-border-radius:2px;

   -moz-border-radius:2px;

   border-radius:2px;

   border:1px solid #6B9CBD;

   padding:5px;

}



.art-pager>*:last-child

{

   margin-right:0 !important;

}



.art-pager>span {

   cursor:default;

}



.art-pager>*

{

   background: #BCD2E1;

   background: -webkit-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -moz-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -o-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -ms-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   -svg-background: linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: linear-gradient(to bottom, #F4F8FA 0, #80AAC6 100%) no-repeat;

   -webkit-border-radius:2px;

   -moz-border-radius:2px;

   border-radius:2px;

   border:1px solid #BCD2E1;

   padding:7px;

   margin:0 4px 0 auto;

   line-height: normal;

   position:relative;

   display:inline-block;

   margin-left: 0;

}



.art-pager a:link,

.art-pager a:visited,

.art-pager .active

{

   line-height: normal;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   color: #111E27

;

}



.art-pager .active

{

   background: #B6BFC9;

   background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;

   background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;

   background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;

   background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;

   -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;

   background: linear-gradient(to bottom, #E5E8EB 0, #8796A6 100%) no-repeat;

   border:1px solid #BCD2E1;

   padding:7px;

   margin:0 4px 0 auto;

   color: #FFFFFF

;

}



.art-pager .more

{

   background: #BCD2E1;

   background: -webkit-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -moz-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -o-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: -ms-linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   -svg-background: linear-gradient(top, #F4F8FA 0, #80AAC6 100%) no-repeat;

   background: linear-gradient(to bottom, #F4F8FA 0, #80AAC6 100%) no-repeat;

   border:1px solid #BCD2E1;

   margin:0 4px 0 auto;

}

.art-pager a.more:link,

.art-pager a.more:visited

{

   color: #181C20

;

}

.art-pager a:hover

{

   background: #8EB4CC;

   background: -webkit-linear-gradient(top, #C3D7E4 0, #568EB3 100%) no-repeat;

   background: -moz-linear-gradient(top, #C3D7E4 0, #568EB3 100%) no-repeat;

   background: -o-linear-gradient(top, #C3D7E4 0, #568EB3 100%) no-repeat;

   background: -ms-linear-gradient(top, #C3D7E4 0, #568EB3 100%) no-repeat;

   -svg-background: linear-gradient(top, #C3D7E4 0, #568EB3 100%) no-repeat;

   background: linear-gradient(to bottom, #C3D7E4 0, #568EB3 100%) no-repeat;

   border:1px solid #BCD2E1;

   padding:7px;

   margin:0 4px 0 auto;

}

.art-pager  a:hover,

.art-pager  a.more:hover

{

   color: #13212A

;

}

.art-pager>*:after

{

   margin:0 0 0 auto;

   display:inline-block;

   position:absolute;

   content: ' ';

   top:0;

   width:0;

   height:100%;

   right: 0;

   text-decoration:none;

}



.art-pager>*:last-child:after{

   display:none;

}



.art-commentsform

{

   background: #E2E8EE;

   background: transparent;

   padding:10px;

   margin:0 auto;

   margin-top:25px;

   color: #AEC9DB;

}



.art-commentsform h2{

   padding-bottom:10px;

   margin: 0;

   color: #AEC9DB;

}



.art-commentsform label {

   display: inline-block;

   line-height: 25px;

}



.art-commentsform input:not([type=submit]), .art-commentsform textarea {

   box-sizing: border-box;

   -moz-box-sizing: border-box;

   -webkit-box-sizing: border-box;

   width:100%;

   max-width:100%;

}



.art-commentsform .form-submit

{

   margin-top: 10px;

}



a img

{

   border: 0;

}



.art-article img, img.art-article, .art-block img, .art-footer img

{

   margin: 0 0 0 0;

}



.art-metadata-icons img

{

   border: none;

   vertical-align: middle;

   margin: 2px;

}



.art-article table, table.art-article

{

   border-collapse: collapse;

   margin: 1px;

}



.art-post .art-content-layout-br

{

   height: 0;

}



.art-article th, .art-article td

{

   padding: 2px;

   border: solid 1px #4C5A67;

   vertical-align: top;

   text-align: left;

}



.art-article th

{

   text-align: center;

   vertical-align: middle;

   padding: 7px;

}



pre

{

   overflow: auto;

   padding: 0.1em;

}



.preview-cms-logo

{

   border: 0;

   margin: 1em 1em 0 0;

   float: left;

}



.image-caption-wrapper

{

   padding: 0 0 0 0;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper img

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper div.art-collage

{

   margin: 0 !important;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.image-caption-wrapper p

{

   font-size: 80%;

   text-align: right;

   margin: 0;

}



.art-postheader

{

   color: #FFFFFF;

   margin: 20px 0 0 20px;

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-transform: uppercase;

}



.art-postheader a, 

.art-postheader a:link, 

.art-postheader a:visited,

.art-postheader a.visited,

.art-postheader a:hover,

.art-postheader a.hovered

{

   font-size: 26px;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-transform: uppercase;

}



.art-postheader a, .art-postheader a:link

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #F7B84A;

}



.art-postheader a:visited, .art-postheader a.visited

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #BCC5CD;

}



.art-postheader a:hover,  .art-postheader a.hovered

{

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

   text-decoration: none;

   text-align: left;

   color: #FAD189;

}



.art-postheadericons,

.art-postheadericons a,

.art-postheadericons a:link,

.art-postheadericons a:visited,

.art-postheadericons a:hover

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #87AFC9;

}



.art-postheadericons

{

   padding: 1px;

}



.art-postheadericons a, .art-postheadericons a:link

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

   color: #A0BFD4;

}



.art-postheadericons a:visited, .art-postheadericons a.visited

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-decoration: none;

   color: #A0BFD4;

}



.art-postheadericons a:hover, .art-postheadericons a.hover

{

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-decoration: underline;

   color: #F9CB7B;

}



.art-postpdficon:before

{

   content:url('images/postpdficon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postpdficon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postprinticon:before

{

   content:url('images/postprinticon.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postprinticon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postemailicon:before

{

   content:url('images/postemailicon.png');

   margin-right:6px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

   bottom: auto;

}

.opera .art-postemailicon:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   content:url('images/postbullets.png');

   margin-right:6px;

   bottom: 2px;

   position:relative;

   display:inline-block;

   vertical-align:middle;

   font-size:0;

   line-height:0;

}

.opera .art-postcontent ul>li:before, .opera   .art-post ul>li:before, .opera   .art-textblock ul>li:before

{

   /* Vertical-align:middle in Opera doesn't need additional offset */

    bottom: 0;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   color: #87AFC9;

   margin: 0 0 0 26px;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol

{

   padding: 0;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li

{

   padding-left: 13px;

}



.art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before

{

   margin-left: -13px;

}



.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul

{

   margin: 1em 0 1em 26px;

}



.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul

{

   margin: 0.5em 0 0.5em 26px;

}



.art-postcontent li, .art-post li, .art-textblock li

{

   margin: 0 0 0 0;

}



.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li

{

   /* overrides overflow for "ul li" and sets the default value */

  overflow: visible;

}



.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li

{

   /* makes "ul li" not to align behind the image if they are in the same line */

  overflow-x: visible;

   overflow-y: hidden;

}



blockquote

{

   background: #F9C367 url('images/postquote.png') no-repeat scroll;

   padding:0 0 0 28px;

   margin:10px 10px 10px 50px;

   color: #140D01;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-align: left;

   /* makes block not to align behind the image if they are in the same line */

  overflow: auto;

   clear:both;

}

blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,

blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,

blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,

blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover

{

   color: #140D01;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   font-weight: normal;

   font-style: italic;

   text-align: left;

}



/* Override native 'p' margins*/

blockquote p,

.art-postcontent blockquote p,

.art-blockcontent blockquote p,

.art-footer blockquote p

{

   margin: 0;

   margin: 2px 0 2px 15px;

}



.art-footer

{

   background: #647687;

   background: transparent;

   margin:10px auto 0;

   position: relative;

   color: #FFFFFF;

   font-size: 11px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-align: left;

   padding: 0;

}



.art-footer a,

.art-footer a:link,

.art-footer a:visited,

.art-footer a:hover,

.art-footer td, 

.art-footer th,

.art-footer caption

{

   color: #FFFFFF;

   font-size: 11px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

}



.art-footer p 

{

   padding:0;

   text-align: left;

}



.art-footer a,

.art-footer a:link

{

   color: #689ABB;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-footer a:visited

{

   color: #66788A;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: none;

}



.art-footer a:hover

{

   color: #F6AC2C;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   text-decoration: underline;

}



.art-footer h1

{

   color: #4C84A9;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer h2

{

   color: #6B9CBD;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer h3

{

   color: #8494A4;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer h4

{

   color: #F9C367;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer h5

{

   color: #F9C367;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer h6

{

   color: #F9C367;

   font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}



.art-footer img

{

   border: none;

   margin: 0;

}



.art-footer-inner

{

   margin: 0 auto;

   width:900px;

   padding-right: 0;

   padding-left: 0;

}



.art-rss-tag-icon

{

   background:  url('images/footerrssicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-rss-tag-icon:empty

{

   vertical-align: middle;

}



.art-facebook-tag-icon

{

   background:  url('images/footerfacebookicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-facebook-tag-icon:empty

{

   vertical-align: middle;

}



.art-twitter-tag-icon

{

   background:  url('images/footertwittericon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-twitter-tag-icon:empty

{

   vertical-align: middle;

}



.art-tumblr-tag-icon

{

   background:  url('images/tumblricon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-tumblr-tag-icon:empty

{

   vertical-align: middle;

}



.art-pinterest-tag-icon

{

   background:  url('images/pinteresticon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-pinterest-tag-icon:empty

{

   vertical-align: middle;

}



.art-vimeo-tag-icon

{

   background:  url('images/vimeoicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:33px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-vimeo-tag-icon:empty

{

   vertical-align: middle;

}



.art-youtube-tag-icon

{

   background:  url('images/youtubeicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-youtube-tag-icon:empty

{

   vertical-align: middle;

}



.art-linkedin-tag-icon

{

   background:  url('images/linkedinicon.png') no-repeat scroll;

   margin:0 auto;

   min-height:32px;

   min-width:32px;

   display: inline-block;

   text-indent: 35px;

   background-position: left center;

   vertical-align: middle;

}



.art-linkedin-tag-icon:empty

{

   vertical-align: middle;

}



.art-footer li

{

   font-size: 13px;

   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;

   line-height: 125%;

   color: #DCE1E5;

}



.art-page-footer, 

.art-page-footer a,

.art-page-footer a:link,

.art-page-footer a:visited,

.art-page-footer a:hover

{

   font-family: Arial;

   font-size: 10px;

   letter-spacing: normal;

   word-spacing: normal;

   font-style: normal;

   font-weight: normal;

   text-decoration: underline;

   color: #9CBDD3;

}



.art-page-footer

{

   position: relative;

   z-index: auto !important;

   padding: 1em;

   text-align: center !important;

   text-decoration: none;

   color: #B2B2B2;

}



.art-lightbox-wrapper 

{

   background: #333;

   background: rgba(0, 0, 0, .8);

   bottom: 0;

   left: 0;

   padding: 0 100px;

   position: fixed;

   right: 0;

   text-align: center;

   top: 0;

   z-index: 1000000;

}



.art-lightbox,

.art-lightbox-wrapper .art-lightbox-image

{

   cursor: pointer;

}



.art-lightbox-wrapper .art-lightbox-image

{

   border: 6px solid #fff;

   border-radius: 3px;

   display: none;

   max-width: 100%;

   vertical-align: middle;

}



.art-lightbox-wrapper .art-lightbox-image.active

{

   display: inline-block;

}



.art-lightbox-wrapper .lightbox-error

{

   background: #fff;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;

   height: 80px;

   opacity: .95;

   padding: 20px;

   position: fixed;

   width: 300px;

   z-index: 100;

}



.art-lightbox-wrapper .loading

{

   background: #fff url('images/preloader-01.gif') center center no-repeat;

   border: 1px solid #b4b4b4;

   border-radius: 10px;

   box-shadow: 0 2px 5px #333;

   height: 32px;

   opacity: .5;

   padding: 10px;

   position: fixed;

   width: 32px;

   z-index: 10100;

}



.art-lightbox-wrapper .arrow

{

   cursor: pointer;

   height: 100px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   width: 82px;

   z-index: 10003;

}



.art-lightbox-wrapper .arrow.left

{

   left: 9px;

}



.art-lightbox-wrapper .arrow.right

{

   right: 9px;

}



.art-lightbox-wrapper .arrow:hover

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.art-lightbox-wrapper .arrow.disabled 

{

   display: none;

}



.art-lightbox-wrapper .arrow-t, 

.art-lightbox-wrapper .arrow-b

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   left: 26px;

   position: relative;

   width: 30px;

}



.art-lightbox-wrapper .arrow-t

{

   top: 38px;

}



.art-lightbox-wrapper .arrow-b

{

   top: 50px;

}



.art-lightbox-wrapper .close

{

   cursor: pointer;

   height: 22px;

   opacity: .5;

   filter: alpha(opacity=50);

   position: fixed;

   right: 39px;

   top: 30px;

   width: 22px;

   z-index: 10003;

}



.art-lightbox-wrapper .close:hover 

{

   opacity: 1;

   filter: alpha(opacity=100);

}



.art-lightbox-wrapper .close .cw, 

.art-lightbox-wrapper .close .ccw

{

   background-color: #fff;

   border-radius: 3px;

   height: 6px;

   position: absolute;

   left: -4px;

   top: 8px;

   width: 30px;

}



.art-lightbox-wrapper .cw

{

   transform: rotate(45deg);

   -ms-transform: rotate(45deg);

   /* IE 9 */

    -webkit-transform: rotate(45deg);

   /* Safari and Chrome */

    -o-transform: rotate(45deg);

   /* Opera */

    -moz-transform: rotate(45deg);

/* Firefox */}



.art-lightbox-wrapper .ccw

{

   transform: rotate(-45deg);

   -ms-transform: rotate(-45deg);

   /* IE 9 */

    -webkit-transform: rotate(-45deg);

   /* Safari and Chrome */

    -o-transform: rotate(-45deg);

   /* Opera */

    -moz-transform: rotate(-45deg);

/* Firefox */}



.art-lightbox-wrapper .close-alt, 

.art-lightbox-wrapper .arrow-right-alt, 

.art-lightbox-wrapper .arrow-left-alt 

{

   color: #fff;

   display: none;

   font-size: 2.5em;

   line-height: 100%;

}



.ie8 .art-lightbox-wrapper .close-alt, 

.ie8 .art-lightbox-wrapper .arrow-right-alt, 

.ie8 .art-lightbox-wrapper .arrow-left-alt 

{

   display: block;

}



.ie8 .art-lightbox-wrapper .cw, 

.ie8 .art-lightbox-wrapper .ccw 

{

   display: none;

}



.art-content-layout .art-content

{

   margin:0 auto;

}



/* Begin Additional CSS Styles */

.art-logo-text{margin-top:-10px}

.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}

/* End Additional CSS Styles */

.contact{ /*dar color y ubicación al icono Whatsapp*/
   position:fixed;
   top:75%;
   bottom: 0px;
   left:2% ;
   right:0px;
   
}

.contact a{ /*dar color fondo y letra texto del icono Whatsapp*/
 color: var(--white);
 background: var(--white);
}

.contacts{ /*dar color y ubicación al icono Whatsapp*/
   position:fixed;
   top:10%;
   bottom: 0px;
   left:1% ;
   right:0px;
   
}

.contacts a{ /*dar color fondo y letra texto del icono Whatsapp*/
 color: var(--white);
 background: var(--white);
}