/*
      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: 13px;
 }

#wrapper { 
 margin: 0 auto;
 width: 760px;

}

#header {
 color: #fff;
 width: 760px;
 float: left;
 /*padding: 10px;*/
 height: 171px;
 margin: 0px 0px 0px 0px;
 background: url(img/header.jpg) no-repeat ;
}

#header H2{
display:none;
}


/* BARRA DE NAVEGACION HORIZONTAL, esta es la barra principal superior*/

#navigation {
 float: left;
 width: 760px;
 height: 30px;
 color: #000;
 /*padding: 10px;*/
 margin: 0px 0px 0px 0px;
 padding-top:12px;
 background:#fff url(img/bg-titarea.gif) top repeat-x;
 border-bottom: 1px solid #a08e8b;
}

#navigation li {
color: #000;
display:inline;
list-style: none;
padding: 5px 0px 3px 20px;
}

#navigation li.home a:link, #navigation li.home a:visited {
color: #f19600;
font-size:90%;
display:inline;
list-style: none;
text-decoration:none;
}

#navigation li.home a:hover {
color:#c51700;
text-decoration:none;
}


#navigation a:link {
 color: #000;
 text-decoration: none;
 padding-left:20px;
 background:url(img/list-flecha2.gif) center left no-repeat;
}

#navigation a:visited {
 color: #000;
 text-decoration: none;
  padding-left:20px;
  background:url(img/list-flecha2.gif) center left no-repeat;
}

#navigation a:hover {
 color: #c51700;
 text-decoration: none;
 background-color:RED;
 padding-left:20px;
 background:url(img/list-flecha2.gif) center left no-repeat;
}

#navigation img {
border:none;
}

#navigation li.home {
padding-left:10px;
}


/* BARRA DE NAVEGACION HORIZONTAL, esta es la barra principal superior*/



#leftcolumn { 
 color: #333;
 background: #fff;
 margin: 0px 0px 0px 0px;

 min-height:750px;
 width: 180px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #333;
 width: 570px;
 /* height: 550px;*/
 min-height:650px;
 display: inline;
 background:#fff url(img/flecha-gr.gif) top left no-repeat;
}

#footer { 
 width: 760px;
 height:192px;
 clear: both; 
 font-size: 11px;
 background:#fff url(img/footer.gif) top left no-repeat;
/*padding: 10px;*/
}

#footer p.contacto{
padding-top:35px;
width: 60px;
height: 20px;
margin-left:670px;
margin-top: 110px;
}

p.contacto a:link, p.contacto a:visited{
color:black;
padding-left: 18px;
text-decoration:none;
background:url(img/contacto-on.gif) center left no-repeat;
}

p.contacto a:hover{
color:white;
padding-left: 18px;
text-decoration:none;
background:url(img/contacto-off.gif) center left no-repeat;
}



/* BARRA DE SUBMENUS HORIZONTAL, esta es la barra que aparece debajo en las Ôø‡reas principales, para sus submenÔø‡s*/

#rightcolumn #submenu {
margin: 0px 0px 0px 30px;
width: 540px;
border-bottom:1px solid #b9b9b9;
height: 27px;
padding-top:15px;
font-size:11px;
font-weight:bold;
}

#rightcolumn ul.subbotonera {
padding-left:30px;
}

#rightcolumn ul.subbotonera li{
text-transform:uppercase;
display:inline;
list-style: none;
}

#rightcolumn ul.subbotonera li a:link, #rightcolumn ul.subbotonera li a:visited{
color: #2f2f2f;
text-decoration:none;
background:url(img/flecha-submenu.gif) center left no-repeat;
padding: 5px 20px 3px 14px;
}

#rightcolumn ul.subbotonera li a:hover{
background:url(img/flecha-submenu-on.gif) center left no-repeat;
padding: 5px 20px 3px 14px;
color:#c51700;
}
/* BARRA DE SUBMENUS HORIZONTAL, esta es la barra que aparece debajo en las Ôø‡reas principales, para sus submenÔø‡s*/




#rightcolumn #flecha {
width: 540px;
height: 60px;
margin-left:31px;
border-bottom: 1px solid #c51700;
}

