/* GENERAL */


html {
	margin: 0;
	padding: 0;
	}
	
body {
	
	background-image: url(imgs/back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	top: 0;
	text-transform: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	                                                                                                                                     

.spacer {
	clear:both;
	}	
	
	
p a:link
{ color: #387aac;
text-decoration: none;
}

p a:visited
{ color: #387aac;
text-decoration: none;
}

p a:hover
{ color: #387aac;
text-decoration: underline;
}

p a:active
{ color: #387aac;
text-decoration: none;
} 
	
	
	
	
/* FONTS */

h1 {
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00234d;
	margin: 4px 0;
	}
	
h1 a:link, h1 a:active, h1 a:visited {
	color: #00234d;
	text-decoration: none;
	}
	
h1 a:hover{
	text-decoration: underline;
	}
	
h1 b {
	font: bold uppercase 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00234d;
	}
	
h1 c {
	padding-top: 6px;
	}
	
h2 {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 4px 0;
	}
	
p {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 18px;
	text-align: left;
	margin: 4px 0;
	}
	
h3 {
	font: 13px bold "lucida grande", verdana, helvetica, sans-serif; 
	color: #fff;
	}
	
h4 {
	font: 12px "lucida grande", verdana, helvetica, sans-serif; 
	color: #002d61;
	margin: 4px 0;
	}
	
h5 {
	font: 12px "lucida grande", verdana, helvetica, sans-serif; 
	color: #666;
	margin: 4px 0;
	}
	
h5 a:link, h5 a:active, h5 a:visited {
	color: #387aac;
	text-decoration: none;
	}
	
h5 a:hover{
	text-decoration: underline;
	color: #387aac;
	}


	
h8 {
	font: 11px uppercase "lucida grande", verdana, helvetica, sans-serif; 
	color: #387aac;
	}	
	
h6 {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #c7ab85;
	margin: 3px 0;
	}
h6 span {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #c7ab85;
	}
	
h6 a:link, h6 a:active, h6 a:visited {
	color: #387aac;
	text-decoration: none;
	}
	
h6 a:hover{
	text-decoration: underline;
	color: #387aac;
	}
	
	
	
	
	
	
	
	

/* CONTAINER */

#container {
	left: 50%;
	position: absolute;
	width: 870px;
	margin: 0 0 0 -435px;
	padding: 0;
	
	}




/* HEADER */
#header {
	width: 820px;
	background-image: url(imgs/header_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 79px;
	margin: 0;
	position: relative;
	padding: 20px 25px 7px 25px;
}




/* LOGO */
.logo {
	width: 233px;
	height: 80px;
	float: left;
	background-image: url(imgs/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}





/* TOP OPTIONS */
#topoptions {
	position: relative;
	float: right;
	width: 380px;
	text-align: right;
	
	}


/* TOP LINKS */
.toplinks {    
	text-transform: uppercase;
	text-align: right;
	position: relative;
	float: right;
	width: auto;
	margin: 0 0 0 8px;
	padding: 0;
	
	}
	
	
.toplinks li {
	margin-left: 16px;
	float: left;
	list-style: inside;
	color: #666;
	font-size: 12px;
	/*float left para que se vea el bullet en la lista horizontal ,ex color 636466*/
	
	}
	
.toplinks li a  {
	color: #333;
	font-size: 10px;
	text-decoration:none ;
	}
	
.toplinks li a:hover  {
	color: #333;
	text-decoration:underline ;
	}



/* SEARCH */
#search {    
	position: relative;
	float: right;
	height: 21px;
	margin-top: 34px;
	}	
	
.searchfield {
	font-size: 12px;
	color: #000;
	border: 1px solid #aeafb3;
	background-color: #dfe0e6;
	padding: 2px;
	width: 129px;
	height: 15px;
	position: relative;
	float: right;
	}
	
#search img {
	position: relative;
	float: right; 
	}	
	
.searchbutton {
	font-size: 11px;
	font-family: "lucida grande", verdana, helvetica, sans-serif; 
	color: #387aac;
	text-transform: uppercase;
	position: relative;
	float: right;
	padding: 3px 0;
	}
	
.searchbutton a {
	font-size: 11px;
	color: #387aac;
	text-decoration: none;
	}
	
.searchbutton a:hover {
	font-size: 11px;
	color: #387aac;
	text-decoration: underline;
	}
	
	
	
	
	
