/****************
 * CSS Document *
 ****************

  Document : adobe.css
  Project  : Adobe CS3 Launch in Romania
  Usage    : Main page formatting file
  Author   : Viorel Mocanu, new media Advertising, viorel.mocanu@nma.com
  Date     : 4th of April, 2007

 */

/*************************
 * I. GENERAL ATTRIBUTES *
 *************************/

/*****************************
 * I.1. Universal attributes *
 *****************************/

*, #framework *
{
  margin : 0;
  padding : 0;
  border : none;
  outline : none;
}

/********************
 * Font definitions *
 ********************/

@font-face
{
  src: local("Myriad Web Pro"), url("http://www.xyz.ro/work/adobe/fonts/myriadwebpro.ttf") format("truetype");
  font-family: "Myriad Web Pro";
  font-weight : 100, 200, 300, 400, 500, 600, 700, 800, 900;
  font-style : normal;
  font-variant : normal;
  font-size : all;
}

/*******************************
 * I.2. Generic tag attributes *
 *******************************/

/**************************
 * I.2.1. Body attributes *
 **************************/

body
{
  font-family : Verdana, Arial, Helvetica, Geneva, Tahoma, Georgia, sans-serif;
  font-size : 8pt;
  text-align : left;
  direction : ltr;
  cursor : default;
  background-color : white;
  color : #666;
  width : 100%;
  height : auto;
  min-width : 740px;
}

/*****************************
 * I.2.2. Anchor attributes *
 *****************************/

a
{
  font-weight : 900;
  text-decoration : none;
  color : #999;
}

a:hover, a:visited:hover
{
  color : red;
}

a:active, a:visited
{
  color : black;
}

/**************************************
 * I.2.3. Text formatting attributes *
 **************************************/

#framework p
{
  margin : 17px;
  padding-right : 10px;
}

/***************************
 * I.2.4. List attributes *
 ***************************/

ul
{
  list-style-type : none;
  list-style-position : outside;
  margin-left : 25px;
}

/*****************************
 * I.2.5. Header attributes *
 *****************************/

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6
{
  margin-left : 17px;
  margin-bottom : 10px;
  line-height : auto;
  font-family : "Myriad Web Pro", Arial, Tahoma, Verdana, Helvetica, Geneva, Georgia, sans-serif;
}

h1
{
  font-size : 16pt;
}

h2
{
  font-size : 12pt;
}

h1, h2
{
  font-weight : 100;
/*  letter-spacing : -0.5pt;*/
}

h3
{
  font-size : 14pt;
  font-weight : 900;
}

h4
{

}

h1 a, h2 a, h3 a, h4 a
{

}

/***************************
 * I.2.6. Form attributes *
 ***************************/

form
{
  background : transparent url(../img/background-inflorituri.jpg) right 180px no-repeat !important;
  color : inherit;
}

form.Contact
{
  background : transparent url(../img/background-inflorituri.jpg) right top no-repeat !important;
  color : inherit;
}

form fieldset
{
  width : 400px;
}

form fieldset legend
{
  display : none;
}

#framework form fieldset ul
{
  list-style-type : none;
  list-style-position : outside;
  margin-left : 15px;
}

#framework form fieldset li
{
  width : auto;
  height : 31px;
  clear : both;
}

#framework form fieldset li p
{
  padding : 0;
  padding-top : 5px;
  padding-left : 3px;
  margin : 0;
}

#framework form fieldset li label
{
  width : 185px;
  height : 31px;
  float : left;
  display : block;
		clear : both;
}

#framework form fieldset li input
{
  width : 200px;
  height : 18px;
  margin-top : 10px;
  padding-bottom : 2px;
  border-bottom : 1px solid #999;
  float : left;
  display : block;
  font-family : "Myriad Web Pro", Arial, Tahoma, Verdana, Helvetica, Geneva, Georgia, sans-serif;
  font-size : 13pt;
  background : transparent !important;
  color : #999;
}

#framework form fieldset li textarea
{
  border : 1px solid #999;
  float : right;
  display : block;
  clear : both;
  font-family : "Myriad Web Pro", Arial, Tahoma, Verdana, Helvetica, Geneva, Georgia, sans-serif;
  font-size : 8pt;
  background : transparent !important;
  color : #999;
  overflow : auto;
}

