/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-size: 10px;
	/*font-family: arial, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;/*rodri*/
	background: #fff;
	color: #231f20;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link, a:active, a:visited { 
	text-decoration: none; 
	color:#231f20; /*padding: 2px 3px 0px 3px;*/
	}
a:hover { text-decoration: none;}

#content p.nav a {
	width: 13px;
	}

#content .container #img-container a.thickbox:hover { /*para quitar el fondo naranja de las imagenes del moleskine*/
	background-color: #fff;
	}

a img {
	border: none; 
	text-decoration: none;
	}

#menu {
    width: 205px;
    overflow: hidden;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
	padding: 0 30px 0 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#menu ul {
	list-style: none;
	margin: 0 0 2px 25px;	
	padding-bottom: 5px;
}

#menu ul li a,#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	padding: 0 0 0 0;
	margin: 0 0 0 10px/*18*/;
	color: #e44145;
	text-decoration: none;
	background: none;
}
#menu ul li a:hover {
	color: #e44145;
	text-decoration: underline;
}

#menu ul li.active a {
	color: #e44145;
}

#menu p, #menu ul li {
	color: #999;
	}

#menu ul li {
	margin-bottom: 3px;
	}
	
	#menu p.info_txt {
		margin-left: 45px;
		font-size: 9px;
		line-height: 14px;
		background: url(img/separador_un.gif) 0 0 no-repeat;
		padding: 10px 0 10px 0;
		}
	
#menu img {
	margin: 0;
	}
	
	#menu a.logo:hover {
		background:none;
		}
	
/*SECTION TITLE CODE JAVASCRIPT*/	

#menu ul li.section-title { 
	color:#2f292b; 
	font-weight: bold; 
	font-size:12px; 
	margin:3px 0 3px 0; 
	}

/*END of SECTION TITLE*/

.submenu{display: none} /*this is for the accordion menu list*/
.img-bot{
	margin-bottom: 6px;
	display: block;
	/*border: 1px solid #f0f0f0;*/
	}


#menu h3 {
	font-weight: bold;
	margin-bottom: 3px;
	}

#content {
    height: 100%;
    /*margin: 0 0 0 215px;*/
	margin: 0 0 0 273px;
    top: 0;
	font-size: 11px;	
	/*rodri*/
	padding-top: 43px;
}

.container {
    padding: 5px 0px 30px 5px;
}


#content p {
	width: 400px;
	margin-bottom: 10px;
	color: #999;
	font-size: 10px;
	}

.container p img { 
	margin: 0; 
	/*border: 1px solid #f0f0f0;*/
	}/*rodri*/ 

#content .container p img { 
	margin: 0; 
	/*border: 1px solid #f0f0f0;*/
	}

/*#content p u {
	padding: 2px 3px 1px 3px;
	text-transform: none;
	background-color: #ccc;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	}*/

/*content title*/	
#content p .title {
	font-size: 13px;
	font-weight:bold;
	font-style: italic;
	color: #000000;
	line-height: 20px;
	}

#content p strong {
	font-weight:bold;
	}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
/* this is your section titles. if you change the color you must also look at h3 a:hover -ruby */
h3 a{ 
	font-size: 10px; 
	color:#2f292b !important; 
	margin:0 0 0 0px/*16*/; 
	padding:1px 7px 1px 7px; 
	font-style:normal; 
	font-weight:bold;
	}	
h3 a:hover{ color:#2f292b !important;}
/* ---- end ----- */
h4 { font-size: 12px; }

#img-container { 
	margin: 0; 
	padding: 0; 
	}

#img-container p { 
	width: 400px; 
	margin: 0; 
	padding: 0 0 12px 0; 
	}

#once { clear: left; }

ul.lista_enlaces {
	width: 510px;
	}

ul.lista_enlaces li {
	list-style: none;
	width: 170px;
	float: left;
	margin-bottom: 4px;
	}
	
	ul.lista_enlaces li a {
		color: #999;
		text-decoration: none;
		font-style:italic;
		}
		
		ul.lista_enlaces li a:hover {
			background: none;
			color: #FF6600;
			text-decoration: none;
			}


#menu ul li a.enlace_hibit {
	margin: 0;
}