/*  
Theme Name: ViCamilleri
Theme URI: //sono-italiana.ru/
Author: Vicamilleri
Author URI: //sono-italiana.ru/
Tags: fixed-width, custom-header, photoblogging, right-sidebar

*/

* { margin: 0; padding: 0; list-style: none; }
body {
text-align: center;
font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
background-image: url('/Linea.jpg');
background-repeat: repeat; background-position: top center; background-attachment: fixed;
}
p {
padding-bottom: 14px;
}
body a {
color: #004d4d;
font-weight: none;
text-decoration: underline;
}
a:hover {
color: #003841;
text-decoration: none;
}
#upperBar {
height: 0px;
background: #01bcff;
}
#wrapper {
width: 1000px;
margin: 0 auto;
text-align: left;
position: relative;
}
#welcomeheading a {
margin-bottom: 0px;
padding-bottom: 0px;
font: 20pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
font-weight: bold;
padding-top: 0px;
color: #007897;
text-decoration: none;
}
#welcomeheading {
text-align: center;
}
#welcomeheading a:hover {
color: #0d98ba;
}
.description {
text-align: center;
font: italic 15px Tahoma, Helvetica, Sans-serif;
color: #000000;
padding-bottom: 1px;
padding-top: 1px;
}  
#content {
float: left;
width: 694px;
margin-top: 15px;
margin-bottom: 5px;
padding: 26px;
border: 1px solid #c9d1ce;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.9)
}
#content .notice p {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 5px 0px;
font-size: 12px;
margin: 10px;
}
#content .notice {
color: #485054;
text-decoration: none;
font-weight: bold;
padding: 10px 5px;
font-size: 19px;
margin-bottom: 20px;
}
#content .post {
float: left;
position: relative;
width: 694px;
margin-bottom: 10px;
padding-top: 0px;
}
#content .post h1 {
color: #800000;
text-decoration: none;
background-color: #f5f5f5;	
padding: 10px 5px;
font-size: 22px;
}
#content .post h2 a {
color: #800000;
text-decoration: none;		
padding: 0px 0px;
font-size: 22px;
}
#content .post h2 {
color: #800000;
text-decoration: none;		
padding: 0px 0px;
font-size: 22px;
}
#content .post h2 a:hover {
color: #92000a;
}
#content .post h3 {
font-size: 18px;
font-weight: bold;
color: #800000;
margin-bottom: 20px;
margin-top: 0px
}
#content .post h3 a {
color: #000000;
}              
#content .post h3 a:hover {
text-decoration: none;
}
#content .post img {
max-width: 680px;
max-height: 3000px;
padding: 7px;
border: 1px solid #c9d1ce;
box-shadow: 3px 3px 1px #e3e8e6;
background: #fff;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}  
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0px 16px 16px 0px;
padding-bottom: 16px;
padding-top: 16px;	
}
.alignright {
float: right;
margin: 0px 0px 16px 16px;
padding-bottom: 16px;
padding-top: 16px;		
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#content p.wp-caption-text  
{
font-size: 12px;
line-height: 17px;
margin: 10px;
color: #000000;
text-align: center;
}
#content .post a img {
}
#content .post ul {
margin-left: 20px !important;
}
#content .post ul li {
list-style-type: disc !important;
}
#content p,
#content .post ul li {
font: normal 15px/23px Verdana, Helvetica, Sans-serif;
margin-bottom: 10px;
margin-top: 10px;
color: #000000;
margin-right: 0px;
text-align: justify;
}
#content blockquote {
margin-left: 10px;
border-left: 3px solid #555;
padding-left: 10px;
font-style: italic;
}
#content p a {
color: #800000;
text-decoration: underline;
}
#content p a:hover {
text-decoration: wavy underline;
color: #92000a;
}
#content small {
margin: 0 auto;
text-align: center;
display: block;
border-top: 3px solid #333;
border-bottom: 1px solid #333;
font-size: 11px;
color: #000000;
}
#content ol {
line-height: 1.6;
}
#content ol.commentlist {
margin-top: 10px;
}
#content ol.commentlist li {
border-top: 1px solid #333;
margin-bottom: 10px;
} 
#content ol.commentlist li .commentMeta {
width: 120px;
float: left;
margin-top: 5px;
} 
#content ol.commentlist li .commentMeta span {
display: block;
}
#content ol.commentlist li .commentMeta span.author,
#content ol.commentlist li .commentMeta span.author a {
color: #008080;
font-weight: bold;    
text-decoration: none;
margin-bottom: 5px;
}                     
#content ol.commentlist li .commentMeta span.date a {
color: #666;
text-decoration: none;
font-size: 11px;
}
#content ol.commentlist li .commentMeta span.moderate a {
color: #008080;
}
#content ol.commentlist li .commentText {
width: 500px;
float: right;
padding: 5px;
font-size: 12px;
}
#content h3 {
color: #610B0B;
font-size: 17px;
}
#content #commentform input {
padding: 5px;
font-family: Arial, Helvetica, Sans-serif;
}
#content #commentform textarea {
width: 500px;
padding: 10px;
font-family: Arial, Helvetica, Sans-serif;
}
#content .nextprevious {
height: 40px;
display: block;
} 

