/**
 * mokardu.css
 * 
 * @copyright 2009 OpenMàtica
 * @copyright GNU GPL version 2
 * @author Miguel Ángel Vílchez López
 * @version 30/03/2009
 */
 

/*	GENERAL	*/
* { margin: 0; padding: 0; }
html { min-height: 100%; background:url(/images/page/bg_sidebars.gif) 50% 70px repeat-y; margin:0; padding:0; }
body { background:url(/images/page/bg_header.gif) repeat-x; margin:0; padding:0; font-family:Arial; color:#000; font-size:12px; }

a { color:#000; text-decoration:none; }
a:hover { color:#1377E8 }
h1 { font-size:16px; }
h2 { font-size:14px; }
.hr { background:url(/images/page/bg_postdivider.gif) repeat-x; height:11px; border:none; margin-bottom:10px; }

/*form { margin:0; padding:0; }
input { }
input.input { position:relative;width:157px; margin-bottom:8px; height:21px; padding:5px 15px 0; color:#FFF; background:url(/images/bg_search.gif) no-repeat 0 50%;  border:none; }
* html input.input { width:147px; margin-bottom:5px; background-attachment:fixed; padding-right:25px;  }
input.submit { background: #333; color:#FFF; font-size:11px; border:inset; width:auto; border:none; margin:0; padding:5px; } */
	/*	OVERLIB	*/
.overlib, .overlibtit {	text-align: center;	color: black; font-weight: bold;	font-size:10px;	padding: 2px 4px 2px 4px;	background:url(/images/page/overlibtit.gif) repeat-x;	border: 1px blue solid; }
/* .overlibtit {	font-size: 11px;	background: #0018FF; } */


/*	HEADER	*/
#header { position:relative; margin:0 auto; width:780px; height:137px; }
#header a img { border:none; }

	/*	LOGO	*/
.logo { position:absolute; top:20px; left:77px; width:300px; text-align:center; background:url(/images/logos/logo.png) no-repeat;}
.logo strong, .logo h1, .logo h2 { display:none; }
.logo a { line-height:25px; padding-left:19px;  }
.logo a.logoimg { display:block; width:205px; height:90px; }

	/*	NAVIGATION	*/
#nav { position:absolute; right:0; bottom:0; list-style:none; }
#nav li { float:left; }
#nav li a { display:block; height:30px; text-align:center; font-weight:bold; }
#nav li a.min { width:87px; background:url(/images/menu/sample_min_30.gif); }
#nav li a.minon { width:87px; background:url(/images/menu/sample_min_on_30.gif); color:#1377E8; }
#nav li a.min:hover { width:87px; background:url(/images/menu/sample_min_on_30.gif); }
#nav li a.max { width:102px; background:url(/images/menu/sample_max_30.gif); }
#nav li a.maxon { width:102px; background:url(/images/menu/sample_max_on_30.gif); color:#1377E8; }
#nav li a.max:hover { width:102px; background:url(/images/menu/sample_max_on_30.gif); }

	/* USER NAVIGATION */
#usernav { position:relative; right:0px; bottom:0; list-style:none; }
#usernav li { float:left; }
#usernav li a { display:block; width:70px; text-align:center; font-weight:bold; }

/*	CONTENT	*/
#contentwrap { position:relative; width:760px; margin:0 auto; }
#content { float:left; width:758px;  }
#content h1 { font-family:"Trebuchet MS"; font-size:18px; color:#666; line-height:24px; padding:0 10px; }
#content p { line-height:18px; padding:10px;  }
#content a { font-weight:bold; }
#content a:hover { border-bottom:1px dotted;  }
#content .postinfo { display:block; padding:5px 10px; margin-bottom:5px; background:#F6F6F6; border:1px solid #E8EDF4; color:#333; }
#content a.pagetop { margin-left: 340px; background: url(/images/page/pagetop.gif) no-repeat; padding: 1px 35px; }
#content a.pagetop:hover { border-bottom: 0px; }

	/*	RIGHT UP PHOTOS OF DESCRIPTION	*/
#photo { position: absolute; margin-left: 520px; padding-top: 30px; text-align: center; }
#photo a:hover { border:0 }
#bgphoto { background: url(/images/page/bg_photo.gif); border: 1px dotted blue; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#bgphoto img { margin: 5px 5px 5px 5px; max-width: 200px; max-height: 200px; }

	/*	SITEMAP	*/
#sitemap { padding-left: 20px; width: 200px; text-align: left; }
#bgsitemap { background: url(/images/page/bg_photo.gif); border: 1px dotted blue; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#bgsitemap center { font-size: 13px; font-weight: bold; }
#bgsitemap a { font-size: 11px; font-weight: normal; }
#bgsitemap dt { margin-left: 10px; }
#bgsitemap dd { margin-left: 30px; }

	/*	PROTOTYPES	*/
#content dl.devicesused dt { margin-left: 20px; }

	/*	INDEXES TOO */
#content table.photos { text-align: center; }
#content table.photos h1 { color: #666; font-size: 14px; font-weight: bold;  }
#content table.photos a { margin: 10px 5px 10px 5px; }
#content table.photos a:hover { border: 0px; }
#content table.photos img { max-width: 200px; max-height: 200px; }

	/*	DEVICES	*/
#content table.devices { text-align: center; }
#content table.devices h1 { color: #666; font-size: 14px; font-weight: bold;  }
#content table.devices a:hover { border: 0px; }
#content table.devices td { padding-left: 40px; width: 200px; }
#content table.device { border:0; margin-left: 20px; }
#content table.device td { width:220px; padding-left:10px; padding-top: 5px; }
#content dl.devices {  }
#content dl.devices dd { font-size: 12px; margin-left: 60px; margin-top: 10px; }
#content dl.device dt { margin-left: 20px; font-size: 13px; font-weight:bold; }
#content dl.device dd { margin-left: 40px; }
#content a.diagram:hover { border:0; }

	/*	EVENTS	*/
#content table.events { border:0; margin-left: 20px; text-align:center; }
#content table.events td { width:220px; padding-left:10px; }
#content table.events tr.title { font-weight: bold; font-size:13px; color: maroon; background-color: yellow; }
#content table.events td { padding: 5px 5px 5px 5px; }

/*	FOOTER	*/
#footer {	clear: both;	height: 26px;	padding:12px;	background: url(/images/page/bg_footer.gif) no-repeat;	color: #666;	border-bottom: 1px solid #D1D1D1;	text-align: center; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#footer #creative { position:absolute; margin-left: 650px;}