@charset "utf-8";
/* Loader
---------------- */

body{
	color:#fff;
	background-color:#000;
	margin:0;
	padding:0;
	font-family:"MS Sans serf", arial, verdana;
	font-size:10px;
	}

body, html{
	height:100%;
	}

* {
	margin:0;
	padding:0;Todos los datos ingresados se pueden borrar sólo con clickear en Delete
	}

p{
	text-align:justify;
	}
	
h1 span, h2 span, h4 span{
	display:none;
	font-size:12px;
	}
	
h2, h3, h4{
	font-size:10px;
}
	
h1, h2, h3, h4{
	text-transform:uppercase;
	font-weight:normal;
	}
	
a:link, a:visited, a:hover, a:active{
	cursor:pointer;
	}

a:link, a:active, a:visited{
	color:#828282;
	}

a:hover{
	color:#fff;
	}
	
.clear{
	overflow:hidden;
	clear:both;	
	visibility:hidden;
	height:0;
	}
	
li{
	list-style:none;
	display:list-item;
	}
	
div#wrapper{
	width:100%;
	position:relative;
	height:100%;
	height:auto;
	min-height:100%;
	}

div#content-center{
	width:852px;
	margin:0 auto;
	}

div#content-wrapper{
	width:850px;
	border-left:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	position:relative;
	}
	
div#header{
	height:110px;
	}
	
div#logo{
	background:transparent url(../images/logo-asfogi.gif) top left no-repeat;
	width:203px;
	height:84px;
	float:left;
	margin:25px 0 0 20px;
	}

div#logo h1 a{
	text-decoration:none;
	width:203px;
	height:84px;
	position:absolute;
	}
	
div#lang-selector{
	position:absolute;
	top:40px;
	right:-61px;
	width:60px;
	border-top:1px solid #2E2E2E;
	border-bottom:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	}
	
div#lang-selector ul{
	padding:5px 5px;
	text-align:left;
	}

div#lang-selector ul li{
	margin-bottom:5px;
	}
	
div#lang-selector ul li a{
	text-decoration:none;
	}
	
.lang-selected a, .menu-selected a, .menu-selected a:visited, div.photographer-categories ul li.category-selected a{
	color:#fff;
	}
	
div#menu{	
	float:right; 
	}

div#menu ul{
	width:450px;
	}

div#menu ul li{
	display:inline;
	float:left;
	height:80px;
	padding:0 10px 10px 10px;
	border-left:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	}
	
h2.home, h2.association, h2.photographers, h2.news{
	height:100px;
	}
	
h2.home a, h2.home a:hover, h2.association a, h2.association a:hover, h2.photographers a, h2.photographers a:hover, h2.news a, h2.news a:hover{
	position:absolute;
	height:12px;
	margin-top:76px;
	}
	
div#menu ul li h2.home{
	background:transparent url(../images/btn-home_off.gif) bottom center no-repeat;
	width:39px;
	}
	
div#menu ul li h2.home a:hover, .index-sel a{
	background:transparent url(../images/btn-home_on.gif) top center no-repeat;
	}
	
div#menu ul li h2.home a, #menu ul li h2.home a:hover{
	width:39px;
	}
	
div#menu ul li h2.association{
	background:transparent url(../images/btn-association_off.gif) bottom center no-repeat;
	width:77px;
	}
	
div#menu ul li h2.association a:hover, .asfogi-sel a{
	background:transparent url(../images/btn-association_on.gif) top center no-repeat;
	}
	
div#menu ul li h2.association a, #menu ul li h2.association a:hover{
	width:77px;
	}
	
div#menu ul li h2.photographers{
	background:transparent url(../images/btn-photographers_off.gif) bottom center no-repeat;
	width:88px;
	}
	
div#menu ul li h2.photographers a:hover, .photographers-sel a{
	background:transparent url(../images/btn-photographers_on.gif) top center no-repeat;
	}
	