#content .adBrite {
display: block;
margin-bottom: 20px;
border: 1px solid #333;
}
#sidebar {
width: 200px;
float: right;
margin-top: 15px;
padding-top: 8px;
border: 1px solid #c9d1ce;
border-radius: 2px;	
text-align: left;
padding: 25px;
margin-bottom: 15px;
background-color: rgba(255, 255, 255, 0.8)
} 
#sitemeter {
text-align: left;
width: 200px;
font: 10px Tahoma, Arial;
color: #004d4d;
}
#sitemeter img{
padding-bottom: 8px;
padding-top: 8px;
}
#sidebar a img {
border: none;
}
#sidebar ul {
margin-top: 10px;
margin-bottom: 10px;
}
#sidebar ul li {
font: 11px Tahoma, Arial;
color: #000000;
background: url(img/bullet.png) 0 5px no-repeat;
padding: 0 10px;
margin: 0 0 5px 5px;
}
#sidebar ul li a {
color: #800000;
text-decoration: none;
}
#sidebar ul li span {
color: #000000;
margin-left: 5px;
}
#sidebar ul li a:hover {
color: #800000;
text-decoration: underline;
}
#sidebar ul#nav {
margin: 10px 0 20px 0;
}
#sidebar ul#nav li {
margin: 0;
padding: 0;
}
#sidebar ul#nav li a {
display: block;
height: 17px;
padding: 7px 10px;
background: url(img/nav_off.png) 0 0 no-repeat;
margin-bottom: 5px;
font: 15px Tahoma, Arial;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
color: #800000;
}
#sidebar ul#nav li a:hover {
background: url(img/nav_off.png) 0 -31px no-repeat;
}        
#sidebar ul#nav li a.active {
background: url(img/nav_on.png) 0 0 no-repeat;
color: #FFF;
}
#sidebar #footer {
padding: 7px 0 2px;
font-size: 11px;
color: #8B4513;
margin-top: 10px;
margin-bottom: 10px;
}
#sidebar #footer p {
margin-bottom: 5px;
color: #eee;
text-align: center;
}
#sidebar #footer a {
color: #008080;
text-decoration: none;
}
#sidebar #footer a:hover {
text-decoration: none;
color: #999;
}
.clearfix {
clear: both;
}	
.ctc {
text-align: center;
text-decoration: none;
line-height: 80%;
background-color: #000;
margin-bottom: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
}	
.ctc a {
text-decoration: none;
text-transform: lowercase;
font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
margin: 4px;
border: thin none #060606;
}
.ctc a:hover{
color: #fff;
margin: 3px;
border: thin solid #8acef3;
background-color: #0c0c0c;
}
[disabled] {
color:#dddddd;
border-color:#dddddd!important;
background:none!important;
}
#upperBox {
margin-bottom: 10px;
text-align: center;
position: absolute;
right: 0;
padding-top: 5px;
}
#upperBox a img {
display: block;
margin: 0 auto;
border: none;
}
#upperBox p {
margin: 5px 0;
font-size: 10px;
text-align: center;
}
#upperBox input {
height: 18px;
padding: 5px 5px 5px 25px;
background: url(img/upperBox_search.png) top left no-repeat;
border: 0;
width: 100px;
color: #9ec7eb;
margin-top: 5px;
}
#upperBox input:focus {
color: #FFF;
}
.clear {
margin-bottom: 20px;
}
a.xl{
display: none !important;
}
#menu2 li {
float: left;
padding: 2px;
list-style: none;
font: 15px Tahoma, Arial;
}
#menu2 li a {
width: 222px;
height: 18px;
font: normal 15px Arial, sans-serif;	
color: #FFFFFF;
background: #5f6b70;
border: 1px solid #485054;
border-radius: 2px;
display: block;
padding: 4px 11px;
text-decoration: none;
}
#menu2 li a:hover {
color:#FFFFFF;
background: #485054;
border-radius: 3px;
padding: 4px 11px;
display: block;
}
#menu2 li.current_page_item a {
color:#FFFFFF;
background: #32383b;
border-radius: 3px;
padding: 4px 11px;
display: block;
}
.tagcloud a{
background-color: #EAE9E5;
display:block;
float:left;
text-decoration:none;
padding: 3px;
border: 1px solid #a3a3a3;
box-shadow: 2px 2px 1px #BDBDBD;
border-radius: 5px;
margin: 1px;
}
.tagcloud a:hover{
text-decoration: underline;
background-color: #FFFFFF;
}
.details {
font: italic 12px Tahoma, Helvetica, Sans-serif;
color: #000000;
margin-left: 5px;	
margin-bottom: 11px;
margin-top: 7px;
 }
