/*

Theme Name: YAP

Author: Elya Mehdiyeva ( Frontend Developer ) - http://elya.dito-media.com/

*/











/* ============================== INNER PAGES ================================== */



/* bread-crumbs */

.bread-crumbs{padding:10px 0; font-family:'calibri'; font-size:16px; color:#858585;}

.bread-crumbs a{text-decoration:none; color:#858585; font-size:12px; margin:0 5px;}

.bread-crumbs a:hover{text-decoration:underline;}





/* contacts */

#map{border:1px solid #ccc; width:326px; height:165px;}

.contacts{padding:0 0 30px 0;}

.contacts .clearfix{float:left; width:360px; }

.contacts form{float:left;}

.contacts .contact-information{font-family:"calibri"; margin:20px 0;}

.contacts .contact-information p{padding:0 0 5px 0; margin:0; color:#444; font-size:16px;}

.contacts .contact-information p a{color:#444; text-decoration:none;}

.contacts .contact-information p a:hover{text-decoration:underline;}

.contacts .cont label{display:block; padding:0 0 5px 0; width:100%; font-size:16px; color:#444; font-family:"calibri";}

.contacts .cont .clearfix{width:100%;}

.contacts .cont .inp{width:250px; float:left;}

.contacts .cont .inp:first-child{margin:0 33px 0 0;}

.contacts .cont .inp input{width:229px; display:block; border:1px solid; padding:10px; height:10px; box-shadow:-1px -1px 1px 0 #ccc; background:#fff; 

color:#444; margin:0 0 5px 0; font-size:14px; font-family:'calibri'; border:0px;}

.contacts .cont .txt textarea{width:518px; padding:10px; height:224px; background:#fff;  color:#444; margin:0 0 5px 0; font-size:14px; font-family:'calibri'; border:0px;}

.contacts .cont .btn{text-align:right;}

.contacts .btn input{background:#0B3B7F; border:0; border-radius:8px; padding:8px 20px; color:#fff; font-size:14px;

 font-family:'calibri'; margin:10px 0 0 0;}



/* article */

article.article figure{float:left; padding:0 20px 0 0;}

article.article{font-family:"calibri"; font-size:14px; color:#444;}

article.article h2{padding:0 0 10px 0; margin:0;}

article.article .descr{color:#000; font-family:'segoe'; font-style:italic; padding:0 0 10px;}



/* regional-organizations-tabs */

.regional-organizations-tabs{}

.regional-organizations-tabs li{float:left; position:relative; list-style:none; font-family:'calibri'; width:163px;}

.regional-organizations-tabs.karabakh li{width:218px;}

.regional-organizations-tabs.karabakh li:nth-child(3){width:325px;}



.regional-organizations-tabs .tabs li a, 

.regional-organizations-tabs .tabs a:hover, 

.regional-organizations-tabs .tabs a:visited, 

.regional-organizations-tabs .tabs a:focus{display:block; padding:8px; font-size:16px; text-transform:uppercase;

color:#0C3D79; text-align:center; text-decoration:none;}



.regional-organizations-tabs .tabs{background:#fff; width:100%;}



.regional-organizations-tabs a.active{background-color:#F6F6F6;}

.tab-content{font-size:16px; font-family:"calibri"; color:#444; min-height:300px;}

.tab-content h3{color:#0B3B7F; font-family:'segoe'; font-style:italic; font-size:20px; margin:0; padding:15px 0;}

.tab-content{padding:10px 0;}

.tab-content .tab{display:none;}

.tab-content .active{display:block;}

.tab-content .tab a{color:#444; text-decoration:none;}

.tab-content .tab a:hover{text-decoration:underline;}



/* bx */

.bx{font-family:"calibri"; min-height:500px; font-size:14px; color:#444; background:#fff; float:left; 
margin:0 18px 20px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:440px; text-align:center; padding:20px;}


.bx:nth-child(odd) {margin:0 0 20px 0;}

.bx h3{color:#0B3A7F; font-size:20px; font-weight:normal; margin:0; padding:15px 0;}

.bx h3 a{color:#0B3A7F; text-decoration:none;}

.bx h3 a:hover{text-decoration:underline;}

.bx section{line-height:19px;}





/* structure */

.structure{background:url(../images/structure-bg.png) no-repeat; width:834px; height:948px; color:#0B3A7F; margin:auto; 

position:relative; display: table; padding:0 0 40px 0;}

.structure p{position:absolute; width:200px; height:96px; padding:0; margin:0;}

.structure a{font-family:"calibri"; color:#0B3A7F; width:200px; height:96px; text-align:center; 

display: table-cell; vertical-align: middle; text-decoration:none; font-size:18px; padding:0 17px;}



.structure .txt1{top:0; left:293px; font-size:20px; width:250px; height:120px;}

.structure .txt1 a{width:250px; height:120px;}



.structure .txt2{top:161px; left:16px; font-size:20px; width:220px; height:106px;}

.structure .txt2 a{width:220px; height:106px;}



.structure .txt3{top:161px; left:306px; width:220px; height:106px;}

.structure .txt3 a{width:220px; height:106px;}



.structure .txt4{top:307px; left:27px; }

.structure .txt5{top:307px; left:316px;}

.structure .txt6{top:307px; left:605px;}

.structure .txt7{top:441px; left:27px;}

.structure .txt8{top:441px; left:316px;}

.structure .txt9{top:441px; left:605px;}

.structure .txt10{top:578px; left:27px;}

.structure .txt11{top:578px; left:605px;}

.structure .txt12{top:714px; left:27px;}

.structure .txt13{top:714px; left:605px;}

.structure .txt14{top:850px; left:27px;}



/* tools */

.tools{background:#fff; margin:0 0 20px 0; height:40px;}

.tools .txt-resizing{float:right; width:85px;}

.tools .txt-resizing a{float:left;}

.tools .txt-resizing .txt-up span{display:block; background:url(../images/txt-format-size-bg.png) bottom no-repeat; width:40px; height:40px;}

.tools .txt-resizing .txt-down span{display:block; margin:0 5px 0 0; background:url(../images/txt-format-size-bg.png) top no-repeat; width:40px; height:40px;}

.tab-content .tab article{font-size:1em; padding:20px 0 0 0;}

.tools .email-and-print{float:right; margin:11px 20px 0 0;}

.tools .email-and-print a{margin:0 0 0 10px;}



/* news-article */

.block {padding:0 0 50px 0;}

.block .block-left{float:left; width:637px;}

.block .block-left article{font-size:1em;}

.block .block-left article h3{font-family:'segoe'; font-size:1.4em; font-style:italic; color:#0B3A7F; margin:0; padding:0 10px 5px 10px;}

.block .block-left article  time{font-size:12px; color:#555; font-family:'calibri'; padding:0 10px 20px 10px;}

.block .block-left article section{font-family:"calibri"; color:#444;}

.block .block-left article section figure{float:left; padding:0 15px 0 0;}

.block .block-left article section p{padding:0 0 14px 0; margin:0;}

.block .block-left article section .descr{font-family:"calibri"; color:#444; font-style:italic; padding:0 0 14px 0;}

.block .block-left article .mejs-container {margin:0 10px;}





.block .block-right {float:right; width:313px;}

.block .block-right .other-news{padding:10px; width:293px;}

.block .block-right .other-news h3{color:#D80000; font-family:'segoe'; font-style:italic; font-size:16px; margin:0; padding:0 0 20px 0;}

.block .block-right .other-news h3 a{float:right; text-decoration:none; color:#444; font-family:'AzGothamMedium'; font-size:12px;}

.block .block-right .other-news h3 a:hover{text-decoration:underline;}

.block .block-right .other-news ul li{list-style:none; padding:0 0 20px 0;}

.block .block-right .other-news ul li a{text-decoration:none; font-family:"calibri"; color:#444; font-size:14px;}

.block .block-right .other-news ul li a:hover{text-decoration:underline;}

.block .block-right .other-news ul li time{padding:0; margin:0;}



.block .block-right .other-item li{border-bottom:1px solid #eee; margin:0 0 15px 0;}

.block .block-right .other-item li h4{padding:0; margin:0; color:#0D3D79; font-weight:normal; font-family:'calibri'; 

font-size:16px;}

.block .block-right .other-item li time{padding:10px 0 0 0 !important;}





/* Photo gallery */

.photo-gallery-cont{position:relative;width:980px;height:490px;margin:0 0 30px;background:#444;}

.photo-gallery-cont .big-image{position:absolute;top:10px;left:10px;width:660px;height:370px;}

.photo-gallery-cont h3{position:absolute;top:393px;left:10px;width:654px;height:50px;margin:0;color:#fff;font:20px "HeliosCondAzNormal";font-weight:normal;}

.photo-gallery-cont .datetime{position:absolute;top:448px;left:10px;width:654px;height:50px;}

.photo-gallery-cont .datetime time{font:12px/28px Calibri, Arial, sans-serif;color:#bbb;}

.photo-gallery-cont .small-images{position:absolute;top:10px;right:5px;width:300px;height:380px;overflow:hidden;}

.photo-gallery-cont .small-images ul{list-style:none;}

.photo-gallery-cont .small-images li{float:left;padding:1px 5px 0;width:140px;height:94px;list-style:none;line-height:0;}

.photo-gallery-cont .small-images a{display:block;width:140px;height:85px;}

.photo-gallery-cont .small-images a:hover,.photo-gallery-cont .small-images a:active, .photo-gallery-cont .small-images a.active{outline:1px solid #09C;}

.photo-gallery-cont .next-btn{position:absolute;top:390px;right:160px;width:140px;height:78px;background:url(../images/gallery-down-btn.gif) no-repeat;overflow:hidden;text-indent:-999px;}
.photo-gallery-cont .prev-btn{position:absolute;top:390px;right:10px;width:140px;height:78px;background:url(../images/gallery-up-btn.gif) no-repeat;overflow:hidden;text-indent:-999px;}

.photo-gallery-cont .next-btn:hover{opacity:0.9;}
.photo-gallery-cont .prev-btn:hover{opacity:0.9;}

.photo-gallery-cont .next-btn-disabled, .photo-gallery-cont .next-btn-disabled:hover{cursor:default;opacity:0.5}
.photo-gallery-cont .prev-btn-disabled, .photo-gallery-cont .prev-btn-disabled:hover{cursor:default;opacity:0.5}

.photo-gallery-cont .control-btn-prev, .photo-gallery-cont .control-btn-next{

position: absolute;

top: 155px;

left:15px;

width: 37px;

height: 69px;

text-align: center;

color: #fff;

text-decoration: none;

text-shadow: 0 0 1px #000;

font: 24px/69px Arial, sans-serif;

overflow: hidden;

text-indent: -999px;

cursor:pointer;

background: url(../images/prev.png) no-repeat;

}

.photo-gallery-cont .control-btn-next{

left:628px;

background: url(../images/next.png) no-repeat;

}



.photo-gallery-cont .loader{

display:none;position:absolute;top:10px;left:10px;width:660px;height:370px;opacity:0.7;background:#444 url(../images/gal_loader.gif) center center no-repeat;

}



/* video */

.video .items li{width:237px; height: 291px; float:left; list-style:none; margin:0 7px 5px 0; 

border-bottom:1px solid #ccc; border-right:1px solid #ccc;}

.video .items li a{width:237px; height: 291px; display:block; text-align:left; background:#fff;

color:#133F79; font-family:'calibri'; text-decoration:none; overflow:hidden; line-height:13px;}

.video .itemsul li a span.img{width:237px; height:152px; display:block; overflow:hidden;}

.video .items li a span.txt{ 
overflow:hidden;  width: 188px; padding:0 10px; font-size:14px; color:#444;
height: 116px;
display: table-cell;
vertical-align: middle;
font-family:"calibri";

}

.video .items li a:hover{background:#eee;}

.video .items li a time{padding:10px 10px 0 10px; font-family:'calibri'; font-size:12px; text-transform:uppercase;}



.cont-video{position:relative; padding:28px 0 10px 0;margin:0 0 30px;background:#ccc url(../images/videobg.gif);}

.video-inner-cont{width:660px;margin:0 auto;}

.video-inner-cont h3{font-size:20px;font-weight:normal;margin:20px 0;color:#333;}

.video-inner-cont time{font-size:12px;color:#333;}



/* pagination */

.pagination{margin:30px 0 120px; text-align:center;}

.pagination a{background:#053981; color:#fff; font-family:'calibri'; font-size:16px; font-weight:bold; 

text-decoration:none; padding:3px 8px;}

.pagination a:hover{background:#fff; color:#053981;}





/* news */

.news{border-left:1px solid; margin:25px 0 120px 0;}

.news div{background:url(../images/line-news-bg.png) -1px center no-repeat; position:relative; top:-14px; height:28px;}

.news h3{margin:0 0 0 30px; border:1px solid #133F79; float:left; color:#133F79; font-family:"calibri"; font-size:16px; 

font-weight:normal; padding:2px 7px;}

.news section{font-family:"calibri"; padding:0 0 30px 33px;}

.news p{ padding:0 0 14px 0; margin:0;}

.news section time{font-family:"calibri"; font-size:12px; color:#133F79; float:left;  line-height:20px; padding:0 20px 0 0; 

width:29px;}

.news section a{text-decoration:none; font-size:14px; color:#444; float:left; width:890px; line-height:18px;}

.news section a:hover{text-decoration:underline;}







.ie7 .bx{padding:10px;}
.ie8 .bx{padding:10px;}

.ie7 .video .items li a span.txt{line-height:16px; padding:5px;}


.regional-organizations-tabs ol li
{
    list-style-type: decimal !important;
    margin:10px 50px 0 0 ;
    width:400px;
    float:none;
}