/* css Estrategias y empresas  - '001', by Martin Araujo Roman, http://www.megatradeperu.com/ */

/* copyright 2008, Grupo Megatrade S.A.C. */

/* Date: April 23th, 2008 */



body

    {

    margin: 0;

    padding: 0;

    color: #333333;

    font: 13px Verdana, Arial, Helvetica;

	 background-image: url(../images/tile.gif);

    /* background: url(../images/tile.gif) repeat repeat; */ 

    text-align: center;

    }

	 

a

    {

    color: #036;

    } 

a:hover

    {

    color: #b22222;

    }

	 

acronym

    {

    border: none;

    }



.change

{

font-style: normal;

}	 

	 

img

   {/* border style for all images */

  border: 0;

   }



#container
    {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 900px;
	position: relative;
	background-color: white;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 500px;
    }

#container2
    {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 900px;
	position: relative;
	background-color: white;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 580px;
	background-image: url(../images/fondo.jpg);
    }

#container3

    {

	margin-top: 30px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	width: 900px;

	position: relative;

	background-color: white;

	padding: 0px 0px 0px 0px;

	text-align: left;

	height: 580px;

	background-image: url(../images/fonitas.jpg);

    }


#header

    {

	 position: inherit;

	 top: 0px;

	 width: 900px;

	 background: #ffffff;

	 margin-top: 0px;

	 margin-right: 0px;

	 margin-bottom: 0px;

	 margin-left: 0px;

	 /* height: auto; */

     padding-top: 0px;  /*posiciona este selector*/ 

	 } 

	 

#logo

    {

    position: relative; 

	background: #ffffff; /* url(../images/fondo_logo.png) repeat-x; */ 

    top: 14px;  /*margen superior del logo cambiar este valor de acuerdo al fondo */

	margin-top: 0;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-left: 0px;  

	text-decoration: none;

	border: none;

    width: 900px;

    }



#logo a

    {

    color: #cccccc;

    text-decoration: none;

	 border: none;

    }



#logo a:hover

    {

	 color: #cccccc;

    text-decoration: none;

	 border: none;

    }

	 

#pageHeader

    {
	position: absolute;
	top: 62px;
	left: 631px;
	height: 16px;
	width: 250px;

    }



#pageHeader2

    {

	top: 240px;

	left: 10px;

	height: 600px;

	width: 870px;

	float: none;  /* posiciona grafico vertical */

	padding-top: 0px;

	padding-left: 10px;

	padding-bottom: 0px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left:10px;
	height: 500px;
    }

 

h1

    {

    width: 400px;

    height: 0px;

    overflow: hidden;

    margin: 0;

    }



h1 span

    {

	 font-size: 17px;

    display: none;

    }



h2 

    {

    font-size: 15px;

    margin: 0;

    color: #036;

    }

h3 span

    {

    font-size: 18px; 

    margin: 0;

    color: #036;

    }

h4 span

    {

    font-size: 15px; 

    margin: 0;

    color: #009000;

    }

	 	 

#quickSummary

    {

	 position: absolute; /* posiciona este selector */

	 background-image: url(../images/tile.gif);

	 float: right;

	 width: 900px;

	 top: -24px; /* posiciona selector del vinculo cambio idioma */ 

    right: 0px;

    margin: 0px;

    }

	

#quickSummary .p2

    {

    font-size: 10px;

    position: relative;

	 float: right;

	 color: white;

	 background: url(../images/tile.gif) repeat; 

    top: 0px; /* posiciona selector del vinculo cambio idioma */ 

    right: 0px;

    margin: 0px;

    } 

	 

#quickSummary .p2 a

    {

    font-size: 12px;

    position: relative;

	 float: right;

	 color: white;

	 /* height: 30px; */

	 background: url(../images/tile.gif) repeat; 

    top: -3px; /* posiciona selector del vinculo cambio idioma */ 

    right: 30px;

    margin: 0px;

    } 	

	 

 	 

#menu

    {

	position: relative;

	top: -10px;

	left: -1px;

    }	



.preload1 {background: url(../images/three_0a.gif);}

.preload2 {background: url(../images/three_1a.gif);}

	

#nav 

	{

	padding:0; 

	margin:0;

	margin-left:2px; 	

	list-style:none; 

	height:38px; 

	background:#fff url(../images/three_0.gif) 

	repeat-x; position:relative; 

	z-index:500; 

	font-family:arial, verdana, sans-serif;

	}



#nav li.top 

	{

	display:block; 

	float:left;

	}



#nav li a.top_link 

	{

	display:block; 

	float:left; 

	height:35px; 

	line-height:33px; 

	color:#ccc; 

	text-decoration:none; 

	font-size:15px; 

	font-weight:bold; 

	padding:0 0 0 10px; 

	cursor:pointer;

	background: url(../images/three_0.gif);

	}



#nav li a.top_link span 

	{

	float:left; 

	display:block; 

	padding:0 10px 0 0px; 

	height:35px; 

	background: url(../images/three_0.gif) right top no-repeat;

	}



#nav li a.top_link span.down 

	{

	float:left; 

	display:block; 

	padding:0 24px 0 0px; 

	height:35px; 

	background: url(../images/three_0a.gif) no-repeat right top;

	}



#nav li:hover a.top_link 

	{

	color:#fff; 

	background: url(../images/three_1.gif) no-repeat;

	}

#nav li:hover a.top_link span 

	{

	background:url(../images/three_1.gif) no-repeat right top;

	}

#nav li:hover a.top_link span.down 

	{

	background:url(../images/three_1a.gif) no-repeat right top; 

	padding-bottom:3px;

	}



/* Default list styling */



#nav li:hover {position:relative; z-index:200;}



#nav li:hover ul.sub

{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:180px; height:auto; z-index:300;}

