@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,700&display=swap');

/* ---------Diverse--------- */
a {
outline: none;
} 

.poza2 {display:none;}
.clear
{
clear:both;
}

body {
	background-image: url(images/bgd.jpg);
	background-repeat: repeat-x;
	background-color:#D9D9D9;
	margin:0;
}

#banner
{
width:100%;
height:385px;
background-image:url(images/cititoare-microcipuri-cititoare-crotalii.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}
#banner-center
{
width:983px;
height:385px;
position:relative;
margin:auto;
}

#oferte
{
width:100%;
height:200px;
background-image:url(images/crotalii-bovine-caprine-ovine-suine_11.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#oferte-center
{
width:983px;
height:200px;
position:relative;
margin:auto;
}

#center
{
width:100%;
background-image:url(images/center.jpg);
background-position:top center;
background-repeat: repeat-y;
}

#bottom
{
width:100%;
height:107px;
background-color:#333333;
}

#bottom-center
{
width:983px;
height:107px;
position:relative;
margin:auto;
background-position:top center;
background-repeat: no-repeat;
}

#bottom1
{
width:218px;
padding-top:15px;
padding-left:35px;
height:77px;
float:left;
text-align:left;
}
#bottom2
{
width:125px;
padding-top:15px;
padding-left:80px;
height:77px;
float:left;
text-align:left;
}

#bottom3
{
width:180px;
padding-top:15px;
padding-left:85px;
height:92px;
float:left;
text-align:left;
}
#bottom4
{
width:200px;
padding-top:15px;
padding-left:10px;
height:70px;
float:left;
text-align:right;
}

#banner-left
{ 
width:781px;
height:285px;
float:left;
}

#banner-right
{ width:202px;
height:285px;
background-image:url(images/crotalii-bovine-caprine-ovine-suine_4.jpg);
background-repeat:no-repeat;
float:left;
text-align:center;}

#meniu
{ width:781px;
height:60px; 
line-height:60px;}
#poza-banner
{ width:781px;
height:225px; text-align:center;}

#cautare
{ width:983px;
height:57px;
background-image:url(images/kituri-vizuale-electronice-bovine-ovine-caprine.jpg);
background-position: top;
background-repeat:no-repeat;}

#separator
{ width:3px;
height:57px;
background-image:url(images/separator1.jpg); background-repeat:no-repeat; background-position:top;
float:left;
}

#oferte-speciale
{width:983px; height:160px;}

#mijloc
{ width:983px;
position:relative;
margin:auto;}

#left
{ width:252px;
float:left;
padding-left:10px;}

#continut
{ width:477px;
float:left;
padding-left:22px;}

#right
{ width:190px;
float:left;
padding-left:22px;}

#produs
{width:192px; height:140px; float:left; padding-left:10px; padding-right:10px; background-image:url(images/separator2.jpg); background-position:right; background-repeat:no-repeat; background-size: auto 130px;} 

#boxProdus
{width:477px;}

#boxPoza
{width:128px; float:left;}
#boxDescriere
{width:348px; float:left;}
#boxPret
{width:173px;float:left; text-align:left}
#boxCod
{width:174px;float:left; text-align:right;}

#boxCos
{ width:348px; 
height:28px; line-height:28px;
text-align:left;
background-image:url(images/crotalii-neinscriptionate-crotalii-inscriptionate-laser.jpg); background-repeat:no-repeat;
background-position:top left;}
#boxCosf
{ width:348px; 
height:28px; line-height:28px;
text-align:left;
background-image:url(images/crotalii-neinscriptionate-crotalii-inscriptionate-laser2.jpg); background-repeat:no-repeat;
background-position:top left;}
#boxCos2
{ width:348px; 
height:28px; line-height:28px;
text-align:left;
background-image:url(images/crotalii-bentley-romania.jpg); background-repeat:no-repeat;
background-position:top left;}

#boxCos2f
{ width:348px; 
height:28px; line-height:28px;
text-align:left;
background-image:url(images/crotalii-bentley-romania2.jpg); background-repeat:no-repeat;
background-position:top left;}


#separatorProdus
{width:477px; 
background-image: url(images/crotalii-vizuale-ovine-bovine-caprine-suine.jpg); 
background-position:top center; background-repeat:repeat-x;
height:24px;}

#parteneri
{ width:943px; padding:10px;
background-image:url(images/crotalii-bovine.jpg); background-repeat:repeat-x; background-position:top;}

#autentificare
{ width:176px; height:30px; 
line-height:30px;
padding-right:5px;
background-image:url(images/crotalii-ovine.jpg);
text-align:right;}

#boxLogin
{ width:171px; height:157px; padding-top:5px; padding-left:10px;
background-image:url(images/crotalii-suine.jpg); background-repeat:no-repeat;}

#cosulMeu
{ width:145px; height:39px; padding-left:36px; padding-top:10px;
background-image:url(images/crotalii-cabaline.jpg); background-repeat:no-repeat;}
/*------------------------TEXT-----------------*/


h2
{
font-family: 'Open Sans', sans-serif;
font-size:26px;
color:#333333;
margin: 0px;
padding: 0px;
border:none;
font-weight:normal;
}

h1
{
font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#333;
margin: 0px;
padding: 0px;
border:none;
font-weight:normal;
}


.title, .title a
{font-family: 'Open Sans', sans-serif;
font-size:20px;
color:#333;
font-weight:normal;
text-decoration:none;}
.title a:hover
{ color:#CC0000;
text-decoration:underline;}

.text, .text a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#373737;
text-decoration:none;}
.text a:hover
{
text-decoration:underline;}


.text-gri, .text-gri a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#3A3B3A;
text-decoration:none;}
.text-gri a:hover
{
text-decoration:underline;}


.text-gri2, .text-gri2 a
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#7C7C7C;
text-decoration:none;}
.text-gri2 a:hover
{
text-decoration:underline;}


