html {
				height: 100%;
			}
			body {
				margin: 0;
				padding: 0;
				width: 100%;
				height: 100%;
				  color: #525252;
    font-family: Segoe UI,Verdana,sans-serif;

background-color:#47D9FA;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #47D9FA 1%, #61c4db 68%, #BADCE4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#47D9FA), color-stop(68%,#61c4db), color-stop(100%,#BADCE4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #47D9FA 1%,#61c4db 68%,#BADCE4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #47D9FA 1%,#61c4db 68%,#BADCE4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #47D9FA 1%,#61c4db 68%,#BADCE4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #47D9FA 1%,#61c4db 68%,#BADCE4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47D9FA', endColorstr='#BADCE4',GradientType=0 ); /* IE6-9 */


    background-repeat: no-repeat;
background-attachment: fixed;
background-attachment: fixed;
    font-size:14px;
  

    
    
    
			}
			#layout {
				min-height: 100%;
				position: relative;
			}
			#header {
				height:80px;
			}
			#content {
			        width:1400px;
				padding: 0 0 0px 0;
margin:0px auto;
			}
			#footer {
				left: 0;
bottom: 0;
width: 100%;
height: 100px;
float: left;
min-width: 1400px;
z-index: -4;
background-color: #465a28;
				
			}
			
/*p{
height: 20px;
margin-top: 0px;
margin-bottom: 0px;
}*/
#rightuser{
color: blue;
text-align: center;
height: 20px;
margin-left: 613px;
width: 100px;
margin-top: 39px;
}
#leftuser{
color: blue;
text-align: center;
margin-top: -20px;
margin-left: 153px;
width: 100px;
height: 20px;
}
#rightContainer{
float:right;
}
#boker{
width: 1300px;
    height: 600px;
    background-image:url("./imagesW/plaisioBiblio.png");
    float: left;
}
#uploadBtn{
width:115px;
}
#containerUpload{
height: 80px;
width: 180px;
}
.titleuser{
margin-bottom: 0px;
text-align: center;
}
#photos{
width: 195px;
overflow: hidden;
margin-top: 75px;
height: 440px;
scrollbar-base-color: red; 
scrollbar-arrow-color: green;
scrollbar-darkShadow-color: blue; 
}
#footerBehind{
background-color: #465a28;
width: 100%;
height: 26px;
margin-top: 50px;
position: absolute;
z-index: -2;
min-width:1900px;
}
#footerFront{
background-image: url("./imagesW/bottomGreenPlace.png");
background-repeat: repeat-y;
width: 100%;
height: 55px;
min-width:1900px;


}
#treeToBe{
background-image: url("./imagesW/treeToBe.png");
width: 778px;
height: 285px;
position: absolute;
margin-top: -22px;
margin-left: 210px;
z-index:2;

}
#bokerInside{
position: absolute;
background-image: url("./imagesW/plaisioBiblioTop.png");
width: 1100px;
height: 80px;
margin-top: -60px;
margin-left: 108px;
z-index: 1;
background-repeat: no-repeat;
}

#leftContainer{
float: left;
height: 600px;
width: 250px;
margin-right:26px;
}

span#letterH1UploadChooser h4{
margin-left: 15px;
color:rgb(0, 153, 255);
font-size:20px;
}

#cuttedCloudUpload{
background-image: url("./imagesW/showCuttedCloud.png");
position: absolute;
width: 160px;
height: 300px;
background-repeat: no-repeat;
z-index: -2;
margin-top: -66px;
margin-left: -55px;
}
#rainbowFooter{
position: absolute;
background-image: url("./imagesW/rainbowPic.png");
width: 215px;
height: 112px;
background-repeat: no-repeat;
margin-top: -73px;
left: 1400px;
z-index: -3;
}

.buttonsToBe{
border:3px solid white;
width:105px;
height:100px;
margin:2px;
padding:2px;
border-radius:20px;
float:left;
}

span#a1stInsideButton{
padding-top: 5px;
padding-left: 14px;
display:block;
}


span#a2ndInsideButton{
padding-top: 5px;
padding-left: 14px;
display:block;
}
span#a3rdInsideButton{
padding-top: 15px;
display:block;
}
span#a4thInsideButton{
padding-top: 10px;
display:block;
}
span#a5thInsideButton{
padding-left: 14px;
display:block;
float:left;

}

span#a7stInsideButton{
padding-top: 15px;
display: block;
}
span#a8stInsideButton{
margin-left: 14px;
margin-top: 6px;
display: block;
}

#rightContainer{
background-color: white;
border-radius: 20px;
border: 1px solid white;
height: 625px;
box-shadow: 2px 2px 2px rgba(66, 66, 66, 0.28);
}

#a5thButton{
    width:220px;
    
}
#a5thInsideButtonb{
float: left;
margin-left: 14px;

}
.styled-select select {
  background: transparent;
width: 217px;
padding: 5px;
font-size: 16px;
border: 0;
border-radius: 0;
height: 33px;
-webkit-appearance: none;
   }

.styled-select {
   width: 101px;
height: 34px;
overflow: hidden;
background: url("./imagesW/new_arrow.png") no-repeat right #FFF;
border: 1px solid #ccc;
margin-top: 32px;
   }
   
   
#titleMain{
margin-top: 80px;
padding-bottom: 300px;
}

