@charset "utf-8";
/* CSS Document */

@media screen and (max-width:520px){
	div.col11{ width:70%;}
	div.col12{ display:none;}
	div.col13{ width:100%; clear:both; padding-bottom:2em;}
	div.starate{ display:block;}
	#usrev a.read.arr{ float:none;}
	#usrev a+a.arr{ margin:1em 0; display:block;}
	.topp h2, #program div.starate{ display:block;}
	div#fly{ display:none;}
	}

@media screen and (min-width:520px){
	div.col11{ width:35%; float:left;}
	div.col12{ width:50%; float:left; margin-left:2%;}
	div.col13{ width:80%; clear:both; padding-bottom:2em;}
	#usrev a.read.arr{ float:left;}
	#usrev a+a.arr{ margin:0 0 0 1em; display:inline-block;}
	.topp h2:first-child{top:-0.6em;}
	#program div.starate{ margin-left:0.5em;}
	.topp h2, #program div.starate{ display:inline-block;}
	div#fly{ display:none;}
	}

@media screen and (min-width:800px){
	div.col11{ width:21%; float:left;}
	div.col12{ width:300px; float:left; margin-left:2%;}
	div.col13{ width: 240px; width:calc(100% - 25% - 300px); clear:none; float:left; margin-left:2%; }
	div#fly{ display:block; position:fixed; top:0; width:100%; background-color:#333; z-index:2000; padding:0 0 0 20%; color:#fff;}
	}
@media screen and (min-width:1200px){}

/*program*/
#program{ width:95%; background-color:#F2F2F2; padding:2% 2% 3% 3%;}
.topp{ width:100%;}


div.starate{position:relative; background-color:#000; width:154px; height:50px;}
div.accurate { height:100%; background-color:#F90;}
div#dvdshrink{ width:80%;}
div.starpad{ position:absolute; top:0; left:0; width:100%; height:100%; background:top left; background-size:100%;}
div.starpad.isgrey{ background-image:url(../images/arc/greystars.png); }

.topp h2:first-child{ margin:0; padding:0; position:relative;}

div#resume{ clear:both; width:100%; border-top:1px solid #ccc;}

div.col11 img { width:100%; max-width:168px;}
a.downl{ font-family: 'Titillium Web', 'sans-serif'; color:#fff; background:#5FA92C url(../images/arc/down.png) right bottom no-repeat; background-size:27%; display:block; font-size:1.5714em; padding-left:5%; width:97%; max-width:160px; line-height:1.7545454em; margin:0.5em 0;
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-ms-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;}
a.downl:hover{background-color:#4E9318;}

div.col12 img{ width:100%; max-width:300px;}



#program .iconWrapper {
    width: 100%;
    height: 167px;
    text-align: center;
    background: white;
    position: relative;
}
#program .iconWrapper img {
    width: auto;
    max-width: 167px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


div.col13 table{ width:100%; text-align:left; line-height:1.285714em;word-break: break-all;word-break: break-word}
div.col13 table caption{ display:none;}
div.col13 table th{ width:35%;}
div.col13 table tr.website>*, div.col13 table tr.system>*{padding-bottom:0.5em;}

div#resume>a{ float:right; margin:1.2em 0;}
div#resume ul { margin-top:0.7em; }
div#resume li{ display:inline-block; margin-right:1em;}
div#resume ul li, div#resume span{font-weight:700;}
div#resume span{ display:block; font-size:1.428571em;}

/*description*/

#pdescr{ background-color:#808080; width:95%; padding:0 2% 3% 3%;}
#pdescr *{color:#fff;}
#pdescr h2{ padding :0.2em 0 0.5em;}
#pdescr p{ line-height:1.285714em; padding-bottom:1em;}
#pdescr img {max-width: 100%;}
/*users comments*/

#usrev{width:95%; background-color:#FAFAFA; padding:0 2% 3% 3%; border-bottom:1px solid #ccc;}
#usrev li{ margin:1em 0 1.5em; padding-bottom:1em; border-bottom:1px #ccc dashed;}
#usrev p.date{ color:#808080; font-style:italic; float:right; margin-left:0.5em;}
#usrev h4 { display:block; background:url(../images/arc/user.png) left center no-repeat; padding:0.5em 0 0.5em 35px; margin-bottom:0.5em;}
#usrev h4 .nick, #usrev h4 .rate{ font-weight:700;}
#usrev h4 .rate{ font-size:1.285714em;}
#usrev a+a.arr{line-height:1.76em;}

h3.know{ clear:both; margin-top:2em; color:#808080; font-size:1.285714em; font-weight:700;}
h3.know+p, h3.know+p a{color:#808080;}
h3.know+p a{text-decoration:underline;}
h3.know+p a:hover{ color:#222;}
h3.know+p{margin:0.5em 0 1em;}

#usrev+h2, #usrev+h2+ul{ margin-left:3%;}
#usrev+h2+ul{ margin-bottom:2em;}

div#fly{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
div#fly .downl{ display:inline-block; padding-left:0.8em;}
div#fly span{ font-size:1.5em; margin-right:1em; font-weight:700;
}

div#fly.inactive {visibility: hidden;opacity: 0;height:0;overflow: hidden}

.tellFriendPopupWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    z-index: 9000;
}

.tellFriendPopup {
    width: 60%;
    height: 80%;
    margin: 0 auto;
    top: 20px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    min-height: 670px;
    max-width: 550px;
}

.tellFriendPopup iframe {
    width: 100%;
    height: 100%;
}

.tellFriendPopupLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
}

#newGallery img  {
}


#newGallery li div {
    position: relative;
    height: 100%;
}


#newGallery li div img {
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    left:0;
    margin: auto;


    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

#newGallery ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
}

#newGallery ul.bjqs-controls.v-centered li a:hover {
    background: #000;
    color: #fff;
}

#newGallery ol.bjqs-markers {
    display: none;
}
.large-ad{ width:100%;padding: 10px 0; background-color:#666; height:100px; clear:both;}


@media screen and (max-width:800px){

    .tellFriendPopup {
        width: 90%;
    }


}