/* css Imagegroupcorp - '001', by Martin Araujo Roman, http://www.megatradeperu.com/ */
/* copyright 2008, Grupo Megatrade S.A.C. */
/* Date: April 25th, 2008 */

body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background-color: #ffffff; /*#E2EBED; */
	 /* background-image: url(../images/back_afd4.png);	
	 background-repeat: repeat-x; */
    text-align: center;
    }
	 
a
    {
    color: #036;
    } 
a:hover
    {
    color: #D60808;
    }
	 
acronym
    {
    border: none;
    }

img
   {/* border style for all images */
  border: 0;
   }
		 
#container
    {
    /* margin: 0 auto; */
	 margin-top: 0px;
	 margin-right: auto;
	 margin-bottom: 20px;
	 margin-left: auto;	 
    width: 900px;
    position: relative;
    
	 /* background: url(../images/roundedcornr_198578_br.png) no-repeat bottom right; */
	 background-color: #f5f5f5;
    padding: 0px 0px 0px 0px;
    text-align: left;
    }

	#header
    {
	 width: 900px;
	 background-color: #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: url(../images/banner.jpg) no-repeat; */
	 background-color: #ffffff;
   top: 0px;  /*margen superior del logo cambiar este valor de acuerdo al fondo */
  /*   left: 10px; */
	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: 47px; /* margen superior del logo */
    left: 40px;

    }
	 
	h1
    {
    /* background:   url(../images/logo.png); */
    width: 202px;
    height: 56px;
    overflow: hidden;
    margin: 0;
    }

h1 span
    {
    display: none;
    }

h2
    {
    font-size: 12px;
    margin: 0;

    }

	#supportingText
    {
	float: none;
	width: 900px;
	background-color: white;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
    }
	 #explanation
    {
	float: none;  /*posiciona grafico vertical */
	width: 890px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left:0px
    }
  	#servicesText
    {
	float: none;
	width: 900px;
	background-color: white;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
    }
		
	 #explanation_serv
    {
	float: none;  /*posiciona grafico vertical */
	width: 280px;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left:0px
    }
	  
	#bg_right
    {
	float: right;  /*posiciona grafico vertical */
	width: 520px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left:0px
    } 
	 
	 #menu
    {
	  position: relative; 
	top: 4px;  /* coloca este selector en la parte superior */
	/* left: 20px; */ 
   /* width: 744px; */
    }	
	  
/* #lselect ul
{ 
padding: .2em 0; 
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

#lselect li {
 display: inline;
 padding: 0 0px 0 0px;
 }

#lselect li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#lselect li a:hover
{
background-color: #369;
color: #fff;
}  
*/ 


#banner_flash
    {
	float: inherit;  /*posiciona grafico vertical */
	width: 900px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px
    }
	 
	#supportingText p, #preamble p
    {
    line-height: 150%; /* separacion de lineas */
    margin: 10px 0px 0px 0;
    }
	
 #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3
    {
 	 color: #036;
    width: 450px;
    height: 20px;
    margin: 10px 0px 0px 0px;
    }
	 
#requirements
    {
    margin-bottom: 0px;
    } 

#display ul
    {
	 list-style-type: none;
	 width: 100%;
	 margin: 0;
	 padding: 0px;
	 }
	 
#display li
	 {
	 float: left;
	 width: 300px;
	 padding: 2em, 0;
	 }
	 
#display h3
	{
	margin: 0 10px;
	padding: .5em 0 0 0;
	font-size: 100%;
	 }
#display h3 img
	{
	display:block;
	}
#display p
	 {
	margin: 0 10px:
	padding: 0 0 .5em 0;
	 }
	 
	#footer
    {
	float: inherit;
	width: 900px; 
	background-color: #f5f5f5; /* define fondo del selector */
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	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;
/*text-decoration: none;
background-color: #036; */

/* padding: .2em 1em;
border-right: 1px solid #fff; */
}


.preload1 {background: url(../images/three_0a.gif);}
.preload2 {background: url(../images/three_1a.gif);}
	
#nav {padding:0; margin:0; 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:11px; 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:110px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:110px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:105px; 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;} 
 
#menu_interno
    {
	float: none;
	width: 880px;
	background-color: white;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    } 
 
 #navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: normal;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }


#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; 
}