/*
 *                       El Hogar de Luci
 *
 *                       Copyright (c) 2009 Dylan Hoffman
 *
 *  All rights reserved.
 *  The contents of this file is confidential and proprietary and may not be used,
 *  distributed or copied, in whole or part, without written permission.
 */

/* -------------------- Font stacks -------------------- */

/*
 * Tuck's definitive font stacks: Verdana font stack
 * http://www.codestyle.org/servlets/FontStack?stack=Corbel%2CLucida+Grande%2CLucida+Sans+Unicode%2CLucida+Sans%2CDejaVu+Sans%2CBitstream+Vera+Sans%2CLiberation+Sans%2CVerdana&generic=sans-serif
 */
 /*
body {
	font-family: Corbel,
             "Lucida Grande",
             "Lucida Sans Unicode",
             "Lucida Sans",
             "DejaVu Sans",
             "Bitstream Vera Sans",
             "Liberation Sans",
             Verdana,
             sans-serif;
}
*/

/*
 * http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
 * Futura, Century Gothic, AppleGothic, sans-serif
 */
 /*
body {
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
}
*/

body {
	font: 12px/1.5 Geneva,
             Verdana,
             "Lucida Sans",
             "Lucida Grande",
             "Lucida Sans Unicode",
             sans-serif;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic",
			 AppleGothic,
             Verdana,
             Geneva,
             Tahoma,
             sans-serif;
}

h1 {
	font-size: 25px;
}

h2 { font-size: 24px; }
h3 { font-size: 20px; font-style: italic; }
h4 { font-size: 18px; }
h5 { font-size: 16px; font-style: italic; }
h6 { font-size: 14px; }


/* -------------------- Colors -------------------- */

.color-f89d26 {
	color: #f89d26;
}

.color-ff8201 {
	color: #ff8201;
}

.color-69940f {
	color: #69940f;
}


/* -------------------- Main divs -------------------- */

div#page-header {
	background-color: #FFFFFF;
	background-image: url(../img/cabecera_960_web.jpg);
	margin-top: 20px;
}

div#page-header h1 {
	padding: 237px 0 0;
	margin: 0;
}

div#page-header h1 a {
	width: 230px;
	height: 110px;
	display: block;
	text-indent: -4999px;
}

div#page-body {
	background: #FFFFFF url(../img/background_content.png) repeat-y;
	padding-bottom: 15px;
}

div#page-footer {
	background-color: #7f7f7f;
	padding-top: 15px;
	border-top: 2px solid #ff8201;
}

div#page-footer p#ft-menu,
div#page-footer p#ft-user {
	text-align: right;
}

div#page-footer p#ft-menu a {
	padding-left: 20px;
}

div#page-footer p#ft-menu a#ft-menu-admin {
	background: url(../img/icons/fugue/application-form.png) no-repeat left center;
}

div#page-footer p#ft-menu a#ft-menu-map {
	background: url(../img/icons/fugue/direction.png) no-repeat left center;
}

div#page-footer p#ft-menu a#ft-menu-credits {
	background: url(../img/icons/fugue/cards-stack.png) no-repeat left center;
}

div#page-footer p#ft-user {
	font-weight: bold;
}

div#page-footer p#ft-user span.label {
	font-weight: normal;
	font-style: italic;
	padding-left: 20px;
	background: url(../img/icons/fugue/user-green-female.png) no-repeat left center;
}


/* -------------------- Share This -------------------- */

div#page-share {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* -------------------- Breadcrumbs -------------------- */

div#page-breadcrumbs {
	/*margin-left: -10px;*/
	font-weight: bold;
	/*font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font-family: "Century Gothic",
			 AppleGothic,
             Verdana,
             Geneva,
             Tahoma,
             sans-serif;
	background: #FFFFFF url(../img/path.png) repeat-y left top;
}

div#page-breadcrumbs p {
	padding: 10px;
	margin: 0;
}

div#page-breadcrumbs span.label {
	font-weight: bold;
	font-style: italic;
}

div#page-breadcrumbs a,
div#page-breadcrumbs a:visited {
	color: #000000;
	text-decoration: none;
}

div#page-breadcrumbs a:hover,
div#page-breadcrumbs a:focus {
	text-decoration: underline;
}


/* -------------------- Main menu -------------------- */

#page-menu {
	margin-top: 20px;
}
ul.main-menu {
	margin: 0;
	/*padding-bottom: 15px;*/
	list-style-type: none;
	font-weight: bold;
	/*font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font-family: "Century Gothic",
			 AppleGothic,
             Verdana,
             Geneva,
             Tahoma,
             sans-serif;
}

ul.main-menu li {
	margin: 0 0 0 10px;
}

ul.m-level1 > li {
	padding-bottom: 15px;
}

ul.main-menu a,
ul.main-menu a:visited {
	text-decoration: none;
	color: #2e2e2e;
}

ul.main-menu a:hover,
ul.main-menu a:focus {
	color: #c88323;
}

ul.main-menu li.current > a,
ul.main-menu li.current > a:visited,
ul.main-menu li.current > a:hover,
ul.main-menu li.current > a:focus {
	color: #699713;
	text-decoration: none;
}


/* -------------------- Footer -------------------- */

p#site-license,
p#site-version {
	font-size: 11px;
}