.details3 {
font: italic 12px Tahoma, Helvetica, Sans-serif;
color: #000000;
margin-left: 15px;
margin-right: 5px;
margin-bottom: 11px;
margin-top: 3px;
 }
.detali {
font: 15px Tahoma, Helvetica, Sans-serif;
font-weight: bold;
color: #49658a;
margin-left: 26px;
 }
.details2 {
position: fixed; left: 95%; top: 89%;
 }
.post-details {
font: italic 12px Tahoma, Helvetica, Sans-serif;
color: #000000;
background-color: #f5f5f5;	
padding: 10px 10px;
}
.foto img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
position: relative;
}
.foto img:hover{
-webkit-transform: scale(4.0);
-moz-transform: scale(4.0);
-o-transform: scale(4.0);
transform: scale(4.0);
z-index: 1;
}
.foto1 img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
position: relative;
}
.foto1 img:hover{
-webkit-transform: scale(2.0);
-moz-transform: scale(2.0);
-o-transform: scale(2.0);
transform: scale(2.0);
z-index: 1;
}
.button a {
background: #1DA4B7;
text-decoration: none;
border: 8px solid #1DA4B7;
border-radius: 2px;
box-shadow: 3px 3px 1px #BDBDBD;
font: normal 14px Arial, sans-serif;
font-weight: bold;
color: #ffffff;
text-align: center;
}
.button a:hover {
border: 8px solid #F4A411;
background: #F4A411;
text-decoration: none;
}

.foto2 img {
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
position: relative;
}
.foto2 img:hover{
-webkit-transform: scale(1.105);
-moz-transform: scale(1.105);
-o-transform: scale(1.105);
transform: scale(1.105);
z-index: 1;
}
.foto3 img {
max-width: 680px;
max-height: 680px;
margin-bottom: 10px;
margin-top: 10px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
position: relative !important;
}
.foto3 img:hover{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
z-index: 1;
}

.foto7 img {
max-width: 680px;
max-height: 680px;
margin-bottom: 10px;
margin-top: 10px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
position: relative;
text-align: right;
}
.foto7 img:hover{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
z-index: 1;
}

.commentbubble {
float: right;
width: 26px;
height: 17px;
padding: 0px 0 0;
background: url(/bubble.png) no-repeat;
font: italic 11px Tahoma, Helvetica, Sans-serif;
color: #000000;
text-align: center;
}

.button1 a {
opacity: 0.7;
}
.button1 a:hover {
opacity: 1.0;
}

