/* CSS Document */

body{ margin:0px; background-color:#e0dcd1; font-family:Tahoma, Geneva, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	color:#333;}

h1{ /*font-family:Verdana, Arial, Helvetica, sans-serif;*/font-size:1.5em; padding: 0px 0 0px 15px; color:#042a5a; text-transform:uppercase;}
h2{ /*font-family:"Trebuchet MS";*/ font-size:1.2em; color:#002060/*555a60*/; font-weight:bold; padding:10px 0 0px 0; margin:0px; }
h3{/* font-family:"Trebuchet MS";*/ font-size:1.1em; color:#330099; font-weight:bold; margin:0px 0px 4px 0px;}
h4{font-size:1.2em; margin:0px; padding:5px 0 0 0; color:#142337;}
h4 span{font-size:1.2em;}
h5{font-size:1.3em; margin:0px; padding:5px 0 5px 0px; text-align:center; color:#CCC; font-weight:bold;}
h5 span{font-size:1.0em;}

a{color:#14418c; text-decoration:none; border:none;} 
a:hover{text-decoration:underline; border:none;}
img {border:none;}


/* ---------------------scroll bar----------------- */
HTML{
 scrollbar-3d-light-color:#C0C0C0;
 scrollbar-arrow-color:#999999;
 scrollbar-base-color:#C0C0C0;
 scrollbar-darkshadow-color:#FFFFFF;
 scrollbar-face-color:#E5E5E5;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:#999999;
}
/* ---------------------layout----------------- */

#wrapper
	{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
	
#header
	{
	width:1200px;
	height:101px;
	/*background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	border: solid 1px #6b6eb7;
	border-top: 0px;
	border-bottom: 0px;*/
	
	}
	
#container
	{
	width:1200px;
	height:auto;
	background-image: url(../images/bg-sombra.jpg);
	background-repeat: repeat-y;
	/*background-color:#2b4e78;
	border: solid 1px #6b6eb7;
	border-top: 0px;*/
	float:left;
	padding-bottom:8px;
	}
	
#topSection
	{
	width:1200px;
	height:290px;
	float:left
	}
#leftTop
	{
	width:400px;
	height:290px;
	float:left
	}
	
#rightTop
	{
	width:778px;
	height:284px;
	float:left;
	margin:4px 7px 0px 10px;
	}
.bannerImage
	{
	margin:4px 7px 0px 10px;
	}
#formTop
	{
	width:390px;
	height:39px;
	background-image: url(../images/form-top.jpg);
	background-repeat:no-repeat;
	margin:4px 0px 0px 10px;
	text-align:center;
	/*font-family:Trebuchet Ms;
	line-height:18px;*/
	float:left
	}
	
#formBody
	{
	width:390px;
	height:236px;
	background-color:#132061;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	}
	
	#formBody2
	{
	width:370px;
	height:246px;
	background-image:url(../images/immigration-new-updates.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 20px 0 0;
	text-align: right;
	color:#ccc;
	font-size:1.2em;
	}
	#formBody2 a{ color:#f0f0f0; text-decoration:underline;}
	#formBody2 a:hover{ color:#CCC; text-decoration:none;}

	
#formFooter
	{
	width:390px;
	height:9px;
	float:left;
	margin:0px 0px 0px 10px;
	background-image:url(../images/formBottom.jpg);
	background-repeat:no-repeat
	
	}

	
.nav
	{
	height:40px;
	width:1200px;
	float:left;
	background-image:url(../images/bg-menu.jpg);
	background-repeat: no-repeat;
	}
#idioma {
	height: 36px;
	width:400px;
	text-align: center;
	float:left;
	font-size: 0.8em;

}
ul#menu2{
	list-style-type:none;
	display:block;
	height:36px;
	font-family:Verdana, Geneva, sans-serif;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}

ul#menu2 li{display:block;float:left; }

ul#menu2 li a{
	font-weight:bold;
	display:block;
	color:#e0dfe0;
	text-decoration:none;
	height:36px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100px;
	padding: 8px 10px 0 0;
	text-align: right;
}

ul#menu2 li a:hover{
	/*background-image: url(../images/btn-menu.gif);
	background-repeat: no-repeat;
	background-position: center;*/
	color:#acbcfa;
	font-weight:bold;
	text-decoration:underline;
}
ul#menu2 li a.current,ul#menu li a.current:hover{color:#e0dfe0;
background:url(../images/esp.gif) no-repeat center; font-weight:bold;}
ul#menu2 li a.current1,ul#menu li a.current1:hover{color:#e0dfe0;
background:url(../images/usa.gif) no-repeat center; font-weight:bold;}
	/* ---------------------- MENU ---------------------- */
/*menu*/
#c-menu {
	
	width:800px;
	text-align: center;
	float:left;
	font-size: 0.75em;
	
}
ul#menu{
	list-style-type:none;
	display:block;
	height:36px;
	font-family:Verdana, Geneva, sans-serif;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;;
}

ul#menu li{display:block;float:left;  }

ul#menu li a{
	font-weight:bold;
	display:block;
	color:#e0dfe0;
	text-decoration:none;
	height:36px;
	background-repeat: no-repeat;
	background-position: center;
	width: 130px;
	padding: 12px 0px 0px 0px;
	text-align: center;
}

ul#menu li a:hover{
	background-color: transparent;
	background-image: url(../images/btn-menu.gif);
	background-repeat: no-repeat;
	background-position: center;
	color:#e0dfe0/*192c51*/;
	font-weight:bold;
}
ul#menu li a.current,ul#menu li a.current:hover{color:#e0dfe0;
background:url(../images/btn-menu.gif) no-repeat center; font-weight:bold;}
	
