*{margin:0; padding:0;}
body {color: #006666; font: normal 14px/130% "Lucida Grande", Lucida, Verdana, sans-serif; background: #CCCCCC url(imagenes/3bmetal.png) repeat;}
#wrapper {padding-top:15px;background-color: transparent;position: relative; text-align: left;width: 790px;height: auto;margin: auto;overflow:visible;}

/*header*/
#header{margin-bottom:5px;}
.login {top:35px; right:20px;position:absolute;}
.login a{color:#006666;text-decoration:underline;}
.login a:hover{color:#B05216;}
/* menu */
#list2 { width:100%; margin:0;display :block;}
.title, .mytitle {color: #fff; cursor:pointer; border:0px solid #006666; border-top:0px solid #CCCCCC;margin-top:0.5em; padding: 6px 0px 6px 40px; font: normal 16px/130% Arial, Verdana, sans-serif;}
.on  .mytitle {font-weight: bold; background: #006666 url(imagenes/3bmenuc.png) repeat-x;}
.off .mytitle { background: #006666  url(imagenes/3bmenua.png) repeat-x; }
.title, .mytitle:hover{background: #F4700B url(imagenes/3bmenuh.png) repeat-x; }

/* content */
.mycontent    { padding: 0 40px 0 40px; border: 1px solid #006666; background-color: #E5FFFF; overflow: hidden;}
.clearboth { clear: both; }
.espai{padding:10px;}
.mig{text-align:center;}
/* thumbs */
.thumbnail  { float: left; width: auto; margin: 5px 15px; padding: 0;}
.thumbnail a { border: 1px dotted #fff; display:block;}
.thumbnail a:hover { border: 1px dotted #F4700B; }
.thumbnail a:visited { border: 1px dashed #1992a3; }

/* footer */
#footer  {width: 100%; margin-top: 30px; text-align:center; }
#footer a {color: #7F7F7F; font: 80% monaco, "Andale Mono", "Courier New", Courier , monospace; text-decoration:none;}
#footer a:hover {color: #FF6F00; font-size: 90%; text-decoration: underline;}

/* transparencia a pngs en ie6*/
img { behavior: url(imagenes/iepngfix.htc);}

/*span taronja*/
.taro {color:#B05216;}

/* kontakt */
fieldset {border: 1px dotted #B05216; float:left; padding:15px; margin: 10px 6px; display: block; width:305px;text-align:left;}
legend {background: #E5FFFF; font: normal 16px Arial, Verdana, sans-serif; padding: 0 5px 0 5px; margin: 0; color:#B05216;}
label.kontact {font-size: 13px; font-weight: normal; width: 4.2em; float: left; text-align: right; margin-right: 0.5em; display: block}
textarea {padding: 2px; color: #004F5F; background: #F7FFFF;border: 1px inset #006666; font: normal 14px/130% "Lucida Grande", Lucida, Verdana, sans-serif;}
input {padding: 2px; font-size: 14px; color: #004F5F;background: #fff;border: 1px inset #006666;}
.works input {font-weight: bold; color: #006666;background: #E5FFFF; margin: 0; border: 0px none #1992a3;}
.submit input { margin-left: 4em; padding: 1px;}
#enviar { cursor:pointer;font-weight:bold; color: #FFF;background: #1992a3; border: 2px outset #006666;}
#borrar { cursor:pointer;font-style:normal; color: #006666;background: transparent; border: 2px outset #006666;}
.works {line-height: 2em;}

/* ombres */
.wrap1, .wrap2, .wrap3 {display:inline-table;/* \*/display:block;/**/}
.wrap1 {background:url(imagenes/shadow.png) right bottom no-repeat;}
.wrap2 {background:url(imagenes/corner_bl.png) -12px 100% no-repeat;}
.wrap3 { padding:0 9px 9px 0;background:url(imagenes/corner_tr.png) 100% -12px no-repeat;}