#book{
margin-left:107px;
}
#booktitlefix{
text-align: center;
font-weight: bold;
}
#footer9{
margin-top:218px;
position:absolute;
margin-left:-254px;

}
#bookauthorfix{
text-align: center;
font-weight: bold;
}

#uploadButtonLeftContent{
box-shadow: none;
color: #FFF;
width: 113px;
height: 30px;
background-image: linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -o-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -moz-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -ms-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);

color:white;


}
#uploadButtonLeftContent:hover {

color:#DDD;

}

#chooseButtonLeftContent{
box-shadow: none;
color: #FFF;
width: 100px;
height: 30px;
background-image: linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -o-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -moz-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);
background-image: -ms-linear-gradient(bottom, rgb(0, 153, 255) 33%, rgb(42, 183, 230) 67%);

color:white;


}
#chooseButtonLeftContent:hover {

color:#DDD;

}
#beTheCanvasStand{
width: 256px;
height: 177px;
position: absolute;
background-image: url("./imagesW/canvasStand.png");
margin-top: -110px;
margin-left: 20px;
}
#paint{
position: absolute;
    margin-top: -283px;
    margin-left: 24px;
    }
    
    #holdColors{
   position: absolute;
margin-top: -110px;
margin-left: 280px;
}

#headerGuides{
   background-image: url("./imagesW/headMenu3rdc.png");
    background-repeat: no-repeat;
    height: 100px;
    margin-left: 107px;
    margin-top: -27px;
    position: absolute;
    width: 140px;
}
#headerGuides2{
  background-image: url("./imagesW/logoW.png");
    background-repeat: no-repeat;
    background-size: 67px 60px;
  height: 63px;
margin-left: 25px;
margin-top: 14px;
position: absolute;
width: 73px;
}

#showGuides{
-moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease;
  -webkit-transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
width: 680px;
background-color: rgba(230, 230, 230, 0.45);
height: 424px;
left: 50%;
position: absolute;
z-index: 60;
margin-left: -250px;
top: 100px;
border-radius: 20px;
display:none;


}
#closePaint{
position: absolute;
top: 0;
margin-top: 5px;
margin-right: 38px;
right: 0px;
}
#paint2{
position:absolute;
background-color: whitesmoke;
margin-top: 30px;
margin-left: 30px;
}
#showPaint{
-moz-transition-duration: 500ms;
-moz-transition-timing-function: ease;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease;
width: 860px;
background-color: rgba(177, 177, 177, 1);
height: 561px;
left: 40%;
position: absolute;
z-index: 60;
margin-left: -250px;
top: 100px;
border-radius: 20px;
display: none;
}
#innerGuides{
background-color: white;
padding: 5px;
margin: 0 auto;
width: 650px;
height: 380px;
display: block;
margin-top: 17px;
overflow:auto;
}
.firstRowGuides{
font-size: 12px;
width: 500px;
margin-left: 70px;
padding: 10px;
border: 1px dotted rgba(116, 114, 114, 0.13);
margin-bottom: 5px;
background-color:whitesmoke;
}

#closeGuide{

position: absolute;
top: 0;
margin-top: 32px;
margin-right: 38px;
right: 0px;
}
#goRight{
margin-left: 326px;
margin-top: 3px;
}
   .firstRowGuidesImg{
    float: left;
   
    }
    
#guideTitle{
    float: left;
    margin-left: 9px;
    font-size: 16px;

    color: rgb(4, 92, 151);
font-weight: bold;
  margin-top: 22px;
  }
#guideContent{
    clear: both;
    display: block;
    padding-top: 11px;
    }

div#innerGuides h3{
margin: 0 auto;
left: 40%;
margin-bottom: 5px;
background-color: rgb(0, 153, 255);
color: white;
height: 30px;
border-top-left-radius: 20px;
text-indent: 20px;
padding-top: 10px;
}
.firstRowGuides:full-screen{
background-color:red;
}
.firstRowGuides:-moz-full-screen {
    background: red;
}
 
.firstRowGuides:-webkit-full-screen {
    background: red;
}
 
.firstRowGuides:fullscreen {
    background: red;
}



 
@media screen and (min-height: 1038px) {
#header { margin-bottom:7%; }
}


.mce-btn button{
padding:0px;
font-size:10px !important;
}

#footerFrontInsitute{
margin-top: 0px;
width: 430px;
float: right;

}
#letterToExp{
background-color: rgb(9, 111, 131);
color: whitesmoke;
width: 430px;
font-size: 10px;
display: block;
text-align: center;
height: 15px;
position: fixed;

}
#chooseStrenght{
    width: 167px;
    height: 26px;
    }
.chooseDensit{
background-color:rgb(66,66,66);
border-radius:20px;
margin-right: 6px;
float:left;
}
#dens1{
width:13px;
height:13px;
}
#dens2{
width:18px;
height:18px;
}
#dens3{
width: 22px;
height: 22px;
margin-top: -2px;
}

#beThePallete{
    position: absolute;
    background-image: url("./imagesW/pallete2.png");
    width: 200px;
    height: 200px;
    margin-top: -121px;
    margin-left: 230px;
    background-repeat: no-repeat;
    background-size: 162px;
}
#txtHintErrorUpload{
font-size:10px;
}
a.down{
float:left;
z-index: 5;
}
a.up{
float:right;
z-index: 5;
}