
* {padding: 0; margin: 0;}
img {border: 0;}
@font-face {
    font-family: 'robotobold';
    src: url('/fonts/roboto-bold-webfont.eot');
    src: url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-bold-webfont.woff') format('woff'),
         url('/fonts/roboto-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotomedium';
    src: url('/fonts/roboto-medium-webfont.eot');
    src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-medium-webfont.woff') format('woff'),
         url('/fonts/roboto-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/roboto-regular-webfont.eot');
    src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-regular-webfont.woff') format('woff'),
         url('/fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'webfontregular';
    src: url('/fonts/bodnoffn-webfont.eot');
    src: url('/fonts/bodnoffn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bodnoffn-webfont.woff') format('woff'),
         url('/fonts/bodnoffn-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold_condensed';
    src: url('/fonts/roboto-boldcondensed-webfont.eot');
    src: url('/fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-boldcondensed-webfont.woff') format('woff'),
         url('/fonts/roboto-boldcondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotocondensed';
    src: url('/fonts/roboto-condensed-webfont.eot');
    src: url('/fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-condensed-webfont.woff') format('woff'),
         url('/fonts/roboto-condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {
font-family: Helvetica, Arial, sans-serif;
background: #fff;
text-align: center;
width: 100%;
overflow-x: hidden;
padding: 0;
color: #222;
line-height: 100%;
}

#headerwrapper {width: 100%;}
#header {width: 990px; margin: 0 auto; text-align: left; height: 134px; display: inline-block;}
#logo {
display: inline-block; float: left;
width: 160px; 
height: 115px; 
float: left;
margin: 15px 0 0 15px;
}

#search {width: 254px; border: 0; background: #f4f3f1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
display: inlne-block; float: right;
margin: 15px 15px 15px 0;
}
#search input {
padding: 10px 10px; height: 18px; line-height: 18px; border: 0;
width: 178px;
background: transparent;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
#search.active {
width: 304px;
background: #f2f1f1
}
#search.active input:focus {
width: 238px;
}


#search input:focus, #search button:focus {outline: none;}
#search button {height: 38px; width: 38px; background: #000; color: #fff; text-align: center; float: right; display: inline-block; border: 0; cursor: pointer;}



#mainnav {
border-top: 1px solid rgba(0,0,0,0.1);
display: inline-block; float: left;
width: 770px; margin: 0 15px 0 15px;
border-bottom: 1px solid rgba(0,0,0,0.1);
float: right;
}
#mainnav li {list-style: none; display: inline-block; float: left; position: relative; margin-right: 10px;}
#mainnav li a {display: inline-block; padding: 0 15px 0 36px; height: 36px; line-height: 36px; font-family: 'robotobold_condensed', Arial; color: #000; font-size: 18px; text-decoration: none;

}

#mainnav li a.nav1 {background-position: 0 0;}
#mainnav li a.nav2 {background-position: 0 -36px;}
#mainnav li a.nav3 {background-position: 0 -108px;}
#mainnav li a.nav4 {background-position: 0 -72px;}

#mainnav li a:hover {color: #03a6a4;}

#mainnav li ul.droplist {position: absolute; top: 36px; left: 0; background: #fff;  z-index: 8000; width: 150px;
box-shadow: 0 10px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.4);display: none;
}


#mainnav li ul.droplist li {list-style: none; border-bottom: 1px solid #ddd; width: 100%; }
#mainnav li ul.droplist li:last-child {border-bottom: none;}
#mainnav li ul.droplist li a {padding: 0 15px; height: 34px; line-height: 34px; display: block; background: none;}
#mainnav li ul.droplist li a:hover {background: #03a6a4; color: #fff;}

#mainnav li.on  ul.droplist {display: block !important;}

#contentwrapper  {
padding-top: 20px;
width: 100%;
display: inline-block;
float: left;
}

#content {
width: 990px;
text-align: left; margin: 0 auto;
display: inline-block;
}




.leftcol {width: 660px; display: inline-block; float: left;}
.rightcol {width: 330px;display: inline-block; float: left;}