#nav li:hover ul.sub li

{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}

#nav li:hover ul.sub li a

{display:block; font-size:11px; height:18px; width:175px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}

#nav li ul.sub li a.fly

{background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover 

{background:#3f96a9; color:#fff; border-color:#fff;}

#nav li:hover ul.sub li a.fly:hover

{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}



#nav ul, 

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{background:#50b5d0 url(../images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 

 

#banner_flash

    {

	float: inherit;  /*posiciona grafico vertical */

	width: 880px;

	padding-top: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left:0px

    }



 #front

    {

	float: none;  /*posiciona grafico vertical */

	width: 890px;

	padding-top: 0px;

	padding-left: 0px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left:10px

    }



#display

    {

	float: none;

	width:870;

	text-align: justify;

	padding-top: 0px;

	padding-left: 0px;

	padding-bottom: 0px;

	padding-right: -10px;

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left:20px;

	

    }



#display ul

{

padding: 0;

margin: 0;

list-style-type: none;

float: none;

width:800px;

color: #000;

background-color: #fff;

}



#display img

{

float: left;

margin: 10px 10px 0px 10px;

}



#display h3

{

	margin: 0px 10px;

	padding: .5em 0 0 0;

	font-size: 100%;

	}

#display p

{

	margin: 0 10px;

	padding: 0 0 .5em 0;

	}

 

#footer

    {

	width: 900px; 

	background: #50b5d0; /* url(../images/fondo_footer3.png) repeat-x;  define fondo del selector */

	text-align: center;

	font-size: 12px;

	padding-top: 0px;

	padding-left: 0px;

	padding-right: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

    }	 



#footer li

 {



display: inline;

list-style-type: none;

padding-right: 10px



 }

	

#listfooter li

 {

color: #ffffff; 

display: inline;

list-style-type: none;

padding-right: 10px;

font-size: 10px;

 }

 

#listfooter li a

{

color: #cccccc;



}



#supportingText

    {

	float: none;

	width: 890px;

	background-color: #FFFFFF;

	padding-top: 10px;

	padding-left: 10px;

	padding-right: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	left: 1px;

	top: 244px;

	text-align: justify;

    }

	 

#preamble 

    {

 	 color: #333333;

    width: 700px;

    margin: 0px 0px 0px 0px;

    }	

	 

#preamble p

   {

  line-height: 150%; /* separacion de lineas */

  margin: 10px 0px 0px 0;

    }

	 		 	  

 #preamble h3 

    {

    color: #036;

    width: 700px;

	 letter-spacing: .1em;

    height: 20px;

    margin: 10px 0px 0px 0px;  	

    } 	 

 #explanation, #participation, #benefits, #requirements, #lista

    {

	 

 	 color: #333333;

    width: 750px;

    margin: 10px 0px 0px 50px;

    }

	 

 #explanation h4, #participation h4, #benefits h4, #requirements h4, #lista h4

    {

 	 color: #009000;

    width: 450px;

    height: 20px;

    margin: 10px 0px 0px 0px;

    }

	 	 

#requirements

    {

    margin-bottom: 10px;

    }

	 

#explanation img, #participation img, #benefits img, #requirements img

{

float: right;

margin: 10px 10px 0px 10px;

}	 	



#explanation .img1 , #participation .img1, #benefits .img1, #requirements .img1

{

float: left;

margin: 10px 10px 0px 10px;

}	 

	#lista ul

 {

	list-style: square inside;

	margin-left: 5px;

	width: 600px;



	}



#lista2 ul

 {

	list-style: square inside;

	margin-left: 5px;

	width: 600px;



	}

	#lista3 ul

 {

	list-style: square inside;

	margin-left: 5px;

	width: 600px;



	} 	 	 	  	 	

	

	#lista4 ul

 {

	list-style: square inside;

	margin-left: 5px;

	width: 600px;



	} 	

	

	#form

	 {

	 

 	 color: #333333;

    width: 750px;

    /* height: 20px; */

    margin: 10px 0px 0px 50px;

    }

	 

	 #signup table { 

 background-color: #F9FBFD; 

 color: #000000; 

 width: 500px; 

 border: 1px solid #D7E5F2; 

 border-collapse: collapse; 

} 



#signup td { 

 border: 1px solid #D7E5F2; 

 padding-left: 4px; 

}



.labelcell { 

 font-size: 11px ; 

 

 background-color: transparent; 

 width: 280px; 

} 



.fieldcell { 

 background-color: #F2F7FB; 

 color: #000000; 

 text-align: left; 

 margin-right: 0px; 

 padding-right: 0px; 

} 



.fieldcell input { 

 width: 200px; 

 font-size: 11px ; 

 background-color: #D7E5F2; 

 color: #102132; 

 border: 1px solid #284279; 

 margin-right: 0px; 

} 



.button { 

 font-size: 13px ; 

 background-color: #D7E5F2; 

 color: #102132; 

 margin-left: 110px; 

 margin-top: 3px; 

 margin-bottom: 2px; 

}



#breadcrumb

{
	font-size: 12px;
	margin-top: -20px;
	margin-left: 60px;
	text-align: left;
}





.breadcrumb

{

font-size: 14px;

font-weight: bold;

}



.breadcrumb a{

background: transparent url(../images/breadcrumb.gif) no-repeat center right;

text-decoration: none;

padding-right: 18px; /*adjust bullet image padding*/

color: navy;

}



.breadcrumb a:visited, .breadcrumb a:active{

color: navy;

}



.breadcrumb a:hover{

text-decoration: underline;

}



.change_green

{

font: bold 13px Verdana, Arial, Helvetica; 

color: #009000;

}



.change_blue

{

font: bold 13px Verdana, Arial, Helvetica; 

color: #036;

}
.slogan {
	font-family: monospace;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}