*{
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
	 background-image: url(site1/bg2.png);
	 background-repeat:repeat-x;
	 background-color: #006EA1;
}

img {	border: none;}

a{text-decoration: none; border: none; border-bottom: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(site1/page.png) repeat-y;	
}
/* Conten Page
------------------------------------------------------------------------- */
#content {
	float: left;
	text-align: left;
	width: 390px;
	margin: 0 40px 0 85px;
	padding: 0;
	line-height: 1.5em;		
}

#content p{
/*Estilo del Texto en Conten*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;	
	text-align: justify;

}

#content a{
	color:#23455B;
	font-size: 11px;
	padding-left: 0px;
}

#content h3{/* Estilo del titulo del content*/
	/*color: #4C6D85;*/
	color: #0084c0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;

}

#content h4{
	color: #EE8E40;
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/** Pagina de las noticias**/
#ListNews{
	width: 100%; 
	padding-top: 25px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;	
	text-align: justify;
}
#ListNews h3{font-size: 13px; 	font-family: Verdana, Arial, Helvetica, sans-serif;}
#ListNews h4{font-size: 10px; 	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
#ListNews p{text-align: justify; line-height: 1.5em;}
#ListNews img{
  max-width: 370px;
  /*Solución de max-width en IE*/
  width: expression(this.width > 370 ? 370: true);

}
/** Tres Ultimas Noticias **/
#TreeNews{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;	
	text-align: center;	
}
#TreeNews h3{font-size: 10.5pt;	font-weight: bold;}
#TreeNews a:hover h3{color:#23455B}
#TreeNews h4{font-size: 8pt;}
#IMGVerticcal{
	height: 330px;
	width: 1px;
}

#TreeNews_1{
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 20px;
	padding-bottom:10px;
	text-align: justify;	
}
#TreeNews_1 img{ max-width: 370px;  width: expression(this.width > 370 ? 370: true);}
   
#TreeNews_2{
	/*border-bottom: 1px solid #DCDCDC;*/
	width: 180px;
	height: 330px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
}
#TreeNews_2 img{ max-width: 180px;  width: expression(this.width > 180 ? 180: true);}
	
#TreeNews_3{
	/*border-bottom: 1px solid #DCDCDC;*/
	width: 180px;
	height: 330px;
	float: right;	
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
}
#TreeNews_3 img{ max-width: 180px;  width: expression(this.width > 180 ? 180: true);}

/** Los numeros del paginado**/
#ListPaginate{text-align: center; padding-top: 15px;}	
#ListPaginate a{margin-left : 5px;}

/** Menu inferior de la pagina**/
#FootMenu{
	font-family: Verdana,Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #999999;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	float: left;
}
#FootMenu a{border-bottom: none; font-size: 9px; color: #999999;}
#FootMenu a:link {text-decoration: none; color: #999999; }
#FootMenu a:visited {text-decoration: none; color: #999999;}
#FootMenu a:hover {text-decoration: none;	color:#EE8E40;}
#FootMenu a:active {text-decoration: none; color: #999999;}

/* Header 
------------------------------------------------------------------------- */

#header {
	background:white url(site1/head.png) no-repeat top left;
	position: relative;
	height: 213px;	
}

#header a{
	border-bottom: none;
}

#logo{
	width: 120px;
	height: 187px;
	border: 0;
	margin-left: 140px;
}

/* Capa de los languages en Heder
------------------------------------------------------------------------- */
#languages{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	margin-right: 65px;
	padding-top: 10px;
}
#languages img{width:24px;	height:17px; margin-left: 1px;}
#languages div{ float: left; margin-top: 3px; padding-right: 2px;}
#languages a {	font-size: 10px;border-bottom: none;}
#languages a:link {text-decoration: none; color: #FFFFFF; }
#languages a:visited {text-decoration: none; color: #FFFFFF;}
#languages a:hover {text-decoration: none;	color: #EE8E40;}
#languages a:active {text-decoration: none; color: #FFFFFF;}

/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {	
   float: right;
	width: 205px;
   margin-right: 69px;
	background-attachment: fixed;
}

#sidebar a{
	border-bottom: none;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/** Video de Inicio**/
#ContenHomeVideo{	background: Black; height: 134px;}
#ContenHomeVideo a{
	color: #999999; 
	text-transform: uppercase; 
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	padding-left: 135px;
	}
#HomeVideo{	padding-left: 2px; padding-top: 2px; padding-bottom: 3px;}

/**	MENU	**/
#menu{width:197px;}	
#menu a{text-decoration: none; color: #0083C1;padding-left: 30px;}
#menu a:link {text-decoration: none; color: #0083C1; }
#menu a:visited {text-decoration: none; color: #0083C1;}
#menu a:hover {text-decoration: none;	color: #000000; padding-left: 25px;}
#menu a:active {text-decoration: none; color: #000000; font-weight: bold;}

#submenu{width: 180px;	margin-left: 10px; }
.bgMenu{
	background-image: url(site1/fondoboton.png);
	background-repeat: no-repeat;
	height: 24px;
}
/** Cuenta atras TIMER**/
#Timer{
	margin-top: 10px; 
	width: 200px;
	height: 90px;
	background: url(site1/fondocontador.png) no-repeat;
	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	font-weight: bold;
	
}
#Timer table{
	text-align: center;
	margin-top: 5px; 
}
#Timer div{
	width: 17px;
	height: 25px;
	float: left;
}
#Timer .dospuntos{
	width: 7px;
	height: 25px;
}

#Timer .Regata{
	font-size: 11px;
	font-weight: bold;
	color: #0071A5;
}
#Timer .Faltan{
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	height: 17px;
	background-color: #0071A5;
}
/** Logotipo de islas canarias y puerto calero**/
#LogoIcanariasPcalero{
	width: 200px;
	height: 104px;
	overflow: hidden;
	margin-top: 15px;
}

#UrlLogoPcalero{display: block;	width: 180px;	height: 45px;	margin-left: 10px;	margin-top: 4px;}
#UrlLogoPcalero p{font-size: 4px;color: White;}
#UrlLogpIcanarias{display: block;	width: 180px;	height: 45px;	margin-left: 11px;	margin-top: 4px;}
#UrlLogpIcanarias p{font-size: 4px;color:#004282;}


/* Footer 
------------------------------------------------------------------------- */
#footer {
	margin: 0px;
	padding: 0 0 9px 0;
	color: white;
	height: 137px;
	background: url(site1/foot2.png) no-repeat bottom left;
}

#footer p{
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 80px;
	padding-top: 115px;
	#padding-top: 105px;
	border-bottom: none;
}
#footer a{text-decoration: none;	color: #FFFFFF;border-bottom: none;}
#footer a:hover {	text-decoration: none;	color: #EE8E40;}
#footer a:link {text-decoration: none;	color: #FFFFFF;}
#footer a:visited {text-decoration: none;	color: #FFFFFF;}
#footer a:active {text-decoration: none;	color: #FFFFFF;}