html{
	background-color: #22374E;
}
h1,h2,h3,h4{
	text-align: center;
}
h1{
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	font-size: 2em;
	font-weight: 100;
	margin-top: .25em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.25em;
}
h4{
	font-size: 1.15em;
}

img{
	width:100%;
	height:auto;
	border-radius:8px;
	border:1px solid #444;
}
hr {
	margin: 1em .5em;
	border-top: none;
	border-bottom: 1px solid #444;
}


/*.col-xs-12 img{
	width:50%;
}*/
img#imglogo{
	width:32px;
	height:32px;
	position:relative;
	top:-5px;
	opacity:0.8;
}

#col3 {
	/*text-align: right;*/
}
#col2{
   min-height: 760px;
}

#ctxup p,#ctxdown p{
	text-align: justify;
}

footer.eof {
	margin-top: 2em;
	padding-top: 2em;
	background-color: #22374E;
	border-top: 1px solid #DDD;
	color: #DDD;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #555;
}
footer a {
	color: #BBB;
}
footer a:hover {
	color: #EEE;
}
footer h5 {
	font-weight: 700;
	color: #EEE;
}


.panel-ipsum {
  border-color: #577CA5;
}
.panel-ipsum > .panel-heading {
  color: #ffffff;
  background-color: #577CA5;
  border-color: #577CA5;
}
.panel-ipsum > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #577CA5;
}
.panel-ipsum > .panel-heading .badge {
  color: #577CA5;
  background-color: #ffffff;
}
.panel-ipsum > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #577CA5;
}

.list-group-item-ipsum {
  color: #fff;
  background-color: #577CA5;
}
a.list-group-item-ipsum,
button.list-group-item-ipsum {
  color: #468847;
}
a.list-group-item-ipsum .list-group-item-heading,
button.list-group-item-ipsum .list-group-item-heading {
  color: inherit;
}
a.list-group-item-ipsum:hover,
button.list-group-item-ipsum:hover,
a.list-group-item-ipsum:focus,
button.list-group-item-ipsum:focus {
  color: #468847;
  background-color: #d0e9c6;
}
a.list-group-item-ipsum.active,
button.list-group-item-ipsum.active,
a.list-group-item-ipsum.active:hover,
button.list-group-item-ipsum.active:hover,
a.list-group-item-ipsum.active:focus,
button.list-group-item-ipsum.active:focus {
  color: #fff;
  background-color: #468847;
  border-color: #468847;
}

.co{
	font-size:90%;
}
.coAu{
	color:#44C;
}
.coRe{
	color:#444;
}
.coDt{
	font-size:65%;
	color:#AAA;
}
.coRt{
	color:#CC8;
}
.co hr{
	margin-top:.5em;
	margin-bottom:.5em;
}

div.drug-resume{
	/*margin:0;*/
	padding:4px;
}
div.drug-resume-in{
	border: 1px solid #DDD;
	border-radius: 8px;
	padding: 8px;
}
.drug-resume-in img{
	border-radius: 50%;
}
div.game-resume{
	/*margin:0;*/
	padding:4px;
}
div.game-resume-in{
	border: 1px solid #666;
	border-radius: 8px;
	padding: 8px;
}
.game-resume-in img{
}
.resume h2{
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 400;
}
.resume p{
	color:#777;
}

.fotorama__img {
	border-radius:8px !important;
	border:1px solid #CCC;
}
.fotorama__caption__wrap {
	background-color: rgba(0,0,0,.7);
	color: #CCC;
	font-family: 'Roboto Mono', monospace;
}

@media (min-width: 1200px) {.resume {height:320px;}}
@media (max-width: 1200px) {.resume {height:350px;}}
@media (max-width: 992px) {.resume {height:330px;}}
@media (max-width: 768px) {.resume {height:390px;}}
@media (max-width: 570px) {.resume {height:330px;}}
@media (max-width: 480px) {.resume {height:350px;}}