/*
Theme Name: Ilugraf
Theme URI: http://www.ilugraf.com
Description: A custom wordpress theme for <a href="http://www.ilugraf.com/">Ilugraf</a>.
Version: 1.0
Author: Daniel Abril
Author URI: http://www.elcssar.com/
Tags: minimal, custom sidebar, fixed width, two columns

	This theme was designed and built by Daniel Abril,
	whose blog you will find at http://www.elcssar.com/

	The CSS, XHTML and design is not released under GPL yet:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
html, body { height:100%;}
body { margin:10px 0 0 0; background-color:#FFF;} 
body, a { font:normal 12px Arial, Helvetica, sans-serif;  color:#667;}
object { float:right; display:inline; margin: 0;}
h1 em{ display: none;}
h1 a:hover {
	padding: 12px 36px 0 0;
	background:url(images/home.gif) no-repeat right top; border: none;
	}
h1 img{ border: none;}
h2 {color:#F90;}
UL { margin: 0px; padding-left:0px; top: 10px; left: 5px; list-style:none;
}
ol { margin: 0 0 0 30px; padding: 0;}
li { position: relative;}
ol li { margin: 0; padding: 0; text-indent: 0; padding: 0; margin: 0; }

a:active, a:focus{ outline: 0px;}

#standar {display:none;}
#standar, #accesible { position:absolute; right:20px; font-weight: bold; font-size:14px;}
#accesibilidad a:hover, #accesibilidad a:focus { color:#F90;}
object#sonido {
	margin-right:20px;
	}
#contenedor {
	/*display: table;*/
	width: 760px; height:100%; margin: auto; padding: 50px 0 0 0;
	background: repeat-y url(images/bodyBG.gif) top left;
	}
.DiseñoWeb {
	background: url(images/html.gif) no-repeat right 80px;}
#contenedor h1 { position:absolute; margin:16px 0 0 36px; z-index:5;}

#menu { border: solid #223; border-width: 1px 0 1px 0; width:100%; background: repeat-x url(images/menuBG.gif) top; background-color: #334; position:absolute; top: 110px; clear: both;}
#menu ul.botonera { width:750px;  margin:auto; padding:0;}
#menu ul.botonera li { display:inline; padding: 5px 0 4px 15px; font-size: 14px; line-height:25px; background: no-repeat url(images/Separador.gif) top left;}
#menu ul.botonera a {color:#FFF; text-decoration:none;}
#menu ul li { margin: 0;}

#menu a {  padding: 0 29px 0 16px;  text-decoration:none;}
#menu a:hover, #menu a:focus  { background: no-repeat  url(images/bolo.gif) left;}
#actual { background: no-repeat  url(images/bolo_gris.gif) left; font-variant:small-caps; font: bold 12px Arial, Helvetica, sans-serif;}
.recuadros { padding:15px 0 15px 15px; margin-top:1px; position:absolute; background-color:#FFF; border:solid  1px #CCC; border-top: 0px; visibility:hidden; font-size:16px; opacity:0.85; filter:alpha(opacity="85"); z-index:10; white-space:nowrap; }


#linksmenu {
	float: left;
	width:290px; margin: 0px 10px; padding: 80px 10px 10px 15px;
	/*opacity:0.9;*/ filter:alpha(opacity="70"); background-color:#FFF; border: solid 1px #334;
	}
#linksmenu ul li ul {
	padding-left: 10px;
	}
#linksmenu li li a { display:block; padding:2px 2px 2px 0; text-decoration:none;  background-color: #FFF;}
#linksmenu p {margin: 10px; font-size: 12px;}
#linksmenu a:hover, #linksmenu a:active,  #linksmenu a:focus { color:#F90;}
ul.links a:hover, ul.links a:active, ul.links a:focus { background: no-repeat url(images/bolo.gif) right;}

#linksmenu UL UL LI a:visited {color:#99A; background: no-repeat url(images/Visto.gif) right; }
#linksmenu UL UL LI:hover a:visited, #linksmenu UL UL LI a:focus {color:#F90; background: no-repeat url(images/bolo.gif) right;}
#linksmenu UL {margin: 0px; top: 10px; left: 5px;}
#linksmenu UL h2{ text-indent: 2px;  font-size: 14px; line-height: 20px; margin: 5px 0;}
#linksmenu UL UL  {margin-left: 0px; margin-bottom: 15px; padding-left:0px; top: 10px; left: 5px;}
#linksmenu UL UL DIV, #linksmenu UL OL DIV  { background:#FFF; color:#334; border: dashed 1px #334; font-size:11px; left: 107%; width: 250px; position: absolute; TOP: 0px; display: none; padding:10px 160px 10px 10px; }
#linksmenu UL UL.noimg DIV { padding-right: 10px; width: 400px;}
#linksmenu UL UL LI:hover DIV { display: block; /*-moz-*/opacity:0.9; filter:alpha(opacity="85")}
#linksmenu UL UL img, #linksmenu UL OL img {  display: none; position: absolute; top: -40px; right: -432px; z-index: 20;}
#linksmenu UL UL LI:hover img { display: block; float:right; }
#linksmenu LI{ position: relative;}
#linksmenu UL UL LI { margin: 0px; padding: 0px;}
#linksmenu UL LI span { color: #000;}
#linksmenu UL LI span:hover { cursor: pointer; color: #F90;}
#linksmenu UL LI span:hover em {display: inline !important; color: #112;}

/*elementos de formulario en linksmenu*/
input, textarea { margin:5px 10px; padding: 2px 5px; border: solid 1px #667; font: normal 12px Arial, Helvetica, sans-serif; color:#667;}
input#button { background: url(images/boton.gif) #F90; color:#123; font-weight:bold; letter-spacing: 1px;}
input#button:hover { cursor:pointer;}
textarea {width:256px; height: 80px;}

/*para no confundir a IE*/
#linksmenu UL UL a:focus + div { display: block;}

/*================Start others================*/
.fondo {
	float:right;
	width:420px; margin-top:80px;
	}
#footer {
	width:290px; margin: 0px 10px; padding: 80px 10px 10px 15px;
	}