#leftCenter
	{
	width:400px;
	height:auto;
	float:left;
	padding:10px 0 10px 0;
	}
	
#rightCenter
	{
	width:800px;
	height:auto;
	float:left;
	padding-bottom:8px;
	}
	
#flags
	{
	width:300px;
	height:83px;
	border: solid 1px #6b7ac5;
	margin:4px 0px 0px 12px;
	float:left;
	text-align:center
	}
.flags
	{
	margin:03px 0px 0px 0px
	}
	
#newsTitle
	{
	width:380px;
	height:34px;
	/*font:large;*/
	background-image: url(../images/NewsTitle.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px 0px 0px 12px;
	text-align:center;
	/*font-family:"Trebuchet MS";
	line-height:30px;
	font-size:17px;*/
	color:#000000;
	
	}
	
	#newsbody
	{
	width:380px;
	height:108px;
	background-image: url(../images/newsbody.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 12px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font:large;
	font-size:11px;*/
	}
	.c-news
	{
		padding:5px 10px 0 0;
		color:#011c53;
		text-align:right;
		}
		.c-suscribe
		{
			width:380px;
			
			background-color:#132061/*000099*/;
			color:#f0f0f0;
			float:left;
			margin:0px 0px 0px 12px;
			text-align:center;
			font-weight:bold;
			padding-bottom:10px;
		}
		.c-news a{color:#011c53; text-decoration:underline;}
		.c-news a:hover{color:#fff; text-decoration:none;}
		
.lier1{

	padding:0px 5px 0px 0px;
	width:293px;
	height:95px;
	float:left;
	overflow: auto;
	overflow-x:hidden;
	margin-left:2px;
	margin-top:2px;

}
#contactUs
	{
	width:380px;
	margin:0px 0px 0px 12px;
	float:left;
	/*font-family: "Trebuchet MS";
	font-size:17px;*/
	background-color:#FFFFFF;
	text-align:center
	}
#contactFooter
	{
	width:380px;
	height:12px;
	background-image:url(../images/contactFooter.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 12px;	
	}
#rightTitle

	{
	width:785px;
	height:32px;
	background-image:url(../images/mainTitle.jpg);
	background-repeat:no-repeat;
	/*font-family:"Trebuchet MS";
	line-height:28px;
	font-size:17px;*/
	color:#000000;
	padding-left:10px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
	
#rightcontainer

	{
	width:778px;
	height:auto;
	background-color:#fff;
	margin:0px 12px 0px 10px;
	float:left;
	/*font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:14px;*/
	}
#rightcFooter

	{
	width:778px;
	height:15;
	margin:0px 12px 10px 10px;
	float:left;
	background-image:url(../images/rightFooter.jpg);
	background-repeat:no-repeat
	}
	
#style-1
	{
	width:743px;
	height:auto;
	float:right;
	/*border: solid 1px #CCCCCC;*/
	padding:5px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;*/
	color:#002060;
	margin:0 12px 15px 12px;
	text-align:justify;
	}
	#style-1 p.black{ color:#333;}
	#style-1 strong.blue{color:#002060;}
	#style-1 strong.red{color:#F00;}
	
#style-2
	{
	width:359px;
	height:auto;
	float:left;
	border: solid 1px #CCCCCC;
	margin:5px 0px 5px 12px;
	padding:5px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;*/
	text-align:left;
	
	color:#666666;
	}
#style-2 a
	{
		color:#000;
		text-decoration:none;
	
	}
	
#style-2 a:hover
	{
		color: #F90;
	}
.homeThumbnail
	{
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	}
	#family-visas-btn
		{
			margin:0px 0px 10px 0px;
			text-align:center;
			display:block;
		}
	.left-images
		{
	float:left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
		}
		
		.right-images
		{
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		}
	.style-btn
	{
	width:350px;
	height:26px;
	display:block;
	text-align:center;
	/*font-family:Verdana, Geneva, sans-serif;*/
		font-size:0.9em;
	background-image:url(../images/btn.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	
	}
	
.style-btn a
	{
		color:#006;
	}
	
	.style-btn a:hover
	{
		color:#fff;
	}
.tabular
	{
		/*font-size:10px;*/
		text-align:left;
		border: solid 1px #CCC
	}
	
.tabular-cells
	{
		border-bottom: solid 1px #CCC;
		border-right: solid 1px #CCC;
		text-align:left;
		/*font-size:10px;*/
	}
	
.tabular-cells2
	{
		border-bottom: solid 1px #CCC;
		border-right: solid 1px #CCC;
		text-align: justify;
		/*font-size:12px;*/
	}
.duke
	{
		float:right;
		border: solid 1px #000;
		margin:4px 0px 0px 10px;
	}

#contact-form {
	width: 350px;
	padding:5px 20px 5px 20px;
}
	#contact-form label {
		display: block;
		height: 22px;
		overflow: hidden;
	}
	
	#contact-form input {
		background: #fff;
		width: 330px;
		height: 15px;
		padding: 2px 8px 2px 8px;
		float: left;
		border: 1px solid #a4a4a4;
		font-size: 1.0em;
		color: #858585;
		margin: 5px 0 5px 0;
	}
	
	#contact-form input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 12px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}
	#contact-form textarea {
		font-family: Arial, Helvetica, sans-serif;
		background: #fff;
		width: 330px;
		height: 80px;
		margin: 5px 0px 0px 0px;
		padding: 2px 8px 2px 8px;
		border: 1px solid #a4a4a4;
		float: left;
		overflow: auto;
		font-size: 1.0em;
		color: #858585;
	}
	
	#contact-form a.link {
		margin: 3px 0 0 19px;
	}
/* ============================= conatct forms ============================= */

#contactform {
	width: 360px;
	padding: 0px 10px 0 10px;
	margin:0px;
}
	
	#contactform label {
		display: block;
		height: 15px;
		width:350px;
		overflow: left;
		margin:0px 0px 0px 0px;
		padding:0 0 3px 0;
		color:#626262;
		font-size:0.9em;
		text-align:left;
	}
	
	#contactform small{font-size:1em; text-align:left;}
	#contactform a{ text-decoration:underline;}
	#contactform a:hover{text-decoration:none;}

	#contactform input {
		background-color: #FFF;
		width: 350px;
		height: 18px;
		margin:0px 0 0px 0;
		padding: 1px 3px 1px 3px;
		float: left;
		font-size:1em;
		color: #707070;
	}
	
	#contactform .input{
   	border: 1px solid #a1b2ce;
	background:#a1b2ce;
	width:60px; 
	height:22px;
	font-size:1em;
	color:#ffffff;
	vertical-align:middle;
	padding: 0px 3px 0px 3px;
	margin:10px 5px 0 0;
	font-weight:bold;
	cursor: pointer;
}
	
	#contactform textarea {
		background-color:#FFF;
		border-top:1px solid #bababa;
		border-left:1px solid #bababa;
		width: 350px;
		height: 50px;
		padding: 2px 3px 2px 3px;
		float: left;
		overflow: auto;
		font-size:1em;
		color: #707070;
		margin-bottom:10px;
	}
	
	#contactform input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 10px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}
	
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
	color: #F00;
}

