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

boddy {margin:0 !important; padding:0 !important}


#menubar {padding-top:0.35em !important; padding-bottom:0.55em !important; text-align:right; border-bottom:1px solid #333; line-height:22px}
#menubar a {color:#58585A; font-weight:300; text-transform:uppercase; padding:0 0.4em}
#menubar a:hover {color:#F7B234}

#mobmenu {padding-top:0.35em !important; padding-bottom:0.55em !important; border-bottom:1px solid #333; border-top:1px solid #333; display:none}
#menu {display:none; text-align:left; background:#FFF}
#menu p {padding:0.5em 1em; line-height:1.8em}
#menu p:hover {background:#F7B234}
#menu a {color:#58585a; display:inline-block; width:100%}

#footer{background:#58585a; margin-top:1.2em; padding:1em; width:100%; color:#FFF; font-weight:300}
#footer p {margin-bottom:0.75em}
#footer a {color:#F7B234}

#backtop {position:fixed; z-index:999; top:50%; right:0; background:#F7B234; padding:1.2em 0.5em; font-size:1.3em; opacity:0}
#backtop a {color:#58585a}




.padder {padding:0.5em}
.superpadd {padding:0.5em 1.2em}
.marginer {margin-bottom:1.8em}
.relative {position:relative}
.cita {color:#58585A; font-size:2.2em; font-weight:100; padding:1em 0; text-transform:uppercase; line-height:1.4em}
.author {color:#58585A; font-weight:700; padding:0 1em; text-align:right; font-size:1.3em}
.clear {clear:both}
.padd-ri{padding-left:1em}
.onlymob {display:none}
.onlyphone {display:none}

a.bttn1{
	display:inline-block;
	width: 100%;
	cursor: pointer;	
	background: #666;
	padding: 8px 5px;
	color: #F7B234;
	text-align:center;
	font-size: 2.2em;	
	border: 1px solid #666;	
	margin-bottom: 10px;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;	
	/*-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);*/
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
a:hover.bttn1{background:#1a1a1a; border-color:#1a1a1a}









.bordbot {padding-bottom:1.2em; border-bottom: 1px solid #EAEAEA; margin-bottom:2.2em }

.dtlav {position:relative;}
/*.dtlav img {border-radius:50%}*/
.dtlav h2 {position:absolute; top:0.3em; left:1em}
.dtlav img.hov {display:none}
.dtlav span {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.86); text-align:center; padding:0.8em}
.dtlav span h1 {font-weight:300; font-size:1.6em; color:#FFF; margin:3.8em 2em 1em; display:inline-block; text-transform:uppercase}
.dtlav span p {font-size:1em; color:#FFF; font-weight:300}
.dtlav:hover span {display:block}
/*.dtlav:hover h2 {display:none}*/
.dtlav:hover img.base {display:none}
.dtlav:hover img.hov {display:block}
a.buttn2 {
	position:absolute;
	bottom:3em;
	left:25%;
	background: #F7B234 none repeat scroll 0% 0%;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 0.3em 2.5em;
	width:50%;
	line-height:1.4em;
	border-radius:8px;
	display: inline-block;
	font-size: 1.3em;
	font-weight:300;
	transition: background-color 300ms ease-in 0s;
}
a:hover.buttn2 {background:#4d4d4d; color:#FFF; text-decoration:none}


#s1, #s2, #s3, #s4 {display:none}

@media screen and (max-width: 1380px) {
.dtlav {position:relative; font-size:0.8em}
	.dtlav h2 {bottom:1em; left:1em; font-size:2em}	
.dtlav span h1 {margin:2em auto 1em;}
}


@media screen and (max-width: 1024px) {
	.cita {font-size:1.8em; line-height:1.2em}
	.dtlav h2 {bottom:1em; left:1em; font-size:1.8em}	
.dtlav span h1 {font-size:1.6em;}
}
@media screen and (max-width: 800px) {
	#menubar {display:none}
	.cita {font-size:1.5em;}
	#mobmenu {display:block}
	.nomob {display:none}
	.onlymob {display:block}
	.dtlav span h1 {font-size:1.1em;}
}
@media screen and (max-width: 640px) {
	.nophone {display:none}
	.onlyphone {display:block}
	.abso {display:none}
}