/* 

Plantilla de estilos del proyecto CarMa

Versión:
	 1.1, Noviember 28, 2005 
	 1.2, Diciembre 19, 2008
	 1.3, Abril 8, 2009

Fundación de Reumatología Española.
Unidad de Investigación 2009

*/

/* Importamos otras hojas de estilos */
@import url("controls.css");


/**************** Estilos principales de la página  ****************/

body
{ margin:0; padding:0; color:#303030; background:#fff; font:65% Verdana, Tahoma, sans-serif; text-align: justify; }

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

li
{margin:0 0 8px 25px;}

a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;}

a:visited
{color:#7d0000; text-decoration:underline;}

div.hr {
}

div.hr hr {
}

/**************** Diseño principal del fondo   ****************/

#backdesign
{  }


/**************** Estilos de la barra de la izquierda ****************/

#sidebar
{ display: none; }


/**************** Estilo de la  ****************/

#menu 
{ display: none; }


/**************** Header area styles ****************/
#header
{  }

#header img
{ text-align: center; display: none; }

#header div
{ text-align: justify; font:10px Verdana, Tahoma, sans-serif;  margin: 5px 0 0; padding: 2px 2px 2px; border-bottom: 1px solid #c0c0c0; vertical-align: top; clear: both; }


/**************** Content area styles ****************/

#content
{ width: auto; }

#content img
{ float: none; margin:0 15px 15px 0; padding:1px;}

#content div.img_fig
{ font-size: 95%; font-family: Verdana, Tahoma, sans-serif; font-weight: normal; font-style: italic; font-variant: small-caps; text-align: left; clear: both; margin-bottom: 20px; margin-left: 20px; }

#content img.left
{ float: left; margin:0 15px 15px 0; padding:1px;}

#content img.right
{ float: right; margin:0 15px 15px 0; padding:1px;}

#content img.fix
{display: none;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#d85d5d; font-size:2em; letter-spacing:-2px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:1.5em; letter-spacing:-1px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px; color:#d85d5d; font-weight:normal; font-size: 1.6em; letter-spacing:0px;}

#content h4
{clear:both; margin:30px 0 10px; color:#606060; font-weight:bold; font-size: 1.4em; letter-spacing:0px;}

#content h5
{clear:both; margin:2px 0; color:#979797; font-weight:bold; font-size: 1.3em; letter-spacing:0px;}

#content h6
{ clear:both; margin:1px 0; color:#807e7e; font-weight:bold; font-size: 1.2em; font-variant: small-caps; letter-spacing: 0px; }


/**************** Content area styles ****************/

#submenu
{ display: none; }

/****************  footer  ****************/
#footer
{ font-size: smaller; text-align: right; margin: 25px 0 0; padding: 10px 10px 5px; border-top: 1px solid #c0c0c0; vertical-align: top; clear: both; }


#footer a:link a:visited{
	color:#fff;
}

#footer a:hover a:active{
	color:#c0c0c0;
}

/****************  ID [promotor]  ****************/
#promotor
{ display: none }

/****************  info  ****************/
#info
{ display: none}

/****************  loncha  ****************/
#loncha
{position:absolute; top:0; left:550px; width:10px; height:100%; overflow:auto; background:#fff}

body > #loncha
{position:fixed;}


/****************  Balloon Tooltip ****************/
#arrowhead {display: none;}
