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

body {
  margin:0px; padding:0px;
  font-family: Verdana, sans-serif;
	background:#222;
	color:#666;
}

.container {
	width:980px;
	margin:0 auto;
	position:relative;
}

h1 {font-size: 1.3em;}

hr {
	margin: 20px;
	border:none;
	border-top: 1px solid #111;
	border-bottom: 1px solid #333;
}

#logo {
  margin-left: 30px;
}

#logo h1 a {
  background: transparent url("images/logo.png") no-repeat scroll 0 0;
  display: block;
  height: 82px;
  width: 246px;
  margin: 10px 10px 0;
}

#logo small {
  padding-left: 12px;
  color: #E9EFF7;
}

#logo h1 a span {
  display:none;
  margin: 0;
  padding: 0;
}

ul#menu {
	padding:0px; padding-top: 20px;
	position:absolute;
	right: 20px;
	width: 464px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}
ul#menu li a.active, ul#menu li a:hover {
	color:#fff;
}

#sub {
display:block;
position:relative;
float: right;
padding-right: 190px;
padding-top: 45px;

}
ul#sub li {
	display:inline;
	margin-left:12px;
}
ul#sub li a {
	text-decoration:none;
	color:#555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}
ul#sub li a.active, ul#sub li a:hover {
	color:#fff;
}

.about {
  background-color:#282828;
  border:1px solid #323232;
  margin-bottom:15px;
  padding:0.3em 1em 1em;
  width:960px;
  font-size:1em;
}

.portfolio {
background-color:#282828;
  border:1px solid #323232;
  margin-bottom:15px;
  margin-left:1em;
  padding:0.3em 1em 1em;
  width:860px;
  min-height: 300px;
}

.abzac { text-indent: 1cm }

.thumbnail {
border:2px solid #fff;
margin:15px 20px;
}

.portfolio_main {
float: left;
color:#fff;
text-decoration: none;
width: 190px;
text-align:center;
}

.portfolio_main a {
text-decoration: none;
color: #ccc;
}

.portfolio_main a:active, a:hover {
text-decoration: none;
color: #fff;
}



/* Photo container */

#container-fotos {

	padding: 20px;
	background-color: #000000;
	height: 353px;
	margin-bottom: 30px;
	width: 780px;
	margin-left: 80px;
	margin-right: 80px;
}

.caroulsel-controls, .prev, .next {
	cursor: pointer;
	display: block;
	height: 353px;
	position: absolute;
	text-indent: -9999px;
	

	top: 0;
	width:300px;
	z-index:999;
}


.prev {
	left: 0;
}

.next {
	right: 0;
}

.prev:hover {
	background: url(left.png) top left no-repeat;
}

.next:hover {
	background: url(right.png) top right no-repeat;


}

.lista-fotos {
	margin: 0;
	padding: 0;
}

.lista-fotos li {
	display: inline;
	float: left;
	list-style: none;
}

.lista-fotos img{
	border:0;	
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 780px; /*width of featured content slider*/
height: 353px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 780px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.toc{
	display:none !important;
}
/*End of */

/*
	Footer-Styles
*/

#footer {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
#footer {
background-color: #32312B;
min-height: 53px;
padding: 0px 0px 20px 0px;
position: relative;
top: 25px;
}
.footer_column {
	float:right;
	width:230px;
    height: 53px;
    border-left: solid 1px #c5c6c4;
    border-right: solid 1px #c5c6c4;
    border-bottom: solid 2px #c5c6c4;
    margin-right:93px;
    margin-top:2px;
}

#footer h3 {
    padding-top:16px;
    padding-left:20px;
    color:#ffffff;
    font-size:12px;
    line-height: 15px;
}

ul#footer_menu {
	margin:14px 0px 0px 30px;
	padding:0px;
	position:absolute;
	left:0px;
	width: 445px;
}
ul#footer_menu li {
	display:inline;
	margin-left:12px;
}
ul#footer_menu li a {
	text-decoration:none;
	color:#849C9E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}
ul#footer_menu li a.active, ul#footer_menu li a:hover {
	color:#fff;
}
#foto{
	width: 200px;
	float: right;
	margin-right:240px;
	margin-top:-460px;
}
/*#contact_form{
	float: left;
	width: 400px;
	height: 600px;

}*/