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

/*  MAIN SECTION  */

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


/* MAIN NAVIGATION */

.main-navigation h1.first {

	clear:both; 

	padding:3px 5px 3px 5px;

	margin:0px; 

	background-color:rgb(239,107,00); 

	font-family:"trebuchet ms",arial,sans-serif; 

	color:rgb(255,255,255); 

	font-weight:normal; 

	font-size:140%;

}

.main-navigation h1 {

	clear:both; 



	padding:2px 5px; 



	margin:5px 0 10px 0; 



	background:rgb(0,56,168); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:140%;



}



.main-navigation h1.blue {



	clear:both; 



	padding:1px 5px ;



	margin:10px 0 10px 0; 



	background:rgb(0,56,168); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:140%;



}



.main-navigation h1.orange {



	clear:both; 



	margin:10px 0 10px 0; 



	padding:1px 5px ; 



	background:rgb(239,107,00); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:140%;



}



.main-navigation p.sidebar-maintitle {



	margin: 5px 0px 5px 0px; 



	padding: 2px 0px 2px 5px; 



	background-color: rgb(239,107,00); 



	color: rgb(255,255,255); 



	text-transform: uppercase; 



	font-weight: bold; 



	font-size: 100%;



}



.sidebar-txtbox-noshade {



	margin: 5px 0px 5px 0px; 



	padding: 2px 0px ;



}



.sidebar-txtbox-noshade p {



	margin: 0px 0px 5px 0px; 



	padding: 0px; 



	line-height: 1.25em; 



	font-size: 110%;



}



.main-navigation h2 {



	clear:both; 



	margin:20px 10px 10px 20px; 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(100,100,100); 



	font-weight:bold; 



	font-size:150%;



}



.main-navigation h3 {



	clear:both; 



	margin:3px 5px 5px 11px; 



	color:rgb(170,170,170); 



	font-weight:normal; 



	font-size:110%;



} 



.main-navigation p {



	clear:both; 



	margin:0 5px 5px 5px; 



	color:rgb(80,80,80); 



	line-height:1.3em; 



	font-size:110%;



}



.main-navigation p.center {



	text-align:center;



}



.main-navigation p.right {



	text-align:right;



}



.main-navigation p.date {



	COLOR: #999999; 



	font-size:100%; 



	text-align:left; 



	margin:0 5px 5px 10px;



}



.main-navigation ul {



	list-style:none; 



	margin:0.5em 5px 0.5em 6px;



}



/*.main-navigation ul li {



	margin:5px 0 0.2em 2px; 



	padding:0px 0px 0px 7px; 



	background:url(../imagen/arrows.gif) no-repeat 0 0.4em; 



	line-height:1.2em; 



	font-size:110%;



}



*/



.main-navigation ul li span {



	COLOR: #999999; 



	font-size:90%; 



	text-align:left; 



	margin:0 5px 5px 0px;



}



.vermas span {



	COLOR: #999999; 



	font-size:90%; 



}



.main-navigation .columnav ul {



	list-style:none; 



	margin:5px 5px 5px 6px;



}



.main-navigation .columnav ul li {



	margin:5px 0 0.2em 2px; 



	padding:0px 0px 0px 7px; 



	background:url(../imagen/flecha.gif) no-repeat 0 0.4em; 



	line-height:1.2em; 



	font-size:110%;



}







/*Menu horizontal*/



.urbangreymenu{



width: 135px; /*width of menu*/



}



.urbangreymenu .headerbar{



font: normal 10px Verdana;



color: white;



background: #0038A8; /*last 2 values are the x and y coordinates of bullet image*/



margin-bottom: 0; /*bottom spacing between header and rest of content*/



text-transform: uppercase;



padding: 3px 0 3px 3px; /*31px is left indentation of header text*/



}



.urbangreymenu ul{



list-style-type: none;



margin: 0;



padding: 0;



margin-bottom: 0; /*bottom spacing between each UL and rest of content*/



}



.urbangreymenu ul li{



padding-bottom: 2px; /*bottom spacing between menu items*/



}



.urbangreymenu ul li a{



font: normal 11px Arial;



color: black;



background: #E9E9E9;



display: block;



padding: 3px 0;



padding-left: 3px; /*link text is indented 8px*/



text-decoration: none;



}



.urbangreymenu ul li a:visited{



color: black;



}



