/* BODY */
body {	background-color: #fff;	margin: 30px 70px 30px 60px; cursor: default; font-family: Arial, sans-serif; font-size: 12px; color: #787d83; }
               	
a:link {text-decoration: none; color: #787d83; }
a:hover {text-decoration: none;	color: #7ec7d2;	}
a:active {text-decoration: none; color: #7ec7d2; }
a:visited {text-decoration: none; color: #787d83; }
a:visited:hover {text-decoration: none;	color: #7ec7d2;	}

img {	border: 0; -ms-interpolation-mode: bicubic;}

/* MENU */
nav {	float: left; line-height: 13px; background-color: #fff;  width: 100%; margin-bottom: 13px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}

header {float: left;  width: 255px; height: 22px; font-size: 175%; margin-bottom: 20px; margin-top: 4px;}

ul.menu { list-style: none; padding: 0 30px 10px 0; margin: 0;  float: left; }
ul.menu li { padding: 0; margin: 0; font-size: 90%;}
a.active { color: #7ec7d2;}

#share { width: 30px; top: 30px; right: 30px; position: fixed;}
#share a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}

#scrollToTop:link,#scrollToTop:visited { display: none; position: fixed; bottom: 40px; right: 30px; z-index: 10;}
#scrollToTop:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
	
footer { float: left; position: relative; margin: 3px 0 30px 1px; width: 100%; display: none; }

/* CONTENT */
#index { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: auto; width: auto; z-index: -5; padding: 130px 70px 60px 60px; clear: both;}
.fadein { position:relative; height: 100%;}
.aaa {  position: absolute; height: 100%; width: 100%; left:0; top:0; background-repeat: no-repeat; display: block; background-size: contain;}

#media { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: auto; width: auto; z-index: -5; padding: 135px 70px 120px 60px; clear: both; }
#media-p {  margin-top: 4px; width: 100%; height: 100%; float: left; position: relative; clear: both; }
#media img { margin-right: 10px; }
#content { margin-bottom: 45px; width: 100%; height: 100%; float: left; position: relative; clear: both; }
	
#thumb { line-height: 13px; height: 220px; margin: 0 12px 12px 0; float: left; position: relative;}
#thumb img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);	-moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
#thumb1 { line-height: 13px; height: 175px; margin: 0 12px 12px 0; float: left; position: relative;}
#thumb1 img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);	-moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
#thumb2 { line-height: 13px; height: 280px; margin: 0 12px 12px 0; float: left; position: relative;}
#thumb2 img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);	-moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}

#text { margin: 0 0 5px 0; padding: 5px; overflow: hidden; text-align: justify; height: 170px; width: 230px; text-transform: none !important; background-color: #f3f3f3;}
#text p:hover { color: #45484c; }

.cross { padding: 2px; margin: 0; font-style: oblique;}
.news { margin: 0 0 5px 0; padding: 5px; overflow: hidden; height: 125px; text-transform: none !important; background-color: #f3f3f3; font-style: oblique;}


#title { text-transform: uppercase; float: left; font-size: 120%; clear: both; margin: 0; font-style: oblique;}
#caption { padding: 3px 0 20px 0; list-style: none; margin-top: 0; clear: both; }
.info { max-width: 640px; margin-top: 5px; padding-bottom: 60px; text-align: justify; clear: both; }
.info2 { width: 85%; left:0; top:0; min-width: 640px; margin-top: 5px; padding-bottom: 60px; text-align: justify; clear: both; }
.info a, .info2 a, #caption a { font-weight: 900; }
.bio { padding-left: 45px; margin-top: -15px;} 

.img-t { width: auto; max-height: 180px; }
.img-t1 { width: auto; max-height: 135px; }
.img-t2 { width: auto; max-height: 240px; }
.img-s { height: auto; width: auto; max-width: 640px; max-height: 480px; margin-right: 70px;}
.img-s1 { height: 80%; left:0; top:0;}
.img-s1v { height: 55%; left:0; top:0;}
.img-s2 { width: 85%; left:0; top:0; min-width: 640px; margin-right: 70px;}
.img-b { height: 100%; width: 100%; left:0; top:0; background-repeat: no-repeat; display: block; background-size: contain;}
.img-load { display: none; }

.next { position: absolute; float: left; bottom: 40px; 	background-color: #fff; }
.next-p { padding-bottom: 40px; }
.next a,.next-p a { text-transform: uppercase; margin-right: 12px; font-style: oblique; }

/* SLIDER */
#loopedSlider,#loopedSlider1,#loopedSlider2,#loopedSlider3,#loopedSlider4,#loopedSlider5,#loopedSlider6,#loopedSlider7,#loopedSlider8,#loopedSlider9,#loopedSlider10,#loopedSlider11,#loopedSlider12 { position:relative; clear:both; }

.container { overflow: hidden; position: relative; cursor: pointer; width: 640px; height: 480px;}
.slides { position: absolute; bottom: 0; left: 0; }
.slides div { position: absolute; bottom: 0; display: none; z-index: -1; }
.slides img { width: 640px; }

ul.pagination { list-style: none; padding: 0; margin: 0; clear: both; }
ul.pagination li  {  float: left; padding-right: 3px; }
ul.pagination li:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;	opacity: 0.5;}
ul.pagination li.active a { color: #7ec7d2;}