/* CSS Document */
/*

------------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100.01%;
}
body {
  background: #000000 url(../images/background.jpg) repeat-x;
  color: #FFF;
  font: .625em arial, verdana, sans-serif;
  text-align: center;
}

a {
  color: #FFF;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
	outline:none;
  text-decoration: none;
}
a img {
  border: 0;
}

:focus {
  outline: 0;
}

hr {
  display: none;
}
table {
  font-size: 1em;
}
textarea {
  overflow: auto;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#container {
	margin: 0 auto;
	text-align: left;
	width: 870px;
	background-color: #000000;
	background-image: url(../images/back.gif);
	background-repeat: repeat;
}

/* 2.1)dejarlo aca
------------------------------------------------------------------------------*/
#header {
  padding: 43px 31px 24px 31px;
}
#header h1, #header h1 span {
  font-size: 4em;
  font-weight: normal;
  height: 74px;
  width: 202px;
}
#header h1 span {
  background-image: url(../img/header-mediocore.jpg);
}
#header h1 strong {
  color: #f34900;
  font-weight: normal;
}


/*....top of site......*/
#top{
	height: 10px;
	width: 870px;
}

/*....navigation of the site.....*/



ul#navlist
{
	margin-left: 0;
	padding-left:600px;
	white-space: nowrap;
	padding-bottom: 5px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
}

#navlist a { padding: 8px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}




#footer {
	border-top: medium solid #999999;
	clear: both;
	padding: 20px 0;
	width: 870px;
	height: 40px;
}
#footer p {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 300px;
}
#footer p img {
  float: left;
  margin-right: 455px;
}
#footer ul {
  float: right;
}
#footer ul li {
  font-size: 1.2em;
  display: inline;
  border-left: 1px #FFF solid;
  margin-left: 4px;
  padding-left: 6px;
}
#footer ul li.first {
  border: 0;
}
#footer ul li a {
  color: #e73f00;
}









#imagetop{
	width:109px;
	height:118px;
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
	background-position: left;
}




#boxcontent{
	width: 865px;
	;
	margin-left: 10px;

}















#typetop{
	float: left;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 300px;
	


}


h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #a8a8a8;
	font-weight: bold;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6e6e6e;
	margin: 10px 8px 10px 0px;
}



#typetop2{
	float: left;
	width: 500px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 50px;
	}
	
	#typetop2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	}
	

.links{
float: right;

}




/*porfolio*/





#gallery{
	with:870px;
	padding-left: 18px;	
}



div.box {
	width: 270px;
	float: left;
	display: inline;
	margin: 0 13px 13px 0;

}
div.box .obrazok {
	padding: 10px;
	background-color: #1e5061;
}
div.box .obrazok:hover  {
	background-color: #43bbe5;
}
div.box .text {
	padding: 10px;
	background-color: #0c0c0c;
	margin-top: 0;
	font-size: 11px;
	color: #454545;
	line-height: 130%;
}
div.box .text span {
	display: block;
	color: #aaa;
	font-weight: bold;
}







.imageemail{


}


.imageBig{
	border: medium solid #949292;
	float: left;
	height: 391px;
	width: 658px;
	margin: 0px 0px 15px 0;
	}



#gallerybig{
	with:658px;
	padding-left: 100px;	
}






.redBig{
	border: medium solid #949292;
	float: left;
	
	margin: 0px 0px 0px 0px;
	}



.redBig2{
	border: medium solid #949292;
	float: left;
	
	margin: 15px 0px 25px 200px;
	}
/*
.boxbig {
	width: 660px;
	height:391px;
	float: left;
	display: inline;
	margin: 0 13px 13px 0;}
	
	
.boxbig .obrazok {
	padding: 10px;
	background-color: #43bbe5;
}
.boxbig .obrazok:hover  {
	background-color: #43bbe5;