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

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

 */

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

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

@page
{
  size : 210mm 297mm;
  margin : 10mm 10mm 10mm 10mm;
}

*
{
  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.1. Body attributes *
 **************************/

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

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

a
{
  font-weight : 900;
  text-decoration : none;
  background-color : transparent;
  color : red;
}

a:visited
{
  color : black;
}

/*
#content a:link:after, #content a:visited:after
{
  content: " (" attr(href) ") ";
  font-size: 50%;
}

#content a[href^="/"]:after
{
  content: " (nma.ro/adobe" attr(href) ") ";
}
*/

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

#framework p
{
  text-indent : 0;
  margin : 5pt;
  line-height : 120%;
}

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

ul
{
  list-style-type : none;
  list-style-position : outside;
}

#content ul
{
  margin-left : 5pt;
  line-height : 120%;
}

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

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

h1
{
  font-size : 18pt;
}

h2
{
  font-size : 14pt;
}

h1, h2
{
  font-weight : 100;
}

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

/***************************
 * 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;
}

#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, 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, sans-serif;
  font-size : 9pt;
  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 : 300px;
  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;
  color : transparent;
}

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

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

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

ul#promos
{
  width : 100%;
  height : 150px;
  margin-left : auto;
  margin-right : auto;
}

ul#promos li
{
  width : 33%;
  height : 150px;
  display : inline;
  float : left;
  text-align : center;
}

ul#promos li a
{
  width : 100%;
  height : 150px;
  display : block;
}

ul#promos li a em
{
  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 : inline;
  margin : 0;
  padding : 0;
  margin-left : auto;
  margin-right : auto;
}

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

#framework table
{
  width : 99%;
  height : auto;
  margin-left : 5pt;
  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;
  text-align : right;
  border-right : 1px solid #DDD;
}

#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
{
  display : none;
}

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

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

#framework:after
{
  content : " Participa la Conferinta de lansare Adobe Creative Suite 3! Acceseaza www.nma.ro/adobe si inscrie-te! ";
  font-size : 75%;
  font-weight : 900;
  color : red;
}

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

#branding
{
  width : 100%;
  height : 54px;
  margin-left : auto;
  margin-right : auto;
  background : transparent;
  color : inherit;
}

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

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

#container
{
  width : 100%;
  height : auto;
  margin-left : auto;
  margin-right : auto;
  padding-bottom : 10pt;
  border-top : 1px solid #999;
  border-bottom : 1px solid #999;
  display : block;
  background : transparent;
  color : inherit;
  text-align : left;
}

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

#left
{
  display : none;
}

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

#main
{
  width : 100%;
  text-align : center;
}

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

#menu
{
  display : none;
}

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

#content
{
  text-align : left;
}

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

#footer
{
  width : 100%;
  clear : both;
}

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

.Attention
{
  color : red;
}

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

.Hidden
{
  display : none;
}

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

div#vreau_sa_particip
{
  display : none;
}