/*
Theme Name: Hotel Grand Silopi
 
Theme URI: //hotelgrandsilopi.com
Description: Hotel Grand Silopi WP Theme
Version: 1.0
Author: AkdenizMedya
Author URI: //www.akdenizmedya.com
*/
html{background:#fff url('images/bg.png') center -66px / 100% 100% no-repeat}
html,body{margin:0;padding:0;width:100%;height:100%;font:16px 'Roboto','Arial';color:#333}
div,img{float:left;margin:0;padding:0}
a{margin:0;padding:0;color:#000;text-decoration:none}
a:hover{color:#000}
form,img,table,table tr,table tr td{margin:0;padding:0;border:0}
p{margin:0;padding:4px 0 12px 0}
input,textarea,select{margin:1px;padding:1px;border:0;background:#eee;color:#000;border-radius:4px;cursor:pointer;font:14px 'Roboto'}
input[type=submit]{padding:2px 8px;color:#060}
input[type=submit]:hover{background:#ccc}
input[type=radio],input[type=checkbox]{margin:auto 0;background:#fff}
table{border-collapse:collapse}
table tr td{padding:4px 8px;border:1px solid #ccc}
form table tr td{border:none}
input#s{width:98px}

#mlogo{padding:0% 10%;width:80%}
#mlogo a{color:#000}
ul.mob{display:inline-block;list-style:none;margin:0;padding:0}
li.mob-item{float:left;margin:1%;width:98%;font-weight:bold;background:#0ae;border-radius:16px}
li.mob-item:hover{background:#f99}
li.mob-item a{display:block;width:100%;height:100%;padding:4% 1% 4% 18%;color:#fff}

#site{float:none;margin:0 auto -70px auto;width:100%;min-height:100%}

#fade{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}
#fade img{width:100%;height:100%}
#fssPlayPause,#fssList{display:none}

#logo{position:absolute;top:12px;left:16px;width:300px;height:100px;background:url('images/logo.png?') center center no-repeat}
#logo a{display:block;width:200px;height:80px}
#con{position:absolute;top:111px;left:16px;width:300px;font-size:12px;text-align:center;text-shadow:0 0 4px #fff}
#con a{color:#333}
#con a:hover{color:rgba(218, 169, 63, 0.68)}

header{width:100%;height:130px}
#header{float:right;margin-right:24px;padding:10px 0;width:800px}
#slog,#lnks{padding:0 10px;width:380px;height:32px;font:24px 'Courgette';text-shadow:0 0 4px #000)}
#slog{padding-top:6px}
.link{margin:12px;height:18px;text-shadow:0 0 4px #fff;font:bold 13px 'Roboto'}
a.lang{float:right;margin:4px;display:block;width:32px;height:32px}
#ltr{background:url('images/ltr.png') center center no-repeat}
#len{background:url('images/len.png') center center no-repeat}
#lru{background:url('images/lru.png') center center no-repeat}
#lar{background:url('images/lar.png') center center no-repeat}
#tel{padding:16px 12px;font-size:20px}

#menu{float:right;margin-top:5px;width:800px;text-align:center}
ul.menu{display:inline-block;list-style:none;margin:0;padding:0;border:4px solid #fff;font:16px 'Roboto';background:#eee;border-radius:4px}
ul.menu li.menu-item{float:left}
li.menu-item a{display:block;padding:8px 16px;color:rgba(218, 169, 63, 0.68);background:rgb(123, 31, 31);text-decoration:none}
li.menu-item a:hover,li.current-menu-item a{color:#fff;background:rgba(0, 0, 0, 0.73)}

#pg{float:none;margin:0 auto 64px auto;width:1100px}
#ttle{padding:16px 32px;width:1034px;font:24px 'Roboto';color:rgba(0, 0, 0, 0.73);background:#eff;border:1px solid #ddd;border-top-left-radius:4px;border-top-right-radius:4px}
.addthis_sharing_toolbox{margin:-2px 0 -8px 0;float:right}
#page{padding:24px 0px;width:1098px;background:#fff;border:1px solid #ddd;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}

#brdc{width:1018px;margin:0 0 8px 16px;color:#bbb;font:11px Tahoma}
#brdc a{color:#bbb}
#brdc a:hover{color:#999}

.cont{float:left;margin:0 32px;padding-bottom:48px;width:1034px;font-size:18px;text-align:justify}
.left{float:left;margin:0 0 0 16px;width:300px}
#rezt{width:768px;border-radius:8px 8px 0 0;padding:8px 16px;color:#FFF;background:#982020;font-weight:;text-align:center}
#rez {width:768px;border-radius:0 0 8px 8px;padding:16px 16px 8px 16px;color:#000;background:rgba(0, 0, 0, 0.52)}
.wdform-field{width:568px;padding:12px 0;border-bottom:1px solid #000}
.wdform-element-section{width:100%;text-align:center}
.button-submit{padding:8px 32px;color:#000;background:rgba(0, 0, 0, 0.73);border:3px solid #000;border-radius:16px;font-size:18px}
#rezf{position:fixed;bottom:71px;right:10%;width:800px}
#rezf #rez{display:none}

.urun{float:left;margin:16px;width:312px;height:234px}
.urun a{display:block;width:100%;height:100%;color:#999933;font-style:bold}
.urun a:hover{color:rgba(0, 0, 0, 0.73)}
.uimg{width:304px;height:226px;border-radius:6px;border:4px solid #000;text-align:center;display:table-cell;vertical-align:middle}
.utit{width:312px;height:40px;line-height:50px;font-size:24px;text-align:center}

.arch{width:100%}
.atit{width:100%;font-weight:bold}
.aexc{width:100%}
#prev{float:left;margin:16px 0;width:50%;text-align:left}
#next{float:right;margin:16px 0;width:50%;text-align:right}

.gallery{margin:-16px 0 0 0;padding:0}
.gallery-icon{float:left}
.gallery-icon img{margin:8px;width:220px;height:165px;border-radius:4px;border:4px solid #000 !important}

footer{float:left;width:100%;height:70px;text-align:center;background:rgba(152, 32, 32, 0.52)}
footer ul.socials{float:left;padding:8px 16px}
footer ul.socials li{list-style: none;float: left;margin-right: 10px; position: relative;}
footer ul.socials li a {
  font-size: 18px; color: #fff;padding: 5px;border-radius: 8px;opacity: 0.8;
  -webkit-transition: all 500ms ease-in-out !important; 
  -moz-transition: all 500ms ease-in-out !important; 
  -o-transition: all 500ms ease-in-out !important; 
  -ms-transition: all 500ms ease-in-out !important; 
  transition: all 500ms ease-in-out !important;
}
footer ul.socials li a:hover{opacity: 1}
footer ul.socials li a i{width: 20px;text-align: center;}

#genel{position:fixed;left:32px;bottom:86px;width:200px;line-height:30px;background:rgba(0, 0, 0, 0.52);border:3px solid #FFF ;border-radius:4px;text-align:center}
#genel a{display:block;width:200px;height:30px;color:#FF0000}

#buts{float:right;margin:4px 16px}
.but{width:45px;height:44px;margin:8px}