/**
 * pmmm.com
 *
 */
/* ======================================================================================= */
/* Layout ================================================================================= */

* { margin: 0; padding: 0; } 
/* Global Styles ========================================================================= */
/* Links */

/* Table */
table{ }
table tr{  }
table th{  }
table td{ }
/* Image */
img{ border:0px solid #FFEDCC;  }
img:hover{ cursor:pointer;}
/* H1, H2, H3, H4, ETC */
h1,h2,h3,h4,h5,h6,h7{ font-family:"Garamond", Times New Roman, Arial; line-height:120%; font-weight:normal;}
h2{  }
h3{ }
/* p */ 
p{ margin-bottom:12px; font-family:"Garamond", Times New Roman, Arial; font-weight:normal; line-height:120%; }
/* href */
a{cursor:pointer; font:12px "Garamond", Times New Roman, Arial; line-height:100%; }
/* button */
.button{display:block;}
.button-link { font-size:14px; color:#1C563D; text-decoration:none; }
.button-link:hover{ text-decoration:underline; }

.clear-both{clear:both;}
/********** < MAIN PAGE */
html,body{ margin:0 auto 0 auto; padding:0px; height:auto; text-align:center; background:#FFF;
	font: 12px/16px "Garamond", Times New Roman, Arial; }
#main{ margin:24px auto 0 auto; width:940px; height:100%; text-align:center; 
	background:url('../images/main_bg.jpg') 0px -24px no-repeat; }

.sidebar{ float:left; width:135px; height:495px; text-align:left; }
.wrapper{ float:left; padding-left:20px; width:770px; min-height:600px; text-align:left;}

/* ESTRUCTURE ========================================================================= */
/********** < Navigation */
#nav_bar{ margin:0px 0px 0px auto; width:100%; }
#nav_bar .Menu { margin:0px; padding:0px; }
#nav_bar .Menu li{ list-style-type:none; text-align:right; padding-right:0px;}

#nav_bar .Menu .arrow{visibility:hidden;}
#nav_bar .Menu a{ font-size:15px; text-decoration:none; line-height:150%; color:#898588;}
#nav_bar .Menu a:hover{ text-decoration:none; color:#5A3763;}

.sec1 #nav_bar .Menu .btn1 .arrow, .sec2 #nav_bar .Menu .btn2 .arrow, .sec3 #nav_bar .Menu .btn3 .arrow, .sec4 #nav_bar .Menu .btn4 .arrow,
.sec5 #nav_bar .Menu .btn5 .arrow, .sec6 #nav_bar .Menu .btn6 .arrow, .sec7 #nav_bar .Menu .btn7 .arrow, .sec8 #nav_bar .Menu .btn8 .arrow,
.sec9 #nav_bar .Menu .btn9 .arrow, .sec10 #nav_bar .Menu .btn10 .arrow{visibility:visible;}

.sec1 #nav_bar .Menu .btn1 a, .sec2 #nav_bar .Menu .btn2 a, .sec3 #nav_bar .Menu .btn3 a, .sec4 #nav_bar .Menu .btn4 a,
.sec5 #nav_bar .Menu .btn5 a, .sec6 #nav_bar .Menu .btn6 a, .sec7 #nav_bar .Menu .btn7 a, .sec8 #nav_bar .Menu .btn8 a,
.sec9 #nav_bar .Menu .btn9 a, .sec10 #nav_bar .Menu .btn10 a{color:#5A3763;}

/********** < Header */
.sidebar #header{ width:100%; height:115px; background:transparent url('../images/logo.png') no-repeat;}
.sidebar #header .logo{ }
.sidebar #header .logo .button{ display:block;  width:90px; height:90px; overflow:hidden;  text-indent:-100px;}
.sidebar #header .logo .button span{ display:none; }
.wrapper #header{ width:100%; height:115px; }

/********** < breadcrumbs */
#breadcrumbs{ width:100%; height:28px; border:0px solid green;}

/********** < pages */
	/* > ****** Inicio */
#main.sec0 { background:url('../images/main_inicio_bg.jpg') 0px -24px no-repeat; }
	/* > ****** Leyendas de Quidea */
.title{ padding-top:8px; padding-bottom:8px; font-size:14px;  color:#898588; }
.title span{ color:#333; }
.col-main{ color:#1C563D; }
.col-main ul{ font-size:14px; margin-left:14px; }
.col-main ul.dir{ margin-left:0px; margin-bottom:12px; list-style-type:none; }
.col-main ul.dir .name{ font-weight:bold;}
.col-main ul.dir .mail a{ font-size:14px; color:#1C563D; text-decoration:none;}
.col-main ul.dir .mail a:hover{ text-decoration:underline;}
.col-main p{font-size:14px; letter-spacing:0px; }


	/* > ****** Leyendas de Quidea */
.book.book-img{ float:left; width:190px; height:270px; background:transparent url('../images/la_leyenda_de_erith_jjca_sm.png') no-repeat;}
.book.book-txt{ float:left; padding-top:60px; width:570px;  }
.book.book-txt .title{ padding:3px 6px 3px 6px; background-color:#5A3763; color:white;}
.book.book-txt .button{ display:block; width:150px; height:72px; overflow:hidden; background:transparent url('../images/logo_eugenesis.png') 0px 0px no-repeat; }
.book.book-txt .button:hover{ background-position:0px -76px; }
.book.book-txt .button span{ display:none; visibility:hidden; }	

	/* > ****** forms */
.block.news{ margin:20px auto 0 auto; padding:0px 20px 10px 20px; width:310px;}
.sec8 .block.news{ margin:0px ; width:400px;}
.block.news h3{ font-size:18px; }
	/* > ****** news */
#form { border:0px solid red;}
#form .label{ float:left; color:#5A3763; font-size:14px; }
#form .field{ float:left; }
#form .field input{ padding-bottom:2px; color:#1C563D; font-size:14px; background:none; border:none; border-bottom:1px solid #CCC; }
#form .field input:focus, #form .field input:hover{ background:none; border:none; border-bottom:1px solid #5A3763;}

#form .content{ margin-bottom:18px; }
#form .error{ float:left; display:none; width:24px; height:24px; 
	background:url('../images/error.gif') 0px 0px no-repeat; }
#form .validateTips{ padding-bottom:12px; font-size:16px; font-weight:bold; color:#898588; }	

#form #fl_Name .label{ width:70px; }
#form #fl_Email .label{ width:120px; }
#form #fl_Title .label{ width:50px; }
#form #fl_Msg .label{ width:80px; }
#form #Name{ width:210px;}
#form #Email{ width:160px;}
.sec8 #form #Name{ width:290px;}
.sec8 #form #Email{ width:240px;}
#form #Title{ width:310px;}
#form #Msg{ width:280px; height:100px; color:#1C563D; border:none; background:none; background:url('../images/textarea_bg.gif') 0px 0px; }

#form .button{ float:right; font-size:18px; color:#898588; font-weight:normal; margin-right:28px;}
.sec8 #form .button{ margin-right:38px; }

#form .button:hover{  color:#5A3763; }

/*= news */
.news-cont{ border-bottom:1px solid #EEE; padding-bottom:6px; margin-bottom:18px;}
.news-title{ display:inline-block; margin-bottom:12px; padding-bottom:4px; font-size:14px; border-bottom:1px solid #CCC; color:#666; }
.news-short{  }
.news-short ul{ padding-bottom:12px;  }
.news-short ul li{ margin-bottom:6px;  }
.news-short ul li a{ font-size:13px; color:#1C563D; font-weight:normal;  text-decoration:none;}
.news-short ul li a:hover{ color:#44; font-weight:bold; text-decoration:none;}
/********** < TOOLTIP*/