.bigpost {width: 630px; margin: 10px 15px; display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.3);}
.bigpost h2 {width: 100%; font-family: 'webfontregular'; font-weight: normal; letter-spacing: -1px; padding: 10px 0 5px 0; font-size: 36px; line-height: 38px;  display: inline-block;}
.bigpost a h2 {text-decoration: none; color: #222;}
.bigpost .postinfo {width: 100%; padding: 5px 0; color: #666; font-size: 12px; font-family: Arial, sans-serif; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px;}
.bigpost .postinfo span.postdate {padding-left: 10px; margin-left: 10px; display: inline-block; border-left: 1px solid #ccc;}
.bigpost .postimgfull {width: 100%; border: 0; margin: 5px 0; display: inline-block;}
.bigpost .postimgfull img {width: 100%; border: 0;}
.bigpost .postteaser {font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 22px; color: #666;}


.bigpost .mainimg {width: 630px; margin-bottom: 10px !important; display: inline-block; overflow: hidden;}
.bigpost .mainimg img {margin: 0 !important; border: 0 !important; max-width: 630px;}



.smallpostbox {width: 630px; display: inline-block; margin: 0 15px; border-top: 2px solid rgba(0,0,0,0.3)}
.smallpost {width: 630px; margin: 0; padding-bottom: 0;margin: 0 15px; display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.3);}
.smallpostbox .smallpost:last-child {border-bottom: 0;}
.smallpost .postright {width: 430px; display: inline-block; float: left;}


.smallpost .postright h2.normal, .smallpost .postright h2 {width: 100%; font-family: 'webfontregular'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px;}
.smallpost .postright a {text-decoration: none;}
.smallpost .postright a h2 {text-decoration: none; color: #222;}
/*
.smallpost .postright h2.yeseva {width: 100%; font-family: 'yeseva'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px;}
.smallpost .postright h2.abril {width: 100%; font-family: 'abrilfatface'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px;}
.smallpost .postright h2.playfair {width: 100%; font-family: 'playfair'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px;}
.smallpost .postright h2.playfairbold {width: 100%; font-family: 'playfairblack'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px;}
.smallpost .postright h2.bodonof {width: 100%; font-family: 'webfontregular'; font-weight: normal;padding: 15px 0 10px 0; font-size: 28px; line-height: 31px;}
.smallpost .postright h2.clarendon {width: 100%; font-family: 'clarendon'; font-weight: normal;padding: 15px 0 10px 0; font-size: 30px; line-height: 32px; letter-spacing: -1px;}
*/
.smallpost .postright .postinfo {width: 100%; padding: 5px 0; color: #666;margin-bottom: 10px; font-size: 12px; font-family: Arial, sans-serif; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}
.smallpost .postright .postinfo span.postdate {padding-left: 10px; margin-left: 10px; display: inline-block; border-left: 1px solid #ccc;}
.smallpost .postright .postteaser {font-family: 'Arial'; font-size: 17px; line-height: 22px; color: #666;}
.smallpost .postthumb {width: 180px; height: 180px; overflow: hidden; display: inline-block; float: left; margin: 20px 20px 10px 0;}
.smallpost .postthumb img {width: 180px; height: 180px; border: 0;}



.talalatoktop {width: 960px; margin: 10px 15px; display: inline-block;font-family: 'robotocondensed';font-size: 18px;}
.talalatoktop label {color: #888;}
.smallpost2 {width: 630px; margin: 0; padding-bottom: 10px; display: inline-block; border-top: 1px solid rgba(0,0,0,0.2);line-height: 16px;}
.smallpostbox .smallpost:last-child {border-bottom: 0;}
.smallpost2 .postright {width: 460px; display: inline-block; float: left;}
.smallpost2 .postright h2 {width: 100%; font-family: 'webfontregular'; font-weight: normal; padding: 15px 0 10px 0; font-size: 20px; line-height: 24px;}
.smallpost2 .postright a {text-decoration: none;}
.smallpost2 .postright a h2 {text-decoration: none; color: #222;}
.smallpost2 .postright .postinfo {width: 100%; padding: 5px 0; color: #666;margin-bottom: 10px; font-size: 12px; font-family: Arial, sans-serif; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.smallpost2 .postright .postinfo span.postdate {padding-left: 10px; margin-left: 10px; display: inline-block; border-left: 1px solid #ccc;}
.smallpost2 .postright .postteaser {font-family: 'Arial'; font-size: 19px; line-height: 24px; color: #666;}
.smallpost2 .postthumb {width: 150px; height: 150px; overflow: hidden; display: inline-block; float: left; margin: 20px 20px 10px 0;}
.smallpost2 .postthumb img {width: 150px; height: 150px; border: 0;}

.fullpost {width: 630px; margin: 10px 15px; display: inline-block; }
.fullpost h2 {width: 100%; font-family: 'webfontregular', Arial, sans-serif; letter-spacing: -1px; font-weight: normal; padding: 10px 0; font-size: 36px; line-height: 38px;border-top: 2px solid rgba(0,0,0,0.3); }
.fullpost .postinfo {width: 100%; padding: 5px 0; color: #666; font-size: 12px; font-family: Arial, sans-serif; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px;}
.fullpost .postinfo span.postdate {padding-left: 10px; margin-left: 10px; display: inline-block; border-left: 1px solid #ccc;}


.fullpost .postimgfull {width: 630px; border: 0; display: inline-block;}
.fullpost .postimgfull img, .fullpost .postimgbox img{max-width: 630px; border: 0; margin-bottom: 0;}


.fullpost .posttext {font-family: 'Arial'; font-size: 17px; color: #666; line-height: 23px; text-align: left;}



.fullpost .imgcaption {padding: 0 0 5px 0; border-bottom: 1px solid #e5e5e5; font-family: Arial, sans-serif; font-size: 11px; clor: #666; line-height: 13px; font-style: italic; color: #000; display: inline-block; margin-bottom: 5px;}


.fullpost .posttext img {max-width: 630px; display: inline-block; margin: 10px 0;}

.fullpost .posttext img.left {display: inline-block; float: left; margin: 15px 17px 12px 0; max-width: 290px;}
.fullpost .posttext img.right {display: inline-block; float: right; margin: 15px 0 12px 17px; max-width: 290px;}
.fullpost .posttext img.center {display: block; max-width: 630px; clear: both; margin: 15px auto !important;}
.fullpost .mainimg {width: 630px; margin-bottom: 30px !important; margin-bottom: 30px; display: inline-block; overflow: hidden;}
.fullpost .mainimg img {margin: 0 !important; border: 0 !important; max-width: 630px;}

.fullpost .posttext h2 {font-family: 'robotobold_condensed'; font-size: 32px; color: #222;}
.fullpost .posttext h3 {font-family: 'robotobold_condensed'; font-size: 28px; color: #222;}
.fullpost .posttext h4 {font-family: 'robotobold_condensed'; font-size: 24px; color: #222;}
.fullpost .posttext h5 {font-family: 'robotobold_condensed'; font-size: 20px; color: #222;}
.fullpost .posttext h6 {font-family: 'robotobold_condensed'; font-size: 17px; color: #222;}
.fullpost .posttext a {color: #03a6a4;}

.fullpost .posttext small {font-size: 12px;}

.fullpost img {max-width: 630px !important;}






.postbottom {width: 100%;display: inline-block; margin-top: 10px; position: relative;}
.postbottom .more {display: inline-block; float: right; background: #fff; color: #000; padding: 4px 0px; font-size: 14px; font-family: 'robotobold_condensed'; text-decoration: none; text-transform: uppercase;}
.postbottom .more:hover {color: #03a6a4;}
.postbottom .sharethis {display: inline-block; color: #03a6a4; float: left; background: transparent url('/img/share.gif') no-repeat left center; padding: 6px 8px 6px 25px; font-size: 14px; font-family: 'robotobold_condensed'; text-decoration: none; text-transform: uppercase;}


.sponsoredby {display: none; width: 100%; padding-top: 10px; border-top: 1px dotted rgba(0,0,0,0.2);}
.sponsoredby span {display: inline-block; float: left; width: 420px; font-size: 12px; text-transform: uppercase;}
.sponsoredby .sponsorlogo {width: 180px; display: inlne-block; float: right;}
.sponsoredby .sponsorlogo img {bordeR: 0;}



.categorybox {width: 300px; margin: 10px 15px;display: inline-block;}
.categorybox a {text-decoration: none; color: #222; width: 100%;}
.categorybox a h4, .categorybox  h4  {width: 100%; padding: 5px 0; font-size: 18px; line-height: 22px; border-top: 2px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); display: inline-block;font-family: 'webfontregular', Arial, sans-serif; font-weight: normal;}


.postlistsmall {width: 300px; display: inline-block;}
.postlistsmall li {list-style: none; display: inline-block; width: 100%; height: 64px; line-height: 0;}
.postlistsmall li a {width: 100%; padding: 7px 0; border-bottom: 1px solid rgba(0,0,0,0.1);display: inline-block;}

.postlistsmall li a img {width: 76px; height: 50px;border: none;}
.postlistsmall li a .postlisttext {display: inline-block; float: right; width: 214px; text-decoration: none; height: 50px; overflow: hidden;}
.postlistsmall.noimg li a .postlisttext {width: 300px;}
.postlistsmall.noimg li a img {display: none;}
.postlistsmall li a .postlisttext h3 {height: 17px; line-height: 17px; font-size: 13px; 
text-overflow: ellipsis;
white-space: nowrap;
	overflow: hidden;
	color: #000;
}
.postlistsmall li a:hover .postlisttext h3 {color: #03a6a4; text-decoration: underline;}
.postlistsmall li a .postlisttext p.teaser {font-size: 13px; line-height: 17px; color: #777;}




.archivumlist {width: 300px; display: inline-block;}
.archivumlist li {list-style: none; display: inline-block; width: 100%; line-height: 0;}
.archivumlist li a {width: 100%; padding: 5px 0; height: 18px; line-height: 18px; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.1);display: inline-block; color: #000;}
.archivumlist li a small {float: right; color: #777;}
.archivumlist li a span {display: inline-block; text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
	overflow: hidden;
}
.archivumlist li a i {float: right; margin-left: 8px;}

.archivumlist li a i img {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moztransform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
border: none; border: 0;
}
.archivumlist li.active a i img {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}



.togglelist {width: 300px; display: none;}
.togglelist li {list-style: none; display: inline-block; width: 100%; line-height: 0;}
.togglelist li a {width: 280px; padding: 5px 0 5px 20px; height: 18px; 
background: url('/img/list.png') no-repeat 5px 5px;
font-size: 13px; font-weight: bold; line-height: 18px; border-bottom: 1px solid rgba(0,0,0,0.1);display: inline-block;}
.togglelist li a span {
width: 280px; color: #03a6a4;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.togglelist li a:hover span {text-decoration: underline;}

.togglelist li.more {color: #fff;background: #03a6a4;}
.togglelist li.more a {background: #03a6a4;}
.togglelist li.more a span {color: #fff;}

.sharebox {width: 300px; height: 70px; display: none; padding: 10px; position: absolute; top: 30px; left: 0;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
}



.ajanlottcikkek {width: 630px; margin: 10px 15px; display: inline-block;}
.ajanlottcikkek label {width: 100%; display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.3); padding: 10px 0; font-size: 26px; line-height: 28px; height: 28px; font-family: 'webfontregular', Arial, sans-serif; font-weight: normal;}
.ajanlottcikk {width: 156px;display: inline-block; float: left; border-right: 1px dotted rgba(0,0,0,0.15);border-bottom: 1px dotted rgba(0,0,0,0.15); min-height: 170px;}
.ajanlottcikk img {display: inline-block; float: left; width: 136px; margin: 10px 10px; border: 0;}
.ajanlottcikk h4 {display: inline-block; color: #03a6a4; float: left; width: 136px;  margin: 5px 10px; line-height: 15px; font-size: 13px;}
.ajanlottcikk:hover  h4 {text-decoration: underline;} 
.ajanlottcikk p.teaser {display: inline-block; float: left; color: #666; width: 136px; margin: 5px 10px 10px 10px; font-size: 13px; line-height: 16px;}
.ajanlottcikkek .ajanlottcikk:last-child {border-right: 0;}
.ajanlottcikkek .ajanlottcikk:nth-child(5n+0) {border-right: 0;}

.ajanlottcikk:hover {background: rgba(255,255,255,0.7);}


.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.social-buttons { display: block; list-style: none; padding: 0; margin: 0; }
.social-buttons > li { display: block; margin: 0; padding: 5px; float: left; }
.social-buttons .socialite { display: block; position: relative; background: url('/img/social-sprite.png') 0 0 no-repeat; }
.social-buttons .socialite-loaded { background: none !important; }

.social-buttons .twitter-share { width: 55px; height: 65px; background-position: 0 0; }
.social-buttons .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; }
.social-buttons .facebook-like { width: 50px; height: 65px; background-position: -145px 0; }
.social-buttons .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; }





.bannerbox300 {display: inline-block; width: 300px; height: auto; margin: 10px 15px;}
.bannerbox300 img {border: none; width: 300px;}
.bannerbox630 {display: inline-block; width: 630px; height: auto; margin: 10px 15px;}
.bannerbox630 img {border: none; width: 630px;}

.bannerbox300 label, .bannerbox630 label {width: 100%; display: inline-block; font-size: 11px; color: #888; line-height: 18px; height: 18px;}

.bannerbox300 .flashbox {border: 1px solid #ccc; text-align: center;}



.videobox {width: 630px; margin: 15px 0; display: inline-block;}
.videobox iframe {border: 0; padding: 0; margin:0;}

.galeria {width: 630px; margin: 10px 0; display: inline-block;}

.galeria label {width: 100%; display: inline-block;padding: 5px 0px; border-top: 1px solid #e5e5e5; font-family: Arial, sans-serif; font-size: 11px; line-height: 15px; font-style: italic; color: #000; }

  .kiskep {display: inlnine-block; float: left; margin: 2px; background: #fff url('cikkpre.gif') no-repeat center center; overflow: hidden;}
 /* .kiskep img {
  transform: scale(1.01,1.01) rotate(0.002deg);
  -webkit-transform: scale(1.01,1.01) rotate(0.002deg);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  }
  .kiskep:hover img {
  transform: scale(1.05,1.05) rotate(0.002deg);
  -webkit-transform: scale(1.05,1.05) rotate(0.002deg);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  }*/
  
  .kiskep img {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0;
  }
  .kiskep:hover img {
  opacity: 0.7;
  margin: 0;
  
  }
  
  .small {width: 122px; height: 122px; overflow: hidden;}
  .big1 {width: 248px; height: 248px; float: right; overflow: hidden;}
  .big2 {width: 248px; height: 248px; float: left; overflow: hidden;}
  
  .small img {/*width: 122px !important; height: 122px !important;*/ border: none; border: 0;margin: 0 !important; max-height: 248px;;}
  .big1 img, .big2 img {/*width: 248px !important; height: 248px !important;*/ border: none; border: 0;margin: 0 !important; max-height: 248px;}

/*--FEKETE TAP HIGHLIGHT NEM KELL---*/
* {-webkit-tap-highlight-color: rgba(0,0,0,0); }


.tagcloud {width: 300px; margin: 10px 15px; display: inline-block; text-align: center;}
.tagcloud h4 {width: 100%; padding: 5px 0; text-align: left; font-size: 18px; line-height: 22px; margin-bottom: 6px; border-top: 2px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); display: inline-block;font-family: 'robotobold_condensed';}

.tagcloud span {display: inline-block; margin: 0px;padding: 0;}

.tagcloud a:link, .tagcloud a:visited {text-decoration:none;color: #03a6a4; display: inline-block; margin: 1px;}
.tagcloud a:hover {text-decoration: none;}


.tagcloud a {padding: 0 6px !important; /*background: #00aba9;*/ display: inline-block !important; float: left !important; margin: 0 !important;  line-height: 24px !important; height: 24px !important; overflow: hidden !important; font-family: 'robotoregular' !important;
transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
color: #03a6a4 !important;
}
.tagcloud a.small {width: auto !important;}
/*
.tagcloud a.small {font-size: 11px;  background: rgba(0,171,169,0.55); width: auto;}
.tagcloud a.smallest  {font-size: 12px; background: rgba(0,171,169,0.4); width: auto;}
.tagcloud a.medium {font-size: 13px; background: rgba(0,171,169,0.7); width: auto;}
.tagcloud a.large {font-size: 14px;  background: rgba(0,171,169,0.9); width: auto;}
.tagcloud a.largest {font-size: 18px;  background: rgba(0,142,140,1); width: auto; line-height: 22px !important;}
*/

.tagcloud span:hover a{
transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
z-index: 300  !important;;
background: #000 !important;
color: #fff;
}



.billboard {
width: 960px;
height: 380px;
margin: 0 15px 30px 15px;
background: #222;
display: inline-block;
position: relative;
}
.swiper-container, .swiper-slide {
  width: 960px;
  height: 380px;
}
.billboard .arrow-left {
  background: url(/img/arrows-slider.png) no-repeat left top;
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 900;
}
.billboard .arrow-right {
  background: url(/img/arrows-slider.png) no-repeat left bottom;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
    z-index: 900;
}

.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:-26px;
  width: 100%;
    z-index: 900;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: rgba(0,0,0,0.15);
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 4px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #03a6a4;
}









/*pagination*/
#pagerbox {width: 630px; display: inline-block; margin: 10px 15px; border-top: 2px solid rgba(0,0,0,0.3);}

#paging {width: 630px; display: inline-block;}
#paging li {list-style: none; display: inline-block; float: left; line-height:0;}
#top_pager ,
#bottom_pager {
display: inline-block;
background: transparent;
display: inline-block;
padding: 5px;
width: 620px;
}
#top_pager {border-bottom: 1px solid rgba(0,0,0,0.2);}
#bottom_pager {border-bottom: 1px solid rgba(0,0,0,0.0);}

.page_navigation {
display: inline-block; 
float: left;
}







.page_navigation a, .alt_page_navigation a{ 
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  width: 30px; 
  height: 30px;
	margin: 0 5px 0 0;

	color:#222;

	text-decoration:none;
	float: left;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background: #fff;

}
.page_link.active_page {
 
  background: #0fbdbb; 
  /*box-shadow: 1px 1px 3px #888 inset;
  -webkit-box-shadow: 1px 1px 3px #888 inset;
  -moz-box-shadow: 1px 1px 3px #888 inset;
  -ms-box-shadow: 1px 1px 3px #888 inset;*/
  color: #fff;
  text-align: center;
}	
.page_navigation .ellipse {display: inline-block; float: left;padding: 0 10px;
	margin: 0 5px 0 0;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 2px;
  
  }
.page_navigation .first_link, .page_navigation  .previous_link, .page_navigation  .last_link, .page_navigation  .next_link {padding: 0; background: #ddd; }

.page_navigation  .previous_link {text-indent: -9999px; background: #fff url('/img/prevs.png') no-repeat center center;}
.page_navigation  .next_link {text-indent: -9999px; background: #fff url('/img/nexts.png') no-repeat center center;}
.page_navigation  .first_link {text-indent: -9999px;background: #fff url('/img/firsts.png') no-repeat center center; margin-left: 10px;}
.page_navigation  .last_link {text-indent: -9999px; background: #fff url('/img/lasts.png') no-repeat center center;}
.page_navigation .no_more {/*color: #ccc;
 opacity: 0.2; 
 -ms-filter: "alpha(opacity=20)"; 
 filter: alpha(opacity=20); 
 -khtml-opacity: 0.2;
 -moz-opacity: 0.2;  */
}

#footerwrapper {width: 100%; background: #e2dfdc; display: inline-block; margin-top: 20px; color: #111;}
#footer {width: 960px; margin: 0 auto; text-align: left; height: auto; padding: 25px 0; display: inline-block;}

.footerlist {display: inlnie-block; float: left; width: 170px;}
.footerlist li {width: 100%; list-style: none;}
.footerlist li a {padding: 5px 0; font-size: 14px; text-transform: uppercase; display: inline-block; color: #222; text-decoration: none; font-family: 'robotobold_condensed', Arial, sans-serif;}
.footerlist li a:hover {text-decoration: underline; color: #03a6a4;} 

.footerlist.right {padding-left: 60px; border-left: 1px solid #bbb;}

#footer .copy {
margin-top: 22px;
font-size: 11px; width: 100%; line-height: 13px; color: #000; border-top: 1px solid #bbb;
padding: 10px 0; display: inline-block; float: left;
}






.htmltext {width: 630px; margin: 10px 15px; display: inline-block; }
.htmltext h2 {width: 100%; font-family: 'webfontregular', Arial, sans-serif; letter-spacing: -1px; font-weight: normal; padding: 15px 0; font-size: 36px; line-height: 38px;border-top: 2px solid rgba(0,0,0,0.3); }
.htmltext .postinfo {width: 100%; padding: 5px 0; color: #666; font-size: 12px; font-family: Arial, sans-serif; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px;}
.htmltext .postinfo span.postdate {padding-left: 10px; margin-left: 10px; display: inline-block; border-left: 1px solid #ccc;}


.htmltext .postimgfull {width: 630px; border: 0; display: inline-block;}
.htmltext .postimgfull img {max-width: 630px; border: 0;}


.htmltext .posttext {font-family: 'Arial'; font-size: 17px; color: #666; line-height: 23px; text-align: left;}



.htmltext .imgcaption {padding: 0 0 5px 0; border-bottom: 1px solid #e5e5e5; font-family: Arial, sans-serif; font-size: 11px; clor: #666; line-height: 13px; font-style: italic; color: #000; display: inline-block; margin-bottom: 5px;}


.htmltext .posttext img {max-width: 630px; display: inline-block; margin: 10px 0;}

.htmltext .posttext img.left {display: inline-block; float: left; margin: 15px 17px 12px 0; max-width: 290px;}
.htmltext .posttext img.right {display: inline-block; float: right; margin: 15px 0 12px 17px; max-width: 290px;}
.htmltext .posttext img.center {display: block; max-width: 630px; clear: both; margin: 15px auto !important;}
.htmltext .mainimg {width: 630px; margin-bottom: 30px !important; margin-bottom: 30px; display: inline-block; overflow: hidden;}
.htmltext .mainimg img {margin: 0 !important; border: 0 !important; max-width: 630px;}

.htmltext .posttext h2 {font-family: 'robotobold_condensed'; font-size: 32px; color: #222;}
.htmltext .posttext h3 {font-family: 'robotobold_condensed'; font-size: 28px; color: #222;}
.htmltext .posttext h4 {font-family: 'robotobold_condensed'; font-size: 24px; color: #222;}
.htmltext .posttext h5 {font-family: 'robotobold_condensed'; font-size: 20px; color: #222;}
.htmltext .posttext h6 {font-family: 'robotobold_condensed'; font-size: 17px; color: #222;}
.htmltext .posttext a {color: #03a6a4;}

.htmltext .posttext small {font-size: 12px;}

.htmltext img {max-width: 630px !important;}

.separator {width: 100%; height: 1px; background: #ccc; overflow: hidden; display: inline-block; margin: 0 0 15px 0;}

.fullpost .postimgfull img, .fullpost .postimgbox img{max-width: 630px; border: 0; margin-bottom: 0;}



/*--P formazas---*/

.fullpost .posttext, .htmltext .posttext {text-align: justify !important;}

.fullpost .posttext p.justify, .htmltext .posttext p.justify {text-align: justify !important;}
.fullpost .posttext p.left, .htmltext .posttext p.left{text-align: left !important;}
.fullpost .posttext p.right, .htmltext .posttext p.right {text-align: right !important;}
.fullpost .posttext p.center, .htmltext .posttext p.center {text-align: center !important;}

.smallpost .postright .postteaser, .smallpost2 .postright .postteaser,  .bigpost .postteaser {text-align: justify;}
