body {
	margin: 0px;
	/*	background: url(images/img01.gif) repeat-x left top;*/
font: 80% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	/*font-family: Arial, sans-serif;
	font-size: 12px;*/
	color: #333333;
	background-color: #E2E2E2;
	border: none;
	height: auto;
	background-image: url(images/fondo_body.jpg);
}

h1, h2, h3 {
	margin: 0px;
	font-weight: normal;
	color: #006699;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
	margin:0px 0px 3px;
}

h4 {
	font-size: 1.4em;
	margin:0px 0px 3px;
}

p, ul, ol {
	line-height: 180%;
	font-size: 11px;
}
p.no_float{
	clear:both;
}

.texto_grande {
	font-size: 16px;
	line-height: 20px;
}
ul, ol {
}
a {
	text-decoration: none;
	color: #006699;
}

a:hover {
	background: none;
}

a:active{background-color:#FFCCCC}

/* Id del contenedor de la página sin la cabecera: contiene el menú lateral y el contenido prncipal */

/* Definición de tablas para mostrar datos*/
.table {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table ul {/* ul es la columna */
	margin: 0px;
	padding: 0px;
	float: left;
	border-top-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}
.table ul li { /* li es cada fila contenida en una columna */
	padding: 5px;
	list-style-type: none;
	background-color: #CCCCCC;
	font-size: 12px;
	width: auto;
	color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	border-right-width: 2px;
	border-right-style: solid;
	border-top-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-left-color: #F0F0F0;
	background-image: url(images/fondo_body_2.jpg);
}
.table ul li.heading {
	color: #333366;
	text-transform: uppercase;
	font-size: 14px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-right-style: solid;
	border-left-style: none;
	border-right-width: thin;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(images/img03.jpg);
	background-repeat: repeat;
}

.table ul li a {
	background: none;
	color: #660000;
	border: none;
	font-weight: bold;
}

.table ul li a:hover {
	text-decoration: underline;
}

/* Fin de definición de tablas para mostar datos */
/* Definición de tablas de datos técnicos*/
.tabla_datos_tecnicos{
	text-align:center;
	font-weight: bold;
	background-color:#FFFFFF;
}

.columna_resaltada{
	background-image: url(images/columna_tabla.jpg);
	font-weight: bold;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
}

/* Fin de definición de tablas de datos técnicos */
#wrapper {
	width: 900px;
	margin: 0 auto;
	/*height: auto;*/
	min-height:580px;
	background-color: #D7D7D7;
}

#wrapper .img {
	border: none;
}

/* Id del contenedor de cabecera: contiene el logo y los botones para cambiar de idioma. */
/* Header */

#header {
	width: 900px;
	height: 50px;
	/*background: url(images/img02.jpg) repeat-y left top;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/img02.jpg);
}

#header p{
	text-align: right;
}

#header table{
	height: 50px;
}
#header img{
	border: none;
}

/* Id del logo */
/* Logo */

#logo {
	float: left;
	width: 200px;
	color: #000000;
	margin-left: 10px;
}

#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 30px 0 0 20px;
	margin-right: 10px;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 2.8em;
}

#logo h1 a {
	color: #FF7900;
}

#logo p {
	float: left;
	margin: 44px 0 0 0;
	padding: 3px 10px 3px 0px;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #000000;
}

#logo img {
	border: none;
}
/* Search */

#search {
	float: right;
	width: 230px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 70px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	border: none;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/* Id del menú horizontal de la cabecera */
/* Menu */

#menu {
	width: 900px;
	height: 44px;
	background: url(images/img03.jpg) no-repeat left top;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu ul {
	margin: 0;
	padding: 13px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 3px;
	padding: 5px 12px 7px 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu a:hover {
	text-decoration: none;
	background-color: #99CCFF;
}

#menu .first {
	margin-right: 3px;
}

/* Id del contenido del cuerpo principal derecho, el que está al lado del menú lateral. */
/* Content */

#content {
	float: right;
	width: 720px;
	padding: 10px 10px 0 0;
}
/* Para poner una cajita a la izquierda y otra a la derecha.*/
.cajitai {
	float: left;
	width: 48%;
	padding: 2px 2px 2px 2px;
	background-color: #ffffFF;
}
.cajitad {
	float: right;
	width: 48%;
	padding: 2px 2px 2px 2px;
	background-color: #ffffFF;
}

.cajitai h1, .cajitad h1
{
  	font-size: 1.3em;
}
.cajitai img, .cajitad img {
	float:right;
	margin: 0 5px 5px 0;
	border: none;
}
/* Clase de la cajita para meter texto dentro del contenido. 
Es la cajita que tiene un título y luego otra cajita con texto debajo.*/
.post {
	margin-left: 1px;
	padding-bottom: 30px;
	clear:both;
}

.post .title {
	padding-left: 0px;
	color: #006699;
	padding-bottom: 5px;
}

.post .title a {
	background: none;
	color:  #333333;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	background: #E0E0E0;
	padding: 3px 10px 3px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.post .meta .comments,.post .meta .permalink {
}

.post .entry {
	padding: 10px 20px 20px 20px;
	text-align: justify;
}
.post img {
	border: none;
	margin-top: 10px;
}
.post li
{
	padding-bottom: 15px;
}


.entry img {
	float:left;
	margin: 0 5px 5px 0;
	border: none;
}
/* Id del breadcrumb*/
.breadcrumb{
	margin-left: 5px;
	color: #006699;
}

/* Id del menú lateral. */
/* Sidebar */

#sidebar {
	float: left;
	width: 160px;
	border-right: 1px solid #ccc;
}
#sidebar ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

