@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext);

body {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
margin:0;
padding:0;
}

.container {
width:988px;
margin:0 auto;
}

.clear {
clear:both;	
}

/*** Basic ***/
p {
line-height:175%;	
text-align:justify;
}

li {
line-height:180%;	
}

a { 
color:#555555;
text-decoration:none;
}

a img {
border:none;	
}

a:hover {
text-decoration:underline;
}

/*** Header ***/
#top {
width:100%;
position:fixed;
z-index:999;
margin:0 auto;
}

#headerBg {
background:url(../img/headerBg.png);	
border-bottom:1px solid #F8F7F7;
}

#header {
height:42px;	
padding:30px 0 23px 0;	
}

#logo {
background:url(../img/logo2.png) no-repeat;	
background-size:contain;
width:150px;
height:40px;	
float:left;
margin-left:10px;
}

#langs, #menu {
float:right;	
margin:0;
padding:0;
}

#langs {
margin:-5px 5px 0 0;	
}

#langs li, #menu li {
display:inline;
list-style:none;	
}

#langs li a {
font-size:11px;
margin-right:8px;	
}

#langs li a:hover, #menu li a:hover {
color:#888;
text-decoration:none;	
}

#langs li .active, #menu li .active,
#langs li .active:hover, #menu li .active:hover {
color:#C11842;
}

#menu {
margin-top:-15px;	
}

#menu li {
background:url(../img/sep.png) no-repeat right 4px;
padding:0 13px 0 12px;
display:block;
float:left;
height:42px;
}

#menu .last {
background:none;	
}

#menu li a {
font-size:12px;
text-transform:uppercase;
}

/*** Submenu ***/
#menu li ul {
background:url(../img/headerBg.png);
width:250px;
position:absolute;
visibility:hidden;
z-index:9999;
margin:19px 0 0 -14px;
padding:10px 0 10px 15px;
box-shadow:1px 1px 2px #999;
}

#menu li ul li {
background:none;	
border:none;
height:auto;
padding:0;
}

#menu li ul li a {
width:250px;
display:block;
text-transform:lowercase;	
padding:5px 0;
}

#menu li ul li a:first-letter {
text-transform:capitalize;	
}

/*** Home ***/
#homeBg {
background:url(../img/homeBg.jpg) no-repeat center -100px;
}

#home {
width:100%;
background:url(../img/home.png) no-repeat 710px 250px;
height:500px;	
padding:110px 0 0 0;
text-align:center;
}

#home #about {
	max-width:700px;
}

#home p {
line-height:150%;
margin:8px 0;	
}

#home .small, .small {
font-size:18px;
color:#B80000;	
}

#home .big {
font-size:42px;
}

#home .medium {
font:38px "Open Sans";
font-weight:300;
}

/*** Bubbles ***/
.service-bubbles { 
position:relative; 
margin:0 auto; 
padding-bottom:140px; 
list-style-type:none; 
width:630px; 
z-index:2; 
margin:20px 0 0 50px; 
float:center;
}

.service-bubbles li { 
float:left; 
margin-right:30px; 
}

.service-bubbles li:last-child { 
margin-right:0; 
}

.service-bubbles a {  
display:block; 
position:relative; 
background:url(../img/red_opacity_70.png) repeat 0 0; 
width:98px; 
height:98px; 
transition:background 0.2s; 
-moz-transition:background 0.2s; 
-webkit-transition:background 0.2s; 
-o-transition:background 0.2s;
-moz-border-radius:98px; 
-webkit-border-radius:98px; 
-khtml-border-radius:98px; 
-o-border-radius:98px; 
border-radius:98px; 
}

.service-bubbles a:hover { 
background:url(../img/black_opacity_70.png) repeat 0 0; 
}

.service-bubbles .s-name { 
position:absolute; 
left:0; 
bottom:-22px; 
font-size:11px; 
line-height:11px; 
color:#b80000; 
text-transform:uppercase; 
text-align:center; 
width:98px; 
padding-right:0;
transition:color 0.2s; 
-moz-transition:color 0.2s; 
-webkit-transition:color 0.2s; 
-o-transition:color 0.2s; 
}