.urbangreymenu ul li a:hover{ /*hover state CSS*/



color: #FFFFFF;



background: #EF6B00;



}











/* MAIN CONTENT */



.main-content h1.pagetitle {



	margin:0 0 0.5em 0; 



	padding:0 0 2px 0; 



	border-bottom:solid 2px rgb(239,107,00); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(100,100,100); 



	font-weight:bold; 



	font-size:200%; 



	text-align:right



}



.main-content h1.pagetitle2 {



	margin:0 0 0.5em 0; 



	padding:0 0 2px 0; 



	border-bottom:solid 2px rgb(239,107,00); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(239,107,00); 



	font-weight:bold; 



	font-size:150%; 



	text-align:right; 



	font-style:italic



}



.main-content h1.block {



	clear:both; 



	margin:1.0em 0 0em 0; 



	padding:2px 0 2px 2px; 



	background:rgb(190,190,190); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:bold; 



	font-size:220%;



}



.main-content h1 {



	clear:both; 



	margin:0.5em 0 0.5em 0; 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(80,80,80); 



	font-weight:normal; 



	font-size:170%;



}



.main-content h2 {



	clear:both; 



	margin:1.0em 0 0.5em 0; 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(80,80,80); 



	font-weight:normal; 



	font-size:160%;



}



.main-content h3 {



	clear:both; 



	margin:-1.0em 0 0.5em 0; 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(125,125,125); 



	font-weight:normal; 



	font-size:130%;



}



.main-content h1.side {clear:none;}



.main-content h2.side {clear:none;}



.main-content h3.side {clear:none;}



.main-content h4 {



	margin:0 0 0.5em 0; 



	color:rgb(80,80,80); 



	font-family:"trebuchet ms",arial,sans-serif; 



	font-weight:normal; 



	font-size:110%;



}



.main-content h5 {



	margin:1.5em 0 1.0em 0; 



	color:rgb(80,80,80); 



	font-family:"trebuchet ms",arial,sans-serif; 



	font-size:140%;



}



.main-content h6 {



	margin:1.0em 0 0.2em 0; 



	color:rgb(80,80,80); 



	font-weight:bold; 



	font-size:110%;



}



.main-content .column-unit p { text-align:justify}



.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:115%;}



.main-content p.center {text-align:center;}



.main-content p.right {text-align:right;}



.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}



.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}



#nav { margin-left:148px; padding:0; float:left; width:70%; border:0px; font-size:100%; font-weight:normal }



#nav ul { list-style-type:none;} 



#nav li { display:inline; padding:0; margin:0;} 



#nav a:link, #nav a:visited { 



	color:#000; 



	padding:3px; 



	float:left; 



	width:auto; 



	text-decoration:none; 



	font: 1em/1em Arial, Helvetica, sans-serif; 



	text-transform:capitalize;



}



#nav #nav-archive a:hover { 



	color:#ef6B00; 



	font-weight:bold; 



	text-decoration:underline



}



#nav #nav-archive a {



	color:#2B25A3; 



	text-transform:capitalize



}



#nav #nav-nolink a {



	color:#666666; 



	font-weight:normal; 



	text-transform:capitalize; 



	text-decoration:none;



}



.content-txtbox-noshade {



	padding: 3px 0px 1px 0px;



	margin: 0px; 



	background-color: rgb(255,255,255);



}  



.audio {



	padding: 3px 0px 0px 0px;



	margin: 0px; 



	background-color: rgb(255,255,255);



} 



h3.games {



	padding: 7px 0 0 0;



	font-size:11px;



} 



 



/*.main-content table {clear:both; width:420px; margin:1.0em 0 0.1em 10px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}



.main-content table tr {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}



.main-content table td {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}*/



/*table style////







*/



.table {



	clear: left; 



	margin: 0.5em 0px 0.2em 3px; 



	border: solid 1px rgb(150,150,150); 



	empty-cells: show; 



	border-collapse: collapse; 



	background-color: rgb(233,232,244);



}



.table tr {



	margin: 0px; 



	padding: 0px;



}



.table td {



	padding: 2px 3px; 



	border: none; 



	text-align: left; 



	font-size: 110%;



}



p.caption {



	clear:both; 



	margin:0.5em 0 2.0em 20px; 



	text-align:left; 



	color:rgb(80,80,80); 



	font-size:110%;



}



