@charset "utf-8";

/**
 * CSS stylesheets
 *
 * LICENSE: This code is licenced to vivion.com
 *
 * @package    MaestroInvest
 * @copyright  2008 vivion.com
 * @license    http://www.arvias.com
 * @author     Ivana Djordjevic mailto:dev1.sig@swissimpulse.com
 * @version    CVS: $Id: mainstyle.css,v 1.11 2010-04-01 12:17:01 ivana Exp $
 * @link       http://www.arvias.com
 * @since      File available since Release 0 
*/

/************************** html main elements ********************************/
* { margin:0px; }
p { margin:0px; }
body {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
    background-color: #dde0e2;
    
}
form {
    margin: 0px;
    padding: 0px;
    outline: 0px;
}
img { border: 0px none; }
a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
a:active { outline:none; }
a:focus { outline:none; -moz-outline-style:none; }
html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
/******************************* end ******************************************/

/************************** header elements ***********************************/
.header-text {
    position:absolute;
    width: 774px;
    top: 26px;
    left: 42px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #3e4958;
    text-align: left;
}
.header-logo-image {
    position:absolute;
    left: 892px;
    top: 31px;
    float: left;
    width: 178px;
    height: 137px;
    margin: 0px 0px 0px 0px;
    background:url(../images/header-image.jpg) no-repeat;
}

.header-logo-text {
    position:absolute;
    left:620px;
    top: 119px;
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #DEE0E2;
    text-align: left;
    margin: 0px 0px 0px 0px;
}
/******************************* end ******************************************/

/******************************** menu ****************************************/
.main-menu {
    position:absolute;
    left: -95px;
    top: 101px;
    width: 640px;
    height: 43px;
  	font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5cb8d1;
    text-align: center;
    margin: 0px;
    background-color: #fefefe;
}

.main-menu ul {
    position:absolute;
    left: 134px;
    top: 7px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}
