/*****jquery-menu-04 styles*****/
/*background image is property of vankarwai(me). Use is allowed for any purchaser.*/

body {
	background: #CECECE;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12pt;
}




#container {
	width: 900;
	max-width: 900px;
	min-width: 900px;
	margin: 0 auto;
}

#div0{
	float:left;
	width:230px;
	}
	
#div1{
	margin-top:145px;
	width:65px;
	float:right;
	}
	
	

#div2{
	background-color:#656565;
	width:100%;
	float:left;
	z-index:1000;
	height:30px;
	
	}
div#div2-1 { width:100px; float:left; padding-top:9px;}
div#div2-2 { font-size:11px; color:#FFFFFF;float:right; padding-top:9px; padding-right:15px;}
div#div2-contact { font-size:11px; color:#FFFFFF;float:right; padding-top:9px; padding-right:9px;}
div#div2-contact a {  color:#FFFFFF ; text-decoration:none}


	



#div3{
	width:100%;
	float:left;
	margin-top:25px;
	}
	
#div4{
	width:100%;
	float:left;
	margin-top:15px;
	background-color:#BBC0BF;
	min-height:230px;
	}

#div5{
	width:100%;
	float:left;
	margin-top:15px;
	background-color:#DADADA;
	}

#div6{
	width:100%;
	float:left;
	margin-top:15px;
	background-color:#FFF;
	}
	
#div7{
	width:100%;
	text-align:right;
	float:right}

#div8{
	width:100%;
	float:left;
	margin-top:15px;
	background-color:#CECECE;
	min-height:172px;
	}
	
	#div9{
	width:100%;
	float:left;
	margin-top:25px;
	background-color:#55D2C4;
	}
	#div10{
	width:100%;
	float:left;
	margin-top:25px;
	background: #CECECE;
	}
	#div11{
	width:100%;
	float:left;
	margin-top:15px;
	background-color:#CECECE;
	min-height:450px;
	}
	#div12{
	width:100%;
	float:left;
	margin-top:25px;
	background-color:#BBC0BF;
	
	}
	
div#wrapper-menu ul#nav li {
	display:block;
	list-style:none;
}
div#wrapper-menu ul#nav li a {
	display:inline-block;
	width: auto;
	height:20px;
	padding:6px 0px 0px 15px;
	font-size:11px;
	color:#fff;
	text-decoration:none;

}

#tabla0 { padding-top:15px; width:96%;}


/*style the main menu*/
.myMenu {
	margin:0;
	padding:0;
}

.myMenu li {
	list-style:none;
	float:left;
	font-size:11px;
	
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	padding-left:15px;
	color:#fff;
	padding-bottom:9px;
}

/*style the sub menu*/
.myMenu li ul {
	z-index:99;
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
}





/*You can set color for each option and its hover color here (see functions.js too)*/
div#wrapper-menu ul#nav li#item1 a{background-color:#69225C;color:#fff; width:545px;}
div#wrapper-menu ul#nav li#item2 a{background-color:#EA0272;color:#fff; width:660px;}
div#wrapper-menu ul#nav li#item3 a{background-color:#57D1C4;color:#fff; width:620px;}
div#wrapper-menu ul#nav li#item4 a{background-color:#F68D20;color:#fff; width:570px;}
div#wrapper-menu ul#nav li#item5 a{background-color:#F54B0E;color:#fff; width:520px;}

div#wrapper-menu ul#nav li#item1 a:hover,div#wrapper-menu ul#nav li#item2 a:hover,div#wrapper-menu ul#nav li#item3 a:hover,div#wrapper-menu ul#nav li#item4 a:hover,div#wrapper-menu ul#nav li#item5 a:hover{color:#FFF;}



.content {
	padding: 10px 0;
}

/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* este relleno reproduce en espejo el relleno derecho de la regla de encabezados y de párrafo incluida más arriba. El relleno se ha colocado en la parte inferior para que el espacio existente entre otros elementos de la lista y a la izquierda cree la sangría. Estos pueden ajustarse como se desee. */
}

/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si se elimina overflow:hidden en .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

li.headlink ul { display: none; }
       li.headlink:hover ul { display: block; }
	   

#explora 
{
     background: url(../img/explora_.jpg);
     height:104px;
	 width:285px;
	 display:block;
}

#explora a
{
     background: url(../img/explora.jpg);
     height:104px;
	 width:285px;
	 display:block;
	 clear:both;
}

#marcelo 
{
     background: url(../p_2_1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#marcelo a
{
     background: url(../p_1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#exploraEng
{
     background: url(../img/exploraEng_.jpg);
     height:104px;
	 width:285px;
	 display:block;
}

#exploraEng a
{
     background: url(../img/exploraEng.jpg);
     height:104px;
	 width:285px;
	 display:block;
	 clear:both;
}

#exploraPor
{
     background: url(../img/explora_Por.jpg);
     height:104px;
	 width:285px;
	 display:block;
}

#exploraPor a
{
     background: url(../img/exploraPor.jpg);
     height:104px;
	 width:285px;
	 display:block;
	 clear:both;
	 }

#brit 
{
     background: url(../img/britEng_.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
	 
	 
}
#brit a
{
     background: url(../img/britEng.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
	 
}

#britEng 
{
     background: url(../img/britEng2_.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
	 
	 
}
#britEng a
{
     background: url(../img/britEng2.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
	 
}

#britPor 
{
     background: url(../img/britPor_.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
	 
}
#britPor a
{
     background: url(../img/britPor.jpg);
     height:104px;
	 width:197px;
	 display:block;
	 clear:both;
	 
}

#hamish 
{
     background: url(../hf1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#hamish a
{
     background: url(../hf2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#cadu 
{
     background: url(../cadu2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#cadu a
{
     background: url(../cadu1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#melanie 
{
     background: url(../melanie_smith2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#melanie a
{
     background: url(../melanie_smith1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#christiane 
{
     background: url(../christiane4.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#christiane a
{
     background: url(../christiane2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#caio
{
     background: url(../caio2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#caio a
{
     background: url(../caio.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#paz
{
     background: url(../paz2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#paz a
{
     background: url(../paz_1.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#glenda
{
     background: url(../glenda2.jpg);
     height:356px;
	 width:900px;
	 display:block;
}

#glenda a
{
     background: url(../glenda.jpg);
     height:356px;
	 width:900px;
	 display:block;
}


/**
* @file: highslide.css 
* @version: 4.1.13
*/
.highslide-container div {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 10pt;
}
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(styles/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.mobile .highslide-html {
	border: 0px solid silver;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: lighter;
	color: gray;
	text-transform: none;
	text-decoration: none;
}
.highslide-header a:hover {
	color: #666666;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(styles/highslide/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}