body {
  text-align: center;font: normal 11px sans-serif #000;font-family:Courier;
  background:#fff;
}

#container {margin: 0 auto; width: 967px;text-align: left;overflow: hidden;position: relative;
}

/* HEADER *********************************************************************/
/******************************************************************************/





/* LOGO ***********************************************************************/
/******************************************************************************/
#logo{margin:40px auto;width:350px;height:70px;text-align:center;}
#logo h1{font-size:40px;color:#000;}




/* NAVBAR ***********************************************************************/
/******************************************************************************/

#topnavbar{float:left;width:965px;margin-top:10px;}
#topnavbar ul{padding:0;list-style-type:none;margin-left:0;font-size:20px;}
#topnavbar ul li{float:left;padding:3px 10px;margin:0 10px 0 0;}
#topnavbar ul li a{color:#000;text-decoration:none;}

#topnavbar ul li:hover{background:#000;}
#topnavbar ul li:hover a{color:#fff;}


#themes{color:#000;}


/* PORTFOLIO ******************************************************************/
/******************************************************************************/

#rubik{width:650px;float:left;margin:30px 20px 10px 5px;border:5px solid #fff;outline:1px solid #ccc;}
#facebooklinks{float:right;margin:30px 10px;width:220px;font-size:15px;}
#facebooklinks p{background:#333;;padding:2px 0 2px 5px;width:150px;}
#facebooklinks p a{color:#ddd;;text-decoration:none;}




#showcase_cont {float: left;margin: 118px 0 0 0;padding: 0 0 140px 0;}


#portfolio {width: 968px;float: left;}
#portfolio ul {list-style: none;padding:0;}	
#portfolio ul li{float: left;height:140px;margin:0;overflow:hidden;}
#portfolio ul li img{opacity:0.95;margin: 1px 1px 0 0;width: 241px;border:0;}
#portfolio ul li a{border:0;}
#portfolio ul li a:hover img {cursor: pointer;opacity:1;}




/* DETALLE DE CADA ITEM *******************************************************/
/******************************************************************************/



.works_cont {float:left;margin-top:80px;}
.works_cont h1{color:#000;float:left;margin:5px 0 0 0 ;width:960px;border-top:2px solid #999;padding:20px 20px 0 0;}
.works_cont h2{float:left;width:960px;font-size:18px;color:#666;border-bottom:2px solid #999;padding:0 20px 20px 0;}
.works_cont p{float:left;color:#000;width:960px;margin:5px 0;}
.works_cont p a{color:#000;text-decoration:none}
.works_cont p a:hover{color:#666;text-decoration:underline}



.goback {background: url(images/back-to-top.png) no-repeat;width: 227px; height: 21px;margin-top:12px; float: right; display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #aba6a6;padding: 6px 0 0 14px;text-decoration: none;}


.works_cont form{display:block;float:left;width:960px;margin-top:30px;}
#leftpart{width:300px;float:left;margin-top:0;margin-right:10px;}
.works_cont form label{width:110px;margin-bottom:8px;margin-top:5px;display:block;float:left;color:#666;}
.works_cont form input{display:block;float:right;margin-bottom:8px;}
.works_cont img{float:left;}

#textareadiv{width:540px;height:120px;float:left;margin:0;}
#textareadiv textarea{width:400px;height:120px;margin:0;}
#submitbutton{display:block;border:1px solid #ccc;float:right;padding:10px;}

#submitmessageSub{background:#fff;opacity:0.8;color:#000;margin:20px auto;z-index:1000;padding:20px 10px;width:400px;border:5px solid #333;
                  outline:3px solid #fff;}

.fullcontact{float:left;width:270px;margin:40px 25px 40px 0;}
.fullcontact h1{display:block;font-size:16px;padding:2px;border:0;color:#333;}
.fullcontact h2{font-size:14px;border:0;padding:0;margin:5px 0 0 0;color:#666;}
.fullcontact p{margin:5px 0;color:#999;}
.fullcontact p a{color:#2ba7d1;margin-left:15px;}


/* FOOTER *********************************************************************/
/******************************************************************************/

#footer {
  float: left;
  width: 967px;
  display: block;
}

#footer p { margin-top:0;float: left;width:200px;margin-left:750px;}
#footer a{color: #ccc;}

a#mt {
  float: right;
  text-indent: -9999px;
  background: url(../images/mt.png) no-repeat;
  width: 241px;
  height: 43px;
  padding-right: 17px;
}