#rightcolumn #flecha h1 {
font-size:30px;
color:#c51700;
font-weight:normal;
padding-left:40px;
padding-top:22px;
padding-bottom:5px;
}

#rightcolumn #flecha h1 span {
font-size:20px;
color:orange;
font-weight:normal;
}


#rightcolumn #contenidos {
background:url(img/bg-titarea.gif) top repeat-x;
width: 540px;
margin-left:31px;
}

#contenidos h1 {
font-size:16px;
font-weight:normal;
padding-top:25px;
color:#c51700;
border-bottom:1px solid #c51700;
}

#contenidos h2 {
font-size:11px;
font-weight:bold;
padding-top:25px;
color:#c51700;
}

#contenidos p {
padding-top:10px;
color:#333333;
font-size:11px;
text-align:justify;
line-height:15px;
}

#contenidos a:link, #contenidos a:visited{
color:#FF3300;
}

 #contenidos a:hover{
 color:#c51700;
 text-decoration:none;
 }

acronym{
font-weight:bold;
border-bottom:1px dotted #666;
cursor: default;
}

#contenidos ul.lista {
list-style-image:url(img/naranja.gif);
padding-left:20px;
margin-top:10px;
line-height:15px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

ul.lista li.con {
border-bottom:1px dotted #aaa;
margin-bottom:10px;
}

ul.lista li ul li{
list-style-image:url(img/amarilla.gif);
margin-bottom:7px;
margin-left:15px;
}

ul.lista li.sinraya {
margin-bottom:10px;
}

ul.lista span a:link, ul.lista span a:visited {
display:block;
margin-top:15px;
margin-bottom:-30px;
width: 50px; 
color:white;
background:#f19600 url(img/menuv-off.gif) 4px no-repeat;
padding:5px 5px 5px 25px;
text-decoration:none;
}

ul.lista span a:hover {
color:#c51700;
background:#e37900 url(img/menuv-on.gif) 4px no-repeat;
}


/*BARRA DE MENU VERTICAL IZQUIERDA*/

#menuv{
width:189px;
height:555px;
margin-bottom:-15px;
}

#menuv h1{
background:url(img/menuv0.gif) bottom left no-repeat;
margin-top:-5px;
}

#menuv ul{
width:181px;
list-style:none;
}

#menuv ul li.normal a:link, #menuv ul li.normal a:visited {
display:block;
height:30px;
color:black;
padding-left:35px;
padding-top:13px;
background:#f19600 url(img/menuv-off.gif) 10px center no-repeat;
text-decoration:none;
}

#menuv ul li.normal a:hover {
display:block;
height:30px;
color:white;
padding-left:35px;
padding-top:13px;
background:#e37900 url(img/menuv-on.gif) 10px center no-repeat;
text-decoration:none;
}

#menuv ul li.last {
display:block;
background:url(img/menuvZ.gif) bottom left no-repeat;
height:20px;
}

#doc {
margin-top:10px;
width:183px;
height: 490px;
color: white;
}

#doc H5{
display:none;
}



/*#doc a:link, #doc a:visited{
width:183px;
height: 450px;
margin-top:10px;
color: white;
font-size:10px;
background-color:#ccc;
background-image:url(img/kontinuasom2-off.jpg);
background-position:top left;
background-repeat:no-repeat;
text-decoration:none;
}

#doc a:hover{
background:#fff url(img/kontinuasom-on.gif) top left no-repeat;
color: white;
text-decoration:none;
}*/


/*BARRA DE MENU VERTICAL IZQUIERDA*/
.realce {
margin:5px;
background:url(img/bg-realce.jpg) repeat-x;
font-weight:bold;
padding:5px 10px 5px 10px;
}

.center {
width:450px;
height:225px;
background-color:#000000;
padding: 10px 10px 10px 70px;
}

.enlace2 a:link, .enlace2 a:visited {
color:#f19600;
text-decoration:none;
}

.enlace2 a:hover{
color:#c51700;
text-decoration:underline;
}
.centrada{
width: 450px;
border:1px solid black;
text-aign:center;
color:black;
}

.centrada td{
text-align:center;
padding:5px;
}