/*
      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:#ffffff;
 background-color:#2B221C;*/
 background-image:url(../images/ffondo_dgp.jpg);
background-repeat:no-repeat;
 background-attachment:fixed;
 text-align:center;
 
}
#logo{
visibility:hidden;
display: none;
} 
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:#336699;
border-bottom:dotted 1px;
}
a 
{
	color:#333;
	text-decoration: none;
	}


.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: 0 auto;
 width: 902px;
}

#faux {
 background: url(../images/bgk.jpg);
  background-color:transparent;
 margin-bottom: 3px;
 overflow: hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 902px;
 margin: 0px 0px 0px 0px;
 }
#header {
 color: #333;
 width: 902px;
 padding: 0px;
 height: 165px;
 background: url('../images/header.jpg') no-repeat bottom left;
/*background-color: transparent;*/
 margin-left:0px; 
 margin-right:0px; 
 margin-top:0px; 
 margin-bottom:0px; 
 background-repeat:no-repeat;
}
#boton
{
   visibility:visible;
   display: block; 
}
#navigation {
float: left;
 width: 902px;
 height: 63px;
 color: #336699;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 font-size: 80%;
 background-color:transparent;
 background: url(../images/navigation.jpg) no-repeat;
}

#leftcolumn { 
 display: inline;
 border: solid 1px;
 color: #336699;
 margin: 10px 0 0 10px;
 padding: 0px;
 width: 195px;
 float: left;
}
#content 
{
 float:left;
 color: #233;
 margin: 10px 0 0 10px;
 padding: 0px;
 width: 481px;
 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;
 border: solid 1px;
 color: #555555;
 margin: 10px 10px 0px 15px;
 padding: 0px;
 width: 195px;
 float: left;
}
#footer { 
 width: 902px;
 font-size:10px;
 clear: both;
 color: #555;
 height:85px;
 background-image:url(../images/footer.jpg);
 margin: 0 0 0 0;
 padding: 0px;

}
.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:0px;
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 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:right;
      width:900px;
      margin: 4px 5px 0 0;
      background: transparent;
      font-size:11px;
      line-height:normal;
	  border-bottom:1px solid #aaa;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 2px;
	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:#000;
      }
    /* 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;
      }
/*- Menu Tabs F--------------------------- */

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

    #tabsG {
      float:left;
      width:100%;
      background:#fff;
      font-size:11px;
      line-height:normal;
      }
    #tabsG ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:left;
      background:url("../images/tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("../images/tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG 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 */
}