/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin:3px 100px;
	font: 12px Arial, sans-serif; 
	line-height: 1.5em;
	background: #fff;
	color: #454545; 
}

a {	color: #CC3300;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: 12px Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #F2F7C9; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 14px; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 778px;
	padding: 0px; 
}

.header { 
	height: 55px;
	background: #eee;
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.menu_adicio {
	font-size: 16px;
	font-style:italic;
}

.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px;
	margin-bottom: 4px;
	background: #4A8BCD;
}

	.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #4A8BCD;
		float: left; 
	}
	
	.bar li.active { 
		background: #F0B601 url(images/bar.gif) no-repeat center ;
		color: #fff;
		font-weight: bold; 
		padding: 6px 10px 6px 10px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #000000; 
		background: inherit;
	} 


	.adicio a { 
		font-weight: bold;
		color: #003399; 
		background: inherit;
		text-decoration: none;
	} 
	
	.adicio a:hover { 
		color: #FEFBFB; 
		background: inherit;
	} 


.search_field { 
	background: #fff url(images/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}


.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/*----MAIN PANEL----*/
#mainPan{width:778px; position:relative; margin:0 auto;}

/*----TOP PANEL----*/
#topPan{width:778px; height:200px; background:url(images/topbg.gif) 0 0 no-repeat; position:relative; margin:0 auto;} 
#topPan img.logo{width:230px; height:44px; position:absolute; top:48px; left:26px;}
#topPan h1 {
	position: absolute;
	height: 73px;
	width: 778px;
	background: #fff url(images/header.jpg) no-repeat;
	left: 0px;
	top: 113px;
	background-image: url(images/head.jpg);
}

/*#topPan h1{
	width: 700px;
	height:7px;
	display:block;
	background:url(images/header.jpg) 0 0 no-repeat #F5F5F5;
	color:#fff;
	position:absolute;
	top:113px;
	left:0px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	padding:73px 186px 0 53px;
	
}
*/
#topPan h2{width:200px; height:25px; display:block; position:absolute; bottom:0px; left:53px; background:#fff; color:#B88F00; font:22px/25px Georgia, "Times New Roman", Times, serif;}

#topPan ul{	width:377px;	height:32px;	display:block;	position:absolute;	top:67px;	right:45px;	left: 291px;}
#topPan ul li{width:75px; height:16px; float:left;}
#topPan ul li a{width:50px; height:16px; display:block; background:url(images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; font-size:13px; text-decoration:none; padding:0 0 0 12px;}
#topPan ul li a:hover{background:url(images/arrow4.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}
#topPan ul li.about{width:100px;}
#topPan ul li.about a{width:100px; height:16px; display:block; background:url(images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; font-size:13px; text-decoration:none; padding:0 0 0 12px;}
#topPan ul li.about a:hover{background:url(images/arrow4.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}

#toprightPan{width:300px; height:155px; background:url(images/specialbg.jpg) 0 0 no-repeat #F3F3F3; color:#fff; position:absolute; top:114px; right:0px;}
#toprightPan p{padding:64px 76px 0 59px; font-size:12px; font-weight:bold; line-height:16px;}

#topPan buscador{width:230px; height:44px; position:absolute; top:48px; left:26px;}
/*#topPan ul a{width:300px;	height:44px;	display:block;	position:absolute;	top:35px;	right:45px;	left: 265px;}*/
#topPan h3{width:250px; height:6px; display:block; top:114px; left:0px; font-size:12px; padding:63px 1px 0 620px;}

/* left side
   --------- */

.left {
	float: left;
	width: 63%;
	margin: 0 0 10px 0;
}

.left_cont {
	float: left;
	width: 775px;
	margin: 0 0 0 0;
	text-align:justify;
}

.left h3 {
	clear: both;
	background: #ADD8F8 url(images/corner.gif) no-repeat top right;
	color: #003399;
	padding: 7px 0 7px 5px;
	font: bold 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.left subtit {
	float: left;
	width: 80px;
	margin: 0 0 10px 0;
}

.subtit_rojo {
	clear: both;
  background: #D55979 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.subtit_amar {
	clear: both;
  background: #C2AA33 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.subtit_azul {
	clear: both;
  background: #ADDAF9 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.subtit_ver {
	clear: both;
  background: #99CCCC url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
.subtit_verde {
	clear: both;
  background: #7EA9A9 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.subtit_nar {
	clear: both;
  background: #FFB94F url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

.subtit_notas {
	clear: both;
  background: #AEC2D4 url(images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 5px 0 5px 5px;
	font: 1em Arial, Sans-Serif;
	margin: 0 0 0px 0;
}


.titulos_gde {
 padding: 7px 0 7px 5px;	margin: 0;
 font: 1.4em bold Arial, Sans-Serif;
 background: #fff;
 color: #000;
	}
	
	.temas {
	padding: 0;
	margin: 0;
	font: 14px bold Arial, Sans-Serif;
	background: #fff;
	color: #A9122A;
	}

.temas_peq {
	padding: 0;
	margin: 0;
	font: 11px Arial, Sans-Serif;
	background: #fff;
	color: #A9122A;
	}
	
	.left_side {
		float: left;
		width: 70px;
		padding: 0 0 0 0px;
		margin: 0 0px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { 
	margin: 0 0 10px 0;
	text-align:left;	
	color: #000; 
	background: #FFF; 
	padding: 3px 0; }
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #FECF43  url(images/corner.gif) no-repeat top right;;
	color: #003399;
	padding: 7px 0 7px 5px;
	font: bold 1em Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}
.image_right {
	float: right;
	margin: 0 0 0 0;
}
.ligas  {	color: #000000;	background: inherit;}

/*formulario*/

form fieldset{
	border-width:1px;
	border-style:solid;
	border-color:#003399;
	background-color:#ADD8F8;
	padding:5px 5px 5px 30px; /*posición del texto y las cajas de texto*/
	margin:50px 150px;
	width:500px; /*ancho del formulario*/
}

form fieldset legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #003399;
	margin:5px 100px 10px 15px;
}

div.medidas,div.check{margin:10px 0 10px 10px}
div.medidas label{float:left;width:120px;line-height:23px;}
div.medidas input{width:180px;}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }