@import url(screen.css);

#content { padding-bottom:10px;}

#content h2 {	color: #FFF;	background-color:#333; padding:10px 15px;}
#content p { padding-left:15px; font-size:.9em; font-weight:bold;}
#content p.legal { padding-left:0px; }

#content form { background-color:#eaeaea; 	margin:1em 0;	padding:15px 35px 15px 15px;}
#content form p.required{ float:right}
#content input, #content textarea {	border: 1px solid #999;	padding: .2em .2em;	width: 300px; font-size:1.1em}
#content input:hover, #content textarea:hover, #content input:focus, #content textarea:focus  { border-color:#666}
#content textarea {	height: 15em;}
#content form div {	position: relative;	margin-bottom: 1em; }
* html form div {height:1px}

#content div.address { clear:both; margin-bottom:1em; display:block; height:23px; }
#content .address input { width: 205px; margin-right:10px; float:left}
#content div.fieldShort{  float:left}
#content .fieldShort input { width: 85px; margin-right:30px;}
#content .fieldShort  label { width:auto; padding-right:10px; }

#content form label { padding-top:2px;	color:#666;	font-weight:bold;	font-size:1.2em; float:left; width:110px; line-height:1.5em	}
#content form p{	color:#666;	}
#content button { position:absolute; right:0; bottom:13px; border: 0;	background: none;	padding: 0;	cursor: pointer;	background-color:#e90303;	color:#FFF; font-weight:bold;	font-size:1.2em; }
#content button:hover {	background-color:#FFF;	color:#e90303;}



/* Classes de FormMailer */
#content .formErrors {	border: 1px solid #e90303; width:300px; padding: 1em 1em 1em 2em;}
#content  .formErrors .fieldName {	color: #e90303; font-style: italic;}
#content p.sendOK, #content p.sendKO { height:12em;  font-size:1.2em; font-weight:normal;}
#content p.sendKO { color: #e90303;}

/* subscripcio temporal sense formulari*/
#content {  padding-bottom:150px;}
#content p.highlight{ margin-top:50px; font-size:1.3em; }
#content p.highlight a { text-decoration:none; font-size:4em; margin-left:30px; display:block; margin-top:20px; line-height:1.2em;}