* {
	font-size: 13px;
	color:white;
	font-family: 'Carrois Gothic', sans-serif;
}
.imagen p,
.imagen i{
	font-size:11px;
}
#canvas{
	width:940px;
	height:398px;
	background: url('../images/home.jpg') 22px 0 no-repeat #A99824;
	margin:0 auto 8px;
	overflow: hidden;
}
#header{
	width:940px;
	height:66px;
	background: url('../images/cabezote.png') center no-repeat transparent;
	margin:0 auto 8px;
	display:none;
}
#timeline{
	background: none repeat scroll 0 0 #3E3E3E;
	width:940px;
	height:40px;
	margin:auto;
	overflow: hidden;
}
#contenido{
	position:relative;
}
.marco{
	position:absolute;
	top:0px;
	width:745px;
	height:398px;
    cursor: pointer;
	padding:25px 0 18px 27px;
}
.marcoClick{
    cursor: default;
}
.ano{
	float: left;
	background:url('../images/buttons.png') 0 0 no-repeat;
	height:40px;
	cursor: pointer;    
	margin: 0px;
    width: 13px;
}
.gris{
	position:absolute;
	background:url('../images/flechaizq.png') 8px 339px no-repeat #777777;
	top:0px;
	width:24px;
	height:398px;
}
.gris:hover{
	background:url('../images/flechaizq.png') 8px 339px no-repeat #3E3E3E;
}
#franjaDer{
	right:0px;
	background:url('../images/flechader.png') 8px 339px no-repeat #777777;
}
#franjaDer:hover{
	background:url('../images/flechader.png') 8px 339px no-repeat #3E3E3E;
}
#casita{
	position:absolute;
	background:url('../images/casita.png') 6px 6px no-repeat transparent;
	top:0px;
	left:0px;
	width:24px;
	height:22px;
    cursor: pointer;
}
.diagrama1{
	background:url('../images/diagrama1.png') 0px 0px no-repeat transparent;
	padding: 2px 30px;
}
.diagrama2{
	background:url('../images/diagrama2.png') 0px 0px no-repeat transparent;
	padding: 2px 30px;
}
.diagrama3{
	background:url('../images/diagrama3.png') 0px 0px no-repeat transparent;
	padding: 2px 30px;
}
.texto{
    float: left;
    padding-top: 40px;
}
.imagen{
	float:left;
}
.imagenVertical .texto{
	width:430px;
	margin-right: 60px;
}
.sinImagen .texto{
	width:455px;
	margin-left: 140px;
}
.imagenHorizontal .texto{
	width:265px;
	margin-right: 25px;
}
.imagenVertical .imagen,
.imagenVertical img{
	width:200px;
}
.imagenHorizontal .imagen,
.imagenHorizontal img{
	width:400px;
}