/* CSS Document */

p{padding:0;margin:0;}
body{padding:0;margin:0;background-color:#62587C; margin-top:30px; margin-bottom:30px;}


#site{width:920px;
	  height:1260px;
	  background-color:#FEFEE8;
	  box-shadow:0px 0px 20px #422747;
	  }
	  
.bara_sus{width:920px;
		  height:10px;
		  background-color:#efefcf;
		  }
		  
.header{width:920px;
		height:150px;
		background-color:#FEFEE8;
		}
		
.bara_sub_header{width:920px;
				 height:10px;
				 background-color:#efefcf;
				 }
				 
.bara_culori{width:920px;
			 height:120px;
			
			 background-color: #C15D63;
  background-image: url(images/radial_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  
  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#c46f75), to(#9b2a31));
  
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #C15D63, #9b2a31);
  
  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #C15D63, #9b2a31);
  
  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #C15D63, #9b2a31);
			 }
			 
	/* BOX BEJ PENTRU CULORI 01 */		 
div.colorbox1{width:270px;
            height:100px;
			background-color:;
			border-radius: 4px;
			margin-top:10px;
			margin-left:27px;
			position: absolute;
			z-index: 5;
			}

	/* BOX BEJ PENTRU CULORI 01 */	
div.colorbox2{
			  width:270px;
			  height:100px;
			  background-color:#00FF99;
			  border-radius: 4px;
			  margin-top:10px;
			  margin-left:27px;
			  position: absolute;
			  }
		
		/* BOX modificat pentru bara text 01 */			
.colorboxbubble{width:270px;
				   height:100px;
				   background-color:#FEFEE8;
				   border-radius: 4px;
				  
				   }
		
		/* BOX modificat pentru bara text 02 */					
.colorboxbubble2{width:270px;
				   height:100px;
				   background-color:#ecd5c5;
				   border-radius: 4px;
				   
					}	
		
		/* BOX modificat pentru bara text 03 - Div-u lcare ascunde COLOR */					
.colorboxbubble3{width:270px;
				   height:32px;
				   background-color:#FEFEE8;
				  
					}	
					
									

				   
 		/* DIV-ul in care stau culorile */		
div.colorboxIN{width:250px;
			   height:100px;
			   background-color:;
			   margin:5px;
			   float:left;
			   position:relative;
			   }
			   
		/* BOX inregistrare 01 */			   
div.inreg1{width:80px;
		  height:0px;
		  background-color:#efefcf; 
		  border-top: 20px solid transparent;
		  border-left: 30px solid #FEFEE8;
		  border-bottom: 20px solid transparent;
		  position:absolute;
		  z-index: 5;
		  float:right;
		  top:60px;
		  right:0px;
		  }	
		
		  
		/* BOX inregistrare 02 */	
div.inreg2{width:80px;
		  height:0px;
		  background-color:#f7f7df;
		  border-top: 20px solid transparent;
		  border-left: 30px solid #FEFEE8;
		  border-bottom: 20px solid transparent;
		  position:absolute;
		  float:right;
		  top:60px;
		  right:0px;
		  }	
		 
		 /* TUTORIALE PHOTOSHOP */	 
.tutps{width:132px;
	   height:40px;
	   background-image:url(images/tutps.gif);
	   background-repeat:repeat;
	   }

		/* DIV FACEBOOK 01 */	
.talkbubble {
   width: 64px; 
   height: 77px; 
   background: #ad4249;
   position: relative;
   -moz-border-radius:    10px; 
   -webkit-border-radius: 10px; 
   border-radius:         10px;
}
		/* DIV FACEBOOK 02 */
.talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid #ad4249;
   border-bottom: 13px solid transparent;
}

		/* DIV o singura culoare */
.culoare{width:25px;
		 height:25px;
		 margin:4px;
		 }
		 
		 /* DIV 2 culori combinate */
.culoare_dubla{width:54px;
			   height:25px;
			   margin:4px;
			   float:left;
			   }
		 
		 /* CULOARE / COMBINATII DE CULORI BOX  */
.talkbubblebox {
   width: 270px; 
   height: 22px; 
   background: #ad4249;
   position: relative;
   -moz-border-radius:    3px; 
   -webkit-border-radius: 3px; 
   border-radius:         3px;
}
.talkbubblebox:before {
   content:"";
   position: absolute;
   right: 46%;
   top: -7px;
   width: 0;
   height: 0;
   border-right: 11px solid transparent;
    border-bottom: 10px solid #ad4249;
   border-left: 11px solid transparent;
  
}


/* -------------- GATA HEADER-UL -------------------- */


.spatiu_gol_sub_header{width:920px;
					  height:30px;
					  float:left;
					  }

div.combinatii{width:264px;
			   height:125px;
			   float:left;
			   position:relative;
			   background-color:#efefcf;
			   margin-top:10px;
			   margin-left:28px;
			   margin-bottom:10px;
			   border-radius:2px;
			   padding:2px;
			   box-shadow:0px 0px 7px #c3b49e;
			    }
				
.chenar{width:50px;
		height:123px;
		background-color:#999999;
		float:left;
		margin:1px;
		}
		
.chenar:before{content:"";
			   position:relative;
			   top: 100px;
			   width:52px;
			   height:20px;
			   background-color:#efefcf;
			   float:left;
			   
			   }
			 
			 
.altecombinatiibox {
   width: 270px; 
   height: 22px; 
   background: #ad4249;
   position: relative;
   -moz-border-radius:    3px; 
   -webkit-border-radius: 3px; 
   border-radius:         3px;
   margin-top:15px;
   margin-left:27px;
}			   
			   
.altecombinatiibox:before {
   content:"";
   position: absolute;
   right: 46%;
   top: 20px;
   width: 0;
   height: 0;
   border-right: 11px solid transparent;
    border-top: 10px solid #ad4249;
   border-left: 11px solid transparent;
}			   
			   
.footer{width:920px;
		height:150px;
		background-color:#333333;
	
		}

.reclama{width:468px;
		 height:60px;
		 background-color:#CCCCCC;
		 border: 1px solid #999999;
		 position:relative;
		 }
		 
.pamblica{width:112px;
		  height:112px;
		  position:relative;
		  background-image:url(images/pamblica.png);
		  background-repeat:no-repeat;
		  z-index:5;
		  }

a.pagesdiv {
   width: 40px; 
   height: 22px; 
   background: #ad4249;
   position: relative;
   float:right;
   -moz-border-radius:    3px; 
   -webkit-border-radius: 3px; 
   border-radius:         3px;
   margin-right:2px;
   margin-left:2px;
   margin-top:7px;
  
}			   


a.pagesdiv:hover {
   width: 40px; 
   height: 22px; 
   background: #c05f65;
   position: relative;
   float:right;
   -moz-border-radius:    3px; 
   -webkit-border-radius: 3px; 
   border-radius:         3px;
   margin-right:2px;
   margin-left:2px;
   margin-top:7px;
  
}			   
	
	/* Div selectat pentru pagina pe care esti. 1 2 [3] 4  */ 
.pagesdiv {
   width: 40px; 
   height: 22px; 
   background: #c05f65;
   position: relative;
   float:right;
   -moz-border-radius:    3px; 
   -webkit-border-radius: 3px; 
   border-radius:         3px;
   margin-right:2px;
   margin-left:2px;
   margin-top:7px;
  
}