div#menu ul li h2.photographers a, #menu ul li h2.photographers a:hover{
	width:88px;
	}

div#menu ul li h2.news{
	background:transparent url(../images/btn-news_off.gif) bottom center no-repeat;
	width:59px;
	}
	
div#menu ul li h2.news a:hover, .news-sel a{
	background:transparent url(../images/btn-news_on.gif) top center no-repeat;
	width:59px;
	}
	
div#menu ul li h2.news a, #menu ul li h2.news a:hover{
	width:59px;
	}
	
.selected{
	background-color:#0a0a0a;
	}
	
div#footer{
	width:100%;
	position:relative;
	bottom:0;
	height:80px;
	border-bottom:1px solid #2E2E2E;
	}
	
div#sponsors-wrapper{
	float:left;
	width:100%;
	border-bottom:1px solid #2E2E2E;
	}
	
div#sponsor-content{
	width:850px;
	margin:0 auto;
	height:45px;
	padding:0;
	border-left:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	}
	
div#sponsors{
	width:670px;
	height:45px;
	float:right;
	padding-right:10px;
	border-left:1px solid #2E2E2E;
	}
	
div#sponsors ul{
	float:right;
	height:45px;
	}
	
div#sponsors ul li, #sponsors ul li a{
	float:left;
	margin-left:7px;
	height:37px;
	}
	
div#sponsors ul li.sponsor{
	margin-top:15px;
	color:#5b5b5b;
	}

div#sponsors ul li.soc-fomento-logo a{
	background:url(../images/logo-socfomento.gif) top left no-repeat;
	width:135px;
	margin-top:5px;
	}

div#sponsors ul li.telefonica a{
	background:url(../images/logo-telefonica.gif) top left no-repeat;
	margin-top:7px;
	width:98px;
	}
	
div#sponsors ul li.gob-vasco-logo a{
	background:url(../images/logo-gobvasco.gif) top left no-repeat;
	width:125px;
	}
	
div#sponsors ul li.ayuntamiento-ss-logo a{
	background:url(../images/logo-ayuntamientoss.gif) top left no-repeat;
	width:130px;
	}

div#komova-address{
	width:851px;
	margin:0 auto;
	color:#5b5b5b;
	}
	
div#komova-address a{
	color:#5b5b5b;
	}

div#komova-address a:hover{
	color:#fff;
	}

div#komova{
	float:left;
	width:159px;
	padding:10px 10px 10px 0;
	border-left:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	}
	
div#komova p{
	text-align:center;
	}

div#address{
	float:right;
	width:665px;
	margin-right:-1px;
	padding:10px 10px 10px 0;
	border-right:1px solid #2E2E2E;
	}

div#address p{
	text-align:right;
	}
	
	
/* Inicio 

---------------------*/
div.right-content, div.left-content{
	margin-top:25px;
	padding-bottom:10px;
	}

div.left-content{
	width:169px;
	float:left;
	border-top:1px solid #2E2E2E;
	border-right:1px solid #2E2E2E;
	}
	
div.right-content{
	width:680px;
	float:right;
	margin-left:-1px;
	border-left:1px solid #2E2E2E;
	}
	
div.spacer{
	width:0;
	height:300px;
	float:left;
	}
	
div.main-content{
	width:610px;
	float:right;
	padding:0 15px;
	border-top:1px solid #2E2E2E;
	border-bottom:1px solid #2E2E2E;
	}
	
div.top{
	border-left:1px solid #2E2E2E;
	height:15px;
	margin-left:-15px;
	}
	
div.bottom{
	border-left:1px solid #2E2E2E;
	height:15px;
	margin-left:-15px;
	}
	
div.photo-day{
	width:479px;
	float:left;
	}
	
div#dayphoto{
	background:url(../images/title-day-photo.gif) top left no-repeat;
	width:36px;
	height:259px;
	float:left;
	}
	