.service-bubbles a:hover .s-name { 
font-size:11px; 
color:#000; 
}

.service-bubbles .ico { 
position:absolute; 
}

.service-bubbles .pharmacy .ico { 
top:26px; 
left:34px; 
background:url(../img/sprite.png) repeat 0 -82px; 
width:28px; 
height:45px; 
}

.service-bubbles .hospitals .ico { 
top:30px; 
left:30px; 
background:url(../img/sprite.png) repeat -38px -82px; 
width:38px; 
height:45px; 
}

.service-bubbles .veterinary .ico { 
top:25px; 
left:35px; 
background:url(../img/sprite.png) repeat -86px -82px;
width:27px; 
height:45px; 
}

.service-bubbles .trade .ico { 
top:32px; 
left:27px; 
background:url(../img/sprite.png) repeat -123px -82px; 
width:45px; 
height:45px; 
}

.service-bubbles .suppliers .ico { 
top:18px; 
left:34px; 
background:url(../img/sprite.png) repeat -178px -82px; 
width:31px; 
height:52px; 
}

/*** Contact ***/
#contactBg {
background:#CE202F;	
}

#contact {
font-family:"Open Sans";
padding:50px 10px;	
}

#about {
-webkit-text-size-adjust:100%;	
width:100%;
float:left;	
font-size:13px;
}

#about a {
color:#FFF;
text-decoration:underline;	
}

#contact h1 {
font-size:25px;
font-weight:normal;	
color:#FFF;	
text-transform:uppercase;
}

.contact {
font-size:14px;
color:#FFF;	
float:right;
margin-top:58px;	
}

#contact .contact h1 {
font-size:15px;	
font-weight:normal;
text-transform:uppercase;	
}

.contact ul {
margin-left:-40px;	
}


.contact-list-b li { 
list-style:none; 
position:relative; 
padding-left:20px; 
}

.location a, .email a { 
color:#FFF; 
}

.location a {
text-decoration:underline;	
}

.contact-list-b li.phone:before { 
display:block; 
position:absolute; 
top:4px; 
left:0; 
content:" "; 
background:url(../img/sprite.png) no-repeat -30px -42px; 
width:8px; 
height:12px; 
}

.contact-list-b li.email:before { 
display:block; 
position:absolute; 
top:8px; 
left:0; 
content:" "; 
background:url(../img/sprite.png) no-repeat -39px -42px; 
width:10px; 
height:7px; 
}

.contact-list-b li.location:before { 
display:block; 
position:absolute; 
top:6px; 
left:0; 
content:" "; 
background:url(../img/sprite.png) no-repeat -50px -42px; 
width:9px; 
height:12px; 
}

/*** Staff ***/
#staff {
float:left;	
width:750px;
margin-top:50px;	
}

.staff {
width:220px;
float:left;
margin:0 30px 50px 0;	
}

.staff .photo {
border-radius:50%;
overflow:hidden;
width:160px;
height:160px;
}

.staff .photo img {
display:block;
min-width:100%;
min-height:100%;
}

.staff .name {
font-size:16px;	
color:#FFF;
text-transform:uppercase;
margin-top:5px;	
}

.staff .position {
font-size:14px;	
color:#600000;
text-transform:uppercase;
}

.staff .email a {
font-size:12px;	
/*color:#E4C6C6;*/
color:#000000;	
text-decoration:underline;
}

.staff .buttons {
margin-top:10px;
}

.staff .buttons a  {
margin-right:5px;	
}

/*** Partners ***/
#partnersBg {
/*background-color:#F8F7F7;*/
}

#partners {
padding:30px 10px;	
}

#partners h1 {
font-size:25px;
font-weight:normal;	
color:#666;	
text-transform:uppercase;
padding-left:10px;
}

#partners .text {
}

#partners .partner {
width:120px;
height:120px;
float:left;
margin:0 40px 30px 0;	
position:relative;
}

