/* 
    Document   : style
    Created on : 2009-9-14, 21:05:57
    Author     : m1t3
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


.wrapper {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: #292929;
	
margin-top: -22px;
}
.header {
font-size: 12px;
  width: 1000px;
  float: left;
}

.menubgr {
margin-top: 34px;
  width: 1000px;
  float: left;
  height: 78px;
    background-image: url('images/menu.png');
    background-repeat: no-repeat;
}
.mainpic {
font-size: 12px;
   width: 1000px;
  float: left;
margin-top: 0px !important;
margin-top: -18px;

}
.mainbgr {
  width: 1000px;
  float: left;
  height: 309px;
    background-image: url('images/main.png');
    background-repeat: no-repeat;
}
.text {
    width: 1000px;
  float: left;
}
.footer {
font-size: 12px;
    width: 1000px;
  float: left;
}
.mbl {
    width: 50px;
  float: left;
  height: 74px ;
}
.mbr {
    width: 950px;
  float: left;
  height: 74px ;
}
.mbrg {
    width: 950px;
  float: left;
  height: 2px;
}
.menu {
    width: 900px;
  float: left;
  height: 41px;
line-height: 41px;
margin-top: 0px !important;
margin-top: -12px;
font-size: 12px;
}
.menu a {
  margin-left: 28px;
  display: inline;
    text-align: left;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.menu a:hover {
  color: #656565;
}
#homebut {
 margin-left: 0px;
  display: inline;
    text-align: left;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
#homebut:hover {
  color: #656565;
}
.mabl {
  float: left;
  width: 50px;
  height: 309px;
}
.mabr {
   float: left;
  width: 900px;
  height: 309px;
}
.mp {
   float: left;
  width: 900px;
  height: 271px;
}
.mpt {
   float: left;
  width: 900px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.mpt a {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
.mpt a:hover {
color: #656565;
text-decoration: none;
}
.main {
  display: inline;
  float: left;
  width: 882px;
  height: 251px;
  margin-top: 11px;
  margin-left: 9px;
}
.main a {
display: block;
  width: 882px;
  height: 251px;
    background-image: url('../pic/pic1.png');
    background-repeat: no-repeat;
}
.tablepad {
  width: 900px;
  height: 50px;
float: left;
}

/* Home */
.home {
display: inline;
width: 900px;
  margin-left: 46px;
margin-top: 20px;
text-align: center;
float: left; 
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.home table {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.home a {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: underline;
}
.home a:hover {
color: #656565;
text-decoration: none;
}
.hometitle a {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 14px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.hometitle a:hover {
color: #000;
  text-decoration: underline;
}
.hometext {
width: 270px;
float: left;
text-align: left;
margin-left: 10px;
margin-top: 5px;
}
.row2 {
width: 900px;
float: left;
margin-top: 50px;
}
.firsthome {
width: 290px;
float: left;

}
.sechome {
width: 290px;
float: left;
margin-left: 15px;
}
#homeweb {
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_web_design.jpg');
    background-repeat: no-repeat;
}
#homeweb:hover  {
background-image: url('images/m1t3_com_web_design2.jpg');
}
#homelogos {
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_logos.jpg');
    background-repeat: no-repeat;
}
#homelogos:hover  {
background-image: url('images/m1t3_com_logos2.jpg');
}
#homebanners{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_banners.jpg');
    background-repeat: no-repeat;
}
#homebanners:hover  {
background-image: url('images/m1t3_com_banners2.jpg');
}