.side {
text-align: left;
font: 14px Tahoma, Arial;
color: #FFFFFF;
background-color: #5f6b70;
padding: 4px 11px;
text-decoration: none;
border: 1px solid #485054;
border-radius: 2px;
margin-bottom: 11px;
padding-top: 3px;
}

.dob {
font-size: 16px;
font-weight: bold;
color: #800000;
margin-bottom: 0px;
margin-top: 5px
}

.num {
font-size: 12px;
font-weight: bold;
color: #800000;
margin-bottom: 0px;
margin-top: 5px
}

#contentbig {
float: left;
width: 944px;
margin-top: 15px;
margin-bottom: 15px;
padding: 27px;
border: 1px solid #c9d1ce;
border-radius: 2px;	
background-color: rgba(255, 255, 255, 0.9)
}
#contentbig .notice p {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 5px 0px;
font-size: 12px;
margin: 10px;
}
#contentbig .notice {
margin-bottom: 20px;
}
#contentbig .post {
float: left;
position: relative;
width: 944px;
margin-bottom: 10px;
padding-top: 0px;
}
#contentbig .post h1 {
color: #800000;
text-decoration: none;
background-color: #f5f5f5;
padding: 10px 5px;
font-size: 22px;
}
#contentbig .post h2 a {
color: #800000;
text-decoration: none;
padding: 0px 0px;
font-size: 22px;
}
#contentbig .post h2 {
color: #800000;
text-decoration: none;
padding: 0px 0px;
font-size: 22px;
}
#contentbig .post h2 a:hover {
color: #92000a;
}
#contentbig .post h3 {
font-size: 18px;
font-weight: bold;
color: #800000;
margin-bottom: 20px;
margin-top: 0px;
}
#contentbig .post h3 a {
text-decoration: underline;	
color: #800000;
}              
#contentbig .post h3 a:hover {
text-decoration: none;
}
#contentbig .post img {
max-width: 930px;
max-height: 3000px;
padding: 7px;
border: 1px solid #c9d1ce;
box-shadow: 3px 3px 1px #e3e8e6;
background: #fff;
display: block;
margin-bottom: 10px;
margin-top: 0px;
}   
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0px 16px 16px 0px;
padding-bottom: 16px;
padding-top: 16px;	
}
.alignright {
float: right;
margin: 0px 0px 16px 16px;
padding-bottom: 16px;
padding-top: 16px;		
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#contentbig p.wp-caption-text  
{
font-size: 12px;
line-height: 17px;
margin: 10px;
color: #000000;
text-align: center;
}
#contentbig .post a img {
}
#contentbig .post ul {
margin-left: 20px !important;
}
#contentbig .post ul li {
list-style-type: disc !important;
}
#contentbig p,
#contentbig .post ul li {
font: normal 15px/23px Verdana, Helvetica, Sans-serif;
margin-bottom: 10px;
margin-top: 10px;
color: #000000;
text-align: justify;
}
#contentbig blockquote {
margin-left: 10px;
border-left: 3px solid #555;
padding-left: 10px;
font-style: italic;
}
#contentbig p a {
color: #800000;
text-decoration: underline;
}
#contentbig p a:hover {
text-decoration: none;
color: #92000a;
}
#contentbig small {
margin: 0 auto;
text-align: center;
display: block;
border-top: 3px solid #333;
border-bottom: 1px solid #333;
font-size: 11px;
color: #000000;
}
#contentbig ol {
line-height: 1.6;
}
#contentbig ol.commentlist {
margin-top: 10px;
}
#contentbig ol.commentlist li {
border-top: 1px solid #333;
margin-bottom: 10px;
} 
#contentbig ol.commentlist li .commentMeta {
width: 120px;
float: left;
margin-top: 5px;
} 
#contentbig ol.commentlist li .commentMeta span {
display: block;
}
#contentbig ol.commentlist li .commentMeta span.author,
#contentbig ol.commentlist li .commentMeta span.author a {
color: #008080;
font-weight: bold;    
text-decoration: none;
margin-bottom: 5px;
}                     
#contentbig ol.commentlist li .commentMeta span.date a {
color: #666;
text-decoration: none;
font-size: 11px;
}
#contentbig ol.commentlist li .commentMeta span.moderate a {
color: #008080;
}
#contentbig ol.commentlist li .commentText {
width: 700px;
float: right;
padding: 5px;
font-size: 12px;
}
#contentbig ol.commentlist .avatar {
float: left;
}
#contentbig h3 {
color: #610B0B;
font-size: 17px;
}
#contentbig #commentform input {
padding: 5px;
font-family: Arial, Helvetica, Sans-serif;
}
#contentbig #commentform textarea {
width: 700px;
padding: 10px;
font-family: Arial, Helvetica, Sans-serif;
}
#contentbig .adBrite {
display: block;
margin-bottom: 20px;
border: 1px solid #333;
}

