/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%; 
 color: #222; 
 background-color:#fff;
/* background-color:#2B221C;
 background-image:url(../images/dgrey035.jpg);
 background-attachment: fixed;*/
 text-align:center;
 
}

h1 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 24px;
	background-image:url(../images/img08.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

h2 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	font-size: 20px;	}

h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	font-size: 16px;
}
/*a {text-decoration: none}*/
a:hover
{ 
color:#000;
border-bottom:dotted 1px;
font-size:12px;
}
a 
{
	color:#222;
	text-decoration: none;
	border-bottom: dashed 1px;
	}


.body_black_s
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:center;
	color: #000000;}


#wrapper { 
  margin: 20px auto;
 width: 900px;
}

#faux {
/* background: url(../images/faux.png);
 background-color:transparent;*/
 background-image:url(../images/fondo2_dgp2010.jpg);
 background-repeat:no-repeat;
 background-attachment: scrool;
/* background-position:center;*/
 overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk 902px*/
 width: 900px;
 margin: 0px 0px 0px 0px;
 }
#header {
 color: #333;
 width: 900px;
 padding: 0px;
 height: 70px;
background: url('../images/titulo.jpg') no-repeat bottom left;
background-color:#444;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #ddd;
margin: 0 0 0 0;
background-repeat:no-repeat;
}

#navigation {
/*float: none;*/
 width: 900px;
 height: 31px;
 color: #336699;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 margin: 0px 0px 0px 0px;
 font-size: 80%;
 /*background-color:transparent;*/
 background: url(../images/menu.jpg);
}

#leftcolumn { 
display: inline;
background-color:transparent;
border-left: 1px solid #000;
border-right: 1px double #ddd;
margin: 0 0 0 0;
padding: 0px;
width: 30%;
float: left;
 position: relative;
}
#content 
{
float:left;
color: #233;
margin: 0 0 0 0;
background-color:transparent;
padding: 0px;
width: 38%;
display: inline;
position: relative;
}
#contenido_ancho 
{
/* background-color:#d4d5da;
 background-color:#ffffff;*/
text-align:justify;
float:left;
color: Black;
border: solid 0px;
margin: 10px 0 0 10px;
padding: 0px;
width: 530px;
display: inline;
position: relative;
}
#rightcolumn { 
display: inline;
background-color:transparent;
border-right: 1px solid #000;
border-left: 1px double #ddd;
margin: 0 0 0 0;
padding: 0px;
width: 30%;
float: right;
}
div#footer{
position: fixed;
background: #bbb;
height:30px;
bottom: 1%;
color: #FFF;
clear:both;
width:100%;
}

#footer2 { 

 width: 900px;
 font-size:10px;
 clear: both;
 color: #555;
 height:45px;
 margin: 0 0 0 0;
 padding: 0px;
background-color:#444;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top:1px solid #ddd;
}
.link a:hover
{ 
color:#FF6666;
border-bottom:dotted 1px;
}
.link a 
{
	color:#fff;
	text-decoration: none;
	}

#imagen
{
position:absolute;
left: 650px;
top: 238px
}

hr.inse
{
border: 2px #660000;/*the border*/
height: 1px;
width: 100%;

}

table
{
border-style: solid;
border-width:1px;
font-size:10px;

}
	.tt wd
	{ 
	width: 100%;
	}
	.tt wdo
	{ 
	width: 80%;
	}
	.tt td { 
		font-family:verdana,arial; 
		font-size:10px; 
	} 
	.tt tbs{ 
		border:0px solid #666666; 
		background-color:#ffffff; 
	} 
	.tt tds{ 
		color:#333333; 
		font-weight:bold; 
		font-size:10pt; 
		width: 366px;
	}
	.tt tdh{ 
		background-color: #000000;
		color:#333333; 
		font-weight:bold; 
		font-size:10pt; 
	}
	.tt tdhe{ 
		background-color: #666;
		color:#333333; 
		font-weight:bold; 
		font-size:14px; 
	}

	.tt clear { clear: both; background: none; }

#sidebar {
	float: left;
	padding: 5px 5px 0 0;
	background: url(images/img04.gif) no-repeat;
}
.box {
	padding-left: 10px;
}

.box .title {
	height: 33px;
	margin: 0;
	padding: 10px 0 0 20px;
	background: url(../../images/img09.gif) repeat-x;
	font-size: 18px;
}
.box a {
	padding-left: 10px;
	background: url(../../images/img11.gif) no-repeat 0 5px;
}
.box ul {
	margin: 20px;
	padding: 0;
	list-style: none ;
}