#partners .partner img {
max-height:100%;  
max-width:100%; 
width:auto;
height:auto;
position:absolute;  
top:0;  
bottom:0;  
left:0;  
right:0;  
margin:auto;	
}

.partner .buttons {
text-align:center;	
}

.partner .buttons a {
margin-right:10px;
height:30px;	
}


/*** Footer ***/
#footerBg {
background:#F8F7F7 url(../img/footerBg.png) repeat-x;	
}

#footer {
font-size:11px;	
color:#666;	
padding:20px 10px 30px 10px;	
}

#footer .copy {
color:#959595;	
float:left;
width:300px;
}

#footer .contacts {
float:right;	
}

#footer .contacts div {
float:left;	
margin-left:25px;
}
	
#footer .contacts div a {
text-decoration:underline;
}

#footer .contacts div a:hover {
color:#000;
}


/*** Structure ***/
#structure {
font-family:"Open Sans";	
}

.company-structure {
background:#f0f0f0;
-moz-box-shadow:inset 0 0 114px #c2c2c2;
-webkit-box-shadow:inset 0 0 114px #c2c2c2;
-khtml-box-shadow:inset 0 0 114px #c2c2c2;
-o-box-shadow:inset 0 0 114px #c2c2c2;
box-shadow:inset 0 0 114px #c2c2c2;
}

.company-structure .inner {
padding:70px 0;
}

.company-structure h2 {
padding:0;
font-size:25px;
line-height:35px;
font-weight:300;
text-transform:uppercase;
color:#CE202F;
}

.structure-wrap {
padding-top:105px;
height:540px;
}

.structure {
position:relative;
margin-left:111px;
background:url(../img/structureBg.png) no-repeat 0 0;
width:741px;
height:444px;
}

.structure .circle {
position:absolute;
}

.structure .circle a {
display:block;
padding:30px 0 0 0;
text-align:center;
width:130px;
height:100px;
overflow:hidden;
text-decoration:none !important;
-moz-border-radius:130px;
-webkit-border-radius:130px;
-khtml-border-radius:130px;
-o-border-radius:130px;
border-radius:130px;
}

.structure .circle.red a {
background:#CE202F;
padding-top:58px;
height:72px;
}

.structure .circle.grey a {
background:#8e8e8e;
}

.structure .circle strong {
display:block;
padding:0 10px 4px 10px;
font-size:11px;
line-height:16px;
text-transform:uppercase;
font-weight:600;
color:#fff;
}

.structure .circle .bottom-txt {
display:inline-block;
padding-top:4px;
border-top:solid 1px #9e9e9e;
font-size:10px;
line-height:12px;
font-weight:300;
color:#000;
width:85px;
}

.structure .circle .out-txt {
position:absolute;
top:138px;
left:0;
font-size:12px;
line-height:12px;
font-weight:400;
text-transform:uppercase;
text-align:center;
color:#999;
width:130px;
}

.structure .circle.red a:hover {
background:#000;
}

.structure .circle.grey a:hover {
background:#000;
color:#fff !important;
}

.structure .circle.grey a:hover .bottom-txt {
font-weight:400;
color:#fff !important;
} 


/*** Content ***/
#contentBg {
padding-top:130px;
background:#F8F7F7;	
}

#submenu {
background:url(../img/submenuBg.png) repeat-y top right;	
width:250px;
float:left;	
margin-right:40px;
padding:20px;
min-height:250px;
position:fixed;
}

#submenu li {
list-style:none;
}

#submenu li a {
display:block;
font-size:11px;
text-transform:uppercase;
padding:3px 0;
margin-bottom:3px;
}

#submenu li a:hover {
text-decoration:none;
color:#C11842;
}

#content {
width:620px;	
float:left;	
font-family:"Open Sans";
font-size:14px;	
color:#333;
min-height:800px;
padding:15px;
margin-left:350px;
}

#content h1 {
font-size:30px;
font-weight:normal;	
color:#666;	
}

#content h2 {
font-size:18px;	
font-weight:normal;
color:#C11842;
text-transform:uppercase;	
}

