/*-------------------------------------------------------+
|                                                        +
|          COPYRIGHT © BEBE^ZO ESTZONE ROMANIA           +
|    HTTP://WWW.ESTZONE.RO/ TOATE DREPTURILE REZERVATE   +
+--------------------------------------------------------+
+--------------------------------------------------------+
|                                                        +
+--------------------------------------------------------+
+--------------------------------------------------------*/

body  {    
        background: url(images/body.png);
        background-attachment : fixed;
	font-family: Arial, Tahoma, sans-serif;   
        padding:0px;
        margin:5px;
        /*opacity: 0.80;*/
}

#body {
        width: 100%;
        max-width: 1100px;
        padding:0px;
        margin:0px auto;
}

a {
       color:#827f7f;
       font-size:12px;
       text-decoration: none;
}

a:hover {
	color: #dc0010;
	text-decoration:none;	
}

h1, h2, h3, h4, h5, h6 {
        background: #C1C1C1 url(images/h.png);
	font-family: 'Coustard', serif;
	color:#464343;
        font-size:11px;
        padding:3px;
	letter-spacing: 1px;
        text-decoration: none;
        text-align:center;
        border:solid 0px #4D4D4D;
        border-radius: 15px;
}


.header {
background: url(images/header.png);
width:1100px;
height:190px;
text-align:center;
margin:0px 0px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

/*MODIFICATI VALOAREA LA CAT AVETI NEVOIE*/
.logo {
width: 300px;
height: 100px;
padding:25px 0px 0px 0px;
}

.navigare {
text-align:center;
width:1100px;
height:50px;
padding:5px 0px 0px 0px;
margin:0px 0px 5px 0px;
border-radius:10px;
}

.nav {
display:inline-block;
width:70px;
height:30px;
font-size:11px;
color: #000000;
text-align:center;
background: #FFFFFF;
padding:15px 0px 0px 0px;
margin:0px 3px 0px 0px;
border:solid 1px #c1c1c1;
border-radius: 5px;
}

.nav:hover {
display:inline-block;
width:70px;
height:30px;
font-size:11px;
color: #000000;
background: #d2cdcd;
transition: background 1s;
}

.content {
display:inline-block;
width:1100px;
height:auto;
}

.section {
float:left;
background: url(images/section.png);
font-size:12px;
color:#464343;
width:1100px;
height: auto;
margin:0px 0px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.section-left {
float:left;
background: url(images/section.png);
font-size:12px;
color:#464343;
width:700px;
height: 150px;
margin:0px 1px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.section-right {
float:left;
background: url(images/section.png);
font-size:12px;
color:#464343;
width:395px;
height: 150px;
margin:0px 0px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.section-left-a {
float:left;
background: url(images/section.png);
font-size:11px;
color:#464343;
width:364px;
height: 150px;
margin:0px 1px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.section-middle-b {
float:left;
background: url(images/section.png);
font-size:11px;
color:#464343;
width:364px;
height: 150px;
margin:0px 1px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.section-right-c {
float:left;
background: url(images/section.png);
font-size:11px;
color:#464343;
width:364px;
height: 150px;
margin:0px 0px 5px 0px;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.footer {
background: url(images/footer.png);
font-size:11px;
color:#464343;
width:1100px;
height:135px;
padding:15px 0px 0px 0px;
text-align:center;
border:solid 1px #c1c1c1;
border-radius:15px;
}

.social {
width:30px;
height:30px;
margin:0px;
padding:25px 0px 0px 0px;
}

.social:hover {
width:30px;
height:30px;
margin:0px;
padding:0px;
transform: rotate(360deg);
transition: transform 0.8s;
}

.photo {
float:left;
width:70px;
height:70px;
margin:0px;
padding:0px 0px 0px 0px;
}

.photo:hover {
float:left;
width:70px;
height:70px;
margin:0px;
padding:0px;
transform: rotate(360deg);
transition: transform 1s;
}

.contact {
float:left;
width:150px;
height:150px;
padding:0px 15px 0px 0px;
}

.contact:hover {
float:left;
width:150px;
height:150px;
padding:0px 15px 0px 0px;
transform:scale(1.1);
transition:transform 1s;
}

.contact-text {
font-size:12px;
color:#464343;
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.text-page {padding:0px 10px 10px 10px;}
p {color:#8f8d8d;font-size:11px;font-weight:bold;text-decoration:underline;}
.colortext {font-size:12px;color:#dd1ddd;border: solid 1px #dbcaca;border-radius:3px;}
.colortext:hover {font-size:12px;color:#FFFFFF;border: solid 1px #dbcaca;border-radius:3px;background:#c19797;transition: background 0.8s;}
.fcolor {font-size:11px;color:#dd1ddd;border: solid 1px #dbcaca;border-radius:5px;}
.fcolor:hover {font-size:11px;color:#FFFFFF;border: solid 1px #dbcaca;border-radius:5px;background:#c19797;transition: background 0.8s;}

/*///////////////////////////////////////////////////////////////////////////////////*/


/*MOBILE START */
@media only screen and (max-width: 1024px) {
.header {
background: #1c1c1c url(images/header.png);
width:99%;
height:auto;
}

.logo {
width: 45%;
height: 35%;
padding:0px 0px 0px 0px;
}

.navigare {
width:99%;
height:20%;
text-align:center;
}

.nav {
width:25%;
height:10%;
margin:0px 0px 10px 0px;
padding:10px 0px 10px 0px;
box-shadow:none;
}

.nav:hover {
width:25%;
height:10%;
transform: none;
transition: transform 0s;
}

.content {
width:100%;
height:auto;
}

.section {
background: url(images/section.png);
width:99%;
height:auto;
}

.section-left {
background: url(images/section.png);
width:99%;
height:auto;
}

.section-right {
background: url(images/section.png);
width:99%;
height:auto;
}

.section-left-a {
background: url(images/section.png);
width:99%;
height: auto;
}

.section-middle-b {
background: url(images/section.png);
width:99%;
height: auto;
}

.section-right-c {
background: url(images/section.png);
width:99%;
height: auto;
}

.footer {
background: url(images/footer.png);
width:99%;
height:25%;
}

.photo {
float:left;
width:30%;
height:30%;
margin:0px;
padding:0px 0px 0px 0px;
}

.photo:hover {
float:left;
width:30%;
height:30%;
margin:0px;
padding:0px;
transform:none;
transition: none;
}

.contact {
width:25%;
height:25%;
padding:0px 15px 0px 0px;
}

.contact:hover {
width:25%;
height:25%;
padding:0px 15px 0px 0px;
transform:none;
transition:none;
}

.contact-text {
padding:0px 15px 0px 0px;
margin:0px 0px 0px 10px;
}

}