/***** Global *****/

	/* Reset */

		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,

		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-weight: inherit;

			font-style: inherit;

			font-size: 100%;

			font-family: inherit;

			vertical-align: baseline

		}

		

		:focus {outline: 0}

		

		body {

			line-height: 1;

			color: black;

			background: white

		}

		

		ol, ul {list-style: none}

		

		/* Las tablas necesitan 'cellspacing="0"' en el marcado */

		table {

			border-collapse: separate;

			border-spacing: 0

		}

		

		caption, th, td {

			text-align: left;

			font-weight: normal

		}

		

		blockquote:before, blockquote:after, q:before, q:after {content: ""}

		blockquote, q {quotes: "" "" }



/* Cuerpo */

	body {

		text-align: left;

		font-family: arial, verdana, serif;

		font-size: 75%

	}



/* Encabezados */

	h2 {

    font-size: 20px;

    font-weight: normal;

    text-transform: uppercase;

    color: #f26a57;

    margin-bottom: 30px

  }

  h2.seccion {font-size: 16px; color: #666; margin-bottom: 3px}

	h3 {font-size: 130%}

	h4 {font-size: 110%}

	h5 {font-size: 90%}

	h6 {font-size: 70%}

	

/* Hipervínculos */

	a {outline: 0}

	a img {border: 0px; text-decoration: none}

	a:link, a:visited {text-decoration: none; color: #00385d}

	a:hover, a:active {color: #fff; background-color: #00385d}

	

/* Párrafos */

	p {

    clear: both;

    margin: 0 auto 15px auto;

    font-size: 11px;

    text-align: justify;

    line-height: 1.3

	}

	

	strong {font-weight: bold}

	

	.float-left {float: left}

	.float-right {float: right}

	

/* Listas */

ul li {

  /*padding-left: 20px;

  background: url('../imagenes/bullet.gif') no-repeat 0 5px;*/

  line-height: 1.8

}



ul ul {margin: 0 0 1em -5px}



ul ul li {

  padding-left: 20px;

  /*background: url('../imagenes/sub-bullet.gif') no-repeat 0 0;*/

  line-height: 1.8

}

	

/***** Diseño del Layout *****/

#topnav {

  background-color: #00385d;

  color: #fff;

  height: 28px;

  line-height: 28px;

  padding-left: 28px;

  margin-bottom: 15px

}



#topnav a:link, #topnav a:visited {color: #fff; cursor: pointer}

#topnav a:hover, #topnav a:active {color: #00385d; background-color: #fff}



#idiomas {

  float: right;

  margin: -28px 28px 0 0

}

/* Logo */

  h1 {margin: 0 0 0 135px}

  h1 a {

    display: block;

    width: 223px;

    height: 292px;

    background: url('../imagenes/logo.jpg') no-repeat top left;

    text-indent: -9999em;

    cursor: pointer

  }



/* Menu */

#menu-wrap {

  background: #d7dfe9 url('../imagenes/tag-end.gif') no-repeat bottom left;

  padding-bottom: 30px;

  margin: 0 0 0 135px;

  float: left;

  display: inline;

  width: 223px

}



#menu {width: 223px; background: #d7dfe9}



#menu li {padding-left: 0; background: none}



#menu a {

  display: block;

  background: url('../imagenes/dotted-horizontal.gif') repeat-x bottom left;

  height: 11px;

  padding: 17px 0 8px 43px;

  text-transform: uppercase;

  font-size: 11px;

  cursor: pointer;

  color: #00385d

}



#menu a:hover, #menu a.actual {background-color: #b5c3d4; color: #00385d}



/* Contenido */

#contenidos {

  float: left;

  display: inline;

  width: 520px;

  height: 400px;

  margin-left: 1px;

  position: relative;

  overflow: hidden

}



  /* Fichas de contenido */

  div.cont-wrap {width: 520px; position: absolute}

  div.contenido {

    left: 0;

    top: 0;

    border: 1px solid #d7dfe9;

    width: 424px;

    background: #fff;

    padding: 39px 22px 25px 49px;

    position: relative;

    margin-right: 17px

  }

  

  div#marketing .contenido {top: 36px}

  div#turismo .contenido {top: 72px}

  div#ambito .contenido {top: 108px}

  div#servicios .contenido {top: 144px}

  div#metodologia .contenido {top: 180px}

  div#contacto .contenido {top: 216px}

  

  div.contenido:after {

    content: ".";

    display: block;

    clear: both;

    height: 0;

    visibility: hidden

  }

  

  a.cerrar {

    display: block;

    position: absolute;

    width: 17px;

    height: 109px;

    background: url('../imagenes/cerrar.gif') no-repeat top right;

    text-indent: -9999em;

    top: -1px;

    right: -17px;

    cursor: pointer

  }



  div.contenido img {margin-bottom: 55px}

	

/* Contacto */

  /* Direccion */

  address {

    line-height: 1.2;

    font-size: 12px;

    padding: 25px 0 60px 43px

  }

  

  address strong {text-transform: uppercase}

  

  /* Formulario */

  #forma-contacto {margin: -40px 0 0 0}

  #forma-contacto label {

    display: block;

    font-size: 10px;

    margin: 20px 0 9px 0

  }



  #forma-contacto label span {

    font-style: italic;

    color: #808080

  }



  #forma-contacto input, #forma-contacto textarea {

    width: 100%;

    font-family: arial;

    font-size: 11px;

    color: #555

  }



  #forma-contacto textarea {

    height: 110px;

    margin-bottom: 18px

  }

  

/* Vicente */

li span {

	cursor:pointer;

	padding-left: 20px;

	background: url('../imagenes/bullet.gif') no-repeat 0px 0px;

}



ul .subcapa {

	display:none;

}

ul .subcapa span {

	margin-left:0px;

	background: url('../imagenes/sub-bullet.gif') no-repeat -2px 0px;

	cursor:default;

}.aviso {
	font-size: 11px;
	text-decoration: underline;
	font-style: normal;
	cursor: pointer;
	padding-top: 28px;
	padding-bottom: 0px;
}