#sidebar ul ul{
	border: 1px solid #CCCCCC;
	border-top:none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar a {
	/*color: #000000;*/
	color: #006699;
	border: none;
	padding: 0 3px;
}

#sidebar a:hover {
	/*text-decoration: underline;*/
	color: #006699;
	background-image:url(images/img03.jpg);
	/*font-size: 14px;*//* Esto hace que al pasar el cursor por el link las letras se pongana más grandes*/
}

#sidebar li ul {
	padding-bottom: 15px;
	color: #6699FF;
}

#sidebar li li { /* Estos son los items del menú lateral*/
	line-height: 30px;
	/*border: 1px solid #006699; */ /* esto es para que saque una cajita alrededor del item */
	/*margin: 1px 1px 1px 1px;*/ /* esto es para que saque una cajita alrededor del item */
	font-size: 13px;
	font-weight: normal;
	border-bottom-width: thin;
	border-top-style: none;
	border-bottom-style: groove;
	border-bottom-color: #7799aa;
	border-right-style: none;
	border-left-style: none;
	border-top-width: medium;
	border-right-width: thin;
	border-left-width: thin;
	background-repeat: no-repeat;
}

#sidebar li.resaltado{ /* Items del menú lateral resaltado porque está siendo mostrado en el contenido */
	/*background-color:#CFCFD5;*/
	background-color:#FFFFFF;
	font-weight: bold;
	border: medium groove #7799aa;
	background-image: url(images/sidebar_option.jpg);
}

#sidebar h2 { /* Se utiliza para los títulos principales de nivel 1*/
	letter-spacing: -0.5px;
	color: #006699;
	font-size: 12px;
	background: url(images/img03.jpg) no-repeat left top;
	padding: 0;
	text-align: center;
	line-height: 270%;
	font-weight: bold;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}
#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
	color: #BCBCBC;
}
 
 #sidebar .cabecera_de_subgrupo{ /* Cabecera de subgrupo de menú lateral, es como un título de nivel 2*/
	border-bottom: 0;
	background-color:#CCCCCC;
	line-height: 35px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
/* Id del pie de página. */
/* Footer */

#footer {
	width: 900px;
	height: 44px;
	margin: 0 auto;
	/*padding: 20px 0 15px 0;*/
	background: #333333;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	background: url(images/img03.jpg) no-repeat left top;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0 15px 0;
}

#footer a {
	color: #FFFFFF;
	border-bottom: 1px #FFFFFF dotted;
}

/* Id de la tarjetita de contacto que ponemos en la esquina izquierda inferior. */
#nosotros p{
	margin: 0;
	line-height: normal;
	font-size: 10px;
	text-align: center;
	padding: 15px 0 15px 0;
	vertical-align:bottom;
	width: 160px;
}
/* Menu horizontal con deplegables */
#cssmenu {
	width: 900px;
	height: 40px;
	/*background:transparent url(images/img03.jpg) no-repeat left top;*/
        /*background:transparent url(images/topnavbar.gif) no-repeat top left;*/
  border: 0px;
  margin: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}
#cssmenu ul {
  /*background: #cccccc;*/
  background:transparent url(images/img03.jpg) no-repeat left top;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background:transparent url(images/img04.jpg) no-repeat left top;
  background-size: cover;
/*background:transparent url(images/img04.jpg) no-repeat left top;*/
  /*background: #cccccc url('images/seperator.gif') bottom right no-repeat;*/
  display: block;
  font-weight: normal;
  line-height: 40px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #333333;
}
#cssmenu ul ul a {
  color: #333333;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #2580a2 url('images/hover.png') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #bdd2db;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 180px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('images/sub_sep.gif') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 180px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 40px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #2580a2 url('images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
#top-nav-bg  {
  background:transparent url(images/topnavbar.gif) no-repeat top left;
  height:38px;
  width:984px;
}
/* Menu vertical con deplegables */
/*********************************/
#cssmenu_vert  {
  border-right: 1px solid #ccccc;
  background: #33333;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 160px;
}
#cssmenu_vert  li {
  font: 100% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu_vert li.resaltado{ /* Items del menú lateral resaltado porque está siendo mostrado en el contenido */
	/*background-color:#CFCFD5;*/
	background-color:#FFFFFF;
	font-weight: bold;
	/*border: medium groove #7799aa;*/
	background-image: url(images/sidebar_option.jpg);
}
#cssmenu_vert  a {
  background:transparent url(images/img04.jpg) no-repeat left top;
  background-size: cover;
  /*background: #333;*/
  border-bottom: 1px solid #cccccc;
  color: #333333;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
}
#cssmenu_vert a:hover {
  background: #2580a2 url('images/hover_vert.gif') left center no-repeat;
  color: #fffff;
  padding-bottom: 8px;
}
#cssmenu_vert ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

#cssmenu_vert ul ul{
	border: 1px solid #CCCCCC;
	border-top:none;
}	
#cssmenu_vert h2 { /* Se utiliza para los títulos principales de nivel 1*/
	letter-spacing: -0.5px;
	color: #006699;
	font-size: 12px;
	background: url(images/sidebar_option.jpg) no-repeat left top;
	padding: 0;
	text-align: center;
	line-height: 270%;
	font-weight: bold;
}
