/* CSS Document */




.clr {

	clear: both;

}



#main_outline {

	width: 970px !important;

	width: 976px;

	border: 1px solid #cccccc;

	padding: 2px;

	background: #ffffff;

}



#pathway_outline {

	width: 801px !important;

	width: 803px;

	float: left;

	border: 1px solid #cccccc;

	margin-bottom: 2px !important;

	margin-bottom: -2px;

	

	

}



#pathway {

	float: left;

	color: #283547;

	padding: 4px 3px 3px 5px;

	

	

}



#buttons {

	float: right;

	width: 30%;

	margin: 0px;

	padding: 0px;

		

}







ul#mainlevel-nav

{

	list-style: none;

	padding: 0px;

	margin: 0px;

	font-size: 0.8em;

	

}



ul#mainlevel-nav li

{

	display: block;

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	margin: 0;

	width: auto !important;

  	width: 15%;

	font-size: 11px;

	line-height: 21px;

	white-space: nowrap;

	border-left: 1px solid #cccccc;

}



ul#mainlevel-nav li a

{



	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #283547;   

	background: transparent;

}







#buttons>ul#mainlevel-nav li a { width: auto; }



	ul#mainlevel-nav li a:hover

{

	color: #FFFFFF;

	background: #283547; /*color de los tabs nav de arriba*/

}





#search {

	float: right;

	border: 1px solid #cccccc;

	padding: 0px;

	width: 163px !important;

	width: 165px;

	height: 21px !important;

	height: 23px;

	overflow: hidden;

}



#search .inputbox {

	border: 0px;

	padding: 4px 3px 3px 5px !important;

	padding: 3px 3px 3px 5px;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	height: 17px !important;

	height: 19px;

	width: 153px !important;

	width: 159px;

	color: #000000;

}



#header_area {

	width: 970px !important;

	text-align: left;

	border: 0px;

	margin: 0px;

}



#header {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 970px;

	/*height: 150px;*/

	height:84px;

	/*background: url(http://despatriados.com/web/templates/dd_midnight/images/background2.gif) no-repeat;*/

	background: url(http://despatriados.com/web/images/background3.gif) no-repeat;

}



#top_outline {

	float: left;

	border: 1px solid #cccccc;

	padding: 2px;

	margin-left: 2px;

	float: left;

	overflow: hidden;

	height: 144px !important;

	height: 150px;

	width: 159px !important;

	width: 165px;

}



#left_outline {

    margin-top: 2px;

    /*border: 1px solid #cccccc;*/

    padding: 2px; padding-right: 4px;

    float: left;

    width: 159px !important;

    width: 165px;

    background-color : #FFFFFF;

}



#content_area {

	padding: 0px;

	margin-top: 0px;

	margin-left: 2px;

	/** border: 1px solid #cccccc; **/

	float: left;

	width: 803px;
 	

}





#banner_area {

	width: 635px;

	margin-top: 2px;

	margin-bottom: 0px !important;

	margin-bottom: -3px;

}



#banner {

	float: left;

	padding: 0px;

	/*width: 468px;*/

	width: 635px;

}



#poweredby {

	float: left;

	margin-left: 2px;

}

#sandbox_area_2 {margin-top:3px;}

#sandbox_area_2 .sandbox_area {

	float: left;

	margin-top: 2px;

	/*width: 636px;*/

	width: 488px;

	

}



#sandbox_area_1 .sandbox_area {

	float: left;

	margin-top: 2px;

	width: 488px;
	/*width: 635px;*/

}



#right_outline {

	/*border: 1px solid #cccccc;*/

	margin-top: 2px;

	float: right;

	padding: 2px;

	/*width: 159px !important;

	width: 165px;*/
	
	width: 300px;

}



/** with both user1 and user2 visible **/

#user1_2 .user1_outline {

	width: 227px !important;

	width: 233px;

	border: 1px solid #cccccc;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_2 .user2_outline {

	width: 227px !important;

	width: 233px;

	border: 1px solid #cccccc;

	float: right;

	margin-left: 2px;

	margin-bottom: 2px;

	padding: 2px;

}



