@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }

@font-face {
    font-family:'Geometr231 BT';
    src: url('../css/geo231rm-webfont.eot');
    src: url('../css/geo231rm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/geo231rm-webfont.woff') format('woff'),
         url('../css/geo231rm-webfont.ttf') format('truetype'),
         url('../css/geo231rm-webfont.svg#geometr231_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
    background:#fff;
	font-size:14px;
	color: #333;
	background-image: url(../imagini/bg.jpg);
	background-repeat:repeat;
	font-family: Geometr231 BT;
}

#pagina {
	width:1100px;
	height:auto;
	border:#F30 solid 0px;
	margin-left:auto;
	margin-right:auto;
}

#sus {
	width:1100px;
	height:90px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-family: Geometr231 BT;
	border-bottom:#000 solid 6px;
}

#sus_logo {
	width:350px;
	padding-top:25px;
	padding-left:10px;
	height:70px;
	float:left;
}

#sus_motto {
	width:350px;
	height:70px;
	float: right;
	padding-top:25px;
	padding-right:20px;
}

#sus_motto p {
	font-size:36px;
	text-align:right;
}



#navigare {
	width:100%;
	margin:10px auto;
	height:75px;
}

#navigare ul {
	padding:6px 20px 5px 1px;
	margin:0px;
	height:56px;	
}

#navigare ul li {	
	width:140px;
	height:62px;
	display: inline-block;	
	margin-left:1px;		
	cursor:pointer;	
	text-align:center;	
	background-image: url(../imagini/dotted.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:2px 50px;
	overflow:hidden;
}

#navigare ul li img {
	height:35px;
}

#navigare ul li p {	
	font-size:14px;
	margin:3px auto 0 auto;
	font-family:"Geometr231 BT";
	width:87%;
}

#navigare ul li a {	
	color:#555;
	text-decoration:none;
	font-size:17px;
	padding:5px 1px;
}

#navigare ul li a:hover, #navigare ul li.active a {
	background-color:transparent;
	color:#09C;
}


#slider {
	width:1100px;
	height:353px;
	border-bottom:3px solid #999;
	margin-bottom:17px;
}

#continut_pagina {
	width:1100px;
	height:600px;
	font-size:19px;
	border-bottom:#000 solid 5px;
	margin-bottom:20px;
}

#stanga {
	width:230px;
	height:560px;
	border: #666 solid 2px;
	border-radius:8px;
	float:left;
}

#stanga h2 {
	color:#333;
	text-align:center;
	border-bottom:#F00 solid 5px;
	font-weight:normal;
	padding-top:35px;
	padding-bottom:10px;
	font-size:28px;
}

#stanga_cotatie {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}

#buton {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}


.error {
	color: #09F;
	font-size:17px;
	font-weight: normal;
	text-align:center;
}

.succes { 
	text-align:center;
	font-weight:bold;
	margin-bottom:7px;
}


#centru {
	width:600px;
	height:600px;
	float:left;
	margin:0 20px;
}

#centru .titlu {
	width:350px;
	border-bottom:#F60 dashed 4px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	margin-bottom:20px;
}

#centru h1 {
	font-size:28px;
	text-align: left;
	color:#F90;
	font-weight: bold;
	margin-bottom:8px;
}

#centru h2 {
	font-size:21px;
	text-align: left;
	font-weight: normal;
	color:#F60;
	padding-bottom:10px;
}

#centru p {
	padding-bottom:6px;
}

#centru_meniu {
	width:600px;
	height:37px;
	clear:both;
}


#centru img {border:#CCC solid 0px; padding:1px; margin-bottom:4px;}


.coloana1 {width:116px; height:32px; float:left; background: url(../imagini/abstract-hover.png) no-repeat; margin-right:5px; }
.coloana1:hover {width:116px; height:32px; float:left; background: url(../imagini/abstract-hover.png) no-repeat;}

.coloana2 {width:116px; height:32px; float:left; background: url(../imagini/arhitectura-sculptura.png) no-repeat; margin-right:5px; }
.coloana2:hover {width:116px; height:31px; float:left; background: url(../imagini/arhitectura-sculptura-hover.png) no-repeat;}

.coloana3 {width:116px; height:32px; float:left; background: url(../imagini/animale.png) no-repeat; margin-right:5px;}
.coloana3:hover {width:116px; height:31px; float:left; background: url(../imagini/animale-hover.png) no-repeat; }

.coloana4 {width:116px; height:32px; float:left; background: url(../imagini/peisaje-urbane.png) no-repeat; margin-right:5px;}
.coloana4:hover {width:116px; height:32px; float:left; background: url(../imagini/peisaje-urbane-hover.png) no-repeat; }

.coloana5 {width:116px; height:32px; float:left; background: url(../imagini/copii.png) no-repeat;}
.coloana5:hover {width:114px; height:31px; float:left; background: url(../imagini/copii-hover.png) no-repeat; }



.coloana6 {width:116px; height:32px; float:left; background: url(../imagini/detalii.png) no-repeat; margin-right:5px;}
.coloana6:hover {width:116px; height:32px; float:left; background: url(../imagini/detalii-hover.png) no-repeat; }

.coloana7 {width:116px; height:32px; float:left; background: url(../imagini/moda.png) no-repeat; margin-right:5px;}
.coloana7:hover {width:116px; height:32px; float:left; background: url(../imagini/moda-hover.png) no-repeat; }