/* ============================= email forms ============================= */

#emailform {
	width: 250px;
	padding: 0px 40px 0 70px;
	margin:0px;
}
	
	#emailform label {
		display: block;
		height: 15px;
		width:250px;
		overflow: left;
		margin:0px 0px 0px 0px;
		color:#f0f0f0;
		font-size:0.9em;
		text-align:left;
		font-weight:normal;
				padding:0 0 3px 0;

	}
	
	
	#emailform small{font-size:0.9em; text-align:left; font-weight:normal;}
	#emailform a{ text-decoration:underline; color:#CCC;}
	#emailform a:hover{text-decoration:none; color:#CCC;}

	#emailform input {
		background-color: #FFF;
		width: 250px;
		height: 18px;
		margin:0px 0 5px 0;
		padding: 1px 3px 1px 3px;
		float: left;
		font-size:1em;
		color: #707070;
	}
	
	
	#emailform input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 10px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}
	
	/* ============================= news forms ============================= */

#newsform {
	width: 250px;
	padding: 0px 40px 0 30px;
	margin:0px;
}
	
	#newsform label {
		display: block;
		height: 15px;
		width:250px;
		overflow: left;
		margin:0px 0px 0px 0px;
		color:#002060;
		font-size:0.9em;
		text-align:left;
		font-weight:normal;
				padding:0 0 3px 0;

	}
	
	
	#newsform small{font-size:0.9em; text-align:left; font-weight:normal;}
	#newsform a{ text-decoration:underline; color:#CCC;}
	#newsform a:hover{text-decoration:none; color:#CCC;}

	#newsform input {
		background-color: #FFF;
		width: 290px;
		height: 18px;
		margin:0px 0 5px 0;
		padding: 1px 3px 1px 3px;
		float: left;
		font-size:1em;
		color: #707070;
	}
	
	
	#newsform input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 10px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}

