/* CSS Document */



/* T E X T O */
h1 {color: #003399;	font-size: 14px; font-weight: bolder;
}

h2, h3 { color:#000066;	font-weight:bold;	border: 1px solid #DFDFDF;	background-color:#F7F7F7; text-align:left;	padding-left:10px}

h2{font-size:15px}
h3{font-size:11px}

p{}

blockquote{background: #F3F1F5 url(comillas.gif) top right no-repeat; border: 1px solid #CCCCCC; padding: 5px 10px 5px 10px; margin: 10px 30px 10px 30px }

ul{margin-left: 10px}

/*  F I N  T E X T O */

/* L I N K S */
a { color: #003399}
a:hover { color: #000066}
/* F I N  L I N K S */


#contenedor{width:778px; margin:0 auto; background:url(fondo_g.jpg); position:relative}

#header{background:url(encabezado.jpg); height:105px}
#flashcontent p{margin:16px}

#logo{position:absolute; margin:25px 0 0 7px}

#links{position:absolute; width: 220px; right:290px; text-align:right; padding-top:5px}
#links a:link, #links a:visited{display:block;  line-height:23px; color:#FFFFFF; font-size:10px; text-decoration:none}
#links a:hover{color:#FFFF00}
	#a, #b, #c, #d, #e{position:relative; height:20px;}
	#b{right:10px}
	#c{right:30px}
	#d{right:50px}
	#e{right:70px}


#menu{background:url(fon_menu.jpg); height:36px; text-align:center}
#menu a:link, #menu a:visited{color:#FFFFFF; margin: 0 20px 0 20px; text-decoration:none; font-size:12px}
#menu a:hover{color:#FFFF00}

/******************************/
/* M E N U  P R I N C I P A L */
/******************************/

	#leftMenu{
		width:140px;
		padding:0;
		float:left;
		font-size:11px;
		padding-left:10px
	}

	#leftMenu ul, #leftMenu ul ul, #leftMenu ul ul ul{margin:0; padding:0}
	#leftMenu li{margin:0; padding:0}

	#leftMenu ul ul a, #leftMenu ul ul a:link, #leftMenu ul ul a:visited {background: #fff; border-bottom: 1px solid #000}
	#leftMenu ul ul a:hover{background:#F0F0F0}
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:141px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		background: url(boton_bg.jpg);
		color: #05026B;
		text-decoration:none;	
		display:block;
		clear:both;
		width:125px;
		padding:0 0px 0 15px;

	}
	#dhtmlgoodies_slidedown_menu a:hover{background: url(boton_bg.jpg) 0 -20px;}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:0px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:0px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:0px;
		padding:1px;
	}
	
/*************************************/
/* F I N  M E N U  P R I N C I P A L */
/*************************************/


/*Contenido padding*/
#content{padding:0 20px 0 20px}
#content img{margin:3px}
/*fin Contenido padding*/

/*idioma*/
#idiomaen{position:absolute; right:4px; top:4px; width:55px; padding:2px 10px 2px 2px; background: #ffffff url(us.gif) no-repeat right; margin-right:5px}

#idiomaes{position:absolute; right:4px; top:4px; width:55px; padding:2px 10px 2px 2px; background: #ffffff url(co.gif) no-repeat right; margin-right:5px}

/* Fin idioma*/



/* C O L U M N A S  I N D E X */

/* cajaa */
#izq, #der, #columna, #columnb, #columnc{}
#izq, #der {width: 348px}
#izq{float:left; padding: 0 0 0 14px}
#izq h2, #der h2, #columna h2, #columnb h2, #columnc h2{position:relative; top:-23px; margin:0 0 -15px 23px ; background:none; border:none; font-size:11px; font-weight:normal; color:#000000}
#columna h2, #columnb h2, #columnc h2{top:-26px}
#der{float:right;padding: 0 15px 0 0}

/* Link ver mas index */

.vermas{position:absolute; bottom:3px}
.caja a:link, .caja a:hover, .caja a:visited, .cajaa a:link, .cajaa a:hover, .cajaa a:visited{font-size:10px; text-decoration:none} 
.caja a:link, .caja a:visited, .cajaa a:link, .cajaa a:visited{color:#666666}
.caja a:hover, .cajaa a:hover{color:#000000}

#la, #lb, #lc, #ld, #le{width:55px; background: url(v02.gif) left 0 no-repeat; padding-left: 12px}
#lc, #ld, #le{bottom:4px}
#la{left:300px}
#lb{right:10px}
#lc{left:168px}
#ld{left:422px}
#le{right:15px}

/* fin Link ver mas index */

/* Fin cajaa */

/* caja */
#columna, #columnb, #columnc{width: 211px; float:left}
#columna{padding: 0 0 0 23px}
#columnb, #columnc {padding: 0 0 0 43px}
/* fin caja */

/*  F I N  C O L U M N A S  I N D E X */

#contenido{width:605px; float:left; background:url(center.gif); margin-left:4px; text-align:justify}

#titulo{background:url(caja_top.gif); height:30px; text-align:right; font-weight:bold; font-size:11px}
#titulo p{padding:5px 15px 0 0}
#titulo a, #titulo a:link, #titulo a:visited{color:#000000; text-decoration:none; font-weight:normal}
#titulo a:hover{color:#666666; text-decoration:none}
#titulo p{margin:0}
#titulo span{font-weight:normal}

#down{background:url(caja_bottom.gif); height:10px; font-size:0}


/* F O O T E R */

#fmenu{background:url(fondmenuinf.jpg); height:19px; text-align:center; color:#CCCCCC; margin-top:10px}
#fmenu a:link, #fmenu a:visited{ margin:0 10px 0 10px;color:#aaaaaa}
#fmenu a:hover {color:#666666}

#foot{background:url(fondinferior.jpg) bottom no-repeat; height:27px; font-size:9px; text-align:center}
#foot p{margin:0px; padding:3px}
#foot a:link, #foot a:visited{color:#666666; text-decoration:none}
#foot a:hover{color:#000000;}

/* F I N  F O O T E R */

/********* C L A S E S **********/

/* C A J A S */
.cajaa,.caja{ position:relative; height:auto; margin:0 10px 10px 10px; font-size:11px}
.cajaa img{margin: 5px}
.caja img{margin: 0 0 3px 1px }
.cajaa{background: url(fond_cajongrand.jpg)}
.caja{background: url(fond_cajonpeq.jpg)}
.cajaa p,.caja p{margin:0; text-align:left}

.arribaa{background: url(cajongrandtit.jpg); height:31px}
.arriba{background: url(cajonpeqtit.jpg); height:31px}

.abajoa,.abajo{height:21px; width:750px }
.abajoa{background:url(vermasgrand.jpg)}
.abajo{background:url(vermanpetit.jpg)}


/* F I N  C A J A S */


/*galeria*/
#principal {margin:0 auto; position: relative;}

#principal div{display:inline; float:left; width:188px; height:150px; text-align:center}

#principal div a { text-decoration: none;}

#principal div span { color:#515151; font-size: 8pt; }

/*galeria*/


/* C L E A R */
.clear{clear:both}