#homeb1 {
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_b1.jpg');
    background-repeat: no-repeat;
}
#homeb1:hover  {
background-image: url('images/m1t3_com_b12.jpg');
}
#homeb2 {
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_b2.jpg');
    background-repeat: no-repeat;
}
#homeb2:hover  {
background-image: url('images/m1t3_com_b22.jpg');
}
#homeb3{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_b3.jpg');
    background-repeat: no-repeat;
}
#homeb3:hover  {
background-image: url('images/m1t3_com_b32.jpg');
}
#homenews{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_news.jpg');
    background-repeat: no-repeat;
}
#homenews:hover  {
background-image: url('images/m1t3_com_news2.jpg');
}
#homefaq{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_faq.jpg');
    background-repeat: no-repeat;
}
#homefaq:hover  {
background-image: url('images/m1t3_com_faq2.jpg');
}
#homecont{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_cont.jpg');
    background-repeat: no-repeat;
}
#homecont:hover {
background-image: url('images/m1t3_com_cont2.jpg');
}
#listcont{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_listcont.jpg');
    background-repeat: no-repeat;
}
#listcont:hover {
background-image: url('images/m1t3_com_listcont2.jpg');
}
#listbanners{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_listbanners.jpg');
    background-repeat: no-repeat;
}
#listbanners:hover  {
background-image: url('images/m1t3_com_listbanners2.jpg');
}
#listweb{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_listweb.jpg');
    background-repeat: no-repeat;
}
#listweb:hover  {
background-image: url('images/m1t3_com_listweb2.jpg');
}
#contform{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_contform.jpg');
    background-repeat: no-repeat;
}
#contform:hover  {
background-image: url('images/m1t3_com_contform2.jpg');
}
#contweb{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/m1t3_com_contweb.jpg');
    background-repeat: no-repeat;
}
#contweb:hover  {
background-image: url('images/m1t3_com_contweb2.jpg');
}
#blogedu{
float: left;
width: 900px;
height: 150px;
   background-image: url('images/m1t3_com_blogedu.jpg');
    background-repeat: no-repeat;
}
#blogedu:hover  {
background-image: url('images/m1t3_com_blogedu2.jpg');
}
#blogfitnes{
float: left;
width: 900px;
height: 150px;
   background-image: url('images/m1t3_com_blogfitnes.jpg');
    background-repeat: no-repeat;
}
#blogfitnes:hover  {
background-image: url('images/m1t3_com_blogfitnes2.jpg');
}
#blogmy{
float: left;
width: 900px;
height: 150px;
   background-image: url('images/m1t3_com_blogmy.jpg');
    background-repeat: no-repeat;
}
#blogmy:hover  {
background-image: url('images/m1t3_com_blogmy2.jpg');
}
.hometextnone {
text-align: left;
}
.hometextnone a{
text-decoration: none;
}
.row3 {
width: 900px;
float: left;
margin-top: 50px;
margin-left: 46px;
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #bbbbbb;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #bbbbbb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #222121;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.row3 a {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #2b2b2b;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
}
.row3 a:hover {
color: #656565;
  text-decoration: underline;
}
.footone {
width: 150px;
float: left;
}
.foottwo {
width: 150px;
float: left;
margin-left: 150px;
}
.copyr {
width: 900px;
margin-top: 15px;
float: left;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 12px;
  color: #2b2b2b;
  font-style: normal;
  font-weight: 550;
  text-decoration: none;
padding-bottom: 15px;
}
.tablecenter {
width: 900px;
float: left;
}
/* Contact */
.contformm {
display: inline;
width: 280px; 
margin-left: 10px;
float: left;
}

.contformm p {
display: inline;
width: 280px; 
float: left;
}

.contformm .inputs { 
padding: 2px; 
border: 1px solid #ccc; 
width: 280px; 
height: 20px; 
float: left;
} 

.contformm .caus { 
padding: 2px; 
border: 1px solid #ccc; 
width: 280px; 
height: 22px; 
float: left;
} 

.contformm .message { 
padding: 2px; 
border: 1px solid #ccc; 
width: 280px; 
height: 100px; 
float: left;
} 

.contformm .button { 
margin: 0 0 0 30px; 
display: inline; 
border: 1px solid #ccc; 
width: 105px; 
height: 22px; 
padding: 0 2px 2px 2px; 
line-height: 14px; 
background-color: #EFEFEF; 
float: left; 
} 

/* Portfolio page start */

#pf_mfs{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_spot.jpg');
    background-repeat: no-repeat;
}
#pf_mfs:hover  {
background-image: url('images/pf/m1t3_com_spot2.jpg');
}
#pf_seu{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_spec.jpg');
    background-repeat: no-repeat;
}
#pf_seu:hover  {
background-image: url('images/pf/m1t3_com_spec2.jpg');
}
#pf_but{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_butni.jpg');
    background-repeat: no-repeat;
}
#pf_but:hover  {
background-image: url('images/pf/m1t3_com_butni2.jpg');
}
#pf_bgrl{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_razpisanie.jpg');
    background-repeat: no-repeat;
}
#pf_bgrl:hover  {
background-image: url('images/pf/m1t3_com_razpisanie2.jpg');
}
#pf_fsl{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_mfsl.jpg');
    background-repeat: no-repeat;
}
#pf_fsl:hover  {
background-image: url('images/pf/m1t3_com_mfsl2.jpg');
}
#pf_rsl{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_reklamiramlogo.jpg');
    background-repeat: no-repeat;
}
#pf_rsl:hover  {
background-image: url('images/pf/m1t3_com_reklamiramlogo2.jpg');
}
#pf_azb{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_azaretban.jpg');
    background-repeat: no-repeat;
}
#pf_azb:hover  {
background-image: url('images/pf/m1t3_com_azaretban2.jpg');
}
#pf_karti{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_karti.jpg');
    background-repeat: no-repeat;
}
#pf_karti:hover  {
background-image: url('images/pf/m1t3_com_karti2.jpg');
}
#pf_all{
float: left;
width: 290px;
height: 100px;
   background-image: url('images/pf/m1t3_com_all.jpg');
    background-repeat: no-repeat;
}
#pf_all:hover  {
background-image: url('images/pf/m1t3_com_all2.jpg');
}



/*Portfolio page end */