/** with either user1 or user2 visible **/

#user1_1 .user1_outline {

	/*width: 462px !important;

	width: 468px;*/

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_1 .user2_outline {

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	float: right;

	margin-bottom: 2px;

	padding: 2px;

}



/** based on 100% content width **/

#user1_4 .user1_outline {

	width: 311px !important;

	width: 317px;

	border: 1px solid #cccccc;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}







#user2_4 .user2_outline {

	width: 310px !important;

	width: 316px;

	border: 1px solid #cccccc;

	float: right;

	margin-left: 2px;

	margin-bottom: 2px;

	padding: 2px;

}



/** with either user1 or user2 visible **/

#user1_3 .user1_outline {

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	float: left;

	margin: 0px;

	padding: 2px;

	margin-bottom: 2px;

}



#user2_3 .user2_outline {

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	float: right;

	margin-bottom: 2px;

	padding: 2px;

}



/** adjust content area based on right nav **/

#sandbox_area_2 .content_outline {

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	padding: 2px;

}



#sandbox_area_1 .content_outline {

	width: 488px !important;

	width: 488px;

	border: 1px solid #cccccc;

	padding: 2px;

}



#active_menu {

	color:#283547;

	font-weight: bold;

}



a#active_menu:hover {

	color: #283547;

}



.maintitle {

	color: #ffffff;

	font-size: 40px;

	padding-left: 15px;

	padding-top: 20px;

}



.error {

  font-style: italic;

  text-transform: uppercase;

  padding: 5px;

  color: #cccccc;

  font-size: 14px;

  font-weight: bold;

}



/** old stuff **/



.back_button {

  float: left;

  font-size: 11px;

  font-weight: bold;

  margin-top: 15px;

  margin-bottom: 10px;

  border: 1px solid #cccccc;

  width: 40px;

  padding: 4px;

}



.page_bg {

	background: #fff url(http://despatriados.com/web/templates/dd_midnight/images/bg_fade.jpg) repeat-x;/*#C1D4ED*/

	padding: 0px 0px 20px 0px;

	margin: 0px;

	border: 0px;

}



.pagenav {

  text-align: center;

  font-size: 11px;

  font-weight: bold;

  border: 1px solid #cccccc;

  width: auto;

  padding: 4px;

  margin: 1px;

}



.pagenavbar {

	padding-right: 5px;

	float: right;

}



#footer {

	text-align: center;

	padding: 3px;

}



ul

{

margin: 0;

padding: 0;

list-style: none;

}



li

