body{
    font-family:Trebuchet MS;
    font-size:13px;
    margin:0px;
    padding:0px;
    background:#ffffff;
    text-align:center;
    background-image: url('../graphics/pattern-l.jpg');
    background-position:50% 0px;
    color:#333333;
}
a img{
    border:0px;
}
a{
    text-decoration:none;
    color:#e2787a;
}
a:hover{
    text-decoration:underline;
    color:#ec8ca8;
}
#container{
    width:1200px;
    text-align:left;
    margin:0px auto;
    background:#ffffff;
    background-image: url('../graphics/pattern.jpg');    
    padding:20px;
    background-position:50% -182px;
    border:1px solid #f6d5cc;
}
#container_h{
    width:1200px;
    text-align:left;
    margin:0px auto;
    padding:20px;
    height:140px; 
}
#slider{
    width:100%;
    height:300px;
    
}
div.motto{
    float:left;
    width:305px;
    font-size:16px;
    font-style:italic;
    color:#cccccc;
    padding:25px 0px;
}     
div.work{
    float:left;
    width:120px;
    font-size:18px;
    padding:25px 0px;
    margin-right:40px;
    color:#f5637a;
}     
div.icons{
    float:right;
    width:270px;
    padding:25px 0px;
    text-align:right;
}  
div.icons img{
    margin-left:20px;
}
div.motto span.r1{
    color:#999999;
}

div.motto span.r2{
    color:#aaaaaa;
}

div.motto span.r3{
    color:#bbbbbb;
}

#container_h a.logo{
    display:block;
    float:left;
    margin-right:40px;
}
div.icons form{
    margin:0px;
    padding:20px 0px;
}
div.icons input.search{
    width:40px;
    height:30px;
    background:none;
    background:url('../graphics/ico_search.png');
    border:0px;
    text-indent:-999px;
    overflow:hidden;
    margin-left:20px;    
}
div.icons input.sinput{
    width:170px;
    height:20px;
    border:3px solid #d25160;    
}
#container_f{
    width:1140px;
    text-align:left;
    margin:0px auto;
    padding:50px;
   
}
#container_f div.footer{
    float:left;
    width:200px;
}
#container_f div.footer strong{
    font-size:15px;
}

#wrapper{
    margin-bottom:20px;
}

#menu{
    float:left;
    width:250px;
    background:#ffffff;
    padding:20px;
    margin-right:20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85; 
    
}
#menu a.main{
    display:block;
    padding:5px 15px;
    margin-bottom:10px;
    font-size:32px;
    background:#e2787a;
    color:#ffffff; 
}
#menu a.main:hover{
    text-decoration:none; 
}
#menu ul{
    margin-bottom:20px;
}
#menu li{
    padding-left:15px;
    font-size:15px;
}
#menu li.sub{
    font-weight:bold;
}
#menu li.sub2{
    margin-left:15px;
}
#menu li.sub3{
    margin-left:30px;
    font-style:italic;
}
#body{
    float:left;
    width:850px;
    background:#ffffff;
    padding:20px; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    
}
a.slide{
    display:block;
    width:116px;
    float:left;
    height:600px;
    background-position:50% 50%;
    border-left:5px solid #ffccc8;
    position:relative;
    overflow:hidden;
    font-style: italic;
    line-height:120px;
    font-size:32px;
    text-decoration:none;
    color:#000;
    text-shadow: 0px 0px 10px rgba(150, 150, 150, 1);
}
a.slide span{
    display:block;
    width:560px;
    text-align:center;
    padding-right:40px;
    padding-left:40px;
    line-height:140px;
}
div.cont_slide{
    width:850px;
    height:600px;
    overflow:hidden;
    margin-bottom:3px;
}
div.cont_slide_inner{
    width:1200px;
    height:600px;
}               

h1{
    padding:5px 15px;
    margin-bottom:10px;
    font-size:32px;
    background:#e2787a;
    color:#ffffff; 
}
div.text{
    padding:5px 15px;
    font-size:15px;
    line-height:140%;
}
#foto_right{
    float:right;
    margin-bottom:15px;
    margin-left:15px;
    margin-top:15px;
}

a.gallery{
    margin:8px;
    border:1px solid #E89494;
    display:block;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    
}
#main a.image{
    display:block;
    text-align:center;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
     -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    outline:1px solid #E77C7E;
    width:270px;
    height:290px;
    overflow:hidden;
    position:relative;
}
#main a.imagelast{
    margin-right:0px;
}
#main a.image img{
    display:block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    
}

#main a.image span{
    display:block;
    line-height:20px;
    background:#E77C7E;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    position:absolute;
    bottom:0px;
    width:270px;
}

@keyframes zoomik {
    0%   {width:270px;margin-top:0px;margin-left:0px;opacity: 0.85;transform: rotate(0deg);}
    100% {width:370px;margin-top:-50px;margin-left:-50px;opacity: 0.3;transform: rotate(10deg);}
}
  
#main a.image:hover img{
    animation-name: zoomik;
    animation-duration: 4s;    
}
  
  
p.pager{text-align:center;padding:10px;}  
p.pager a {background:#fff;border:1px solid pink;color:pink;padding:2px;text-decoration:none;}
p.pager a.a {background:pink;border:1px solid pink;color:#fff;}
p.pager a:hover {color:#000;border-color:#000;}