@charset "utf-8";

.general {
	text-align: center;
	margin: 0px;
	padding:0px;
}

body 
{
	text-align: center;
    line-height: 1.3;
}

#wrap { 
	margin: 0px auto 0 auto;
	width: 1024px;
	height: auto;

    font-family: univers, helvetica, arial, sans-serif;
    color: black;
    letter-spacing: 1.2px;
    font-size: 14px;
	text-align: left;
	color: #000000;
}

#codigo {
	color: #3366FF;
} 


a:link img, a:hover img, a:visited img, a:active img{border:none;} 

.fade{
	border: 0px;	 
	text-decoration: none; 
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
 
.fade:hover{
    opacity: 0.3;
}

#top 
{
	width:1024px;
	height:54px;
	float: left;
}


#left
{
	width:672px;
	float: left;
	margin-left: 18px;
}

#right
{
	width:316px;
	float: right;
	margin-right: 18px;
}

#left_work
{
	width:672px;
	height:75px;
	float: left;
	margin-left: 18px;
}

#right_work
{
	width:316px;
	height:75px;
	float: right;
	margin-right: 18px;
}

#center_work
{
	width:1024px;
	height:639px;
	float: left;
}

#menu_leftseparation
{
	width:70px;
	height:57px;
	float: left;
}

#menu_interseparation
{
	width:18px;
	height:57px;
	float: left;
}

#menu_home
{
	width:37px;
	height:57px;
	float: left;
}

#menu_news
{
	width:37px;
	height:57px;
	float: left;
}

#menu_work
{
	width:37px;
	height:57px;
	float: left;
}

#menu_about
{
	width:37px;
	height:57px;
	float: left;
}

#menu_bio
{
	width:26px;
	height:57px;
	float: left;
}

#menu_top_home
{
	width:37px;
	height:39px;
	float: left;
	background-image:url(../images/logo_home.jpg);
}

#menu_top_news
{
	width:37px;
	height:39px;
	float: left;
	background-image:url(../images/logo_news.jpg);
}
#menu_top_work
{
	width:37px;
	height:39px;
	float: left;
	background-image:url(../images/logo_work.jpg);
}

#menu_top_about
{
	width:37px;
	height:39px;
	float: left;
	background-image:url(../images/logo_about.jpg);
}

#menu_top_bio
{
	width:26px;
	height:39px;
	float: left;
	background-image:url(../images/logo_bio.jpg);
}

#menu_bottom_home
{
	width:37px;
	height:18px;
	float: left;
}

#menu_bottom_home a {
	display: block;
	width: 37px;
	height: 18px;
	background: transparent url(../images/menu_home.jpg) no-repeat;
}

#menu_bottom_home a:hover {
	background-position: -37px 0;
} 

#menu_bottom_news
{
	width:37px;
	height:18px;
	float: left;
}

#menu_bottom_news a {
	display: block;
	width: 37px;
	height: 18px;
	background: transparent url(../images/menu_news.jpg) no-repeat;
}

#menu_bottom_news a:hover {
	background-position: -37px 0;
} 

#menu_bottom_work
{
	width:37px;
	height:18px;
	float: left;
}

#menu_bottom_work a {
	display: block;
	width: 37px;
	height: 18px;
	background: transparent url(../images/menu_work.jpg) no-repeat;
}

#menu_bottom_work a:hover {
	background-position: -37px 0;
}

#menu_bottom_about
{
	width:37px;
	height:18px;
	float: left;
}

#menu_bottom_about a {
	display: block;
	width: 37px;
	height: 18px;
	background: transparent url(../images/menu_about.jpg) no-repeat;
}

#menu_bottom_about a:hover {
	background-position: -37px 0;
}  

#menu_bottom_bio
{
	width:26px;
	height:18px;
	float: left;
}

#menu_bottom_bio a {
	display: block;
	width: 26px;
	height: 18px;
	background: transparent url(../images/menu_bio.jpg) no-repeat;
}

#menu_bottom_bio a:hover {
	background-position: -26px 0;
} 

