/* import */
@import url('css/reset.css');

/* General */

body {
	font-family: Arial, helvetica, sans-serif;
	font-size: 62.5%;
	background: white url('img/main-bg.gif') repeat-x;
}

h2, h2 a{
	color: #0c2552;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

h3{
	display: block;
	width: 100%;
	height: 16px;
	padding-top: 2px;
	text-indent: 6px;
	color: white;
	font-weight: bold;
	font-size: 1.0em;
	background: url(img/bar-noticias.gif);
}

h4{
	display: block;
	width: 100%;
	height: 16px;
	padding-top: 2px;
	text-indent: 6px;
	color: #003399;
	font-weight: bold;
	font-size: 1.0em;
	background: #e3ecfc;
}

h5{
	font-size: 1.4em;
	font-weight: lighter;
}

h6, h6 a{
	color: #3366cc;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.left{
	float: left;
}

.right{
	float: right;
}

.linea{
	padding-bottom: 10px;
	margin: 15px 0px;
	border-bottom: 1px solid #99ccff;
}

.oculta{
	display: none;
}

.quitaSub{
text-decoration:none;
color:#0c2552;}

/* header */

div#header{
	position: relative;
	height: 140px;
	width: 927px;
	margin: 0 auto;
	background:  url('img/header-bg.jpg') no-repeat;
	background-image: url(img/header-bg-short2.jpg);
}

div#header a#language{
	position: absolute;
	top:69px;
	right: 253px;
	display: block;
	width: 145px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #233c76;
	border: #b2caf7 1px solid;
	background: url('img/button-bg.gif') repeat-x;
}

h5#construccion{
	font-size:12px;
	color:#0c2552;
	text-align:center;
	text-decoration:underline;
}
.construccionH{
	position: absolute;
	top:25px;
	right: 130px;
	display: block;
	width: 130px;
	height: 18px;
	padding-top: 2px;
	}

div#header a#recomiendanos{
	position: absolute;
	top:225px;
	right: 0px;
	display: block;
	padding-right: 19px;
	text-decoration: none;
	font-size: 14px;
	color: #233c76;
	background: url('img/mas-icon.gif') no-repeat;
	background-position: right;
}

div#header p#estatus{
	position: absolute;
	top:225px;
	left: 0px;
	width: 780px;
	height: 20px;
	font-size: 1.2em;
	color: #233c76;
	text-transform: uppercase;
}

div#header p#estatus a{
	font-size: 1.2em;
	color: #233c76;
	text-decoration: none;
	text-transform: uppercase;
}

div#header p#estatus a:hover{
	font-size: 1.2em;
	color: #233c76;
	text-decoration: none;
}

div#logo{
	position:absolute;
	top:68px;
	height:27px;
	left: 797px;
}

div#logo2{
	position:absolute;
	top:0px;
	left: 0px;
	height:100px;
	width: 100px;
}


/* navigation */

div#nav{
	position: absolute;
	top: 100px;
	left: 0px;
	height: 32px;
	width: 100%;
	background-color: #e3ecfc;
	border-top: #b2caf7 1px solid;
	border-bottom: #b2caf7 1px solid;
	z-index:100;
}

div#nav li{
	margin-top: 8px;
	float: left;
	width: 184px;
	border-right: #b2caf7  1px  solid;
}

div#nav li ul li{
	
	border: #b2caf7  1px  solid;
}

div#nav #contacto{
	border-right:0;
}

div#nav li a{
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #233c76;
	font-size: 1.6em;
}

div#nav li a:hover{
	color: #6699cc;
}

div#nav li a:hover ul{
		border: #233c76  1px  solid;
}

div#nav li ul{
	margin-top: 5px;
}

div#nav li li{
	width: 174px;
	margin-top: 0px;
	padding: 9px;
	border-bottom: #233c76  1px  solid;
	background-color: #f1faff;
	font-size: 0.8em;
	
}

div#nav li ul li a{
	color: #233c76;
	font-weight: lighter;
}

