/* CSS Document */

a{
outline:0;
border:0;
}

body, html {
background:url(../img/bg_plus.jpg);
margin:0;
height:100%;
}

#general{
	width:800px;
	left:50%;
	margin-left:-400px;
	position:relative;
	_float:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#58585a;
	line-height:20px;
}

#head{
width:765px;
height:74px;
padding:20px 0 20px 35px;
}

#footer{
height:60px; 
width:800px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
text-align:center; 
color:#b8bd9a; 
padding-top:5px;
}

#home{
width:750px; 
display:inline-block;
padding:30px 0 30px 50px;
}

#centro{
background:#fff; 
width:800px; 
min-height:330px;
display:inline-block;
}

input, textarea{
background:#fff;
border:0;
margin:10px;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#58585a;
}

.link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707173;
}

.boton{
font-family:EBGaramondSC, Helvetica, Arial, sans-serif;
color:#c4c6a2;
font-size:14px;
margin:6px 15px;
text-decoration:none;
font-weight: 500;
}

.boton:hover{
font-family:EBGaramondSC, Helvetica, Arial, sans-serif;
color:#5d7159;
font-size:14px;
margin:6px 15px;
}


/* Fonts */
@font-face {
    font-family: 'EBGaramondRegular';
    src: url('../fonts/EBGaramond-webfont.eot');
    src: url('../fonts/EBGaramond-webfont.eot?iefix') format('eot'),
         url('../fonts/EBGaramond-webfont.woff') format('woff'),
         url('../fonts/EBGaramond-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramond-webfont.svg#webfontqdRdg2Gd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramondSC';
    src: url('../fonts/EBGaramondSC-webfont.eot');
    src: url('../fonts/EBGaramondSC-webfont.eot?iefix') format('eot'),
         url('../fonts/EBGaramondSC-webfont.woff') format('woff'),
         url('../fonts/EBGaramondSC-webfont.ttf') format('truetype'),
         url('../fonts/EBGaramondSC-webfont.svg#webfont3EvacHgc') format('svg');
    font-weight: normal;
    font-style: normal;

}

.texto_agenda {
    font-family: EBGaramondRegular, Helvetica, Arial, sans-serif;
}

.texto_agenda_versalitas {
    font-family: EBGaramondSC, Helvetica, Arial, sans-serif;
}

 /*Agenda */
 
 .mes {
 font-family: EBGaramondSC, Helvetica, Arial, sans-serif;
background:url(../img/agenda/fondo_meses_v2.jpg);
height:37px;
margin-top:50px;
padding:10px 0 0 50px;
font-size:48px;
color:#FFFFFF;
}

.dia{
font-size:30px;
 font-family: EBGaramondSC, Helvetica, Arial, sans-serif;
}

.mes_interno{
padding:20px 70px; 
background:url(../img/agenda/fondo_meses.jpg);
}

.titulo_actividad{
font-family: EBGaramondRegular, Helvetica, Arial, sans-serif;
font-size:18px;
}

/*esto es de la galeria */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:700px; margin:20px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:700px; height:400px; padding:2px; background:#fff;}
#information {position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:700px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../img/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../img/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../img/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../img/images/scroll-left.gif) center center no-repeat; background-color:#fff}
#slideleft:hover {background-color:#f0f2ec}
#slideright {float:right; width:20px; height:81px; background:#fff url(../img/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#f0f2ec}
#slidearea {float:left; position:relative; width:640px; margin-left:5px; height:101px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; }