/*////////////////////////  RESET CSS //////*/

*{margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

.floatDcha{
float: right;
}

.just{
text-align: justify;
display: block;
margin: 0 30px 0 0;
width: 400px;
}

#actividad img.izq{
	float:left;
	margin:0 20px 0 0;}
	#actividad img.margenInf{ margin: 0 20px 40px 0;}
#actividad img.der{
	float:left;
	margin:0 20px 0 0;}

/*///////////////  HTML / BODY / WRAPPER ///*/

html,body {
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	font-size:85%;
	color:#333;
	background-color: #fff;
	font-family:"Trebuchet MS", Verdana, Helvetica, Arial;
}

div#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*/////////////////////////  HEADER  ///////*/

div#header {
	padding:0;
	height: 166px;
	background:#B0D5E7 url(../img/fondoHeader.jpg) repeat-x 0 0;
	}
	div#logoHeader{
		margin: 0 auto;
		width: 745px;
		height: 75px;
		background: url(../img/logo.png) no-repeat 0 0;
		overflow:hidden;
		line-height: 1500;
		}

	div#menuHeader{
		width: 790px;
		height: 18px;
		font-family:"Times New Roman", Times, serif;
		text-transform:uppercase;
		color: #FF9933;
		font-weight:normal;
		background-color: #39C;
		margin:14px auto;
		padding-top: 3px;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		font-size: 13px;
		}

	div#menuHeader ul{
		margin: 0;
	}
	
	div#menuHeader li{
		float: left;
		margin: 0;
		padding: 0 10px;
		border-left: 1px solid #fff;
	}
	
	div#menuHeader li.first{
	border: 0;
	}
	
	div#menuHeader li a:link, div#menuHeader li a:visited{
	background-color:#39C;
	color: #fff;
	text-decoration: none;
	}
	
	div#menuHeader li a:hover{
		color: #0000CC;
	}
	
	div#menuHeader li .mHborder{
	width: 150px;
	border: 1px solid white;
	}
	
	#cresponNegro{
		overflow:hidden;
		width:45px;
		height:75px;
		background:url(../img/crespon.png) no-repeat left top;
		margin:0 0 0 430px;
		}
	#header #logoFacebook{
		margin:-30px 0 0 0;
		background:url(../img/facebook.png) left center no-repeat;
		padding:0 0 0 20px;
		color:#FFF;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		display:block;
		overflow:hidden;
		position:relative;
		}
			#header #logoFacebook:hover{
				text-decoration:underline;
			}

/*/////////////////////////  CONTENT  ///////*/

.content {
	width: 745px;
	margin: -48px auto  0 auto;
	padding:10px 10px 150px 0; /* bottom padding for footer */
	}

a:link, 
a:visited {
	color: #000;
	text-decoration:underline;
}

a:hover, 
a:active {
	color: #F30;
	text-decoration:none;
	}


/*/////////////////////////  FOOTER  ///////*/

div#footer {
	position:absolute;
	height: 90px;
	background: #333 url(../img/fondoFooter.jpg) repeat-x;
	font-family:Verdana, "Trebuchet MS", Helvetica, Arial;
	font-size: 95%;
	width:100%;
	bottom:0; /* stick to bottom */
	color: #eee;
	font-weight: bold;
}

div#footer2 {
height: 20px;
width: 730px;
margin: 50px auto 0 auto;
}

div#footer2 p{
float:left;
}

div#footer2 a:link, div#footer2  a:visited{
color:#fff;
text-decoration:none;
}

div#footer2 a:hover{
text-decoration:underline;
}

span#linksPie{
text-align:right;
width: 480px;
float: right;
display:block;
}

div#footer3 {
float:right;
width:  150px;
margin: -10px 0 0 0 ;
text-align:right;
}

/*////////////////////////// varios ////////*/

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

    	clear:both;
        height:0;
        line-height: 0px;

    }

.fueraFoco{
height: 20px;
overflow:hidden;
line-height: 1500;
}


.anyo{
float:left;
margin: 5px 0 0 0;
}

strong{
font-weight:800;
}

.logoVictimas{ width:253px; height:37px; background:url(../img/logo_fundacion_victimas.png) no-repeat; display:block; overflow:hidden; float:right; margin:-42px 0 0 0;}
	.logoVictimas a{ overflow:hidden; display:block; line-height:500px;}