html,body {
  height:93%;
}

body {
	font-family:Verdana; /*Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-style: normal;
	margin-right:auto;
  	margin-left:auto;
	margin:0 auto;
	text-align:justify;
    	background: transparent url('bg.png') center;
    	background-color: #DDD;
	
}
img {
	/*border-color: #999933;*/
	border: 0 none;
	/*padding: 3px;*/
}
 #frame
 {
   position:relative;
   float:center;
   display: block;
   min-height:90%;
   width:1024px;
   height:90%;
   margin-right:auto;
   margin-left:auto;
   margin: 0 auto;

 }
 #headerweb
 {
   float:center;
   position:relative;
   height:135px;
   width:1024px;
   right:0.5px;
   background-image: url('bg1.jpg');
   background-repeat: repeat-x;
 }
 #SubHeaderweb
 {
  float:center;
  position:relative;
  top:25px;
  left:30px;
  width:auto;
  height:90px;
 }


 #bodyMenu
 { 
  float:center;
  position:relative;
  top:0px;
  left:30px;
  width:715px; 
  min-height:650px;  
  height:auto !important;
  height:650px;
  display: block;
  text-align:justify;
  line-height: 18px;  /*espai entre linies */
  }
#bodyNoMenu
 {
  float:center;
  position:relative;
  display: block;
  top:0px;
  left:110px;
  width:800px;
  min-height: 100%;
  height:auto !important;
  height:100%;
  text-align:justify;
  line-height: 18px; /*espai entre linies */
  }
 
* html #bodyMenu #bodyNoMenu {
  height:90%;
}
 #menu
 {
  float:center;
  position:absolute;
  top:136px;
  left:790px;
  width:240px;
  height:590px;

 
 }

 #footerweb
 {
  float:center;
  position:relative;
  display: block;
  table-layout:center;
  text-align:center;  
  height:100px;
  margin-top:-100px;
  border-top: 1px dashed #555;  
  width:1024px;
  margin: auto;
  margin: 0 auto;
  /*background-image: url('../images/textura.JPG');
  background-repeat: repeat-x;*/
  right:0.5px;
  top : 20px;    /*distancia del cos*/
 }
 #menuUp
 {
  float:center;
  position:absolute;
  display: block;
  table-layout:center;
  text-align:center;
  top : 5px; 
  left : 270px; 
  height:1px; 
 }
 
table{border:none;}
/*td{ padding-left:10px; padding-right:10px;}*/
a {   /*:link, a:visited, a:active*/
	color: #000000;
	text-decoration: none;
}
a:hover{
	color:rgb(46, 74, 85); /*#000000;*/
	text-decoration: underline;
}
.linksUp:hover{
	color:white; /*#000000;*/
	text-decoration: underline;
}
.linksMenuPersonal:hover{
	color:white; /*#000000;*/
	text-decoration: underline;
}
h1   { 
	font-size:20px; 
	color: black;
	font-weight: bold; 
	text-align: center;
	margin:1;
        line-height: 25px;
	
}
h2   { 
	font-size:16px;
	color: #FFF;
	letter-spacing:1px;
	background: #2e4a55;
	font-weight: bold; 
	padding: 1px 0px 2px 5px;
	text-align: left; 
	/*border: 1px solid #000;*/
	margin-top: 5px;
	margin-bottom: 12px;
}

.borderLeft{ border-left:1px solid #999933;}
.borderTop{ border-top:1px solid #999933;}
.titleHeader {
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 28px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.subtitleHeader {
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	font-style: normal;
	color: #000000;
}
.titleBody{
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 22px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.subtitleBody {
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.titleMenu{
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	font-style: normal;
	color: white;/*#000000;*/
	font-weight:bold;
}
.linksMenu{
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-style: normal;
	/*font-weight:bold;*/
	color:#000000;
}
.linksMenuPersonal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	/*font-weight:bold;*/
	color: white; /*106010*/
}
.linksUp{
	color:white;
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 11px;
}
.textBody,.textBodyHighlighted{
	font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-style: normal;
	color: #000000;
	font-weight:normal;
	text-align:justify;
}
.textBodyHighlighted{
	font-weight:bold;
	text-align:justify;
}
.author{
        font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#000000;
}
.infArticle{
        font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:italic;
		font-weight:normal;
		color:#000000;
}
.article{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
	font-weight:bold;
	text-align:justify;
	color:#106010;
}
.post{
    font-family: Verdana;/*Arial, Helvetica, sans-serif;*/
    font-size:9px;
	text-align:justify;
}
.footer{ font-size: 10px; color: #000000;
      text-align:center;}

.code{color: #FF6600;}

/*------------------------------SLIDER---------------------------------------*/
/*------------------------------SLIDER---------------------------------------*/
/*------------------------------SLIDER---------------------------------------*/

/*the slider background*/
#container{
padding:100px 50px 0px 50px;
}

.slider {
width:130px;
height:11px;
background:url('slider/slider-bg2.png');
position:relative;
margin:0;
padding:0 10px;
}

/*Style for the slider button*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background:url('slider/slider-button.png');
}

/*Result div where the slider value is displayed*/
#slider-result {
font-size:16px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
width:150px;
text-align:center;
text-shadow:0 1px 1px #000;
font-weight:700;
padding:5px 0;
}

/*This is the fill bar colour*/
.ui-widget-header {
background:url('slider/fill2.png') no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

a {
outline:none;
-moz-outline-style:none;
}
/* javascript css */
#imagecontainer{
width:100%;
height:1000px;
}
.imagesquare{
float:left;
min-width:200px;
min-height:150px;
margin:25px;
}