#text_work
{
	width:244px;
	position:relative;
	height:410px;
	margin-left: 72px;
	float: left;
	text-align:left;
}

#text_work_bottom
{ 
    position: absolute; 
    bottom: 0; 
}

/*SCROLLBAR*/
#scrollbar_container {  
	position:relative;  
	width:672px;  
} 
 
#scrollbar_track {  
	position:absolute;  
	top:0;  
	left:0;  
	height:100%;  
	width:10px;  
	background-color:transparent;  
	cursor:move;  
} 
 
#scrollbar_handle {  
	width:10px;  
	background-color:#EBEBEB;  
	cursor:move;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	opacity:0.9;  
	-moz-opacity:0.9;  
} 
 
#scrollbar_content {  
	overflow: auto;  
	margin-left: 15px;
	width:657px;  
	height: auto;  
    text-align: left;
}  

/*SCROLLBAR WORK*/
#scrollbarwork_container {  
	position:relative;  
	width:1024px;  
} 
 
#scrollbarwork_track {  
	position:absolute;  
	top:0;  
	left:0;  
	height:100%;  
	width:10px;  
	background-color:transparent;  
	cursor:move;  
} 
 
#scrollbarwork_handle {  
	width:10px;  
	background-color:#EBEBEB;  
	cursor:move;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	opacity:0.9;  
	-moz-opacity:0.9;  
} 
 
#scrollbarwork_content {  
	overflow: auto;  
	margin-left: 15px;	
	width:1009px;  
	height: auto;  
}

#center
{
	width:100%;
	text-align: center;
}

#nav {
    text-align:center;
    padding-left: 0px !important;
}
#nav li {
    display:inline;
}
#nav a {
    font-family: univers, helvetica, arial, sans-serif;
    color: black;
    letter-spacing: 1.2px;
    font-size: 14px;
    text-decoration: none;
    border-bottom: none;
    margin:0 13px; 
}

#nav a:hover{
    border-bottom: 1px solid black;
}

.nav-container {
    margin-bottom: 60px;
    display: inline-block;
}

.nav-container.work {
    margin-bottom: 27.8px;
}

.box {
    display: flex;
    flex-wrap: wrap; /* optional. only if you want the items to wrap */
    justify-content: center; /* for horizontal alignment */
    align-items: center; /* for vertical alignment */
}

#dvimg_menu {  
} 

#dvimg_menu_last {  
	float:left;
	height:20px;
	width: 100%;
} 

#outer {   
    text-align: center;
}  

#outer .hidden{   
    display: none;
}  

.dvimg {   
	height:auto;	 
    display: inline-block;
    margin-bottom:20px;
}

.dvimg.text {   
	height:500px;
    width: 100%;
}

.pagination{
    margin-bottom: 15px;
}

.loading {
  height: 232px;
  width: 329px;
  background: transparent url('../images/loading_spinner.gif') center no-repeat;
  color: white;
}

/* General form styling */
.form-container {
  width: 80%;
  margin: 50px auto;
  padding: 20px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  font-family: 'Univers', Helvetica, Arial, sans-serif;
  color: #333;
  letter-spacing: 1.2px;
  font-size: 14px;
}

/* Heading styling */
.form-container h2,
#messages h2 {
  font-size: 14px;
  font-weight:normal;
  margin-bottom: 20px;
  font-family: 'Univers', Helvetica, Arial, sans-serif;
  color: #333;
  letter-spacing: 1.2px;
}

/* Input and textarea styling */
.form-container input[type="text"],
.form-container input[type="email"],
.form-container textarea {
  width: 100%;
  padding: 12px 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* Submit button styling */
.form-container input[type="submit"] {
  padding: 10px 20px;
  background-color: #444;
  color: white;
  border: none;
  cursor: pointer;
}

.form-container input[type="submit"]:hover {
  background-color: #333;
}

body {
  cursor: url('/images/custom-cursor.png') 25 25, auto;
}

body {
  background: url('../images/background.png') repeat;
  background-size: cover;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
}