div#nav li ul li:hover{
	color: #233c76;
	font-weight: lighter;
	background: #cfdef1;
}


/*  quita  flechita */

div#nav ul.sf-menu > li > a > .sf-sub-indicator{
	 background:none; 
}

/* main */


div#main{
	overflow: hidden;
	width: 927px;
	margin: 0 auto;
}

div#main #facebook li a{
	
}

div#top-home{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 260px;
}

div#flash-banner{
	position: absolute;
	top:0;
	left: 0;
}

div#banner-mapa{
	position: absolute;
	top:0px;
	left: 630px;
	border: #b2caf7 1px solid;
}

div#video{
	position: absolute;
	top:255px;
	left: 630px;
}

div#banner-galeria{
	position: absolute;
	top:0px;
	left: 630px;
}

div#top-home div#mensaje{
	position: absolute;
	top: 280px;
	left: 0px;
	width: 580px;
}

div#left-col{
	float: left;
	width: 400px;
}

div.thumb-post{
	overflow: hidden;
	margin-bottom: 10px;
	border-top: #b2caf7 1px solid;
	margin-top: 20px;
	padding-top: 12px;
}


div#main span.sub-ray{
	text-decoration: underline;
	font-weight: bold;
}

div#main,
div.thumb-post p,
div#noticias .thumb-noticia,
.notas .item p{
	font-size: 13px;
	line-height: 1.2em;
	color: #0c2552;
}

div.thumb-post ul{
	list-style-image: url(img/bullet.gif);
	margin-left: 8px;
	
}

div.thumb-post ul li a{
	display: block;
	font-size: 13px;
	line-height: 1.2em;
	text-decoration: none;
	color: #6699cc;
	margin: 5px 0;
}


div.thumb-post img{
	float: left;
	width: 190px;
}

div.thumb-col{
	float: left;
	margin-left: 8px;
	width: 200px;
}


div#right-col{
	float: left;
	width: 296px;
	margin-left: 10px;
}


div#right-col #flash-bannernot{
	margin-top: 20px;
}

div#right-col #noticias{
	border: #b2caf7 1px solid;
	background: #e3ecfc;
	margin-top: 20px;
	padding-bottom: 15px;
}


div#noticias .thumb-noticia{
	overflow: hidden;
	border-top: #b2caf7 1px solid;
	padding: 10px 10px 10px 10px;
}

div#noticias .thumb-noticia img{
	float: left;
}

div#noticias .thumb-noticia .noticia-col{
	float: left;
	width: 160px;
	margin-left: 10px;
}


div.notas{
	overflow: hidden;
	border: #b2caf7 1px solid;
	margin-top: 20px;
	padding-bottom: 15px;
}

div.notas-mapa{
	border: #b2caf7 1px solid;
	margin-top: 20px;
}

div.notas img{
	margin: 5px 0px 0 5px;
}

.notas div.item{
	margin: 10px;
}

.notas .item p.fecha{
	color: #3366cc;
	font-size: 12px;
	font-weight: bold;
}

.notas a.ver-mas{
	margin-left: 10px;
}

a.ver-mas{
	display: block;
	color: #6699ff;
	background-color: aqua;
	text-decoration: none;
	background: url(img/arrow-bullet.png) no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}

a.Nver-mas{
	display: block;
	/*color: #6699ff;*/
	color: #0c2552;
	background-color: aqua;
	text-decoration: none;
	background: url(img/arrow-bulletO.png) no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin-left: 10px;
}

div.proyecto-amor{
	background: url(img/tag-proyecto-de-amor.gif) no-repeat;
	padding: 88px 10px 10px 30px;
}

div.proyecto-amor img{
	float: left;
}

div.proyecto-amor div{
	float: left;
	width: 140px;
	margin-left: 5px;
}

div#main p.title,
p.title{
	overflow: hidden;
	display: block;
	background: #30487f;
	color: white;
	padding: 10px;
	font-size: 1.6em;
	margin: 10px 0;
}