.box li {
	padding-left: 10px;
	padding-bottom:25px;
	background: url(../images/img11.gif) no-repeat 0 5px;
}
/*---------------------------------*/
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      margin: 4px 0 0 0;
      background: transparent;
      font-size:13px;
      line-height:normal;
	  border-bottom:1px solid #aaa;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

a.button {
background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
 
a.button span {
background: transparent url(../images/bg_button_span.gif) no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
 
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
} 

#menu ul {
padding: 0px ;
margin: 40px;
background-image: url("fondo_menu.gif");
background-repeat: repeat;
background-position: 0 0;
background-color: transparent;
list-style: none;
font-size: 11px;
font-weight: bold;
width: 100%;
height: 30px;
float: left;
}
#menu ul li {
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
background-image: url("../images/fondo_menu.gif");
background-repeat: repeat;
background-position: 0 0;
color: #FFF;
padding: 5px 15px;
float: left;
text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active{
color: #111;
background-position: 0 -30px;
background-color: #CCC;
height: 20px;
}

#sobre
{
display: inline;
}
 .sob a:hover
{ 
color:#ffffff;
border-bottom:dotted 3px;
}
 .sob a 
{
	color:#ffffff;
	text-decoration: none;
	}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#333; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#333; border-right:2px solid #aaa; border-left:2px solid #333; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#333; border-right:1px solid #aaa; border-left:1px solid #333; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#333; border-right:1px solid #aaa; border-left:1px solid #333; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #333;}
.headh {background: #333; border-right:1px solid #333; border-left:1px solid #333;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #333; border-right:1px solid #333; border-left:1px solid #333;}
.contenth div {margin-left: 12px; padding-top: 5px;}


.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}

.b1n, .b2n, .b3n, .b4n{font-size:1px; overflow:hidden; display:block;}
.b1n {height:1px; background:#ddd; margin:0 5px;}
.b2n {height:1px; background:#444; border-right:2px solid #ddd; border-left:2px solid #ddd; margin:0 3px;}
.b3n {height:1px; background:#444; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 2px;}
.b4n {height:2px; background:#444; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 1px;}
.contentbn {background: #444; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.contentbn div {margin-left: 5px;}

.b1v, .b2v, .b3v, .b4v{font-size:1px; overflow:hidden; display:block;}
.b1v {height:1px; background:#000; margin:0 5px;}
.b2v {height:1px; background:#ffffcc; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3v {height:1px; background:#ffffcc; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4v {height:2px; background:#ffffcc; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
.contentbv {background: #ffffcc; border-right:1px solid #000; border-left:1px solid #000;}
.contentbv div {margin-left: 5px;}


.b1g, .b2g, .b3g, .b4g{font-size:1px; overflow:hidden; display:block;}
.b1g {height:1px; background:#000; margin:0 5px;}
.b2g {height:1px; background:#E8E8E8; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3g {height:1px; background:#E8E8E8; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4g {height:2px; background:#E8E8E8; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
.contentbg {background: #E8E8E8; border-right:1px solid #000; border-left:1px solid #000;}
.contentbg div {margin-left: 5px;}

.b1r, .b2r, .b3r, .b4r{font-size:1px; overflow:hidden; display:block;}
.b1r {height:1px; background:#000; margin:0 5px;}
.b2r {height:1px; background:#444; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3r {height:1px; background:#444; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4r {height:2px; background:#444; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
.contentbr {background: #444; border-right:1px solid #000; border-left:1px solid #000;}
.contentbr div {margin-left: 5px;}/* CSS Document */

.b1b, .b2b, .b3b, .b4b{font-size:1px; overflow:hidden; display:block;}
.b1b {height:1px; background:#ddd; margin:0 5px;}
.b2b {height:1px; background:#000; border-right:2px solid #ddd; border-left:2px solid #ddd; margin:0 3px;}
.b3b {height:1px; background:#000; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 2px;}
.b4b {height:2px; background:#000; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 1px;}
.contentbb {background: #000; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.contentbb div {margin-left: 5px;}

.b1t, .b2t, .b3t, .b4t{font-size:1px; overflow:hidden; display:block;}
.b1t {height:1px; background:#333; margin:0 5px;}
.b2t {height:1px; background:transparent; border-right:2px solid #333; border-left:2px solid #333; margin:0 3px;}
.b3t {height:1px; background:transparent; border-right:1px solid #333; border-left:1px solid #333; margin:0 2px;}
.b4t {height:2px; background:transparent; border-right:1px solid #333; border-left:1px solid #333; margin:0 1px;}
.contentbt {background: transparent; border-right:1px solid #333; border-left:1px solid #333;}
.contentbt div {margin-left: 5px;}

.clear { clear: both; background: none; }