/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a      {text-decoration: none;}

/* -------------------------------------------------------------- 
  
   Main Layout
   
-------------------------------------------------------------- */



#wrap	{width: 970px;  height: 850px;; z-index:10;}

#bg 	{position: absolute;top: 0;left: 0;z-index: 0;overflow: hidden;width: 100%; min-width: 1000px;z-index:-1;}

#header	{height: 185px; position: relative;}
#header h1	{width:497px; height:58px; position: absolute; top: 42px; left: 43px; }
#header h2	{width:222px; height:30px; position: absolute; top: 42px; right: 43px; }

body div#main	{width: 970px;  position:relative;}

div#nav	{width: 260px; position: absolute; top: 25px; left: 0px; }
div#nav ul	{margin: 22px 43px; list-style-type:none;}
div#nav ul a	{display: block; padding: 8px 0;}
body div#nav li.sub ul
	{margin: -5px 0px 8px 15px;}

div#nav ul li li a
	{padding: 1px 0;}
div#nav ul ul 
	{padding-bottom: 5px;}
div#nav li.sub ul
	{margin: 10px; list-style-type:square!important;}
body div#nav li.selected  ul
	{margin-bottom: 0px; padding-bottom; }

div#content	{width: 684px;  height: 600px; position: absolute; top: 25px; right: 0px;}
div#content div	{height: 495px; padding: 30px 0px;}
div#content div p
                {overflow-y: auto;}
div#content.col-1 div 
	{padding: 30px 0px;}
#div#content.col-2:after
	{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#div#content.col-2
	{display:block; overflow: auto;}
div#content.col-2 div
	{float: left; width: 331px; margin-right: 22px; _display:inline; overflow: auto; padding-bottom: 20px!important;}
div#content.col-2 div.last
	{margin-right: 0px;}
div#content div p
	{margin: 0 25px 5px!important; }
	
/**	
body div#foot	{width: 970px; height: 50px; position: absolute; bottom: 0px; left: 0px; z-index: 50px!important;}
**/

/**
body div#foot	{width: 970px; height: 50px; position: absolute; bottom: 0px; left: 0px; z-index: 50px!important;}
html > div#foot	{position: fixed; position: absolute; bottom: -20px; left: 0px;}
div#foot p	{margin: 20px 50px 0; padding-top: 20px;}

**/



body div#foot	{width: 970px; height: 24px;}
div#foot p.adress
	{margin: 0 0px 0 22px; width: 720px;}
div#foot p	{padding-top: 5px; float: left; _display: inline;}
div#foot p.button
	{width: 100px; _width: 100px;  _border: 1px solid red; margin: 0px 0px 0px 40px!important;text-align: right;}


/* -------------------------------------------------------------- 
  
   lightbox   
              
-------------------------------------------------------------- */
              
#secondary ul.light
                {margin: 0 10px 30px 25px; list-style-type:none;}
#secondary ul.light li
	{float: left; margin-right: 9px; margin-bottom: 3px;}

#secondary ul.light li a
	{cursor: -moz-zoom-in;cursor: -webkit-zoom-in;}
	

/* -------------------------------------------------------------- 

   forms   

-------------------------------------------------------------- */
#contacto div#primary {padding-top: 8px;}
.form {padding:0px; }
label {font-weight:bold; display: block;}
fieldset {padding: 0 1.4em;margin:0 0 1.5em 0;border:0; padding-top: -20px!important;} 
legend {font-weight:bold;font-size:1.2em; display: none;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:280px;height:100px;padding:5px; margin-bottom: 10px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
ul.zemError {margin: 0 10px;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* -------------------------------------------------------------- 

   contacto   

-------------------------------------------------------------- */

#contacto div#content #secondary
                {height: 20px;}


/*
Diseño

*/
#diseno #wrap	{height: 1150px;}

#diseno div#content
	{height: 900px}
#diseno div#content div
	{height: 850px}