#content .subpage {
background:url(../img/footerBg.png) repeat-x bottom left;
margin-top:-100px;
padding:135px 0 35px 0;
}

#content .row1 {
background:#EEE;	
}

#content .row0 {
background-color:#FFFFFF;
background-image:none;	
}

#content .subpage:last-child {
background-image:none;
}

#content .subpage .photo {
float:right;
margin:0 0 10px 10px;
}

#content .table {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;	
width:590px;
border:none;
border-collapse:collapse;
}

#content .table td {
width:190px;
vertical-align:top;	
padding:3px 5px;
}

#content .table .title, .title, .title2 {
font-size:12px;	
color:#B80000;
text-transform:uppercase;	
text-align:center;
height:45px;
border-bottom:1px dotted #B80000;
padding-bottom:10px;
}

#content .label {
font-weight:bold;	
margin:5px 0;
}


#content input, #content select {
color:#333333;
width:470px;	
padding:3px 5px;
}

#content select {
width:483px;	
}

.title a {
color:#B80000;	
}

.title2 {
border-bottom:none;	
height:auto;
}

#content .table p {
text-align:left;
}

#content .contacts {
float:left;
border-left:2px solid #666;
border-right:2px solid #666;
padding:0 15px;	
}

#content .redbox {
width:168px;
background:#B80000;
font-size:18px;
text-transform:uppercase;
color:#FFFFFF;
padding:25px 15px 15px 15px;
float:left;
height:72px;
margin-left:10px;
text-align:left;
}

#content .faq {
width:590px;	
border-bottom:1px dotted #B80000;	
}

#content .search {
background:url(../img/search.png) no-repeat left center;	
padding-left:20px;	
}

#faq .faq:last-child { 
border:none;
}

#faq .open:hover {
color:#000;	
text-decoration:none;	
}

/*** Administration ***/
#admin {
margin:0;
padding-bottom:50px;
}

#admin p {
margin:10px 0;	
}

#admin .categories {
width:180px;
float:left;
margin:0 9px 10px 0;
}

#admin h2 {
font-size:14px;
margin-bottom:5px;
}

#admin ul {
margin:0;
padding:0;
}

#admin li {
display:block;
list-style:none;
margin:0;
padding:0;	
}

#admin li ul li {
margin-left:10px;
}

#admin li a:hover {
text-decoration:underline;	
}

#admin li img {
margin:2px 0 0 5px;
}

#admin .success {
font-weight:bold;
color:#7C9800;	
}

/*** Administration forms ***/
#admin input, #admin select {
width:580px;
color:#333333;
padding:4px 8px;	
}

#admin select {
width:150px;
font-size:11px;	
}

#admin .checkbox {
width:15px;	
}

#admin textarea {
width:580px;
height:500px;
padding:4px 8px;
}

#admin .label {
font-weight:bold;
margin:15px 0 5px 0;	
}

#admin .submit, #content .submit {
width:auto;
background-image:none;
background-color:#CE202F;
color:#FFFFFF;
border:none;
margin:10px 0 0 0;
padding:6px 10px;
cursor:pointer;
border-radius:3px;
}

/*** Administration tables ***/
#table {
width:400px;
font-size:12px;
text-align:center;
}

#table .label, #table .label2 {
background-color:#CE202F;
color:#FFF;
}

#table td {
padding:4px 8px;
text-align:left;
}

	
/*** News ***/
#news {
text-align:left;	
}

#news .news {
width:670px;	
margin-top:15px;	
}

#news .h1 {
font-size:15px;
font-weight:bold;	
color:#666;		
margin-top:60px;
}

#news .photo {
float:left;	
margin:0 30px 10px 0;
}

#news .h2 {
font-weight:bold;
}

#news .more {
display:block;
width:100px;
font-size:10px;
font-weight:bold;
background:#FAFAFA;
color:#000;
text-transform:uppercase;
text-decoration:none;
text-align:center;
border:1px solid #D7D7D7;
border-radius:2px;
float:left;
margin-top:10px;
padding:5px 0;
}