.coloana8 {width:116px; height:32px; float:left; background: url(../imagini/flori.png) no-repeat; margin-right:5px;}
.coloana8:hover {width:116px; height:32px; float:left; background: url(../imagini/flori-hover.png) no-repeat; }

.coloana9 {width:116px; height:32px; float:left; background: url(../imagini/food.png) no-repeat; margin-right:5px;}
.coloana9:hover {width:116px; height:32px; float:left; background: url(../imagini/food-hover.png) no-repeat; }

.coloana10 {width:116px; height:32px; float:left; background: url(../imagini/peisaje.png) no-repeat; }
.coloana10:hover {width:114px; height:31px; float:left; background: url(../imagini/peisaje-hover.png) no-repeat; }



.coloana11 {width:116px; height:32px; float:left; background: url(../imagini/locatii.png) no-repeat; margin-right:5px;}
.coloana11:hover {width:116px; height:32px; float:left; background: url(../imagini/locatii-hover.png) no-repeat; }

.coloana12 {width:116px; height:32px; float:left; background: url(../imagini/muzica.png) no-repeat; margin-right:5px;}
.coloana12:hover {width:116px; height:32px; float:left; background: url(../imagini/muzica-hover.png) no-repeat; }

.coloana13 {width:116px; height:32px; float:left; background: url(../imagini/natura.png) no-repeat; margin-right:5px;}
.coloana13:hover {width:116px; height:32px; float:left; background: url(../imagini/natura-hover.png) no-repeat; }

.coloana14 {width:116px; height:32px; float:left; background: url(../imagini/oameni.png) no-repeat; margin-right:5px;}
.coloana14:hover {width:116px; height:32px; float:left; background: url(../imagini/oameni-hover.png) no-repeat; }

.coloana15 {width:116px; height:32px; float:left; background: url(../imagini/obiecte.png) no-repeat;}
.coloana15:hover {width:116px; height:32px; float:left; background: url(../imagini/obiecte-hover.png) no-repeat; }



.coloana16 {width:116px; height:32px; float:left; background: url(../imagini/poduri.png) no-repeat; margin-right:5px;}
.coloana16:hover {width:116px; height:32px; float:left; background: url(../imagini/poduri-hover.png) no-repeat; }

.coloana17 {width:116px; height:32px; float:left; background: url(../imagini/vintage.png) no-repeat; margin-right:5px;}
.coloana17:hover {width:116px; height:32px; float:left; background: url(../imagini/vintage-hover.png) no-repeat; }

.coloana18 {width:116px; height:32px; float:left; background: url(../imagini/natura-static.png) no-repeat; margin-right:5px;}
.coloana18:hover {width:116px; height:32px; float:left; background: url(../imagini/natura-static-hover.png) no-repeat; }

.coloana19 {width:116px; height:32px; float:left; background: url(../imagini/urban.png) no-repeat; margin-right:5px;}
.coloana19:hover {width:116px; height:32px; float:left; background: url(../imagini/urban-hover.png) no-repeat; }

.coloana20 {width:116px; height:32px; float:left; background: url(../imagini/peisaje-acvatice.png) no-repeat;}
.coloana20:hover {width:116px; height:32px; float:left; background: url(../imagini/peisaje-acvatice-hover.png) no-repeat; }


.clear {
	width:600px;
	height:20px;
	clear:both;
}



.scrollbar
{
	float: left;
	height: 350px;
	width: 608px;
	overflow-y: scroll;
}


/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}







#dreapta {
	width:220px;
	height:560px;
	float: right;
}

#dreapta .titlu {
	width:175px;
	border-bottom:#F60 dashed 4px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	margin-bottom:20px;
}

#dreapta h2 {
	font-size:22px;
	font-weight:bold;
	text-align:right;
}

#dreapta h3 {
	font-size:22px;
	font-weight:bold;
	text-align:right;
}

#linia1, #linia2, #linia3{
	width:98%;
	height:auto;	
	border-bottom:1px solid #666;
	float:right;
	text-align:right;
	margin-bottom:13px;
}

#linia1 img{
	width:auto;
	height:30px;
	float:left;
	margin-bottom:2px;
	margin-top:12px;
	
}
#linia2 img{
	width:auto;
	height:30px;
	float:left;
	margin-bottom:2px;
	margin-top:12px;
	
}
#linia3 img{
	width:auto;
	height:35px;
	float:left;
	margin-bottom:2px;
	margin-left:6px;
	margin-top:8px;	
}
#linia1 p, #linia2 p, #linia3 p{	
	font-size:16px;
	width:70%;
	float:right;
	margin-top:8px;
	padding-right:1px;
}

#dreapta a{
	text-decoration:none;
	color: #666;
}

#dreapta a:hover{
	color: #F60;	
}


#newsletter {
	width:220px;
	height:200px;
	margin-top:40px;
}

#news_nume {
	padding:5px 5px;
}

#news_email {
	padding:5px 5px;
}

#news_buton {
	padding:10px 5px;
	width:140px;
	margin-left:auto;
	margin-right:auto;
}

.titlu2 {
	width:130px;
	border-bottom:#F60 dashed 4px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
	margin-bottom:20px;
	font-weight:bold;
}


#jos {
	width:1100px;
	height:70px;
}

#jos_logo {
	width:350px;
	float:left;
	padding-left:25px;
}

#jos_copyright {
	width:350px;
	float:left;
	font-size:22px;
	text-align:center;
	line-height:50px;
}

#jos_social-media {
	width:140px;
	float:right;
	padding-right:45px;
}