@import "layout.css";
/* @import "layout-gauche.css"; */
/* Les ��ents HTML en g��al------------- */
body{
background: #EEE;
color: #000;
font-size: 80%;
line-height: 1.6em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top: 5px solid #DDD; /* cambio de 10 a 5 */}
h1, h2, h3, h4, h5, h6{font-family: "Trebuchet MS", sans-serif;}
h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
pre, code{font-size: 1.2em;}
pre{width: 100%;overflow: auto;border: 1px solid #CCC;}
fieldset{border: none;}
label{cursor: pointer;cursor: hand;}
.field label{display: block;}
input,textarea{border: 1px solid #999;}
textarea{width: 100%;font-size: 1em;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
a{color: #777;}
a:visited{color: #663;}
a:hover{color: #636;}
.left{float: left;margin-right: 1em;}
.right{float: right;margin-left: 1em;}
/* La page-------------------------------------------- */
#page{
background: #fff url(img/page.png) repeat-y center top;
color: inherit;}
/* L'ent�e-----------------
<div style="border:0px solid;width:490px;height:52px;position:absolute;top:10px;left:50px;overflow:visible" ><img src="/img/cablogos.jpg" alt="logos varios." title="logosv" />
</div>
---------------------------------------
#logos{
background: #FFF url(img/cablogos.jpg) no-repeat ;
border:0px;
width:490px;height:52px;
position:absolute;top:10px;left:25%;} */
#top{
height: 100px;
/*padding-top: 20px;
background: #FFF url(img/top1.jpg) no-repeat left top;}*/
background: #FFF url(/cab_lar1.png) no-repeat right top;
background-color:#ff5a1e;}
#top0{
background: transparent url(img/cablogos.jpg) no-repeat left bottom;
padding-top: 120px;}

#top h1{
height: 80px;
line-height: 80px;
margin: 0 0 0 40px;
padding-top: 20px;
color: #FFFFFF;}
#top h3{
height: 50px;
line-height: 50px;
margin: 0 0 0 40px;
padding-top: 20px;
color: #FFFFFF;}
#top h1 a{
text-decoration: none;
color: #FFFFFF;}
#top h3 a{
text-decoration: none;
color: #FFFFFF;}
/* Le pr�ude--------------------------------------------- */
#prelude{
background: transparent;
color: #DFDFDF;
text-align: center;}
#prelude a{
color: #DFDFDF;
background: transparent;}
#prelude a:hover{
color: #666;
background: transparent;}
/* Le contenu---------------------------------------------- */
.day-date{
padding-left: 20px;
margin-left: -25px;
color: #888;
background: transparent url(img/day-date.png) no-repeat left center;
font-style: italic;}
.post-title{
color: #21449C;
background: transparent;
margin-bottom: 0;}
.post-title a{
color: #21449C;
background: transparent;
text-decoration: none;}
.post-info{
margin-top: 0;
color: #CCD4F6;
background: transparent;
padding-bottom: 1ex;
/*border-bottom: 1px solid #FC0;*/}
.post-info a{
color: #CCD4F6;
background: transparent;
text-decoration: none;}
.post-content{
text-align: justify;}
.post-content blockquote{
font-family: Georgia, serif;
font-style: italic;}
.post-info-co{
text-align: right;}
#trackbacks blockquote, #comments blockquote{
border: 1px solid #EEE;
margin: 1em 0;
padding: 1ex 1em;}
/* La barre de navigation-------------------------------- */
#sidebar div{
border-bottom: 1px solid #F0F0F0;
color: inherit;}
#sidebar div ul{
margin: 0;
padding: 0;
list-style: none;}
#sidebar h2, #sidebar h3{
color: #21449C;
margin: 0 0 1ex 0;}
#sidebar h3{
font-size: 1em;
margin: 0;}
#sidebar div#search{
background: transparent;
color: inherit;
line-height: 2.3em;}
#search fieldset, #search p{
margin: 0;
padding: 0;}
#q{padding-left: 18px;
background: #fff url(img/q.png) no-repeat 4px center;}
#sidebar div#calendar{
border-top: 1px solid #F0F0F0;}
#sidebar div#calendar table{
font-size: 0.8em;
text-align: center;
margin: 0 auto;
border-collapse: collapse;}
#sidebar div#calendar table caption{
margin: 0 auto;}
#sidebar div#calendar table th{
color: #493;
background: transparent;}
#sidebar div#calendar table td{
width: 14%;
line-height: 2em;
border: 1px solid #EEE;}
#sidebar div#calendar table td a{
display: block;
background: #EFA;
color: #493;
font-weight: bold;
text-decoration: none;}
#sidebar div#calendar table td a:hover{
background: #DBB8DC;
color: #636;}
/* Le pied de page------------------------------ */
#footer{margin: 0;
padding: 1em;
border-top: 1px solid #CCC;
background: #EEE;
color: #666;
margin-left: 350px;
margin-right: 350px;}
#footer a{color: #999;}
/* A�DIDO PARA VISULAIZAR LA FECHA COMO BLOQUE VERTICAL necesario codigo PHP en post y template*/
.date { /* date & author */
color : silver;
float:right;
line-height:2.3em;
margin:1.5em 0 5px 10px;
padding-left:5px;
border-left:1px solid silver;
font-size:.8em;
text-align:center;
position:relative;
right:0;}
.date_day {
display:block;
font-size:2em;
text-align:right;
font-weight:bold;}
.date_month {
display:block;
font-size:2em;
text-align:right;}
/* #post span.nonius {
background: url(images/dotclear_pw.png) no-repeat;
height: 50px; width: 50px;
float: right; margin: -30px 0 -20px 0;
} */
h3.moreOptions {
background : #eceade;
margin : 0;
padding : 0.5em;
font-size : 1em;
font-family : Verdana,Arial,Helevetica,sans-serif;}
div.moreOptions {
background : #f7f5e9;
padding : 0.5em;
margin : 0;}
#ouverture{
margin: 0;
padding: 1em;
border-top: 1px solid #CCC;
background: #EEE;
color: #666;}

.catSanti a {
        color : #ff6600;
}