@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url('https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

html {background: #F4F4EA /*#EEEEE8*/ url(imagenes/hd-bg.png) repeat-x scroll 0 0;} /* COLOR DE FONDO  MAS IMAGEN DE CABECERA*/
body{font-size: 16px; font: arial,helvetica,clean,sans-serif;font-family: Arial, sans-serif;margin:0;padding:0;}  

#hd, #bd { background: transparent; overflow: hidden; /*margin:auto; padding: 0 26px 1em;*/}

/* -------- Header -------- */
#hd {height: 80px;}
															/* ALTO DE LA CABECERA MENÚ VERTICAL*/

#hd h1 {
top: 15px;
height: 30px;
left: 5%;/*26px;*/
margin: 0;
position: absolute;
width:90%;/*750px;*/
text-align:center;
color: white;
font-family: "Open Sans Condensed", Arial, sans-serif;
font-size:  1.375em; /*22px;*/
font-weight: bold;
text-decoration: none;
text-shadow: 0 0 5px rgba(0,0,0,1);
/*text-transform: uppercase;*/
}

/* --- #navcomponent --- */
#navcomponent { background: transparent url(imagenes/nav-bg.jpg) no-repeat scroll right top; background-size: 100%;}
#navcomponent {position:absolute;left: 3%;width: 18%;}   /* ANCHO MENÚ VERTICAL*/
ul{margin:0;padding:0;}
li{list-style:none;}
#navcomponent  li { line-height: 15px; margin-bottom: 3px;font-size: 0.8125em ;font-weight:normal;} /*13px*/
#navcomponent  li a { background: transparent none no-repeat scroll 0 0;
	border-top: 1px solid rgba(255,255,255,.0); 
	display: block; padding: 8px 18px 10px 10px;
	text-decoration: none; 
	color: #333;	
	border-top-left-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#navcomponent  li.active a, #navcomponent  li a:active { background: #eeeee8; font-weight: bold;}
#navcomponent  li.active a,
#navcomponent  li a:hover { 
	border-top: 1px solid #fff;
	-webkit-box-shadow: -3px 0px 5px -2px rgba(0,0,0,.15);
   	-moz-box-shadow: -3px 0px 5px -2px rgba(0,0,0,.15);
    -o-box-shadow: -3px 0px 5px -2px rgba(0,0,0,.15);
    box-shadow: -3px 0px 5px -2px rgba(0,0,0,.15);

	background: #eeeee8; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #eeeee8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#eeeee8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#eeeee8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#eeeee8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#eeeee8 100%); /* IE10+ */
	background: linear-gradient(left,  #ffffff 0%,#eeeee8 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeee8',GradientType=1 ); /* IE6-9 */ }


/* level 2 ---  NO SE USA*/
#navcomponent li.sub-item { margin-bottom: 20px; margin-left: 5px;}
#navcomponent li.sub-item a { height:27px;padding:0 0 0 25px;line-height:26px;width:auto;font-size:12px;}
#navcomponent li.sub-item.active a,
#navcomponent li.sub-item a.active { font-weight:bold;}
#navcomponent li.sub-item a:hover {}

/* --- /#navcomponent --- */


#main {position:absolute;left: 25%; /*float: right; margin-left: 25%; /*1.5em;*/}
#main { width: 70%; margin-bottom: 0.5em; border:0px solid #ccc; min-height: 30em; height: auto;/* padding:1.5em;*/}

#main { /*background: white;*/ border-color: #ddd;
/*background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#DDD6B5));
background: linear-gradient(left,  #ffffff 0%,#BAAC7E 100%); /* W3C */
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;}
/* --- /#main --- */

.botonguardar 
{background-image: url(../imagenes/save4.png); /*background-position:center top;*/  background-repeat:no-repeat;height: 60px;  }

.myButton {
background:url(../imagenes/save4.png) center top no-repeat;
cursor:pointer;
width: 100px;
height: 50px;
border: none;
}