/* ============================= app forms ============================= */

#app {
	width: 730px;
	margin:0px;
}

#app .ccolm {
		width:680px;
		float: left;
	text-align:left;
	padding-top:10px;
	}
#app .colm {
		width:300px;
		float: left;
	text-align:left;
	margin: 0 20px 0 20px;
	}
	
	#app .colm2 {
		width:600px;
		float: left;
	text-align:left;
	margin: 0 20px 0 20px;
	}
	
	#app label {
		display: block;
		height: 15px;
		/*width:300px;*/
		overflow: left;
		margin:0px 0px 0px 0px;
		color:#002060;
		font-size:0.9em;
		text-align:left;
				padding:0 0 2px 0;

	}
	
	#app small{font-size:1em; text-align:left;}
	#app a{ text-decoration:underline;}
	#app a:hover{text-decoration:none;}

	#app input {
		background-color: #FFF;
		width: 300px;
		height: 18px;
		margin:0px 0 0px 0;
		padding: 1px 3px 1px 3px;
		float: left;
		font-size:1em;
		color: #707070;
	}
	
	#app .input{
   	border: 1px solid #a1b2ce;
	background:#a1b2ce;
	width:60px; 
	height:22px;
	font-size:1em;
	color:#ffffff;
	vertical-align:middle;
	padding: 0px 3px 0px 3px;
	margin:10px 5px 0 0;
	font-weight:bold;
	cursor: pointer;
}
	
	#app textarea {
		background-color:#FFF;
		border-top:1px solid #bababa;
		border-left:1px solid #bababa;
		width: 300px;
		height: 50px;
		padding: 2px 3px 2px 3px;
		float: left;
		overflow: auto;
		font-size:1em;
		color: #707070;
		margin-bottom:10px;
	}
	
	#app input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 10px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}
	
 	#apps input#boton {
	background: url(../images/submit.png) no-repeat;
	width: 70px;
	height: 30px;
	float: right;
	margin: 12px 5px 0 5px;
	font-size: 1.1em;
	color:#f0f0f0;
	cursor: pointer;
	border:none;
	
	}
	
	/* --------------------- footer ----------------------------------------*/
#footer {
	background: url(../images/footer.jpg) no-repeat;
	float:left;
	width:1200px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
}
	#footer p {
	font-size: 0.8em;
	color: #f0f0f0;
	text-align: center;
	line-height:1.0em;
	}
		#footer p a {
			text-decoration: none;
			color: #f0f0f0;
		}
		
		#footer p a:hover {
			color: #8b8b8b;
		}
		
	#webmaster{
	position: absolute;
	left: 623px;
	top: 53px;
		}

/*-----------------------slide----------------*/
#slider {
    width: 778px; /* important to be same as image width */
    height: 284px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0px;
	padding:0px;
}
#sliderContent {
    width: 778px; /* important to be same as image width or wider */
    position: absolute;
	top: 0px;
	margin:0px;
	padding:0px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 20px/22px Arial, Helvetica, sans-serif;
    padding: 10px 20px 30px 20px;
    width: 778px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 22px;
}
.top {
	top: 0px;
	left: 0px;
}
.bottom {
	bottom: 0px;
    left: 0px;
}
ul { list-style-type: none;}