p#site-license img {
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}


/* -------------------- Main contents -------------------- */

div#page-contents h2 {
	padding-top: 20px;
}


div.cms-content {
	margin-bottom: 15px;
	display: block;
}

div.cms-content.center {
	text-align: center;
}

div.cms-content.left {
	text-align: left;
}

div.cms-content.right {
	text-align: right;
}

div.cms-content.left-float {
	float: left;
	padding-right: 10px;
	margin: 0;
}

div.cms-content.right-float {
	float: right;
	padding-left: 10px;
	margin: 0;
}



/* -------------------- CLFile contents -------------------- */

/*div.clfile-image {
	padding-bottom: 15px;
}*/

div.clfile-image.left-float,
div.clvideo.left-float {
}

div.clfile-image.right-float,
div.clvideo.right-float {
}

div.clrichtext.left-float {
	padding: 10px;
	background-color: #ccc;
	width: 120px;
	font-style: italic;
}

div.clrichtext.right-float {
	padding: 10px;
	background-color: #ccc;
	width: 120px;
	font-style: italic;
}


/* -------------------- CLDownload contents -------------------- */

div.cldownload {
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-left: 60px;
	margin-right: 60px;
	background: url(../img/bg_downloads.png) repeat-y;
}


/*
div.cldownload > div {
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
*/

div.cldownload + div.cldownload {
	margin-top: -15px;
	border-top-style: none;
}

/*
div.cldownload + div.cldownload > div {
	border-top-style: none;
}
*/

div.cldownload div.dl-link {
	width: 150px;
	padding: 10px;
	background-color: #ffc067;
	/*margin: 0 0 0 60px;*/
	float: left;
	height: 100%;
}

div.cldownload div.dl-description {
	width: 390px;
	padding: 10px;
	background-color: #ccc;
	/*margin: 0 60px 0 0;*/
	float: right;
}

div.cldownload p {
	padding: 0;
	margin: 0;
}

div.cldownload div.dl-link p {
	font-weight: bold;
}

div.cldownload div.dl-description p {
	font-style: italic;
}

div.cldownload div.dl-link a {
	padding-left: 20px;
	background: transparent url(../img/icons/iconize/icon_txt.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.doc'], 
div.cldownload div.dl-link a[href$='.rtf'] {
	background: transparent url(../img/icons/iconize/icon_doc.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.xls'] {
	background: transparent url(../img/icons/iconize/icon_xls.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.vcard'] { 
	background: transparent url(../img/icons/iconize/icon_vcard.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.exe'] { 
	background: transparent url(../img/icons/iconize/icon_exe.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.dmg'], 
div.cldownload div.dl-link a[href$='.app'] { 
	background: transparent url(../img/icons/iconize/icon_dmg.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.pps'] { 
	background: transparent url(../img/icons/iconize/icon_pps.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.pdf'] {
	background: transparent url(../img/icons/iconize/icon_pdf.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.fla'], 
div.cldownload div.dl-link a[href$='.swf'] { 
	background: transparent url(../img/icons/iconize/icon_flash.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.zip'], 
div.cldownload div.dl-link a[href$='.rar'], 
div.cldownload div.dl-link a[href$='.gzip'], 
div.cldownload div.dl-link a[href$='.bzip'], 
div.cldownload div.dl-link a[href$='.ace'] { 
	background: transparent url(../img/icons/iconize/icon_archive.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.jpg'], 
div.cldownload div.dl-link a[href$='.gif'], 
div.cldownload div.dl-link a[href$='.png'], 
div.cldownload div.dl-link a[href$='.bmp'], 
div.cldownload div.dl-link a[href$='.jpeg'], 
div.cldownload div.dl-link a[href$='.svg'], 
div.cldownload div.dl-link a[href$='.eps'] { 
	background: transparent url(../img/icons/iconize/icon_pic.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.mov'], 
div.cldownload div.dl-link a[href$='.wmv'], 
div.cldownload div.dl-link a[href$='.mp4'], 
div.cldownload div.dl-link a[href$='.avi'], 
div.cldownload div.dl-link a[href$='.mpg'] { 
	background: transparent url(../img/icons/iconize/icon_film.gif) no-repeat left top;
}

div.cldownload div.dl-link a[href$='.mp3'], 
div.cldownload div.dl-link a[href$='.wav'], 
div.cldownload div.dl-link a[href$='.ogg'], 
div.cldownload div.dl-link a[href$='.wma'], 
div.cldownload div.dl-link a[href$='.m4a'] { 
	background: transparent url(../img/icons/iconize/icon_doc.gif) no-repeat left top;
}