.main-content ul {



	list-style:none; 



	margin:0.5em 0 1.0em 0.4em;



}



.main-content ul li {



	margin:0 0 0.2em 2px; 



	padding:0 0 0 3px; 



	/*background:url(../imagen/flecha.gif) no-repeat 0 0.5em; */



	line-height:1.4em; 



	font-size:120%;



}



.column1-unit img.center {



	clear:both; 



	float:none; 



	display:block; 



	margin:0 auto; 



	border:none



}



.column1-unit img.left {



	clear:both; 



	float:none; 



	display:block; 



	margin:1px auto 1px 1px; 



	border:none 



}



.column2-unit-left ul {



	list-style:none; 



	margin:0.5em 5px 0.5em 8px;



}



.column2-unit-left ul li {



	margin:5px 0 0.2em 2px; 



	padding:0px 0px 0 7px; 



	background:url(../imagen/flecha.gif) no-repeat 0 0.4em; 



	line-height:1.2em; 



	font-size:110%;



}



.column2-unit-right ul {



	list-style:none; 



	margin:0.5em 5px 0.5em 8px;



}



.column2-unit-right ul li {



	margin:5px 0 0.2em 2px; 



	padding:0px 0px 0 7px; 



	background:url(../imagen/flecha.gif) no-repeat 0 0.4em; 



	line-height:1.2em; 



	font-size:110%;



}



.column2-unit-right img.left {clear:both; 



	float:none; 



	display:block; 



	margin:1px auto 1px 1px; 



	border:none



}



.main .column2-unit-left img.left {



	clear:both; 



	float:none; 



	display:block; 



	margin:1px auto 1px 1px; 



	border:none



}



.column2-unit-left .pipe {



	MARGIN: 1px 1px; 



	HEIGHT: 2px; width:234px; 



	BACKGROUND: url(../imagen/bg_blue_pipe.gif) repeat-x 30% top;



}



/* MAIN SUBCONTENT */



.main-subcontent h1 {



	clear:both; 



	padding:0px 8px; 



	margin:0 0 5px 0; 



	background-color:rgb(190,190,190); 



	font-family:"trebuchet ms",arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:130%;



}



.main-subcontent h1.green {



	clear:both; 



	margin:0 0 5px 0; 



	padding:0px 8px; 



	background-color:rgb(160,214,81); 



	font-family:"trebuchet ms",verdana,arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:130%;



}



.main-subcontent h1.blue {



	clear:both; 



	margin:0 0 5px 0; 



	padding:0px 8px; 



	background-color:rgb(0,56,168); 



	font-family:"trebuchet ms",verdana,arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:130%;



}



.main-subcontent h1.orange {



	clear:both; 



	margin:0 0 5px 0; 



	padding:0px 8px; 



	background-color:rgb(239,107,00); 



	font-family:"trebuchet ms",verdana,arial,sans-serif; 



	color:rgb(255,255,255); 



	font-weight:normal; 



	font-size:130%;



}



.main-subcontent h3 {



	clear:both; 



	margin:1.0em 5px 0.5em 5px; 



	color:rgb(80,80,80); 



	font-weight:bold; 



	font-size:110%;



}



.main-subcontent h6 {



	margin:0 0 0.2em 0; 



	color:rgb(80,80,80); 



	font-weight:bold; 



	text-align:center; 



	font-size:90%;



}



.main-subcontent p {



	clear:both; 



	margin:0 3px 0.5em 5px; 



	color:rgb(80,80,80); 



	line-height:1.3em; 



	font-size:110%;



}



.main-subcontent p.center {



	text-align:center;



}



.main-subcontent p.right {



	text-align:right;



}



.main-subcontent ul {



	list-style:none; 



	margin:0.4em 10px 1.0em 5px;



}



.main-subcontent ul li {



	margin:5px 0 0.2em 2px; 



	padding:0 0 0 8px; 



	background:url(../imagen/flecha.gif) no-repeat 0 0.4em; 



	line-height:1.2em; 



	font-size:110%;



}



/*Boton mail*/



.btn {



	border: 1px solid #808080; 



	FONT-WEIGHT: normal; 



	FONT-SIZE: 11px; 



	MARGIN: 3px; 



	WIDTH: 40px; 



	HEIGHT: 27Zpx;



	COLOR: #003366; 



	FONT-FAMILY: Arial, Helvetica, sans-serif; 



}



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



