/* CSS Document */

/* coses comunes */
.contentR h1, .contentC h1, .contentCsmall h1, .contentT h1, .contentL h1, .contentGral h1 {font-size:1.8em; padding-top:11px;color:#CC0000; font-weight: bold; font-style:oblique;}
.contentR h2, .contentC h2, .contentCsmall h2, .contentT h2, .contentL h2 {font-weight: normal; padding-bottom: 7px; font-size: 1em;}
.contentR h4, .contentC h4, .contentCsmall h4, .contentT h4, .contentL h4 {font-size:1.4em; font-weight: bold; font-style:oblique;}
.contentR h5, .contentC h5, .contentCsmall h5, .contentT h5, .contentL h5 {font-size:1em; font-weight: bold; font-style:oblique;}
.contentR a, .contentC a, .contentCsmall a, .contentT a, .pContent a, .contentL a { color:#CC0000; text-decoration:none}
.contentR a:hover, .contentC a:hover, .contentCsmall a:hover, .contentT a:hover, .pContent a:hover, .contentL a:hover { color:#CC0000; text-decoration:underline}

/*CONTENT GENERAL....................................................................*/ 
.contentC { width:538px; text-align:left; font-size: 1em;}
.contentC img { padding:0px; margin:12px 0px 0px 0px; border: 3px solid #CCC;} 
.contentC p{font-size:1.1em; margin-bottom:8px; margin-top:8px;}
.contentC hr { margin-top:8px;}

/*APARTAST ENLLAÇOS WEB .................................................................................*/
.contentL {width:538px; text-align:left; font-size: 1em; padding-left:35px;}
.contentL img {padding:0px; margin:12px 0px 0px 0px; border: 3px solid #CCC;} 
.contentL p{font-size:1.1em; margin-bottom:8px; margin-top:8px;}
.contentL hr { margin-top:8px;}

/*CONTENT SMALL VARIOS RUTES ....................................................................*/ 
.contentCsmall {width:264px; text-align:left; font-size: 1em;}
.contentCsmall img {padding:0px;margin:6px 0; border: 3px solid #CCC;} 
.contentCsmall h4{padding-top:10px}
.contentCsmall p{font-size:1.1em; padding-top:8px;}
.contentCsmall hr { margin-top:8px;}
/*.................................................................................*/

/*RUTES ....................................................................*/ 
.contentR { clear:both; float:left; width:538px;text-align:left; font-size: 1em; }
.contentR img {float:left; padding:0px; margin:0px 8px 0px 0px; border: 3px solid #CCC;} 
.contentR p{font-size:1.1em;padding-top:8px;}
.contentR ul{list-style: upper-alpha; margin-bottom:8px; padding-left:25px;font-size:1.1em;}
.contentR li a {color:#990000; text-decoration:none;}
.contentR li a:hover {color:#990000; text-decoration: underline}
.contentR hr { float:left; margin-top:8px}
/*.................................................................................*/

/* columna central CONTENT SMALL 2 ....................................................................
.contentCsmall2 {float:right; width:260px;text-align:left; font-size: 1em; margin-right:3px;}
.contentCsmall2 img { padding:0px; margin:12px 0px 0px 0px; border: 3px solid #CCC;} 
.contentCsmall2 h4{font-size:1.4em; font-weight: bold; font-style:oblique;}
.contentCsmall2 h1{font-size:2em; padding-top:16px; font-family:Georgia, Times New Roman, Times, serif; color:#CC0000; font-weight: bold; font-style:oblique;}
.contentCsmall2 p{font-size:1.1em; padding-bottom:0.7em; padding-top:0.7em;}
.................................................................................*/

/*------------------------toprural.com------------------------------------*/
.contentT {float:left; width:538px; text-align:left; font-size: 1em;}
.contentT img { padding:0px; margin:0; border:0;} 

.titulo_casa {font-size:11pt; font-weight:bold;}
.mensaje_por {font-size:9pt;}
.mensaje_texto {font-weight:normal; color:#000000;font-size:9pt;}
.mensaje_fecha {font-size:9pt; color:#51764B;}
.mensaje_titulo {font-size:9pt;}

/* SERVEIS -----------------------------------------------------------------------------*/
.contentGral { width:538px; text-align:left; padding-bottom:12px; }
.contentGral h1 { padding-bottom:10px}
.contentGral img{padding:0; float:left; margin-right:8px; border: 3px solid #CCC;}
.contentGral p{float:left; font-size:1.1em; width:355px;  padding-bottom:12px;} 

/*---------------------form reserves ------------------------------------------*/
forms p {font-size:8px;}

form p { display: block; width:275px; 
	float: left; padding-left:155px; 
	text-align: left; }


form { min-width: 500px; max-width: 530px;width: 560px; margin-top:10px; }
form input:focus, form textarea:focus{ background-color: #CCCC99 }
form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;border-width: 1px;border-style: solid;padding: 10px; /* padding in fieldset support spotty in IE */ margin:0;}

form fieldset legend {color: #CC3333; padding:0 6px; /* el padding dona espei entre la linea i el text del Legend */
	font-size:1.1em;  /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */}

form label { display: block;  
	/* block float the labels to left column, set a width */
	float: left; width: 150px; padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */text-align: right; }

form fieldset label:first-letter { 
	/* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    
	/* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
	/* pseudo-class on legend elements, but do support it on label elements */
	/* we instead underline first letter on each label element and accesskey */
	/* each input. doing only legends would  lessens cognitive load opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right oflabel aligns textarea better in IE */}

form input#reset {margin-left:0px; /* set margin-left back to zero on reset button (set above) */}
textarea { overflow: auto; }
form small {display: block;margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */padding: 1px 3px;font-size: 88%;}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form br {clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}