div#main div.title{
	overflow: hidden;
	display: block;
	background: #30487f;
	color: white;
}

div#main div.title p{
	display: block;
	float: left;
	padding: 10px;
	font-size: 1.6em;
	margin: 10px 0;
}

/* content left col */

div#content-left-col{
	width: 606px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}

div#content-left-col p{
	color: #233c76;
	margin-bottom: 18px;
	line-height: 18px;
}

div#content-left-col div#articulos{
	overflow: hidden;
}

div#content-left-col div#articulos div.articulo{
	display: block;
	width: 291px;
	float: left;
	border-top: #b2caf7 1px  solid;
	border-bottom: #b2caf7 1px  solid;
	padding: 10px 0;
	margin-top: 10px;
	margin-right: 12px;
}


div#content-left-col div#articulos div.articulo img{
	display: block;
	float: left;
	margin-right: 10px;	
}

div#content-left-col div#articulos div.articulo p{
	line-height: 16px;
	margin-bottom: 8px;
}

div#content-left-col div#articulos div.articulo ul li{
	list-style-image: url(img/bullet.gif);
	margin-left: 8px;
}

div#content-left-col div#articulos div.articulo li a{
	text-decoration: none;
	color: #366edc;	
}

/* articulo */

div.articulo{
	height:140px;
	}

div#content-left-col div#header-articulo{
	overflow: hidden;
	position: relative;
	display: block;
	margin-bottom: 20px;
}

div#content-left-col div#header-articulo img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#content-left-col div#header-articulo p.pie-foto{
	font-size: 0.8em;
	line-height: 14px;
	color: #2d76cc;
	position: absolute;
	width: 250px;
	bottom: 0px;
	right: 0px;
}

div#content-left-col div#galeria{
	overflow: hidden;
	display: block;
	border-top: 1px solid #99ccff;
	border-bottom: 1px solid #99ccff;
	padding: 10px 0px;
	margin: 5px 0px;
}

div#content-left-col div#galeria img{
	margin: 6px;
}

/* pagina escultor */

div#main p.titleE{
	overflow: hidden;
	display: block;
	background: #30487f;
	color: white;
	padding: 10px;
	font-size: 1.6em;
	margin-bottom:10px;
}

div.escultor{
	text-align:center;
	width:151px;
	margin: 6px;
	float:left;
}

div.escultor a{
	text-decoration:none;
	color:#366edc;
}

#flash-escultores{margin-top:15px;}

h2.escultores{font-size:1.8em;}

h2.espacio{padding-top:40px;
}

/* amigos  y organizaciones */

h2.amigo{
margin:30px 0;
}

div.amigo{
margin-top:5px;
width:600px;
overflow:hidden;
font-size:.9em;
margin-left:10px;
}

div.amigo .nombre{
	width:250px;
	padding-right:10px;
	float:left;
}
div.amigo .campo{
	width:150px;
	padding-right:10px;
	float:left;
}

/* paginacion */

div#main div#paginacion-top{
	float: right;
	display: block;
	height: 30px;
	width: 400px;
	padding-top: 20px;
	padding-left: 10px;
}


div#main div#paginacion-pie{
	clear: both;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	padding-left: 10px;
}

div#main div#paginacion-top ul.paginacion li{
	display: block;
	float: right;
	margin-right: 10px;
}

div#main div#paginacion-pie ul.paginacion li{
	display: block;
	float: left;
	margin-left: 10px;
}

div#main ul.paginacion li#paginas{
	font-weight: bold;
	color: #366edc;
}

div#main ul.paginacion li#prev{
	background: url(img/prev-arrow.png) no-repeat 2px 2px ;
	width: 14px;
	height: 14px;
}


div#main ul.paginacion li#next{
	background: url(img/next-arrow.png) no-repeat 2px 2px ;
	width: 14px;
	height: 14px;
}

div#main ul.paginacion li#next a,
div#main ul.paginacion li#prev a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
}