#framework form fieldset li input#security_code
{
  width : 37px;
}

#form_nume
{
  background : transparent url(../img/form-nume.jpg) left top no-repeat;
}

#form_prenume
{
  background : transparent url(../img/form-prenume.jpg) left top no-repeat;
}

#form_email
{
  background : transparent url(../img/form-email.jpg) left top no-repeat;
}

#form_telefon
{
  background : transparent url(../img/form-telefon.jpg) left top no-repeat;
}

#form_companie
{
  background : transparent url(../img/form-companie.jpg) left top no-repeat;
}

#form_domeniu
{
  background : transparent url(../img/form-domeniu.jpg) left top no-repeat;
}

#form_functie
{
  background : transparent url(../img/form-functie.jpg) left top no-repeat;
}

#form_numecomplet
{
  background : transparent url(../img/form-numecomplet.jpg) left top no-repeat;
}

#form_subiect
{
  background : transparent url(../img/form-subiect.jpg) left top no-repeat;
}

#form_mesaj
{
  background : transparent url(../img/form-mesaj.jpg) left top no-repeat;
}

#form_security
{
  background : transparent url(../img/form-security.jpg) left bottom no-repeat;
}

#framework form div#butoane
{
  width : 310px;
  height : 30px;
  display : block;
  margin-left : 15px;
}

#framework form input#reseteaza,
#framework form input#trimite
{
  height : 30px;
  margin-top : 10px;
  float : left;
  display : block;
  cursor : pointer;
  font-size : 0pt !important;
		text-align : left;
  color : #F8F8F8;
}

#reseteaza
{
  width : 135px;
  background : transparent url(../img/button-form-reset.jpg) left top no-repeat;
}

#reseteaza:hover
{
  background : transparent url(../img/button-form-reset.jpg) left bottom no-repeat;
}

#trimite
{
  width : 130px;
  background : transparent url(../img/button-form-send.jpg) left top no-repeat;
}

#trimite:hover
{
  background : transparent url(../img/button-form-send.jpg) left bottom no-repeat;
}

/********************************
 * I.2.7. Promo list attributes *
 ********************************/

ul#promos
{
  width : 360px;
  height : 140px;
  margin-left : auto;
  margin-right : auto;
}

ul#promos li
{
  width : 112px;
  height : 140px;
  margin-right : 8px;
  display : inline;
  float : left;
  text-align : center;
}

ul#promos li a
{
  width : 112px;
  height : 140px;
  display : block;
}

ul#promos li a em
{
  padding-top : 112px;
  display : block;
  font-style : normal;
}

ul#promos a#promo_design
{
  background : transparent url(../img/promo-design.jpg) top center no-repeat;
}

ul#promos a#promo_photo
{
  background : transparent url(../img/promo-photo.jpg) top center no-repeat;
}

ul#promos a#promo_web
{
  background : transparent url(../img/promo-web.jpg) top center no-repeat;
}

ul#promos a img#promo_image_1,
ul#promos a img#promo_image_2,
ul#promos a img#promo_image_3
{
  display : none;
}

/***************************
 * I.2.8. Table attributes *
 ***************************/

#framework table
{
  font-family : Verdana, Arial, Helvetica, Geneva, Tahoma, Georgia, sans-serif;
  font-size : 8pt;
  width : auto;
  height : auto;
  margin-right : 35px;
  margin-left : 15px;
  border-top : 1px solid #999;
  border-collapse : collapse;
  border-spacing : 0;
  table-layout : fixed;
}

#framework table td
{
  border-bottom : 1px solid #aaa;
  margin : 0;
  padding : 5px;
}

#framework table tbody td:first-child
{
  width : 100px;
}

#framework table td ul, #framework ul#errorList
{
  list-style-image : url(../img/ball.jpg);
  list-style-type : circle;
  list-style-position : inside;
  marker-offset : 1px;
}

#framework table td ul li
{
  margin-top : 2px;
}

/****************************************
 * II. STRUCTURAL COMPONENTS ATTRIBUTES *
 ****************************************/