/*  COMMON CLASSES  */



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



.main img {clear:both; margin:3px 0px 3px 0; padding:1px; }



.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; }



.main img.right {clear:both; float:right; margin:3px 0 5px 5px; padding:1px; border:1px solid rgb(150,150,150);}



.main img.left {clear:both; float:left; margin:3px 0 5px 1px; padding:1px; border:1px solid rgb(150,150,150);}



.main img.leftNoClear {float:left; margin:3px 5px 3px 1px; padding:1px; border:1px solid rgb(150,150,150);}



.main .column-unit img.left {clear:both; float:none; margin:3px 0 5px 1px; padding:1px; border:1px solid rgb(150,150,150);}



img.games { 



	 float:left; 



	 display:inline; 



	 margin:0 5px 0 0; 



	 padding:2px; 



	 border:1px solid rgb(150,150,150);



 }



.main-navigation img.right {clear:both; float:none; display:block; margin:1px auto; border:none }



.main-navigation img.left {clear:both; float:none; display:block; margin:1px auto; border:none }



.main a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}



.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}



.main a:hover {color:rgb(239,107,00); text-decoration:underline;}



.main a:visited {color:rgb(42,90,138);}



.main a img {border:0px;}



.main a:hover img {border:0;}







/*------------------*/



/* 7.3  Text colors */



/*------------------*/



.txt-white {color: rgb(255,255,255);}



.txt-black {color: rgb(0,0,0);}







.txt-grey01 {color: rgb(242,242,242);}



.txt-grey02 {color: rgb(230,230,230);}



.txt-grey03 {color: rgb(217,217,217);}



.txt-grey04 {color: rgb(204,204,204);}



.txt-grey05 {color: rgb(191,191,191);}



.txt-grey06 {color: rgb(178,178,178);}



.txt-grey07 {color: rgb(153,153,153);}



.txt-grey08 {color: rgb(127,127,127);}



.txt-grey09 {color: rgb(89,89,89);}



.txt-grey10 {color: rgb(51,51,51);}







.txt-yellow01 {color: rgb(254,252,232);}



.txt-yellow02 {color: rgb(253,249,201);}



.txt-yellow03 {color: rgb(253,246,185);}



.txt-yellow04 {color: rgb(252,243,162);}



.txt-yellow05 {color: rgb(251,239,139);}



.txt-yellow06 {color: rgb(250,236,116);}



.txt-yellow07 {color: rgb(249,233,93);}



.txt-yellow08 {color: rgb(249,230,69);}



.txt-yellow09 {color: rgb(248,227,46);}



.txt-yellow10 {color: rgb(247,224,23);}







.txt-blue01 {color: rgb(238,237,249);}



.txt-blue02 {color: rgb(222,220,242);}



.txt-blue03 {color: rgb(205,202,236);}



.txt-blue04 {color: rgb(189,185,229);}



.txt-blue05 {color: rgb(172,167,223);}



.txt-blue06 {color: rgb(155,149,217);}



.txt-blue07 {color: rgb(139,132,210);}



.txt-blue08 {color: rgb(122,114,204);}



.txt-blue09 {color: rgb(106,97,197);}



.txt-blue10 {color: rgb(89,79,191);}





.txt-green01 {color: rgb(237,246,229);}



.txt-green02 {color: rgb(220,238,204);}



.txt-green03 {color: rgb(202,229,178);}



.txt-green04 {color: rgb(185,220,153);}



.txt-green05 {color: rgb(167,211,127);}



.txt-green06 {color: rgb(149,203,102);}



.txt-green07 {color: rgb(132,194,76);}



.txt-green08 {color: rgb(114,185,51);}



.txt-green09 {color: rgb(97,177,25);}



.txt-green10 {color: rgb(79,168,0);}



.txt-red01 {color: rgb(252,235,233);}



.txt-red02 {color: rgb(248,216,211);}



.txt-red03 {color: rgb(245,196,188);}



.txt-red04 {color: rgb(242,177,166);}



.txt-red05 {color: rgb(238,157,144);}



.txt-red06 {color: rgb(235,137,122);}



.txt-red07 {color: rgb(232,118,100);}



