<!--
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
h1{
	font-size:40px;
	color: #990066
}
h1 a{
	display:block;
	width:800px;
	height:100px;
}
h2{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:530px;
	color:#990066;
	font-size:28px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
hr{
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin: 20px 0px
}
.clear{
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin: 20px 0px
}
.oculto{ display:none !important}
#cuerpo{
	display:block;
	width:820px;
	padding:10px;
	height:auto;
	margin:0px auto;
/*	background: url(../img/fondo_home.png) left top no-repeat;
*/}

#general {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    width: 800px;
}
#cabecera{
	display:block;
	float:left;
	width: 800px;
	height:128px;
	padding:0px;
	margin:0px;
	background:#70103D url(../img/cabecera.png) left top no-repeat;
}
#listadoDias{
	display:block;
	float:left;
	width:760px;
	margin: 10px 0px 10px 0px;
	padding:20px 20px 0px 20px;
	background:#F7F7F7 url(../img/central.png) left top repeat;
	color:#990066;
	text-decoration: none;
}
#listadoDias a{
	display:block;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
	padding:7px 0px 4px 12px;
	width:72px;
	height:21px;
	background:url(../img/flecha03.png) 0px 0px no-repeat;
	color:#990066;
	text-decoration: none
}
#listadoDias .Primera{
	display:block;
	float:left;
	margin: 5px 0px 0px 0px;
	padding:7px 0px 4px 4px;
	width:71px;
	background:url(../img/flecha03.png) -11px 0px no-repeat !important;
	color:#990066;
	text-decoration: none
}

#listadoDias .Ultima{
	display:block;
	float:left;
	margin: 5px 15px 0px 0px;
	padding:5px;
	background: url(../img/flecha03.png) left top no-repeat !important;
	color:#990066;
	text-decoration: none
}
#listadoDias a:hover{
	background-position: 0px -28px;
	color:#FFFFFF;
}
#listadoDias .Primera:hover{
	background-position: -11px -28px !important;
	color:#FFFFFF;
}
#imagenes{
	display:block;
	margin:0px 20px 20px 0px;
	list-style:none;
	padding:0px;
	background: url(../img/diapo_base.png) left top no-repeat;
}
#imagenes .imagen{
	display:block;
	width:185px;
	height:177px;
	float:left;
	margin:0px;
	padding:2px;
	background: url(../img/diapo_base.png) left top no-repeat;
}
#imagenes li{
	display:block;
	float:left;
	width:197px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#imagenes .imagen .caja{
	display:block;
	width:142px;
	height:108px;
	overflow:hidden;
	margin:24px 0px 0px 22px;
	padding:0px;
}
#imagenes span{
	display:block;
	padding:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#666666
}
.botones{
	display:block;
	float: left;
	width:260px;
	height:40px;
	margin-top:10px
}
.next{
	display:block;
	width:73px;
	height:20px;
	border:none;
	cursor: pointer;
	margin-top:4px;
	background:url(../img/botMas.png) 0px 0px no-repeat;
}
.prev{
	display:block;
	width:73px;
	height:20px;
	border:none;
	cursor: pointer;
	margin-top:4px;
	background:url(../img/botMenos.png) 0px 0px no-repeat;
}
.next:hover, .prev:hover{ background-position: 0px -20px;}
.pieFoto{
	display:block;
	float:left;
	width:110px;
	height: 17px;
	margin:0px 0px 0px 22px !important;
	padding:14px 0px 0px 0px !important;
	border: none;
	background:url(../img/diapo_icoClock.png) right bottom no-repeat;
}
.btn_descarga{
	display:block;
	float:left;
	width: 16px;
	height:16px;
	margin:12px 0px 0px 15px;
	border:none;
	background:url(../img/diapo_icoSave.png) left top no-repeat;
}
#pie{
	display:block;
	clear:both;
	margin-top:30px;
	font-size:10px;
	color:#666666;
	text-align:center;
	font-style:italic
}
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;     
}

    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
    #jCarouselLiteDemo .carousel .jCarouselLite {
        float: left;
        /* Needed for rendering without flicker */
        position: relative;
/*        visibility: hidden;
*//*        left: -5000px;
*/    }
	#jCarouselLiteDemo .carousel ul {
		margin: 0;
	}
	#jCarouselLiteDemo .carousel li img, 
	#jCarouselLiteDemo .carousel li p {
		background-color: #fff;
		width: 150px;
		height: 118px;
		margin: 0px;
	}
	
	#jCarouselLiteDemo .widget img {
		cursor: pointer;
	}
	#jCarouselLiteDemo .mid {
		margin-left: 80px;
		width: 400px;
		height: 300px;
	}
	#jCarouselLiteDemo .vertical {
		margin-left: 170px;
	}
		#jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
			width: 170px;
		}
	#jCarouselLiteDemo .imageSlider li img, 
	#jCarouselLiteDemo .imageSlider li p, 
	#jCarouselLiteDemo .imageSliderExt li img , 
	#jCarouselLiteDemo .imageSliderExt li p {
		width: 400px;
		height: 300px;
	}
-->