@charset "ISO-8859-1";
	
	body {
		width:100%;
		height:100%;
		font:	14px/1.2 "trebuchet ms", verdana, arial, helvetica, sans-serif;
		/*text-align:center;*/
		padding:0;
		margin:0;		
		border:0;
		background: #efe url(../images/bgdegtop.png) repeat-x top; 
		}
	/*	
	p, h1, h2, h3, h4, h5, h6{
		padding-left:20px;
		padding-right:20px;
	}
	*/

	/*
	p:first-letter{
		font-size:1.2em;
		font-weight:bold;
	}
	*/
	
	
	a {
		/*font-weight:bold;*/
		color: blue;
		outline:none; /* para quitar el punteado alrededor de los links*/
		text-decoration:none;
		}	
	a:hover{
		text-decoration:underline;
	}
		
	img{
		border:0; /* para quitar el borde azul por defecto si una imagen es un link */
	}		
		
	h1, h2, h3{
		color:olive;
	}
	
	#header, #box1 {
		width:974px;
		margin: 0 auto; /* top_and_bottom left_and_right */
		padding:0px;
		text-align:left;
		}
	#header{
		position: relative;  /*para  que el logo quede por encima en lugar de desplazar hacia abajo*/
		margin-top:20px; /* para IE */
	}
		
	#leftside {
		width:545px;
		/*http://www.dustindiaz.com/min-height-fast-hack for IE:
		min-height:424px;
		height: auto !important;
		height:424px;*/
		height:427px;
		margin:0; /* top right bottom left */
		padding: 10px;
		padding-bottom:0px;
		border:0;
		float:left;
		/*background: #fff url(../images/greencornerlt.gif) no-repeat top left;*/
		/*background-color:rgb(255,200,200);*/
		overflow:auto; /* añade barras de scroll automáticamente si es necesario en lugar de hacerse más grande */
		position: relative; /* para  que el calendario se quede dentro de esta capa y no sea absoluto total*/
		}

	
	#rightside {
		width:408px;
		height:459px;
		margin: 0;/* 0 5px 3px; top right bottom left */
		padding:0;
		border:0;
		float:right;
		/* background-color:rgb(200,255,200);*/
		overflow:auto; /* añade barras de scroll automáticamente si es necesario en lugar de hacerse más grande */
		position:relative; /* para poder posicionar las photos de modo absoluto */
		}
				
	#footer {
		margin: 0;/* 0 5px 3px; top right bottom left */
		padding:0;
		padding-left:15px;
		padding-top:7px;
		border:0;	
		/*background-color:rgb(200,200,255);*/
		/*width:565px;*/
		height:19px;
		/*line-height: 25px;*/
		float:left;			
		}		
	div.preloader {
		position:absolute;
		top:-1000px;
		left:-1000px;
		} 		
	/*
	#footer a {
		vertical-align: sub; 
		}	
	*/
	
	#map{ /* mapa de Google Maps */
		width:950px; 
		height:400px;
	}

/* INICIO CODIGO PHOTOS */	
	img.mainphoto {
		opacity: 1; /* para mozilla y demás*/
		filter: alpha(opacity=100); /* para IE */
		position:absolute;
		left:0px;
		top:32px;
		border: 2px solid white;
	}	
	img.mainphoto:hover {
		opacity: 0.9; /* para mozilla y demás*/
		filter: alpha(opacity=90); /* para IE */
		/*z-index:101; marea */
	}	
	img.photos {
		opacity: 1; /* para mozilla y demás*/
		filter: alpha(opacity=100); /* para IE */	
	}
	img.photos:hover {
		opacity: 0.5; /* para mozilla y demás*/
		filter: alpha(opacity=50); /* para IE */		
	}
	img.sat1, img.sat2, img.sat3, img.sat4{
		position:absolute;
		top:10px;
		border: 1px solid white;
	}
	img.sat5, img.sat6, img.sat7, img.sat8 {
		position:absolute;
		top:380px;
		border: 1px solid white;
	}
	img.sat1{left:15px;} img.sat2{left:115px;} img.sat3{left:215px;} img.sat4{left:315px;}
	img.sat5{left:15px;} img.sat6{left:115px;} img.sat7{left:215px;} img.sat8{left:315px;}
/* FIN CODIGO PHOTOS */	
	
	
	h1{
		color: olive;
		font-size: 1.5em;
		font-weight: bold;
		}
		
	h1.maintitle{
		/*display: inline;
		vertical-align: top;
		margin: 50px,0,0,0;*/
		color: rgb(155,155,100);
		font-size: 3em;
		
		}		
		