.thisis {
	color: #fff;
	background-color: #002d61;
	}
	

	


/* ?????? */	
.menu_head2 {
	position: relative;
	width: 800px;
	height: 30px;
	margin: 0;
	background-color: transparent;
	padding: 0;
	top: 2px;
	}
	
.menu_head2 a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 12px 12px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	}
	
	

	
	
	



/* FOOTER */

#footer {
	text-align: right;
	width: 820px;
	background-image: url(imgs/bottom_back.gif);
	background-repeat: no-repeat;
	height: 29px;
	padding: 18px 25px 10px 25px;
	margin-bottom: 20px;
	position: relative;
	float: left;
	font-weight: normal;
}

.footer_left {
	text-align: left;
	width: 300px;
	padding: 0;
	position: relative;
	float: left;
}

.footer_right {
	text-align: right;
	width: 300px;
	padding: 10px 0 0 0;
	position: relative;
	float: right;
	font-size: 12px;
	color: #ccc;
}

#footer a {
	font-size: 12px;
	color: #ccc;
	text-transform: normal;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}






	
/* CONTENT */	
#content {
	background-color: #fff;
	background-image: url(imgs/content_back.gif);
	background-repeat: repeat;
	width: 820px;
	height: auto;
	padding: 0 25px;
	position: relative;
	margin-top: 0;
	float:left;
	text-align: left;
}





/* COLUMNS */

#all {  
	float: left;
	width: auto;
	padding: 0;
	position: relative;
	margin-top: 10px;
}

#left {  
	float: left;
	width: 189px;
	padding: 0 20px 0 0;
	position: relative;
	margin-top: 10px;
}

#right {  
	float: right;
	width: 590px;
	margin-top: 10px;
	padding: 0 0 0 19px ;
	position: relative;
}

.borderleft {
	border-left: 1px solid #dfe0e6;
	}

.borderright{
	border-right: 1px solid #dfe0e6;
	}	
	

#homeleft {  
	float: left;
	width: 455px;
	padding: 20px 20px 0 60px;
	margin-top: 10px;
	position: relative;
	border-right: 1px solid #dfe0e6;
}

#homeright {  
	float: right;
	width: 264px;
	padding: 22px 0 0 20px;
	position: relative;
}






/* MODULES that contain text & images */

.home_text {
	float: left;
	width: 336px;
	padding: 0;
	position: relative;
	}
	
.home_destacado {
	float: left;
	width: 264px;
	padding: 0;
	position: relative;
	height: 74px;
	background-image: url(imgs/home_destacado_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.home_destacado_nofijo {
	float: left;
	width: 264px;
	padding: 7px 0;
	position: relative;
	background-image: url(imgs/home_destacado_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}


#leftmenu {  
	float: left;
	width: 189px;
	padding: 0 0 5px 0;
	position: relative;
	/*border-bottom: 6px solid #bbbcc0;*/
	/*border-top: 6px solid #bbbcc0;*/
}

#leftmenu ul {
	list-style: none;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#leftmenu li {
	width: 189px;
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	background-image: url(imgs/leftmenu_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#leftmenu li a:link, #leftmenu li a:active, #leftmenu li a:visited {
	color: #333;
	padding: 6px 0 4px 3px;
	text-decoration: none;
	display: block;
}
#leftmenu li a:hover {
	color: #fff;
	background-color: #387AAC;
	/*border-bottom: 1px dotted #fff; */
	text-decoration: none;
}



#leftmenu2 {  
	float: left;
	width: 189px;
	padding: 5px 0;
	position: relative;
	border-bottom: 6px solid #bbbcc0;
	border-top: 6px solid #bbbcc0;
}

#leftmenu2 ul {
	list-style: none;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#leftmenu2 li {
	width: 189px;
	padding: 5px 0;
	background-image: url(imgs/leftmenu_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}



/* MODULE - TEXT & SMALL COLUMN ( IMGS & LINKS ) */	

.ttle_byarchive {
	float: left;
	width: 250px;
	padding: 0;
	margin: 0;
	position: relative;
	}

.archive {
	float: right;
	width: 250px;
	padding: 0;
	margin: 4px 0;
	position: relative;
	text-align: right;
	}




.txt_smallcolumn {
	float: right;
	width: 590px;
	padding: 0;
	position: relative;
	}
	