div#main ul.paginacion  li a{
	text-decoration: none;
	color: #95b9ff;
}

div#main ul.paginacion  li a:hover,
div#main ul.paginacion  li a.active{
	font-weight: bold;
	color: #366edc;
}


/*pagina noticias contacto prensa */

div#contactoPrensa {
	position: relative;
	top:10px;
}

div#contactoPrensa h3{
	background: #30487F;
	padding: 10px 0;
	font-size: 1.2em;
	margin-bottom: 10px;
}

div#contactoPrensa div{
	overflow: hidden;
	margin-top: 5px;
}

div#contactoPrensa div h1{
	width: 21%;
	vertical-align: top;
	float: left;
}

div#contactoPrensa div input,div#contactoPrensa div textarea{
	width: 200px;
	float: left;
}



/* content right col */

div#content-right-col{
	width: 296px;
	float: right;
	overflow: hidden;
	margin-top: 20px;
}

div#content-right-col div.side-menu{
	background: #f0f6ff;
	border: #b2caf7 1px  solid;
}

div#content-right-col div.side-menu li, ul.menu-videos li{
	margin: 10px 10px;
}

div#content-right-col div.side-menu li a, ul.menu-videos li a{
	text-decoration: none;
	color: #30487f;
	display: block;
	background: url(img/arrow-bullet.png) no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
}

div#content-right-col div.notas-blue{
	background: #f0f6ff;
	border: #b2caf7 1px  solid;
	margin: 15px 0;
	padding: 15px;
}

img#donar{
	display: block;
	margin: 0 auto;
}



/* sidebar */

div#sidebar{
	float: right;
	width: 167px;
	margin-top: 20px;
	background-color: #f1f5fd;
	border: #b2caf7 1px  solid;
	padding: 12px;
}

div#sidebar .sideblock,
div#content-right-col .sideblock{
	border-top: #b2caf7 1px  solid;
	padding-top: 10px;
	margin-top: 10px;
}

div#sidebar .sideblock  ul,
div#content-right-col .sideblock  ul{
	list-style-image: url(img/bullet.gif);
	margin-left: 8px;
	
}

div#sidebar .sideblock a,
div#content-right-col .sideblock a{
	text-decoration: none;
	display: block;
	color: #6699ff;
	margin: 6px 0px;
}


div#sidebar .sideblock a#facebook,
div#content-right-col .sideblock a#facebook{
	background:  url(img/facebook.gif) no-repeat;
	text-indent: 19px;
}

div#sidebar .sideblock a#twitter,
div#content-right-col .sideblock a#twitter{
	background:  url(img/twitter.gif) no-repeat;
	text-indent: 19px;
}

div#sidebar .sideblock a#youtube,
div#content-right-col .sideblock a#youtube{
	background:  url(img/youtube.gif) no-repeat 0px -1px;
	text-indent: 19px;
}

div#sidebar .sideblock a#myspace,
div#content-right-col .sideblock a#myspace{
	background:  url(img/myspace.gif) no-repeat 0px -1px;
	text-indent: 55px;
}


/* banner escultores */

div.bannerE{
float:right;
}




/* footer */

div#footer{
	width: 927px;
	margin: 30px  auto;
}

div#footer p,
div#footer a{
	text-align: center;
	color: #535353;
	font-size: 1.2em;
	text-decoration: none;
	margin: 20px 0px;
}

div#footer #social-bar{
	overflow: hidden;
	background: #f1f5fd;
	border-top: #b2caf7 1px solid;
	border-bottom: #b2caf7 1px solid;
	height: 18px;
	padding: 5px 10px;	
}

div#footer #social-bar p{
	float: left;
	display: block;
	width: 100px;
	text-align: left;
	color: #3366cc;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
}

div#footer #social-bar a h2{
	float: left;
	display: block;
	text-align: left;
	color: #3366cc;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	margin-left:5px;
}

div#footer #social-bar img{
	float: left;
	margin-right: 8px;
}