/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	margin:0;
	background-color: #387262;
	background-image:url(img/bg1.jpg);
	background-repeat:repeat-x;
	text-align:center;
	}
a img { border:0; }
 #container {
	width:720px;
	margin:0px auto;
	color:#333;
	background-color:#ECF9FF;
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	text-align:left;
	}

#header {
	background-image:url(img/header.jpg);
	height:158px;
	}
	#header h1, #header h2 {
		display:none;
		margin:0;
		padding:0;
		}
	#header ul {
		margin:0;
		padding:158px 0 0 0;
		list-style:none;
		}
	#header ul li {
		margin:0;
		padding:0;
		float:left;
		}
	#header ul li a {
		display:block;
		height:28px;
		}
	#header ul li a span {
		display:none;
		}
/*----------------menu---------------------*/
	#principal {width:87px; background-image:url(img/header_h_r1_c1.gif);}
	#principal:hover {background-image:url(img/header_h_r1_c1_f2.gif);}
	#spa {width:135px; background-image:url(img/header_h_r1_c2.gif);}
	#spa:hover {background-image:url(img/header_h_r1_c2_f2.gif);}
	#programa {width:105px; background-image:url(img/header_h_r1_c6.gif);}
	#programa:hover {background-image:url(img/header_h_r1_c6_f2.gif);}
	#nov {width:91px; background-image:url(img/header_h_r1_c3.gif);}
	#nov:hover {background-image:url(img/header_h_r1_c3_f2.gif);}
	#talleres {width:72px; background-image:url(img/header_h_r1_c5.gif);}
	#talleres:hover {background-image:url(img/header_h_r1_c5_f2.gif);}
	#articulos {width:78px; background-image:url(img/header_h_r1_c7.gif);}
	#articulos:hover {background-image:url(img/header_h_r1_c7_f2.gif);}
	#tarifas {width:66px; background-image:url(img/header_h_r1_c4.gif);}
	#tarifas:hover {background-image:url(img/header_h_r1_c4_f2.gif);}
	#contactos {width:86px; background-image:url(img/header_h_r1_c8.gif);}
	#contactos:hover {background-image:url(img/header_h_r1_c8_f2.gif);}
	
/*---------------panel derecho----------------------*/
#right {
	float: right;
	width: 200px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	}
	#right ul {
		margin:0;
		padding:0;
		list-style:none;
		}
	#right ul li {
		padding:0;
		margin:0;
		}
	#right ul li a {
		display:block;
		width:175px;
		padding:0 10px 0 15px;
		background-image:url(img/libg.png);
		color:#000033;
		text-decoration:none;
		}
	#right ul li a:hover {
		color:#000066;
		background-image:url(img/libg_f2.png);
		}
	#right h3 {
		margin:4px 10px;
		font-size:16px;
		}
	.imagenr {
		margin:10px;
		padding:2px;
		border:1px solid #666666;
		background-color:#FFFFFF;
		}
/*--------------contenido-------------------*/
#contenido {
	margin-left:0px;
	margin-right:200px;
	margin-bottom:0;
	background-color:#FFFFFF;
	border-right:1px dotted #ccc;
	text-align:left;
	padding:20px;
	color:#666666;
	}
#content {
	margin-left:0px;
	margin-right:200px;
	margin-bottom:0;
	background-color:#FFFFFF;
	border-right:1px dotted #ccc;
	text-align:left;
	padding:40px 0;
	color:#666666;
	}
	#content a {
		color: #006666;
		text-decoration: none;
		}
	#content a:link {
		color: #006666;
		text-decoration: none;
		}
	#content a:visited {
		color: #006666;
		text-decoration: none;
		}
	#content a:hover {
		color: #003333;
		text-decoration: underline;
		}	
	#content a:active {
		color: #006666;
		text-decoration: none;
		} 
	#content h1 {
		font-size:18px;
		padding-top:10px;
		text-align:right;
		}
	#content h2 {
		font-size:18px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		margin:14px;
		padding:2px 20px 34px 20px;
		background-image:url(img/h2bg.png);
		background-repeat:no-repeat;
		background-position:bottom center;
		color:#000099;
		}
	#content h3 {	
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		text-align:left;
		background-image:url(img/h3bg.png);
		background-repeat:no-repeat;
		padding:10px 10px 10px 36px;
		color:#000099;
		margin-left:14px;
		font-weight:bold;
		}
	#content h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#669900;
		margin:4px 10px;
		}
	#content h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#CC6600;
		margin:4px 10px;
		}
/*----------------------------footer------------------------*/
#footer {
	height:40px;
	width:720px;
	margin:0 auto;
	color:#333;
	background-color:#006666;
	text-align:center;
	border-top:1px dotted #ccc;
	clear:both;
	}
	#footer a {
		color:#00DFDF;
		text-decoration: none;
		font-size: 10px;
		padding:2px 8px;
		-moz-border-radius:5px;
		}
	#footer a:link {
		color: #FFFFFF;
		text-decoration: none;
		}
	#footer a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}
	#footer a:hover {
		color:#FFFFFF;
		background-color:#003E3E;
		}	
	#footer a:active {
		color: #FFFFFF;
		text-decoration: none;
		}
/*------------------varios-------------------------------*/

.tablewidth { width: 450px; float:none; }

p,h1,pre {
	margin:0px 15px 15px 15px;
	}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC6600;
	font-weight: bold;
	text-align:right;
	}
.cuadros {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #000033;
	border: 1px dotted #ccc;
	background-color: #ECF9FF;
	padding: 5px;
	}

p {
	text-align: justify;
	}
.derecha {
	float:right;
	margin-left:4px;
	padding:4px;
	border: 1px solid #666666;
	}
.izquierda {
	float:left;
	margin-right:4px;	
	padding:4px;
	border: 1px solid #666666;
	}
.centro {
	text-align:center;
	margin:4px;	
	padding:4px;
	border: 1px solid #666666;
	}
	
	
	table tr th { font-size: 16px; }
	
.uno {background-color:#F5F5F5;}
.dos {background-color: #FFFFFF;}
.bg {background-color: #003366}
.bgverde{background-color:#006600;}
.bgrojo {background-color:#CC0000;}
.bgpurple{background-color:#990066;}
.bgmarron {background-color:#5C392E;}
.bgoliva {background-color:#666600;}
.bgnaranja{background-color:#CC6600;}
.bgazul {background-color:#003399;}
.bgazul tr th {  color:#FFFFFF; }
.Estilo1 {
	color:#FFFFFF;
	font-weight: bold;
	}
.Estilo2 {color: #FFFFFF}
.Estilo5 {font-size: 10px; color: #FFFFFF; }
span.previsto {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:#000066;
	}
h3 span.previsto {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	color:#000066;
	}
span.blue {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#0033CC;
	}