.txt_smallcolumn_line {
	float: right;
	width: 590px;
	padding: 0;
	margin: 0 0 5px 0;
	position: relative;
	background-image: url(imgs/smallcolumn_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	}

	
	
.txt {
	float: left;
	width:382px;
	padding: 0;
	position: relative;
	}
	
	
	
	
	
.smallcolumn_right {
	float: left;
	width:188px;
	padding: 0;
	margin-left: 20px;
	position: relative;
	background-image: url(imgs/smallcolumn_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.smallcolumn_left {
	float: left;
	width:188px;
	padding: 0;
	margin-right: 20px;
	position: relative;
	}
	
.smallmodule {
	float: left;
	width:188px;
	text-align: left;
	padding: 3px 0 5px 0;
	position: relative;
	background-image: url(imgs/smallcolumn_line.gif);
	background-position: top;
	background-repeat: no-repeat;
	}
	
.smallmodule_noline {
	float: left;
	width:188px;
	text-align: left;
	padding: 4px 0 5px 0;
	position: relative;
	}


.form_inscripcion {
	float: left;
	position: relative;
	}








/* BACK IMAGES */	
.homeback {
	background-image: url(imgs/home_back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 820px;
	height: auto;
	position: relative;
	float:left;
}

.back_1 {
	background-image: url(imgs/right_img1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.back_2 {
	background-image: url(imgs/right_img2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



/* IMAGES */

#all img {
	padding: 4px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	margin-bottom: 4px;
}

#right img {
	padding: 4px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	margin-bottom: 4px;
}

.home_img {
	padding: 10px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	float:left;
	position: relative;
	}

.home_video {
	padding: 5px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	float:left;
	position: relative;
	}
	
	
	
	
	
	
/* SEPARADORES */

.linedot {
	position: relative;
	float: left;
	background-image: url(imgs/linedot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 5px 0 5px 0;
	padding: 0;
	}		




/* FORMS & TABLES */

.tabla {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 18px;
	text-align: left;
	padding:0;
	margin: 0;
	}
	

.tabla input.field {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
	margin-bottom: 5px;
	}


.tabla textarea.field {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
	margin-bottom: 5px;
	}
	
.formbutton {
	background-color: #387AAC;
	color: #fff;
	padding: 2px 6px;
	font-size: 14px;
	text-decoration: none;
}

.formbutton:hover {
	background-color: #002D61;
	color: #fff;
	text-decoration: none;
}


.formbutton2 {
	background-color: #fff;
	color: #387AAC;
	padding: 1px 4px;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #387AAC;
}

.formbutton2:hover {
	background-color: #002D61;
	color: #fff;
	text-decoration: none;
}


select {
	width: auto;
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
	margin-bottom: 5px;
	}




/* LISTS */

.lista ul {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
.lista li {
	color: #333;
	margin: 4px 0;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	}
	
.lista li a:link, .lista li a:active, .lista li a:visited {
	color: #387AAC;
	line-height: 18px;
	text-decoration: none;
	}
	
.lista li a:hover {
	color: #387AAC;
	text-decoration: underline;
	}
	
	
	
.lista li ul li {
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: none;
	}




/* Paginador */

.paginador {
	width: 590px;
	text-align:center;
	font: 13px bold "lucida grande", verdana, helvetica, sans-serif; 
	padding: 10px 0;
	position: relative ;
	float: left;
	}

.paginador a:link, .paginador a:visited {
	font-size:12px;
	color: #666;
	padding: 5px 5px;
	font-weight:normal;
	text-decoration:none;
	}
	
.paginador a:hover {
	font-size:12px;
	background-color:#dfe0da;
	color: #333;
	text-decoration:none;
	font-weight:normal;
	}
	
.paginador img {
	padding: 0;
	border: none;
	}
	
.paginador img a:link,  .paginador img a:visited {
	padding: 0;
	border: none;
	margin: 0;
	}

.paginador img a:hover {
	padding: 0;
	margin: 0;
	border: none;
	}

    
/*////////// BUSCADOR ////////////*/
	
.phpdigHighlight { font-weight: bold; }
.color_table_outline {
    background-color: #cccccc;
    color: #000000;
    border: 1px solid #000000;
}
.color_top_bottom {
    background-color: #eeeeee;
    color: #000000;
}
.color_sub_top_bottom {
    background-color: #dddddd;
    color: #000000;
}
.color_table_cells {
    background-color: #ffffff;
    color: #000000;
}