/* CSS Document */
 
 
html, body { font-family:Trebuchet MS; color: #000000; margin: 0; padding:0; width:100%; height:100%; overflow: none; }

#wrap{  
margin: 0px auto;
width:860px;
height: 500px;
}


/* header */
#header{  
width:860px;
overflow:hidden;
margin: 0 0 50px 0;
}
#header a#home1 {
color:#000000;
float:left;
font-size:2em;
font-weight:bold;
margin:60px 0 0 0;
font-family:Journal ;

}
#header a#home1:hover{
color:#4c9494;
text-decoration:none;
}
/*-------------------------------------*/



/* menu */
#menu{
width:630px;
float:right;
font-family:Journal ;
font-weight:bold;

}
.menu{
padding:0px;
margin:0px;
}
.menu li { 
display:inline;
float:left;
width:125px;
}
.menu li a #img{ 
background: url(../img/img_menu.gif) top center no-repeat;
width:100px;
height:60px;
border-bottom:0px solid #000;
}
.menu li a:hover #img{
background-image:url(../img/hover.gif);
width:100px;
height:60px;
}
.menu  .center {
float:right;
text-align:center;
width:100px;
}
/*-------------------------------------*/



/* home */
body#home{
font-family:Journal; 
}
body#home #main{  
text-align:center;
margin: 0 0 10px 0;
}
body#home #footer{
text-align:center;
margin: 0;
}
/*-------------------------------------*/



/*portfolio*/
body#portfolio #main{
width:860px;
margin:0 0 20px 0;
}
body#portfolio #main p{
line-height:27px;
text-align:justify;
margin:0;
}
/*-------------------------------------*/



/*contact*/
body#contact #main{
width:600px;
margin:0 80px 20px 80px;
overflow:hidden;
}
body#contact #main p {
float:right;
line-height:30px;
margin-top:37px;
text-align:right;
width:240px;
}
body#contact #main img{
float:left;
}
/*-------------------------------------*/



h1 {
color:#016767;
font-family:Journal ;
font-size:2em;
margin:0;
text-transform:uppercase;
font-weight:bold;
}

p {
color:#277E7E;
font-size:0.7em;
line-height:20px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
text-decoration:none;
color:#277E7E;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
}

a #back{
background-image:url(../img/back.gif);
margin: 0 auto;
width:52px;
height:52px;	
overflow: hidden;
}
a:hover #back{
background-image:url(../img/hover_back.gif);
margin: 0 auto;;
width:52px;
height:52px;	
overflow: hidden;
}

 

/*about*/
body#about #main{
margin: 0px 0px 0px 0px;
overflow:hidden;
}
body#about #main #sub-section{
float:left;
width:315px;
}
body#about #main #content{
float:right;
width:540px;
}
body#about #main #content #value{
width:315px;
float:right;
margin-left:0px;
}
body#about #main #content #img{
float:left;
padding:0px 0 0 0;
width:150px;
}
/*-------------------------------------*/









/*sit*/
body#sit #main{
width:760px;
margin: 0px 0px 10px 0px;
overflow:hidden;
}
.sit{
	width:100%;
	float:left;
	clear:both;
	position:relative;
}
.popups{
	width:405px;
	height: 325px;
	z-index:100;
	position: absolute;
	top:  0px;
	left: 340px;
	background-color:#FFFFFF;
}
.contenedor{
	width: 403px;
	float:left;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f90;
	border-bottom-color: #f90;
	border-left-color: #f90;
}
.texto_largo{
	width: 95%;
	height:200px;
	font-size: 12px;
	color: #000;
	overflow-x:hidden;
	overflow-y:scroll;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 10px;
	text-align: left;
}
.texto {
	width: 90%;
	font-size: 12px;
	color: #000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 10px;
	text-align: left;
}
/*-------------------------------------*/