/*******************************************************************************
joanmas.css - stylesheet
*******************************************************************************/

body { font-family:Verdana, sans-serif; font-size:9pt; margin:0; background:#e7e7e7; }

p { text-align:justify; }
p.autor { text-align:right; color:black; padding-bottom:2em; }
div.criticas { color:#555; }

img { border-width:0; }
img.sidepic { float:right; margin-left:1em; margin-bottom:1em; }

h1 { color:#35435e; font-size:150%; text-align:center; margin-bottom:2em; }
h2 { color:#35435e; font-size:120%; }
h3 { color:#35435e; font-size:105%; }

ul { list-style-type:square; text-align:justify; }
ol { text-align:justify; }
hr { color:black; background:black; border:none; height:1px }

ul.destacado {
	background:#ffffe0;
	border:1px solid #fefe90;
	line-height:2em;
}

ul.precios {
	font-size:8pt;
	color:#505050; 
}

a       { text-decoration:none; color:#594FBF; }
a:hover { text-decoration:underline; }

/*table { font-size:9pt; }*/
table.info { background:white; text-align:right; width:100%; }
table.info td { background:#eee; padding-left:1ex; padding-right:1ex; }

table.expo { text-align:right; background:#fafafa; width:100%; }
table.expo td { vertical-align:bottom; font-size:8pt; color:#888 }
table.expo td.pic { text-align:left; }

span.disp { color:#373; }
span.vend { color:#733; }
span.cp   { color:#763; }

/**************************************************************** PAGE LAYOUT */

div.navigation {
	background:white;
    border:1px solid #7095c2; -moz-border-radius:8px;
    
    /*padding-top:10px;*/
    
    position:absolute;
    left:10px;
    top:30px;
    width:200px;
}

div.content {
    background:white;
	border:1px solid #7095c2; -moz-border-radius:8px;
    
    padding-left:4%;
    padding-right:4%;
    padding-bottom:2em;
    
    margin-left:220px;
    margin-top:10px;
    margin-right:10px;
}

div.obra {
    background:white;
    border:1px solid #7095c2; -moz-border-radius:8px;
    
    padding-top:2em;
    padding-bottom:2em;
    
    margin-left:220px;
    margin-top:10px;
    margin-right:10px;
    
    text-align:center;
}

div.header {
	height:20px;
	text-align:right;
    font-size:8pt;
    background:#d8d8d8;
    color:#777;
    border-bottom:0px dotted silver;
    
    padding-right:15px;
}

div.footer {
	margin-top:10px;
	margin-left:220px;
	margin-right:10px;
	
    border-top:1px dashed #7095c2;
    text-align:center;
    padding:3px;
    
    font-size:8pt;
}

/*********************************************************************** MENU */

table.menu { color:black; margin-bottom:3ex; width:100%; font-family:tahoma,helvetica,sans-serif; font-size:12px; }

table.menu td {  border-bottom-width:1px; border-bottom-style:solid; }

td.menu-title    { background:#45536e; text-indent:3px; color:white; font-weight:bold; border-bottom-color:#d0e5ff; }
td.menu-subtitle { background:white;   text-indent:3px; font-weight:bold; border-bottom-color:#d0e5ff; }
td.menu          { background:white;   text-indent:1em; border-bottom-color:white; }
td.menu-selected { background:#e8e9f3; text-indent:1em; border-bottom-color:white; }