.txt-red08 {color: rgb(229,98,77);}



.txt-red09 {color: rgb(225,79,55);}



.txt-red10 {color: rgb(222,59,33);}



/* menu css*/



.suckerdiv a {



	color: #000;



	text-decoration: none;



}



.suckerdiv  ul {



	list-style: none;



	margin: 0;



	padding: 0;



	width:135px;



}



.suckerdiv ul li {



	font: bold 11px/16px arial, helvetica, sans-serif;



	height:100%;



	background:#ffffff;



	border-bottom:1px solid #fff;



	position: relative;



	float:left;



	width:100%;



	}





.suckerdiv ul li ul li{



	background:#ffcf8b;



	}



.suckerdiv ul li a{



	display:block;



	padding: 2px 3px;



	text-decoration:none;



	}



.suckerdiv ul li a:hover {



	color: #a00;



	background: #ffd3d4;



	border-right:1px solid #fff;



}



.suckerdiv ul li ul li a:hover{



	background: #ffedd3;



	border-left:1px solid #fff;



}



.suckerdiv ul ul {



	position: absolute;



	top: 0;



	display:none;



	width:100px;



}





.suckerdiv ul li:hover ul{

	display: block;

	left:135px;

}



/*menu voluntarios*/



.main-navigation .arrowlistmenu{

width: 135px; /*width of menu*/

}



.main-navigation .arrowlistmenu ul{

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.main-navigation .arrowlistmenu ul li{

padding-bottom: 1px; /*bottom spacing between menu items*/

}



.main-navigation .arrowlistmenu ul li a{

color: #A70303;

/*background: url(media/arrowbullet.png) no-repeat center left;*/ /*custom bullet list image*/

display: block;

padding: 3px 0 5px 0;

padding-left: 5px; /*link text is indented 19px*/

text-decoration: none;

font-weight: normal;

border-bottom: 1px solid #dadada;

font-size: 110%;

height: 16px; 

}



.main-navigation .arrowlistmenu ul li a:visited, .main-navigation .arrowlistmenu ul li a:link{

color: #A70303;

background:url(../imagen/arrowgrey.gif);

}



.main-navigation .arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

/*background-color: #F3F3F3;*/

background:url(../imagen/arrowgrey.gif) 0 -24px;

}



/*fin*/

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



	Image Menu

	v 2.2



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



#imageMenu {

	position: relative;

	width: 485px;

	height: 200px;

	overflow: hidden;

}



#imageMenu ul {

	list-style-type: none;

	margin: 0px;

	display: block;

	height: 200px;

	width: 1000px;

	

	}



#imageMenu ul li {

	float: left;

}



#imageMenu ul li a {

	text-indent: -1000px;

	background:#FFFFFF none repeat scroll 0%;

	cursor:pointer;

	display:block;

	overflow:hidden;

	width:100px;

	height: 200px;

}



#imageMenu ul li.landscapes a {

	background: url(/imagen/jclic.jpg) repeat scroll 0%;

}



#imageMenu ul li.people a {

	background: url(/imagen/huracanlittle.jpg) repeat scroll 0%;

}



#imageMenu ul li.nature a {

	background: url(/imagen/autoproteccion.jpg) repeat scroll 0%;

}



#imageMenu ul li.urban a {

	background: url(/imagen/ninos.jpg) repeat scroll 0%;

}



/*#imageMenu ul li.abstract a {

	background: url(../imagemenu/images/abstract.jpg) repeat scroll 0%;

	width: 310px;

}*/



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

/*hoverbox*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}

.hoverbox .preview

{

	border-color: #000;

	width: 200px;

	height: 150px;

}

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

/*para colorear*/
.color
{ background-color:#FF9900;
	padding:5px; 
	border:5px solid #CCCCCC;
}
.colorear
{	cursor: default;
	list-style: none;
}

.colorear a{ 
cursor: default;
}

.colorear a .preview
{	display: none;
}

.colorear a:hover .preview

{	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	border:2px solid #333333;
	padding: 0;
}

.colorear img

{	border-color: #aaa ;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}
.colorear li

{	color: inherit;
	display: inline;
	float: left;
	width:107px; height:85px; float:left; border:1px solid #fff; 
	position: relative;
}

.colorear .preview
{	width: 200px;
	height: 150px;	
}

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