.main-menu li.small, .main-menu li.medium, .main-menu li.large {
    display: inline;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.main-menu li.small a,
.main-menu li.medium a,
.main-menu li.large a {
    height: 17px;
    margin: 0px;
    display: block;
    float: left;
    padding: 6px 8px;
    margin: 0px 2px 0px 0px;
  	font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #57b6d0;
    text-align: center;
}

.main-menu li.small a {
    width: 49px;
}

.main-menu li.medium a {
    width: 61px;
}

.main-menu li.large a {
    width: 98px;
}

.main-menu li.small a:link, .main-menu li.small a:visited,
.main-menu li.medium a:link, .main-menu li.medium a:visited,
.main-menu li.large a:link, .main-menu li.large a:visited {
    text-decoration: none;
    background: none;
}
.main-menu li.small a:hover,
.main-menu li.medium a:hover, 
.main-menu li.large a:hover {
    color: #ffffff;
    text-decoration: none;
}

.main-menu li.small a:hover {
    background: url(../images/menu-over-button-small.png) no-repeat;
}

.main-menu li.medium a:hover {
    background: url(../images/menu-over-button-medium.png) no-repeat;
}

.main-menu li.large a:hover {
    background: url(../images/menu-over-button-large.png) no-repeat;
}

.main-menu li.small a.active,
.main-menu li.medium a.active,
.main-menu li.large a.active {
    color: #ffffff;
    text-decoration: none;
}

.main-menu li.small a.active {
    width: 49px;
    background: url(../images/menu-over-button-small.png) no-repeat !important;
    background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu-over-button-small.png', sizingMethod='scale');
}

.main-menu li.medium a.active {
    width: 61px;
    background: url(../images/menu-over-button-medium.png) no-repeat !important;
}

.main-menu li.large a.active {
    width: 98px;
    background: url(../images/menu-over-button-large.png) no-repeat !important;
}

/******************************* end ******************************************/

/*************************** language submenu *********************************/
.language-submenu {
    position:absolute;
    left: 42px;
    top: 184px;
  	font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.language-submenu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}
.language-submenu li { 
    display: inline;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.language-submenu li a {
    height: 21px;
    margin: 0px;
    display: block;
    float: left;
    padding-right: 10px;
  	font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}
.language-submenu li a:link, .language-submenu li a:visited {
    text-decoration: none;
    background: none;
}
.language-submenu li a:hover {
    color: #000000;
    text-decoration: none;
}
.language-submenu li a.active {
    color: #000000;
    text-decoration: none;
}

/******************************* end ******************************************/

/******************************** menu ****************************************/
.horizontal-separator {
    position:absolute;
    left: -95px;
    top: 168px;
    min-width: 1194px;
    height: 1px;
    background-color: #ffffff;
}
/******************************* end ******************************************/

/************************* mastroinvest logo **********************************/
.logo, .logo-admin {
    position:absolute;
    left: 42px;
    top: 245px;
    width: 187px;
    height: 105px;
    background:url(../images/mastroinvest-logo.png) no-repeat;
}
.logo-admin {
    top: 5px;
    left: 5px;
}
/******************************* end ******************************************/

/***************************** page elements **********************************/
.page-content, .home, .service, .news, .contact, .methodology, .benefit {
    position:relative;
    left: 95px;
    width: 1099px;
    height: 777px;
    margin: 0px 0px 0px 0px;
}

.benefit { 
    background:url(../images/bg-benefit.jpg) no-repeat;
}

.methodology { 
    background:url(../images/bg-methodology.jpg) no-repeat;
}

.contact { 
    background:url(../images/bg-contact.jpg) no-repeat;
}

.news {
    background:url(../images/bg-news.jpg) no-repeat;
}

.service {
    background:url(../images/bg-service.jpg) no-repeat;
}

.home {
    background:url(../images/bg-home.jpg) no-repeat;
}

.home-news {
    color: #000000;
    margin-top: 44px;
}

.home-new p {
     margin: 0px;
     padding: 0px;    
}

.home-news a {
    height: 21px;
    margin: 0px;
    display: block;
    float: left;
    padding-right: 11px;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #e11010;
    text-align: center;
}
.home-news a:link, a:visited {
    text-decoration: none;
    background: none;
}
.home-news a:hover {
    color: #e11010;
    text-decoration: none;
}
.home-news a.active {
    color: #e11010;
    text-decoration: none;
}

/******************************* end ******************************************/

/************************* left page container ********************************/

.left-page-container {
    position:absolute;
    left: 42px;
    top: 377px;
    width: 486px;
    height: 350px;
    font-size: 12px;
    overflow: hidden;
}

.left-page-container p{
    margin:18px 0px 0px 0px; 
}
/******************************* end ******************************************/

/*************************** contact form *************************************/

.contact-form-box {
    position:absolute;
    left: 593px;
    top: 215px;
    width: 370px;
    height: 456px;
    font-size: 12px;
    margin: 0px;
    padding: 64px 0px 2px 96px;
    background:url(../images/bg-contact-form.png) repeat;
}
.contact-form-box div.title{
    width: 320px;
    min-height: 16px;
    padding: 2px 5px;
    margin: 0px 2px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

.contact-form-box div.comment-label{
    width: 370px;
    min-height: 16px;
    padding: 2px 5px;
    margin: 0px 2px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.contact-form-box div.comment-value{
    width: 370px;
    min-height: 16px;
    padding: 2px 5px;
    margin: 0px 2px 2px 0px;
    text-align: left;
}

.contact-form-box div.label{
    float: left;
    width: 103px;
    min-height: 16px;
    padding: 2px 5px;
    margin: 10px 2px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.contact-form-box div.value{
    float: left;
    width: 220px;
    min-height: 16px;
    padding: 2px 5px;
    margin: 10px 2px 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

/******************************* end ******************************************/

/************************ contact persons box *********************************/
.contact-persons-box {
    width: 457px;
    height: 180px;
    margin: 25px 0px 0px 0px;
}

.contact-persons-box div.image {
    width: 123px;
    height: 150px;
    margin: 0px 28px 10px 0px;
    float: left;
    text-align: center;
}
.contact-persons-box div.contact-persons-data {
    width: 129px;
    margin: 0px 22px 0px 0px;
    height: 87px;
    float: left;
    text-align: left;
}
/************************************* end ************************************/

/************************** footer elements ***********************************/
.footer-logo {
    position:absolute;
    width: 27px;
    height: 27px;
    top: 731px;
    left: -43px;
    cursor: pointer;
    background:url(../images/viron-logo.png) no-repeat;
}

.footer-text {
    position:absolute;
    float: left;
    top: 737px;
    left: 42px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}

/******************************* end ******************************************/
.red-text {
    color: #e11010;
}

/***************************** Form elements **********************************/
.form-field-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 180px;
    height: 14px;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px;
    border: 1px #a2a2a1 solid;
}

.form-field-textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 296px;
    height: 75px;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px;
    border: 1px #a2a2a1 solid;
}

.form-field-btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 75px;
    height: 22px;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 2px 8px;
    border: 0px #a2a2a1 solid;
    background:url(../images/btn-contact-form.png) no-repeat;
    font-weight: bold;
}

/****************************** end *******************************************/

/****************************** admin ****************************************/

.admin {
    color: #000000;
    position:absolute;
    top: 130px;
    left: 10px;
    width: 1200px;
}

.admin-subtitle{
    width: 100%;
    min-height: 25px;
    padding: 25px 5px 0px 5px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

a.admin-link {
    height: 21px;
    margin: 0px;
    display: block;
    padding: 0px;
  	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #e11010;
    text-align: left;
}
a.admin-link:link, a.admin-link:visited {
    text-decoration: none;
    background: none;
}
a.admin-link:hover {
    color: #3e4958;
    text-decoration: none;
}
a.admin-link:active {
    color: #e11010;
    text-decoration: none;
}

/****************************** end *******************************************/