div#dayphoto span{
	visibility:hidden;
	}
	
div.searcher p, div.news-titles p, div#form-contacto p, div.photographer-title p{
	text-transform:uppercase;
	text-align:left;
	margin:5px 0;
	padding:0 0 5px 10px;
	color:#8F8F8F;
	border-bottom:1px solid #2E2E2E;
	}
	
form#search-form{
	padding:7px 15px;
	float:left;
	border-bottom:1px solid #2E2E2E;
	margin-bottom:5px;
	}
	
form#search-form input, #search-form label{
	float:left;
	margin-bottom:2px;
	}
	
#search-form label{
	margin-left:5px;
	color:#8F8F8F;
	}
	
#search-form input.pob{
	margin-left:10px;
	}
	
form#search-form select{
	width:140px;
	border:1px solid #484848;
	background-color:#292929;
	color:#fff;
	margin:10px 0;
	font-size:10px;
	}
	
form#search-form select option{
	margin:3px 0;
	}
	
#search-form input.submit, #form-asociate input.enviar{
	float:right;
	background-color:#000;
	border:1px solid #484848;
	color:#8F8F8F;
	font-size:9px;
	margin-right:3px;
	width:50px;
	padding:3px;
	cursor:pointer;
	}
	
div.title-searcher{
	background:url(../images/title-searcher.gif) top left no-repeat;
	height:105px;
	}
	
div.title-searcher, div.title-menu, div.title-new{
	width:18px;
	position:absolute;
	left:-19px;
	}
	
div.news-titles ul{
	text-indent:-3px;	
	padding:0 10px 20px;
	}
	
div.news-titles ul li{
	margin:7px 0 7px 7px;
	list-style:disc outside;
	color:#8F8F8F;
	}
	
div.news-titles ul li a{
	text-decoration:none;
	}
	
div.fmg-logo{
	width:135px;
	height:42px;
	background:url(../images/logo-fmg.gif) top left no-repeat;
	margin:-3px 0 0 16px;
	float:left;
	}
	
	
/* Asociacion
--------------------*/
div.title-menu{
	background:url(../images/title-menu.gif) top left no-repeat;
	height:60px;
	}
	
div.left-menu{
	text-transform:uppercase;
	padding:10px;
	}
	
div.left-menu ul li{
	margin:0 0 7px 0;
	}
	
div.left-menu ul li a{
	text-decoration:none;
	}
	
div.assoc-text p{
	margin:10px 0;
	font-size:11px;
	}
	
/* Asociacion - Asociate
--------------------*/
div#form-contacto{
	width:300px;
	margin:20px auto;
	border:1px solid #2E2E2E;
	}
	
div#form-contacto p{
	text-align:center;
	padding-bottom:3px;
	border-bottom:1px solid #2E2E2E;
	}

form#form-asociate{
	padding:0 10px 7px 10px;
	}

form#form-asociate label{
	float:left;
	width:100px;
	margin-top:7px;
	text-align:right;
	color:#8F8F8F;
	}
	
form#form-asociate input, form#form-asociate textarea{
	float:right;
	margin:5px 0;
	}

form#form-asociate input, form#form-asociate textarea{
	width:170px;
	height:14px;
	color:#fff;
	font-size:10px;
	padding:2px;
	border:1px solid #484848;
	background-color:#292929;
	}

form#form-asociate textarea{
	height:50px;
	font-size:11px;
	}
	
form#form-asociate input.enviar{
	width:60px;
	padding:3px;
	height:22px;
	}
	
div#law {
	color:#8F8F8F;
	line-height:16px;
	}
	
/* Fotógrafos
------------------------*/
div.photographers-list{
	background:url(../images/bg-photographers-list.gif) top right repeat-y;
	width:100%;
	float:left;
	}
	
div.photographer{
	margin-bottom:20px;
	font-size:11px;
	}
	
div.photographer img{
	border:none;
	float:left;
	}
	
