body
{
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  background: #dd2024 url(../images/background.jpg) repeat-y;
  margin: 0; 
  padding: 0;
  text-align: center; 
  color: black;
}
p
{
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  background: none repeat-y;
  text-align: justify; 
  color: black;
}
.categoria_titulo {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	color: gray;
}
.direccion
{
  font: bold 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-align: left; 
  color: black;
}
.categoria {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	color: #b40000;
}
a
{
  font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0; 
  padding: 0;
  text-align: left; 
  color: #da0e0d;
  text-decoration: none;
}
a:hover
{
  font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0; 
  padding: 0;
  text-align: left; 
  color: orange;
  text-decoration: none;
}
.txt {
	color: #000000;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.txtTitolNoticia {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	color: #DA0E0D;
	font-weight: bold;
	text-decoration: none;
}
.txtJustificat {
	color: #000000;
	font: 11px/15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
}
.mapaweb {
	color: #000000;
	text-decoration: none;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

.mapaweb a, a.mapaweb {
	color: #000000;
	text-decoration: none;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

.mapaweb a:hover, a.mapaweb:hover {
	text-decoration: underline;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #DA0E0D;
}

.mapaweb_grande {
	color: #000000;
	text-decoration: none;
	font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

.mapaweb_grande a, a.mapaweb_grande {
	color: #000000;
	text-decoration: none;
	font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

.mapaweb_grande a:hover, a.mapaweb_grande:hover {
	text-decoration: underline;
	font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #DA0E0D;
}
.css-1{	font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-2{	font-size: 13px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-3{	font-size: 16px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-4{	font-size: 19px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-5{	font-size: 24px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-6{	font-size: 30px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}
.css-7{	font-size: 48px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height:17px;}

h1
{
  font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0 0 10px; 
  padding: 20px 0 10px;
  text-align: left; 
  color: #da0e0d;
  border-bottom: 5px solid #da0e0d;
  text-transform: uppercase;
  height: 12px;
}

h1_tpv
{
  font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0 0 10px; 
  padding: 20px 0 10px;
  text-align: left; 
  color: #da0e0d;
  border-bottom: 5px solid #da0e0d;
  height: 12px;
}

h2
{
  font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0; 
  padding: 10px 0 0;
  text-align: left; 
  color: #da0e0d;
  text-decoration: none;
}
.h3
{
  font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0; 
  padding: 10px 0 0;
  text-align: left; 
  color: #da0e0d;
  text-decoration: none;
}
.txtTitolNoticia a, a.txtTitolNoticia
{
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 16px;
	color: #DA0E0D;
	font-weight: bold;
	text-decoration: none;
}
a.txt {
	color: #000000;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
a.txt:hover {
	color: #000000;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration:underline;
}

.txtTitolNoticia a:hover,a.txtTitolNoticia:hover
{
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 16px;
	color: #FFA500;
	font-weight: bold;
	text-decoration: none;
}
.txtTitolNoticia_peq {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #b40000;
	font-weight: bold;
	text-decoration: none;
}

.txtTitolNoticia_peq a, a.txtTitolNoticia_peq {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #b40000;
	font-weight: bold;
	text-decoration: none;
}

.txtTitolNoticia_peq a:hover, a.txtTitolNoticia_peq:hover {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #b40000;
	font-weight: bold;
	text-decoration: none;
	text-shadow: gray 2px 2px 2px;
	background-color: #eaeaea;
}

.caja_noticias
{
  float:left; 
  margin: 0 0 20px; 
  display:inline;
	text-align: justify;
	background: none repeat-x;
	border-bottom: 1px solid silver;
	padding-bottom: 20px;
}
.garagon
{
  float:left; 
  margin: 15px 0 20px 15px; 
  background: none repeat-x; 
  display:inline;
	text-align: justify;
	text-decoration: none;
}
.faram .thumb_left
{
  float:left;
  padding-right:20px;
}

.faram .masinfo{float: right;
	margin-top: 15px;
}

.faram #container { 
 	width: 980px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
 	background: #FFFFFF url(../images/fondo.gif);
 	margin: 0 auto;
 	text-align: left;
	border-left: 1px solid #eac742;
}

.faram #header { 

  background: #eac742 url(../images/faram_header.jpg);
	height: 143px;
	padding-right: 10px;
	padding-left: 10px;
}

.faram #footer { 
  padding: 0 0 30px;
	background-image: url(../images/background_footer.jpg);
} 

    .faram #header h1 {

    	margin: 0; 

    	padding: 10px 0; 

    }

    .faram #menu {

    	float: left; 

    	width: 180px; 

    	background: #EBC642; 

    	padding: 15px 0; 
    }

    .faram #sidebar2 {

    	float: right; 

    	width: 180px; 

    	background: #E0E0E0; 

    	padding: 0 10px 15px;
	clear: none;
	border-left: 1px solid #dedede;
	height: auto;
	border-bottom: 1px solid #dedede;
}

    .faram #mainContent {
	margin: 0 12em 0 200px;
	width: 560px;
}

.faram #footer p {

    	margin: 0; 

    	padding: 10px 0;
	color: black;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

.faram .fecha{float: right;
	color: #da0e0d;
	font-weight: bold;
	font-size: 10px;
	padding-top: 0;
}

.fltrt { 

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { 

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { 

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }

#footer .footer_links{float: right; width: 750px; word-spacing:4px; line-height: 20px; border-bottom: 2px solid white; padding-bottom:10px; margin-bottom:10px;
	font-size: 10px;
	text-align: right;
}

#footer .footer_links a{color: white; word-spacing:0px;
	padding-right: 20px;
}

#footer .footer_links a:hover{color: #eac742;}

.intranet{float:right; width: 170px; background: url(images/client_login_bg.gif) repeat-x; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666;
	margin-bottom: 20px;
	padding: 0 10px 0 0;
	margin-left: 0;
}

.intranet .caja{border: 1px solid #d7d5d5; width: 160px; padding: 6px; font-size: 13px; color: #da0e0d; margin:2px 0px 9px 0px;
	background-image: none;
	font-weight: bold;
	background-color: #fefeed;
}

.menu {
  padding: 0px;
  display: block;
  background: #FED325 url(../images/menu.jpg) repeat-y;
  color: #000;
  font: bold 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}

.menu img
{
	color: #da0e0d;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
	background-image: none;
	text-decoration: none;
  line-height:40px;
}

.menu a {
  border-bottom: 1px solid #ccc;
  padding: 12px 6px 12px 20px;
  display: block;
  background: #FED325 url(../images/menu.jpg) repeat-y;
  color: #000;
  font: bold 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}

.menu a:hover {
  border-bottom: 1px solid #ccc;
  padding: 12px 6px 12px 20px;
  display: block;
  background: #000 url(../images/menu_f.jpg) repeat-y;
  color: #fff;
  font: bold 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}

.submenu {
  border: 1px #FFF;
  border-bottom-color: #CCC;
  padding: 0px;
  display: block;
  background: #eee;
  color: #da0e0d;
  font: bold 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}

.submenu a {
  border: 1px solid #FFF;
  border-bottom-color: #CCC;
  padding: 6px 6px 6px 35px;
  display: block;
  background: #eee;
  color: #da0e0d;
  font: bold 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}

.submenu a:hover {
  border: 1px solid #FFF;
  border-bottom-color: #CCC;
  padding: 6px 6px 6px 35px;
  display: block;
  background: #EAC742;
  color: #fff;
  font: bold 11px/17px Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
  height: 1%; /*For IE*/
}