/*-----------------------------------------------------------------------------------*/
/* Fisierul de stiluri  STILL.CSS trebuie sa fie in directorul radacina al site-ului */
/*-----------------------------------------------------------------------------------*/

html {
    /* repetam culoarea din subsolul paginii (FOOTER), exemplu : rgb(255,100,100) */
	/*background-color: rgb(255,100,100); */
	/*background-image:  url('imagini/03573e15748af94.jpg');*/
background-image:  url('imagini/05573e312a3510c.jpg');
	background-repeat: repeat-x repeat-y;
	background-position: right bottom ;
}

body {
	padding-top: 30px;
}
	
.navbar-header h2, .navbar-header h3, .navbar-header h4 {
	color:red; 
	padding-left:5px;
	padding-right:5px;
}

.navbar-nav  {
	padding-right:5px;
}


.dropdown-menu li a:hover {
	background-color: #2e6da4;
	color: white;
	/*color: #2e6da4;*/
}

.dropdown-menu li a:active {
	background-color: #2e6da4;
	color: white;
}

.navbar-nav .dropdown-menu li a:link {
	color:#2e6da4;
}

.navbar-nav .dropdown-menu li a:hover {
	background-color: #2e6da4;
	color: white;
}

.navbar-nav .dropdown-menu li a:active {
	background-color: #2e6da4;
	color: white;
}



.cl_jumbo {
	padding-left: 30px;
	padding-right: 30px;
	background-color: #FF5E4D;  /*rosu capucin*/
/*	background-color: #E9383F; /*rosu grenadin*/
	margin-bottom: 0px;
	color: white; 
}


/*
.cl_jumbo h2, .cl_jumbo h3, .cl_jumbo h4, .cl_jumbo h5  {
	color: white; 
	/*color: #333;  negru estompat 
} 
*/


.cl_bkgr1 {
	/* adresa imaginii de fundal a zonei MAIN+ASIDE din index.html : */
	
	background-image:  url('imagini/05573e312a3510c.jpg');
	
	/*background-image:  url('imagini/03573e15748af94.jpg'); */
	background-repeat: repeat-x repeat-y;
	background-position: right top ;
	
	/* culoarea de fundal a zonei MAIN+ASIDE din index.html, exemplu : rgb(225,200,200)*/
	/*background-color: rgb(225,255,128);*/
}

.cl_bkgr2 {
	/* culoarea de fundal a zonei MAIN din paginile html din radacina, exemplu : galben rgb(255,250,150) */
	/*background-color: rgb(234,234,234);*/
	background-color: rgb(255,255,255);	
}

.cl_bkgr3 {
	/* culoarea de fundal a zonei centrale row MAIN din paginile html din radacina, exemplu : galben rgb(255,250,150) */
	background-color: rgb(255,255,255);
}



/* clasa pentru butoanele left, right din carusele de imagini :*/
.cl_arrcarusel{
    /* culoarea butoanelor left, right din carusel : */
	color: blue;
}

/* completarea clasei din bootstrap.css care se refera la bulina de navigare din carusele de imagini :*/ 
.carousel-indicators li {
    /* culoarea bulinei de navigare din carusel, exemplu : blue */
	border: 1px solid blue; 
}

/* completarea clasei din bootstrap.css care se refera la bulina de navigare activa din carusele de imagini :*/ 
.carousel-indicators .active {
	/* culoarea bulinei de navigare active din carusel, exemplu : blue */
	background-color: blue;
}


.carousel  img {
    /* imaginile din clasa carusel (din bootstrap) sa apara pe mijloc : */
	margin: auto;
}
 

.cl_footer {	
	/* culoarea de fundal a zonei FOOTER, exemplu : rgb(255,100,100) */
	/*background-color: rgb(255,25,25); /*red */
	/*	background-color: rgb(255,100,100); */
	/*background-color: rgb(0,150,204);*/
	
	
	/*background-image:  url('imagini/03573e15748af94.jpg');*/
	background-image:  url('imagini/05573e312a3510c.jpg');	
	
	background-repeat: repeat-x repeat-y;
	background-position: right top ;	
	
}

.cl_footer a:link {
	color: #333;
}

ol {
	padding-left: 13px;
}


ul {
	padding-left: 13px;
}

hr {
	border-top-color: rgb(190,190,190);
	border-width: 1px;	
}



.cl_ecranmare {
	display: block;
}

.cl_ecranmic {
	display: none; /* element invizibil pe ecranele mari */
}

.cl_tabyes {
	display: none; /* elementul vizibil pe tableta */
}

.cl_tabno {
	display: block; /* element invizibil pe tableta */
}


.affix {
	top: 70px;
	/* latimea maxima a secventei scrollspy affix : */
	max-width: 120px;
}	





/* Stiluri suplimentare pentru ECRANE TABLETE : ---------------------------------------------*/

@media screen and (max-width: 700px) {
	.affix li {
		/* latimea maxima a secventei scrollspy affix : */
		max-width: 100px;
	}
			
	.cl_ecranmare {
		display: block;
	}
	
	.cl_ecranmic {
		display: none; /* element invizibil pe ecranele mari */
	}

	.cl_tabyes {
	    display: block; /* elementul vizibil pe tableta */
    }
	
	.cl_tabno {
	    display: none; /* elementul invizibil pe tableta */
    }
	

	.cl_bkgr1 {
		/* adresa imaginii de fundal a zonei MAIN+ASIDE din index.html : */
		background-image:  url('imagini/05573e312a3510c.jpg');
		background-repeat: repeat-x repeat-y; 
		background-position: bottom left;	
		
	    /* culoarea de fundal a zonei MAIN+ASIDE din index.html, exemplu :  rgb(225,200,200) */
		/*background-color: rgb(225,255,128);	*/	
	}

	.cl_bkgr2 {
		/* culoarea de fundal a zonei row MAIN din paginile html din radacina, exemplu : alb rgb(255,250,150) */
		background-color: rgb(234,234,234));
	}

	.cl_bkgr3 {
		/* culoarea de fundal a zonei centrale row MAIN din paginile html din radacina, exemplu : alb rgb(255,250,150) */
		background-color: rgb(255,255,255);
	}
	
}


/* Stiluri suplimentare pentru ECRANE SMARTPHONE : --------------------------------------------*/

@media screen and (max-width: 480px) {
	.cl_ecranmare {
		display: none; /* element invizibil pe ecranele mici */
	}
	
	.cl_ecranmic {
		display: block;	
	}

	.cl_tabyes {
		display: none; /* elementul vizibil pe tableta */
	}
	
	.cl_tabno {
		display: none; /* elementul invizibil pe tableta */
	}

	.cl_bkgr1 {
		/* adresa imaginii de fundal a zonei MAIN+ASIDE din index.html : */
		/*background-image:  url('imagini/cloudsnbca.jpg');*/
		background-image:  url('imagini/05573e312a3510c.jpg')
		background-repeat: repeat-x repeat-y; 
		background-position: top left;	
		
		/*background-color: rgb(225,255,128);*/		
		
	}
	
	.cl_bkgr2 {
		/* culoarea de fundal a zonei row MAIN din paginile html din radacina, exemplu : alb rgb(255,250,150) */
		background-color: rgb(234,234,234);
	}

	.cl_bkgr3 {
		/* culoarea de fundal a zonei centrale row MAIN din paginile html din radacina, exemplu : alb rgb(255,250,150) */
		background-color: rgb(255,255,255);
	}	
}