div.photographer-desc{
	float:left;
	margin-left:10px;
	width:490px;
	}

p.photographer-name{
	margin-bottom:10px;
	}
	
p.photographer-name a{
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	}
	
p.photographer-name a:hover{
	color:#8F8F8F;
	}
	
p.photographer-data em{
	color:#fff;
	}
	
p.photographer-data{
	color:#8F8F8F;
	}
	
/* Fotografo - elegido
--------------------------*/
div.photographer-title p{
	color:#fff;
	text-align:center;
	padding:0 0 5px 0;
	}
	
div.photographer-logo{
	width:168px;
	text-align:center;
	padding-bottom:15px;
	border-bottom:1px solid #2E2E2E;
	}

div.photographer-categories{
	float:left;
	width:185px;
	}
	
div.photographer-categories ul li a{
	text-transform:uppercase;
	text-decoration:none;
	line-height:16px;
	}
	
div.photographer-categories ul li a{
	color:#828282;
	}
	
div.photographer-categories a:hover{
	color:#fff;
	}
	
div#photos{
	width:400px;
	float:right;
	}
	
div#photos img{
	float:left;
	margin:0 0 15px 15px;
	}
	
div#photos a img{
	border:none;
	}
	
div.photographer-id-top, .photographer-id-btm{
	width:610px;
	margin:-30px 0 0 -15px;
	position:absolute;
	}
	
div.photographer-id-btm{
	margin:0 0 -10px 0;
	position:relative;
	bottom:0;
	}
	
div.photographer-id-top p, .photographer-id-btm p, .title-chosen{
	color:#fff;
	text-transform:uppercase;
	}
	
div.photographer-id-top p span, .photographer-id-btm p span{
	color:#5B5B5B;
	text-transform:none;
	}
	
div.assoc-text a{
	color:#fff;
	text-decoration:none;
	}
	
div.assoc-text a:hover{
	color:#5B5B5B;
	}
	

/* Noticias 
------------------*/
ul.new-title{
	height:365px;
	}

ul.new-title li p a{
	text-transform:none;
	margin:0;
	}

ul.new-title li a{
	margin-bottom:5px;
	display:block;
	color:#fff;
	}

.title-new{
	background:url(../images/title-news.gif) top left no-repeat;
	height:87px;
	}
	
p.title a, p.date{
	font-size:11px;
	text-align:left;
	font-style:normal;
	}
	
p.date, .date-chosen{
	color:#8F8F8F;
	}
	
ul.new-title li a:hover{
	color:#8F8F8F;
	}
	
div.pagintation a{
	color:#2E2E2E;
	text-decoration:none;
	text-transform:none;
	}
	
div.pagintation a:hover{
	color:#fff;
	}
	
div#prev{
	float:left;
	}
	
div#next{
	float:right;
	}
	
div#next, div#prev{
	font-size:11px;
	}
	
div.assoc-text p.date-chosen, .assoc-text p.title-chosen{
	margin:0;
	}
	
.assoc-text p.date-chosen{
	margin:0 0 0 0;
	}
	
.assoc-text p.title-chosen{
	font-size:12px;
	}

ul.new-title li a{
	padding:5px;
	}

li.new-selected{
	background-color:#0a0a0a;
	}

li.new-selected a p{
	background-color:#0a0a0a;
	color:#fff;
	}


/* agregados 
------------------*/

div#googleMapArea{
width:573px;
height:343px;
}

#photographerPage_b1 {
	width:300px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	border:1px solid red
}

#photographerPage_b3 {
	width:155px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}
#photographerPage_b2 {
	float:right;
	width:610px;
	margin-bottom:10px;
}

#photographerPage_b4 {
	float:right;
	width:755px;
}

#busy {
  position: absolute;
  background:#000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  /*opacity:0.80;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;*/
  cursor:wait;
}

#busy img { 
	margin:20% 0 0 50%; 
}