/* begin css tabs */
			ul#tabnav { /* general settings */
			text-align: center; /* set to left, right or center */
			margin: -20px 0 0 0; /* set margins as desired */ /* top right bottom left */
			font-size: 15px; /* set font as desired */
			font-weight: bold; /* set font as desired */
			font-family: verdana, arial, helvetica, sans-serif; /* set font as desired */
			border-bottom: 1px solid #6c6; /* set border COLOR as desired */
			border-bottom: 0;
			list-style-type: none;
			padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
			
			}

			ul#tabnav li { /* do not change */
			display: inline;
			}

			body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
			border-bottom: 1px solid #afa; /* set border color to page background color */
			background-color: #afa; /* set background color to match above border color */
			}

			body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
			background-color: #cfc; /* set selected tab background color as desired */
			color: #000; /* set selected tab link color as desired */
			position: relative;
			top: 1px;
			padding-top: 4px; /* must change with respect to padding (X) above and below */
			}

			ul#tabnav li a { /* settings for all tab links */
			padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
			border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
			background-color: #afa; /* set unselected tab background color as desired */
			color: olive; /* set unselected tab link color as desired  #666*/
			margin-right: 0px; /* set additional spacing between tabs as desired */
			text-decoration: none;
			border-bottom: none;
			}

			ul#tabnav a:hover { /* settings for hover effect */
			background: #efb; /* set desired hover color #7f7 */
			}
/* end css tabs */		
	
/* begin Calendario */
		div.calendario {
			width: 66px; /*56px;*/
			height: 82px; /*56px;*/
			/*float: right;*/
			margin: 0 15px 20px 0; /* top right bottom left */
			color: #333;
			text-align: center;
			background: #fff url('../images/dateblock.gif') no-repeat center center; /* era calendario.gif */
			/*position: relative;*/
			position: absolute;
			right: 60px;
			top: 20px;
			z-index:1;
		}
		div.calendario span {
			display: block;
			width: 66px; /*56px;*/
		}
		span.mes {
			font-size: 1.4em;
			font-weight: bold;
			color:white;
			height: 25px;
			line-height: 25px
		}
		span.dia {
			height: 22px;
			line-height: 22px;
			font-size: 1.6em;
			color: #000
		}
		span.anyo {
			height: 15px;
			line-height: 15px;
			font-size: 1em;
			color: #000
		}
/* end Calendario */				
	
	div.imglogo{
		/*position: relative
		float: right;*/
		position: absolute;
		right:0;
		top: -20px;	    
		z-index: 100; /* para que quede por encima */
	}
	div.addressjeder{
		/*position: relative
		float: right;*/
		position: absolute;
		right:200px;
		top: 0px;	    
		z-index: 100; /* para que quede por encima */
		text-align:center;
	}
	div.addressjeder address{
		font-size:13px;
		font-weight:bold;
		color:olive;
	}	
	div.pizarra1, div.pizarra2{
		margin:2em;
		padding: 2em;
		position: relative; /* para las esquinas redondeadas que son divs con posicionamiento absoluto respecto a estos */
	}
	div.pizarra1{
		background: #fff url('../images/5p30t_big.jpg') no-repeat top right;
	}
	div.pizarra2{
		background: #fff url('../images/3p30t_big.jpg') no-repeat top right;
	}
	address{
		font-size:1.3em;
		text-align:center;		
	}
	
	p.wrongpwd{
		display:inline;
		font-size:1.1em;
		font-weight:bold;
		color:red;
	}

	div.formleft{
		/*width:50%;*/
		float:left;
		padding-left:20px;
		padding-right:20px;
	}
	div.formright{
		/*width:50%;*/
		float:right;
		padding-left:20px;
		padding-right:20px;
	}
	div.formbottom{
		text-align:center;
		clear:both;
	}
	#imarco{
		width:100%;
	}
	
	#hor1, #hor2{
		/*width:100%;*/
		margin:0;
		padding:0;
		border:0;
	}
	
	#hor1{
		background: url(../images/bg-top.png) no-repeat bottom; /* sin background-color para que sea transparente */
		/*position:relative;*/
	}
	
	#hor2{
		background: url(../images/bg-rest.png) no-repeat top; /* sin background-color para que sea transparente */
		height:500px; /* aquí falta aplicar un truco para conseguir que ocupe el 100% del espacio vertical disponible*/
	}
	
	/*
	#hor2pre{
		overflow:hidden;
	}
	*/
	
	/* COMENTADO PORQUE EN IE NO VA BIEN
	div.ccbl{
		position:absolute;
		background: url(../images/ccgreenbigbl.gif) no-repeat bottom left;
		width:83px;
		height:75px;
		bottom:0px;
		left:0px;
		z-index:0;
	}
	*/
	
	img.imgright  {
		clear:right;
		float:right;
		margin-right:20px;
		/*
		max-width:48%;
		margin:4px 0 4px 10px;
		*/
	}
	
	img.imgleft  {
		clear:left;
		float:left;
		/*
		max-width:48%;
		margin:4px 0 4px 10px;
		*/
	}
	
	h1.inline{
		display:inline;
	}