/* **************************** reset.css and type.css **************************** */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 9pt;
  line-height: 12pt;
  color: #686868; 
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}
h1,h2,h3,h4,h5,h6 { 
	font-family: Myriad Pro, Myriad, Helvetica, Arial, sans-serif;
	font-weight: normal; color: #686868; }
	h3,h4,h5,h6 { color: #848484; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; font-weight: 500; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #1c80d5; text-decoration: underline; }
a           { color: #0069d1; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
ul.mark     { list-style: circle; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

/* **************************** begin specific style **************************** */

/*  STYLING  */
a.external {
 padding-right: 14px;
 background: url(../images/external_link.png) no-repeat right center;
}
p.more {
 text-align: right;
 margin-top: 0px;
}
	p.more a {
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 text-decoration: none;
	}
		p.more a:hover {
		 background-color: #0069d6;
		 color: #ffffff;
		 text-decoration: none;
		}
h1, h2, h3, h4, h5, h6 {
 font-family: Myriad, Trebuchet MS, Arial, Verdana, sans-serif;
 color: #58595b;
}
dt {
	font-size: 10pt;
	font-family: Myriad, Trebuchet MS,  Arial, Verdana, sans-serif;
	font-weight: normal;
	margin-bottom: 3px;
}
	dd {
		margin-bottom: 10px;
	}
		
		
/*  BASIC LAYOUT  */
body {
 background: url(../images/main_back.jpg) top center no-repeat #464646;
 font: 9pt/13pt Myriad, Arial, Verdana, sans-serif;
 text-align: center;
 margin-top: 30px;
 margin-bottom: 20px;
}
div {
 overflow: hidden;
}
	div.clear {
	 clear: both;
	}
	div#holder {
	 margin-left: auto;
	 margin-right: auto;
	 text-align: left;
	 position: relative;
	 width: 739px;
	}
		div#holder div#head {
		 background: url(../images/head_back.png) top center no-repeat transparent;
		 height: 217px;
		 position: relative;
		}
			div#holder div#head h1#logo a {
			 background: url(../images/head_logo.png) 0px -130px no-repeat transparent;
			 width: 290px;
			 height: 130px;
			 display: block;
			 text-indent: -9000px;
			 position: absolute;
			 left: 26px;
			 top: 32px;
			}
				div#holder div#head h1#logo a:hover {
				 background: url(../images/head_logo.png) 0px 0px no-repeat transparent;
				}
			div#holder div#head div#navi {
			 height: 37px;
			 text-align: center;
			 width: 100%;
			 position: absolute;
			 top: 180px;
			 margin-left: 10px;
			 margin-right: 10px;
			 background: url(../images/menu_back.jpg) 0px 0px no-repeat transparent;
			}
				div#holder div#head ul#menu {
				 height: 37px;
				 list-style: none;
				 list-style-type: none;
				 padding: 0px;
				 margin-left: auto;
				 margin-right: auto;
				 width: 610px;
				}
					div#holder div#head ul#menu li {
					 float: left;
					}
					div#holder div#head ul#menu li a {
					 background: url(../images/menu_back.jpg) 0px 0px no-repeat transparent;
					 display: block;
					 line-height: 37px;
					 height: 37px;
					 padding-left: 25px;
					 padding-right: 25px;
					 color: #A4C177;
					 font-size: 10pt;
					 font-family: Trebuchet MS, Myriad, Arial, sans-serif;
					 font-weight: bold;
					}
						div#holder div#head ul#menu li.here a {
						 background: url(../images/menu_back.jpg) 0px -74px no-repeat transparent;
						 color: #ffffff;
						}
					div#holder div#head ul#menu li a:hover {
					 background: url(../images/menu_back.jpg) 0px -37px no-repeat transparent;
					 text-decoration: none;
					 color: #ffffff;
					}
						div#holder div#head ul#menu li.here a:hover {
						 background: url(../images/menu_back.jpg) 0px -74px no-repeat transparent;
						 color: #A4C177;
						}
		div#holder div#body {
		 background: url(../images/body_tile.png) top center repeat-y transparent;
		 padding-left: 10px;
		 padding-right: 10px;
		 clear: both;
		}
		div#holder div#foot {
		 background: url(../images/foot_back.png) top center no-repeat transparent;
		 height: 84px;
		 text-align: center;
		 color: #b1bd8f;
		 font-size: 8.5pt;
		 padding-top: 15px;
		 clear: both;
		}


/* home */
			div#holder div#body div#row0 {
			 width: 100%;
			 text-align: center;
			}
				div#holder div#body div#row0 p {
				 margin-left: auto;
				 margin-right: auto;
				 width: 530px;
				 font-family: Trebuchet MS, Myriad, Arial, sans-serif;
				 font-size: 11pt;
				 line-height: 15pt;
				 margin-top: 50px;
				}
			div#holder div#body div#row1 {
			 background: url(../images/home_row1.jpg) top center no-repeat transparent;
			 padding-bottom: 70px;
			 padding-left: 305px;
			 padding-right: 50px;
			}
				div#holder div#body div#row1 p.more {
				 text-align: left;
				 margin-top: 0px;
				 margin-left: -8px;
				}
				div#holder div#body div#row1 h2 {
				 margin-top: 40px;
				}
			div#holder div#body div#row2 {
			 background: url(../images/home_row2.jpg) top center no-repeat transparent;
			 padding-left: 50px;
			 padding-right: 50px;
			 padding-bottom: 20px;
			}
				div#holder div#body div#row2 p.more {
				}
				div#holder div#body div#row2 div.col_l {
				 width: 42%;
				 float: left;
				}
				div#holder div#body div#row2 div.col_r {
				 width: 42%;
				 float: right;
				}
/* polifonia */
			body.polifonia div#holder div#body div#row1 {
			 background: none;
			 padding-bottom: 30px;
			 padding-left: 50px;
			 padding-right: 330px;
			}
				body.polifonia div#holder div#body div#row2 em {
				 margin: 0px;
				 padding: 0px;
				 padding-bottom: 5px;
				 display: block;
				}
/* concepto */
			body.concepto div#holder div#body div#row1 {
			 background: none;
			 padding-left: 50px;
			 padding-right: 330px;
			 padding-bottom: 30px;
			}
/* produccion */
			body.produccion div#holder div#body div#row1 {
			 background: none;
			 padding-left: 50px;
			 padding-right: 300px;
			 padding-bottom: 30px;
			}
/* plataforma */
			body.plataforma div#holder div#body div#row1 {
			 background: none;
			 padding-left: 50px;
			 padding-right: 50px;
			 padding-bottom: 30px;
			}