{

line-height: 15px;

padding-left: 15px;

padding-top: 0px;

background-image: url(http://despatriados.com/web/templates/dd_midnight/images/arrow.png) ;

background-repeat: no-repeat;

background-position: 0px 3px;

}



.quiz li {background-image:none; padding-left:0px; margin:0px; }

.answer {width:370px;display:inline; }







td {

	text-align: left;

	font-size: 11px;

}







body {

	margin: 15px;

	height: 100%;

	padding: 0px;

	font-family: Arial, Helvetica, Sans Serif;

	font-size: 12px;

	color: #333333;

	background: #E3E3E3;

}



/* mambo core stuff */

a:link, a:visited {

	color: #008dca; text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #1961D4;	text-decoration: none;  

	font-weight: bold;

}





table.contentpaneopen {

	width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin:0px;

}



table.contentpane td {

	margin: 0px;

	padding: 0px;

}





table.contentpane td.componentheading {

	padding-left: 4px;

}



table.contentpane td.contentheading {

  padding-left: 15px;

  padding-top: 9px;

}



table.contentpaneopen td a img {border-color: #000; }



table.contentpaneopen td {font: 12px Arial, Helvetica, sans-serif;   }



.button {

	padding: 2px 5px 2px 5px;

	height: 22px;

	border:solid 1px #cccccc;

	background-color: #ffffff;

	color: #000000;

	font-family: Arial, Helvetica, Sans Serif;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

}







.inputbox {

	padding: 2px;

	border:solid 1px #cccccc;

	background-color: #ffffff;

}



#sandbox_area_2 .componentheading, .componentheadinglinks {

	background: url(http://despatriados.com/web/templates/dd_midnight/images/subhead_bg.png) repeat-x;

	color: #FFFFFF;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	/*width: 458px !important;

	width: 462px;*/

	width: 485px !important;

	width: 485px;

	

}



#sandbox_area_1 .componentheading {

	background: url(http://despatriados.com/web/templates/dd_midnight/images/subhead_bg.png) repeat-x;

	color: #FFFFFF;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	width: 493px !important;

	

}



.contentcolumn {

	padding-right: 5px;

}



.contentheading {

	height: 30px;

	/*background: url(../images/contenthead.png)  repeat-x;*/

	background: url(http://www.despatriados.com/imagenes/portada/ar.gif)  no-repeat;

	color: #666666;

	text-align: left;

	/*padding-top: 2px;*/

	padding-top: 0px;

	

	padding-left:30px;

	/*padding-left: 15px;*/

	font-weight: bold;

	font-size: 13px;

	white-space: nowrap;

}



.contentheading p {padding-top:6px;}



#cbUserTable img {padding-bottom:6px;}



.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color: #cccccc;

	text-align:left;

}



/*fix de adri

.contentdescription {

	padding-top:50px;

}*/







table.searchinto {

	width: 100%;

}



table.searchintro td {

	font-weight: bold;

}



table.moduletable, table.moduletablepaises, table.moduletableblog, table.moduletablecompras, table.moduletableforo, table.moduletablelogin, table.moduletableencuesta, table.moduletablefotos, table.moduletablenews, table.moduletableforohome  {

	width: 100%;

	margin-bottom: 5px !important; border: 1px solid #cccccc;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

	margin:0px;
}



table.moduletable th, table.moduletablepaises th, table.moduletableblog th, table.moduletablecompras th, table.moduletableforo th, table.moduletablelogin th, table.moduletableencuesta th, table.moduletablefotos th, table.moduletablenews th, table.moduletableforohome th {

	
	background-color: #05a2c3;  /*color de los tabs/menu */

	color: #FFFFFF;

	text-align: left;

	vertical-align:middle;

	padding-left: 4px;

	height: 20px;

	font-weight: bold;

	font-size: 11px;

	text-transform: uppercase;

	

}



table.moduletable td, table.moduletablepaises td, table.moduletableblog td, table.moduletablecompras td, table.moduletableforo td, table.moduletablelogin td, table.moduletableencuesta td, table.moduletablenews td, table.moduletableforohome td  {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;


}
table.moduletableforohome {width: 492px;}
table.moduletablenews {width: 300px;}
table.moduletablenews td.contentheading {padding-left: 5px; background: none;}

table.moduletablefotos td {padding-top: 4px; text-align:center;}

table.moduletablepaises td {background:#90d2e8; padding-top:6px;}

table.moduletableblog th {background-color: #050505!important;}


table.moduletableforo {width: 300px; background:#f0f0f0; border: 1px solid #cccccc; margin-bottom: 3px; margin-top: 0px; }
table.moduletableforo li 
{background-image: url(http://despatriados.com/web/components/com_fireboard/template/default/images/spanish/icons/folder_nonew_s.gif) ;
background-repeat: no-repeat;}

table.moduletablecompras {margin-top:6px;}

table.moduletablelogin {background:#f0f0f0;}
table.moduletablelogin td {padding: 1px;}


table.moduletableencuesta td {padding-top: 3px; padding-bottom: 3px; background: #f0f0f0;}

table.pollstableborder td {  padding: 2px;}


/*right rail color tabs
table.moduletableforo th, table.moduletableencuesta th {background: #85cde5;}
*/

.sectiontableheader, .sectiontableheaderlinks {


  font-weight: bold;

  background: #f0f0f0;

  padding: 4px;

  

  

}



.sectiontablefooter {



}



.sectiontableentry1 {	background-color : #ffffff;}





.sectiontableentry2 {	background-color : #ffffff;}



.sectiontableentry1historias, .sectiontableentry2historias {background-color : #e3dfdf; padding-top:3px; padding-bottom:3px;}

.sectiontableentry1historias {background-color: #ffffff;}

.sectiontableentry1historias td, .sectiontableentry2historias td { border-bottom: 1px solid #999999; }

.sectiontableheaderhistorias {background-color: #e3dfdf;font-weight:bold; border-bottom: 1px solid #999999; border-top: 1px solid #999999;  padding-top:3px; padding-bottom:3px; margin-top:50px;}

/*gris e3dfdf  celeste d6dfe1*/



.small {

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



.createdate {

	height: 15px;

	padding-bottom: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}



table.contenttoc {

  border: 1px solid #cccccc;

  padding: 2px;

  margin-left: 2px;

  margin-bottom: 2px;

}



table.contenttoc th {



  /*background: url(../images/subhead_bg.png) repeat-x;*/

	background-color: #b2dae7; /*color de la navegacion izquierda*/

  color: #FFFFFF;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}



a.mainlevel:link, a.mainlevel:visited {

	display: block;

	background: url(http://despatriados.com/web/templates/dd_midnight/images/menu_bg1.png) no-repeat;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	color: #283547; 

	text-align: left;

	padding-top: 5px;

	padding-left: 18px;

	height: 19px !important;

	height: 24px;

	width: 100%;

	text-decoration: none;

}



a.mainlevel:hover {

	background-position: 0px -25px;

	text-decoration: none;

	color: #134AA2;

	

}



a.sublevel:link, a.sublevel:visited {

	padding-left: 1px;

	vertical-align: middle;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	text-align: left;

}



a.sublevel:hover {

	color: #7A7A7A;

	text-decoration: none;

}

.highlight {

	background-color: Yellow;

	color: Blue;

	padding: 0px 2px 0px 2px;

}

.code {

	background-color: #ddd;

	border: 1px solid #bbb;

}



.dd {



	color: #283547;

	clear: both;

}



.chiste {display: block; width: 436px; border-bottom:dotted #36c4e2; padding-top:20px; padding-bottom:20px;}



.notas { width: 490px;}



.notas td { width: 235px; padding: 4px 0px 4px 0px; color: #000;  }

.notas td a, .notas td a:active, .notas td a:visited{ color: #0069b5; display: block;  font-weight: bold; text-decoration:none;}

.notas td a p { margin: 0; padding: 0; }

.notas td a img{ float: left; margin-right: 4px; border: solid 1px #000;}

.notas td a span, .notas td a:active span, .notas td a:visited span, .notas td a:hover span, .notas td a span:hover { font-weight: normal; text-decoration: none; color: #000; }

.compras{ width: 470px; padding:0px; border-left: solid 1px #000; border-right: solid 1px #000;border-bottom: solid 1px #000;}

.compras td{ width:117px; color: #000; font: 11px Verdana; padding-top:4px; padding-bottom:4px; }

.compras td a, .notas td a:active, .notas td a:visited{ color: #0069b5; display: block; padding: 0px 1px 0px 1px; font-weight: bold; text-decoration:none;}

.compras td a img{ float: left; border: solid 1px #000;}

.compras td a span, .notas td a:active span, .notas td a:visited span, .notas td a:hover span, .notas td a span:hover{ font-weight: normal; text-decoration: none; color: #000; }



.contentpanehistorias ul li {padding-left:0px; background: none;}

.intertitle {font: 16px Arial;  font-weight: bold; color:#363434;}
.interbtitle {display: block; color: #666666; font-weight: bold; padding-bottom: 10px;}
.interq {font: 13px Arial; font-weight: bold; color:#363434; }