.details5 {
font: italic 11px Tahoma, Helvetica, Sans-serif;
color: #000000;
margin-bottom: 7px;
margin-top: 7px;
 }

.videoleft {
margin: 0px 15px 0px 0px; 
	 }

	a[href*="//www.booking.com"] {
	padding: 4px 19px 2px 19px !important;
	background-color: #E5EAF2 !important;
	background-image: url('/wp-content/uploads/booking.gif') !important;
    background-position: center 2px !important;
    background-repeat: no-repeat !important;
	border: 1px solid #005A9B !important;
	-khtml-border-radius: 3px;
    -moz-border-radius: 3px;	
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
    display: inline-block;
}
.plagin {
background-color: #E5EAF2;
	padding: 7px 37px 7px 37px;
	border: 1px solid #005A9B;
	border-radius: 3px;
}

.ceni a {
float: none;
padding-right: 20px;
padding-left: 20px;	
padding-top: 5px;	
padding-bottom: 5px;	
background: #d3deed;
border: 1px solid #afc3de;
border-radius: 3px;
box-shadow: 3px 3px 1px #BDBDBD;
font: bold 17px Arial, sans-serif;
color: #000000;
text-align: center;
}
.ceni a:hover {
background: #d3deed;
padding-right: 20px;
padding-left: 20px;	
padding-top: 5px;	
padding-bottom: 5px;	
}

.read_more a {
float: right;
padding-left: 10px;	
padding-right: 5px;
padding-top: 4px;	
padding-bottom: 5px;
background: #77a3c0;
border: 1px solid #007897;
text-decoration: none;
border-radius: 3px;
font: normal 12px Arial, sans-serif;
color: #ffffff;
text-align: center;
margin-right: 0px;
margin-bottom: 12px;
margin-top: 0px;
}
.read_more a:hover {
background: #007897;
text-decoration: none;
}
CSS

.table-wrap {
	overflow-x:auto;
}
.detalii {
font: 15px Tahoma, Helvetica, Sans-serif;
font-weight: bold;
color: #49658a;
margin-left: 26px;
float: center;
 }

/*Изменение прозрачности при наведении*/
.effect{
opacity:0.9;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.effect:hover {
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.pic {
    filter:brightness(93%);
}
.pic:hover {
	filter:brightness(100%);
}

a[href*="//clck.ru"] {
	padding: 4px 19px 2px 19px !important;
	background-color: #E5EAF2 !important;
	background-image: url('/wp-content/uploads/booking.gif') !important;
    background-position: center 2px !important;
    background-repeat: no-repeat !important;
	border: 1px solid #005A9B !important;
	-khtml-border-radius: 3px;
    -moz-border-radius: 3px;	
    -webkit-border-radius: 3px;
    border-radius: 3px !important;
    display: inline-block !important;
}
hr {
color: #c9d1ce; /*для IE */
background-color:#c9d1ce; /*для Firefox, Opera, Safari*/
border:0px none;
width:100%;
height:1px; /* высота 1px IE, Firefox, Opera, Safari */
clear:both; /* для очистки, если тег идет после float елемента */
}

.grow img {
  width: 260px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 300px;
}

.pic1 {
    filter:brightness(90%);
}
.pic1:hover {
	filter:brightness(100%);
}

.minitext {
font: 12px Tahoma, Helvetica, Sans-serif;
font-weight: bold;
line-height: 10;	
 }