/*************************************************************

General Colors

*************************************************************/

.green {color: #6EBB21}

.orange {

	color: #FF850C;

	text-decoration: none;

}

.blue {color: #1C5598}

.dark_blue {color: #052F57}

.light_blue {color: #4FB0D1}

.purple {color: #773688}

.teal {color: #31A498}

.red {color: #F90100}

.white {color: #FFFFFF}

.gray {color: #616264} 

 



/*************************************************************

Main Styles

*************************************************************/

.Estilotitulo {

	color: #0099FF;

	font-weight: normal;

	font-size: 18px;

}



body

	{

	margin: 0;

	border: 0;

	padding: 0;

	background-color:#FFFFFF;

	font: 11px Arial, Helvetica, sans-serif;

	line-height: 1.5em;

	background-image: url(../images_2/fondo.jpg);

	}

	

p

	{

	margin: 0;

	padding: 5px 0 5px 0;

	font: 11px Arial, Helvetica, sans-serif;

	color: #616264; 

	}



h1

	{

	margin: 0;

	padding: 0 0 5px 0;

	border: 0;

	font: bold 16px Arial, Helvetica, sans-serif;

	}

	

h2

	{

	margin: 0;

	padding: 5px 0 0 0;

	border: 0;

	font: 13px Arial, Helvetica, sans-serif;

	}



h3

	{

	margin: 0;

	padding: 0;

	border: 0;

	font: bold 11px Arial, Helvetica, sans-serif;

	}



h4

	{

	margin: 0;

	padding: 0;

	border: 0;

	font: bold 12px Arial, Helvetica, sans-serif;

	}



h5

	{

	margin: 0;

	padding: 0;

	border: 0;

	font: bold 20px Arial, Helvetica, sans-serif;

	}





ul

	{

	float: left;

	margin: 0;

	padding: 0;

	border: 0;

	list-style: none;

	line-height: 1.25em;

	}

	

li

	{

	margin: 2px 0 5px 0;

	padding: 0 0 0 12px;

	border: 0;

	background-image: url(../images_2/bullet_gray.gif);

	background-repeat: no-repeat;

	background-position: .1em .5em !important;/*(first # controls horz, second # controls vert)*/

	background-position: .1em .45em;/*(first # controls horz, second # controls vert)*/

	}

	

img

	{

	margin: 0;

	border: 0;

	padding: 0;

	}



a

	{

	color: #000000;

	text-decoration: none;

	}



a:hover

	{

	color: #616264;

	text-decoration: none;

	}



.clear

	{ 

  	clear:both; 

	/*** these next attributes are designed to keep the div 

	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 

	  height:1px; 

	  overflow:hidden; 

	  line-height:1%; 

	  font-size:0px; 

	  margin-bottom:-1px; 

	}

/*************************************************************

Hace consulta

*************************************************************/


div#haceconsulta {
	margin: 0px;
	padding: 3px;
	height: 47px;
	width: 537px;
	background-image: url(../imagenes/fondo_haceconsulta.jpg);
	background-repeat: no-repeat;

}

div#haceconsulta a{
	color: #333333;
	text-decoration: none;
}
div#haceconsulta a p{
	margin: 9px;
	font-size: 14px;

}

div#haceconsulta a img{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;

}

/*************************************************************

Buttons

*************************************************************/



a.blue_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #ffffff;

	background-image: url(../images_2/btn_squ_blue.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.blue_btn

	{

	color: #135794;

	}



a.light_blue_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #ffffff;

	background-image: url(../images_2/btn_squ_lt_blue.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.light_blue_btn

	{

	color: #4FB0D1;

	}



a.dark_blue_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #ffffff;

	background-image: url(../images_2/btn_squ_dk_blue.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.dark_blue_btn

	{

	color: #052F57;

	}



a.orange_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #616264;

	background-image: url(../images_2/btn_squ_orange.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.orange_btn

	{

	color: #FF850C;

	}



a.purple_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #616264;

	background-image: url(../images_2/btn_squ_purple.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.purple_btn

	{

	color: #773688;

	}



a.green_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #616264;

	background-image: url(../images_2/btn_squ_green.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.green_btn

	{

	color: #6EBB21;

	}



a.red_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 15px;

	color: #616264;

	background-image: url(../images_2/btn_squ_red.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.red_btn

	{

	color: #F90100;

	}



a.teal_btn

	{

	float: right;

	margin: 5px 0 0 0;

	padding: 0 0 0 19px;

	border:0 ;

	

	color: #616264;

	background-image: url(../images_2/btn_squ_teal.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



a:hover.teal_btn

	{

	color: #31A498;

	}



/*************************************************************

Table Syles

*************************************************************/





table

	{

	width: 95%;

	border-collapse: collapse;

	margin: 0;

	}



td, th

	{

	text-align: left;

	margin: 0;

	padding: 5px 0 5px 0;

	border: none;

	font: 12px Arial, Helvetica, sans-serif;

	}



table input, td input

	{

	margin: 0;

	padding: 1px 2px 1px 2px;

	border: 1px solid #dcdcdc;

	background: url(../images_2/input_bkg_light.gif) top left repeat-x;

	font: 11px Arial, Helvetica, sans-serif;

	}



/*************************************************************

General Form Syles

*************************************************************/



form

	{

	margin: 0;

	padding: 0;

	}



input

	{

	margin: 2px 0 0 0;

	padding: 1px 2px 1px 2px;

	border: 1px solid #dcdcdc;

	background: url(../images_2/input_bkg_light.gif) top left repeat-x;

	font: 11px Arial, Helvetica, sans-serif;

	}



textarea

	{

	margin: 2px 0 0 0;

	padding: 1px 2px 1px 2px;

	border: 1px solid #dcdcdc;

	background: url(../images_2/input_bkg_light.gif) top left repeat-x;

	font: 11px Arial, Helvetica, sans-serif;

	overflow: auto;

	}



select

	{

	margin: 2px 0 0 0;

	padding: 1px 2px 1px 2px;

	border: 1px solid #dcdcdc;

	font: 11px Arial, Helvetica, sans-serif;

	}



.button

	{

	margin: 0;

	padding: 2px 2px 2px 2px;

	border: 1px solid #dcdcdc;

	font: 11px Arial, Helvetica, sans-serif;

	}



/*************************************************************

Contain

*************************************************************/



#contain

	{

	margin: 0 auto;

	padding: 0;

	border: 0;

	width: 968px;

	background: #FFFFFF;

	}



/*************************************************************

Header

*************************************************************/



#header

	{

	margin: 0;

	padding: 0;

	border-top: 4px solid #6EBB21;

	width: 968px;

	height: 18px;

	background: url(../images_2/header_dash.gif) top left repeat-x;

	}



#header_emp

	{

	margin: 0;

	padding: 0;

	border-top: 4px solid #293B8F;

	width: 968px;

	height: 18px;

	background: url(../images_2/header_dash.gif) top left repeat-x;

	}





/*************************************************************

Left Column - holds logo, nav, and student login

*************************************************************/



#left

	{

	float: left;

	margin: 0 0 0 16px !important;

	margin: 0 0 0 8px;

	padding: 0;

	border: 0;

	width: 180px;

	}



#left .student_login

	{

	margin: 0 0 0 0;

	padding: 0;

	border: 8px solid #ffffff;

	background: #888888;

	width: 145px;

	}



#left form

	{

	margin: 0 0 0 9px;

	padding: 0;

	}



#left input

	{

	margin: 2px 0 0 0;

	padding: 1px 2px 1px 2px;

	border: none;

	background: url(../images_2/input_bkg.gif) top left repeat-x;

	font: 11px Arial, Helvetica, sans-serif;

	}



#left h1

	{

	margin: 7px 9px 0 9px;

	padding: 0;

	border: 0;

	font: 11px Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #ffffff;

	text-align: center;

	background: url(../images_2/login_dash.gif) left bottom repeat-x;

	height: 19px;

	}



#left p

	{

	margin: 0;

	padding: 8px 0 0 0;

	border: 0;

	color: #ffffff;

	}



#left a.blue_btn_ko

	{

	float: right;

	margin: 5px 9px 4px 0;

	padding: 0 0 0 19px;

	border:0 ;

	height: 18px;

	color: #ffffff;

	background-image: url(../images_2/btn_squ_blue.gif);

	background-repeat: no-repeat;

	background-position: 1em .3em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1em .4em /*(first # controls horz, second # controls vert)*/



	}



#left a:hover.blue_btn_ko

	{

	color: #135794;

	}

	



/*************************************************************

Navigation (Main)

*************************************************************/



#left .nav

	{

	margin: 6px 0 0 0;

	padding: 8px 0 0 0;

	border: 0;

	width: 161px;

	background: #ffffff;

	}



#left .nav a.nav_on 

	{

	float: left;

	margin: 0;

	padding: 8px 0 0 0;

	border: 0;

	background: #6EBB21;

	border-left: 8px solid #ffffff;

	border-right: 8px solid #ffffff;

	width: 145px;  

	text-transform: uppercase;

	}



#left .nav a:hover.nav_on 

	{

	text-decoration: none;

	background: #6EBB21;

	}



#left .nav a.nav_on p

	{

	margin: 0 8px 7px 8px;

	padding: 0 0 7px 0;

	border-bottom: 1px dashed #ffffff;

	text-align: center;

	}



#left .nav .nav_on_bottom 

	{

	margin: 0;

	padding: 0;

	border: 0;

	background: #ffffff;

	height: 8px;

	}

	

#left .nav a.sub_nav 

	{

	clear: both;

	display: block;	

	margin: 0;

	padding: 0 0 3px 20px;

	border: 0;

	background: #6EBB21;

	border-left: 8px solid #ffffff;

	border-right: 8px solid #ffffff;

	font: 10px Arial, Helvetica, sans-serif;

	text-transform: none;

	color: #ffffff;

	text-align: left;

	background-image: url(../images_2/bullet_white.gif);

	background-repeat: no-repeat;

	background-position: 1.3em .5em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1.75em .5em;/*(first # controls horz, second # controls vert)*/

	}



#left .nav a:hover.sub_nav 

	{

	text-transform: none;

	color: #052F57;

	text-decoration: none;

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

	background-repeat: no-repeat;

	background-position: 1.3em .5em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1.75em .5em;/*(first # controls horz, second # controls vert)*/	

	}



#left .nav a.sub_nav_on 

	{

	clear: both;

	display: block;	

	margin: 0;

	padding: 0 0 3px 20px;

	border: 0;

	background: #6EBB21;

	border-left: 8px solid #ffffff;

	border-right: 8px solid #ffffff;

	font: 10px Arial, Helvetica, sans-serif;

	text-transform: none;

	color: #052F57;

	text-align: left;

	background-image: url(../images_2/bullet_dk_blue.gif);

	background-repeat: no-repeat;

	background-position: 1.3em .5em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1.75em .5em;/*(first # controls horz, second # controls vert)*/

	}



#left .nav a:hover.sub_nav_on 

	{

	color: #052F57;

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

	background-repeat: no-repeat;

	background-position: 1.3em .5em !important;/*(first # controls horz, second # controls vert)*/

	background-position: 1.75em .5em;/*(first # controls horz, second # controls vert)*/

	}

	

#left .nav a.nav_green 

	{ 

  	float: left;

 	margin: 0;

 	padding: 0;

	border-bottom: 8px solid #ffffff;

	border-left: 8px solid #ffffff;

	border-right: 8px solid #ffffff;

	width: 145px;  

	background-color: #6EBB21;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	font: 12px Arial, sans-serif;

	color: #ffffff;

	}



#left .nav a:hover.nav_green 

	{   

	background: #6EBB21 url(../images/grad_green.gif) bottom left repeat-x;

	}



#left .nav a.nav_green p

	{ 

	margin: 0;

	padding: 9px 0 9px 0;  

	}

	

#left .nav a.nav_teal 

	{ 

  	float: left;

 	margin: 0;

 	padding: 0;

	border-bottom: 8px solid #ffffff;

	border-left: 8px solid #ffffff;

	border-right: 8px solid #ffffff;

	width: 145px;  

	background-color: #31A498;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	font: 12px Arial, sans-serif;

	color: #ffffff;

	}



#left .nav a:hover.nav_teal 

	{   

	background: #31A498 url(../images/grad_teal.gif) bottom left repeat-x;

	}



#left .nav a.nav_teal p

	{ 

	margin: 0;

	padding: 9px 0 9px 0;  

	}





/*************************************************************

Aux Navigation

*************************************************************/



#aux_nav

	{

	float: right;

	margin: 0 20px 9px 0 !important;

	margin: 0 10px 9px 0;

	padding: 0;

	border: 0;

	width: 650px;

	font-size: 10px;

	color: #616264; 

	text-align: right;

	}



#aux_nav a

	{

	margin: 0;

	padding: 0 3px 0 3px;

	text-transform: uppercase;

	color: #616264; 

	text-decoration: none;

	}



#aux_nav a:hover

	{

	text-decoration: none;

	color: #052F57; 

	}



/*************************************************************

Content

*************************************************************/



#content

	{

	float: left;

	margin: 0;

	padding: 2px;

	border: 0;

	width: 562px;

	background: #ffffff;

	}



#content p

	{

	margin: 0;

	padding: 0 0 15px 0;

	border: 0;

	font: 12px Arial, Helvetica, sans-serif;

	color: #000000;

	line-height: 1.5em;

	}



#content a

	{

	margin: 0;

	padding: 0 0 15px 0;

	border: 0;

	font: 11px Arial, Helvetica, sans-serif;

	color: #052F57;

	text-decoration: underline;

	}



#content a:hover

	{

	color: #616264;

	}



.content_header_right

	{

	float: left;

	margin:  0;

	padding: 0 8px 0 0;

	width: 225px;

	height: 135px;

	background: #DCEEC8;

	text-align: right;

	}



.content_header_right h1

	{

	margin:  0;

	padding: 70px 0 0 0 !important;

	padding: 65px 0 0 0;

	font: 23px Arial, Helvetica, sans-serif;

	}



.content_header_left

	{

	float: left;

	margin: 0 8px 0 0;

	padding: 0;

	width: 320px;

	}



.content_frame

	{

	clear: both;

	float: left;

	margin: 8px 0 0 0 !important;

	margin: 7px 0 0 0;

	padding: 15px 10px 12px 15px;

	border: 1px dashed #cccccc;

	width: 534px;

	}



.content_frame img

	{

	margin: 0;

	padding: 10px 0 10px 0;

	}

	

/*************************************************************

Callouts Column

*************************************************************/



#callouts

	{

	float: right;

	margin: 0 16px 0 0 !important;

	margin: 0 8px 0 0;

	padding: 0;

	border: 0;

	width: 168px;

	}



#callouts ul

	{

	width: 140px !important;

	width: 130px;

	}



#callouts .callout_empty

	{

	margin: 0 0 8px 0;

	padding: 8px;

	border: 0;

	background: #ffffff;

	}



#callouts .callout_frame

	{

	margin: 0;

	padding: 8px;

	border: 1px dashed #cccccc;

	width: 88%;

	}



#callouts .callout_frame_gradient

	{

	margin: 0;

	padding: 8px;

	border: 1px dashed #cccccc;

	width: 88%;

	background: url(../images_2/callout_gradient.gif) left bottom repeat-x;

	}

	

#callouts .callout_color_tint

	{

	margin: 0;

	padding: 0 0 0 4px;

	border: 0;

	background-color: #FFF5EC; 

	}



#callouts .callout_map_bkg

	{

	margin: 0 0 8px 0;

	padding: 8px;

	border: 0;

	background: #ffffff url(../images_2/maps/argentina.gif) right top no-repeat; /*change image here to use a different country*/

	}



#callouts .callout_icon_bkg

	{

	margin: 0 0 8px 0;

	padding: 8px;

	border: 0;

	background: #ffffff url(../images_2/phone_icon.gif) right center no-repeat; /*change image here to use a different icon*/

	}



/*************************************************************

Callouts w/ Paper at the top

*************************************************************/



#callouts .callout_frame_paper

	{

	z-index: 2;

	position: relative;

	margin: 0;

	padding: 8px;

	border: 1px dashed #cccccc;

	border-bottom: 0px;

	width: 88%;

	}

	

#callouts .callout_frame_paper2

	{

	z-index: 2;

	position: relative;

	margin: 0;

	padding: 8px;

	border: 1px dashed #cccccc;

	border-bottom: 0px;

	width: 88%;

	}

	

#callouts .callout_frame_paper3

	{

	z-index: 2;

	position: relative;

	margin: 0;

	padding: 8px;

	border: 1px dashed #cccccc;

	width: 88%;

	}

	

#callouts .callout_frame_paper h1

	{

	z-index: 1;

	position: relative;

	margin: -14px -15px 0 0;

	padding: 13px 0 0 0;

	border: 0;

	height: 45px;

	background: url(../images_2/callout_headers/header_orange.gif) top right no-repeat; /*(change the image here to change the paper's color)*/ 

	}

	

#callouts .callout_frame_paper2 h1

	{

	z-index: 1;

	position: relative;

	margin: -14px -15px 0 0;

	padding: 13px 0 0 0;

	border: 0;

	height: 45px;

	background: url(../images_2/callout_headers/header_red.gif) top right no-repeat; /*(change the image here to change the paper's color)*/ 

	}

	

#callouts .callout_frame_paper3 h1

	{

	z-index: 1;

	position: relative;

	margin: -14px -15px 0 0;

	padding: 13px 0 0 0;

	border: 0;

	height: 45px;

	background: url(../images_2/callout_headers/header_green.gif) top right no-repeat; /*(change the image here to change the paper's color)*/ 

	}





/*************************************************************

Content Footer - dashed line running below content/callouts

*************************************************************/



#content_footer

	{

	clear: both;

	float: left;

	margin: 15px 0 0 197px !important;

	margin: 15px 0 0 99px;

	padding: 0;

	border: 0;

	width: 755px;

	height: 10px;

	background: url(../images_2/gray_dash_horz.gif) left top repeat-x;

	}



/*************************************************************

Footer

*************************************************************/



#footer

	{

	clear: both;

	float: left;

	margin: 0 0 7px 0;

	padding: 0;

	border: 0;

	width: 968px;

	font-size: 10px;

	text-transform: uppercase;

	color: #616264;

	}



#footer .footer_nav

	{

	float: right;

	margin: 0 20px 0 0 !important;

	margin: -5px 10px 0 0;

	padding: 0;

	border: 0;

	width: 450px;

	text-align: right;

	}



#footer .copyright

	{

	float: left;

	margin: 0 0 0 197px !important;

	margin: -5px 0 0 99px;	

	padding: 0;

	border: 0;

	width: 150px;

	}



#footer a

	{

	margin: 0;

	padding: 0 3px 0 3px;

	color: #616264; 

	text-decoration: none;

	}



#footer a:hover

	{

	text-decoration: none;

	color: #052F57; 

	}