.text-alb, .text-alb a
{
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;}
.text-alb a:hover
{ text-decoration:underline;}


.text-negru, .text-negru a
{
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;}
.text-negru a:hover
{ text-decoration:underline;}


.text-rosu, .text-rosu a
{
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#333;
text-decoration:none;}
.text-rosu a:hover
{ text-decoration:underline; }



.text-rosu2, .text-rosu2 a
{
font-family: 'Open Sans', sans-serif;
font-size:12px;
font-weight:bold;
color:#333;
text-decoration:none;}
.text-rosu2 a:hover
{ text-decoration:underline; }


.pret, .pret a
{
font-family: 'Open Sans', sans-serif;
font-size:12px;
font-weight:bold;
color:#757575;
text-decoration: line-through;}
.pret a:hover
{ color:#333333; }


.text-maro, .text-maro a
{
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#AE805D;
text-decoration:none;}
.text-maro a:hover
{ text-decoration:underline; }


.titlu-negru, .titlu-negru a
{font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
text-decoration:none;}
.titlu-negru a:hover
{
color:#000000;}


.titlu-alb, .titlu-alb a
{font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;}
.titlu-alb a:hover
{
color:#FBCACA;}


.titlu-meniu, .titlu-meniu a
{font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#333;
font-weight:bold;
text-decoration:none;}
.titlu-meniu a:hover
{
color:#000000;}


.text-prod, .text-prod a
{
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#373737;
text-decoration:none;}
.text-prod a:hover
{ color:#FFFFFF;  }

.box a
{
width:25px;
height:21px;
display:block;
line-height:21px;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#373737;
float:left;
text-decoration:none;
background-image:url(images/box.jpg); background-repeat:no-repeat; background-position:center;}
.box a:hover
{
background-image:url(images/box-over.jpg); background-repeat:no-repeat;background-position:center;
text-decoration:none;}

.box2,.box2 a
{
width:25px;
height:21px;
display:block;
line-height:21px;
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:11px;
color:#FFFFFF;
float:left;
text-decoration:none;
background-image:url(images/box-over.jpg); background-repeat:no-repeat;background-position:center;}
.box2 a:hover
{
background-image:url(images/box-over.jpg); background-repeat:no-repeat;background-position:center;
text-decoration:none;}

.subcategorie a
{
width:215px;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
background-image:url(images/cititoare-microcipuri-injectabile.jpg); background-repeat:repeat-x;
padding-top:7px;
padding-bottom:7px;
padding-left:37px; 
background-color:#D9D9D9;}
.subcategorie a:hover
{
color:#7E0300;
font-weight:bold;
background-image:url(images/cititoare-microcipuri-injectabile-over.jpg); background-repeat:repeat-x;
text-decoration:none;}


.categorie a
{
width:217px;
padding-top:7px;
padding-bottom:8px;
padding-left:35px;
display:block;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-color:#333333;

}
.categorie a:hover
{
color:#FFFFFF;
	
background-color:#646464;
text-decoration:none;}



.line
{
width:252px;
height:3px;
line-height:3px;
background-image:url(images/line.jpg); background-repeat: repeat-x;
}


.buton a
{ 
width:109px;
height:57px;
line-height:57px;
float:left;
display:block;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
text-align:center;
}
.buton a:hover
{ background-image:url(images/grad-over.jpg); background-repeat:repeat-x;}


.buton-select a
{ 
width:109px;
height:57px;
line-height:57px;
float:left;
display:block;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
text-align:center;
background-image:url(images/grad-over.jpg); background-repeat:repeat-x;
}

.buton2 a
{ 
width:109px;
padding-top:15PX;
height:42px;
float:left;
display:block;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
text-align:center;
}
.buton2 a:hover
{ background-image:url(images/grad-over.jpg); background-repeat:repeat-x;}


.buton2-select a
{ 
width:109px;
padding-top:15PX;
height:42px;
float:left;
display:block;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
overflow:hidden;
text-align:center;
background-image:url(images/grad-over.jpg); background-repeat:repeat-x;
}

.field-small
{
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#2E3B3B;
 text-decoration:none;
 
 
background-color:#FFFFFF; 
border:#B1B1B1; 
border-style:solid; 
border-width:1px;
width:350px;
background-image:url(images/grad.jpg); 
background-repeat:repeat-x;height:31px; line-height:31px;
background-position:bottom;}



.field-text
{
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#2E3B3B;
 text-decoration:none;
 
 
background-color:#FFFFFF; 
border:#B1B1B1; 
border-style:solid; 
border-width:1px;
width:350px;
background-image:url(images/grad-text.jpg); 
background-repeat:repeat-x;}


.field-small2
{
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#2E3B3B;
 text-decoration:none;
 
 
background-color:#FFFFFF; 
border:#B1B1B1; 
border-style:solid; 
border-width:1px;
width:70px;
background-image:url(images/grad.jpg); 
background-repeat:repeat-x;height:31px; line-height:31px; background-position:bottom;}


.field-buton
{
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#FFF;
 text-decoration:none;
 
height:31px;  line-height:31px;
background-color:#940500; 
border:#C48508; 
border-style:solid; 
border-width:1px;
background-image:url(images/grad-buton.jpg); 
background-repeat:repeat-x; background-position:bottom;}