div
{
  width : 100%;
  background : transparent;
  color : inherit;
}

span
{
  position : absolute;
  left : -9999px;
}

/*******************
 * II.1. Framework *
 *******************/

#framework
{
  width : 100%;
  height : auto;
  text-align : center;
}

/****************
 * II.2. Header *
 ****************/

#branding
{
  width : 740px;
  height : 54px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 50px;
  background : transparent url(../img/background-top.jpg) left top no-repeat;
}

#branding img
{
  margin-top : 1px;
  margin-left : 15px;
  margin-right : 15px;
  display : inline;
}

/*******************
 * II.3. Container *
 *******************/

#container
{
  width : 740px;
  margin-left : auto;
  margin-right : auto;
  background : transparent url(../img/background-main.jpg) left top repeat-y;
  color : inherit;
  text-align : left;
  display : block;
}

#container.IndexPage
{
  height : 460px;
}

#container.SubscriptionPage
{
  height : 750px;
}

#container.LongSubscriptionPage
{
  height : 900px;
}

#container.ShortSubscriptionPage
{
  height : 450px;
}

#container.ContactPage
{
  height : 600px;
}

#container.AgendaPage
{
  height : 650px;
}

/***************
 * II.3.1 Left *
 ***************/

#left
{
  width : 280px;
  float : left;
  display : inline;
  color : inherit;
}

#left object
{
  margin-left : 1px;
  margin-top : 15px;
}

/***************
 * II.3.2 Main *
 ***************/

#main
{
  width : 460px;
  float : left;
  display : inline;
  color : inherit;
  text-align : center;
}

/************************
 * II.3.2.1. Navigation *
 ************************/

#menu
{
  width : 390px;
  height : 30px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 20px;
  margin-bottom : 20px;
  clear : both;
}

#navigation
{
  width : 390px;
  height : 30px;
  clear : both;
}

#navigation li
{
  width : 130px;
  height : 30px;
  display : inline;
  float : left;
}

#navigation li a
{
  width : 130px;
  height : 30px;
  display : block;
}

a#inscriere
{
  background : transparent url(../img/button-menu-inscriere.jpg) top left no-repeat;
}

#inscriere:hover, .Active #inscriere
{
  background : transparent url(../img/button-menu-inscriere.jpg) bottom left no-repeat;
}

#contact
{
  background : transparent url(../img/button-menu-contact.jpg) top left no-repeat;
}

#contact:hover, .Active #contact
{
  background : transparent url(../img/button-menu-contact.jpg) bottom left no-repeat;
}

#conferinta
{
  background : transparent url(../img/button-menu-conferinta.jpg) top left no-repeat;
}

#conferinta:hover, .Active #conferinta
{
  background : transparent url(../img/button-menu-conferinta.jpg) bottom left no-repeat;
}

/*********************
 * II.3.2.1. Content *
 *********************/

#content
{
  width : auto;
  margin-right : 1px;
  padding-left : 20px;
  background : transparent url(../img/background-content.jpg) left top no-repeat;
  color : inherit;
  text-align : left;
}

/******************
 * II.3.3. Footer *
 ******************/

#footer
{
  width : 740px;
  height : 54px;
  margin-left : auto;
  margin-right : auto;
  background : transparent url(../img/background-bottom.jpg) left top no-repeat;
  color : inherit;
  clear : both;
}

/*********************************
 * III. Generic class attributes *
 *********************************/

.Attention
{
  color : red;
}

.Left, .Right
{
  width : 50%;
}

.Hidden
{
  font-size : 1pt;
  color : white;
  left : -9999px;
}

.BreakingContent
{
  width : 100%;
  clear : both;
}

div#vreau_sa_particip
{
  width : 100%;
  height : 60px;
  display : block;
  text-align : center;
}

div#vreau_sa_particip a
{
  width : 263px;
  height : 30px;
  margin-top : 30px;
  margin-left : auto;
  margin-right : auto;
  display : block;
  background : transparent url(../img/button-particip.jpg) left top no-repeat;
  color : inherit;
}

div#vreau_sa_particip a:hover
{
  background : transparent url(../img/button-particip.jpg) left bottom no-repeat;
}