/*-----------------------------------------------------------------------------
Zagada.com Style Sheet

date:      12/27/2006
author:    Veronica Marcet
email:     moodstudio@gmail.com
website:   http://www.moodstudio.net/
-----------------------------------------------------------------------------*/

/* =general
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0;}

img {
	border: 0;}

body {
  font: 0.8em Verdana, Arial, sans-serif;
  background: #112136 url('images/background.png') repeat-x;
  color: #FFF;}
  
a {
	color: #A4CCE9;}
	
a:hover {
	text-decoration: none;
	color: #A4CCE9;}

hr {
	display: none;}
	
/* =header
-----------------------------------------------------------------------------*/
#header {
	width: 780px;
	height: 123px;
	margin: auto;}
	
#header h1, #header p {
	display: none;}
	

/* =navigation
-----------------------------------------------------------------------------*/
#navigation {
	position: absolute;
	top: 95px;
	right: 0;}

#navigation ul {
	margin:0;
	}
		
#navigation li{
	display: inline;
	margin: 0;
	padding:0;}

#navigation li a{
	display: block;
	float: left;
	padding: 5px 10px;
	text-align: center;
	border-right: 1px solid #454c55;
	border-bottom: 1px solid #454c55;
	text-decoration: none;
	text-transform: uppercase;
	color: #454c55; 
	font-family: 'Trebuchet MS', arial, sans-serif;
	font-size: 0.9em; }

#navigation li a:hover{
	color: #FFF; }

#navigation li a.on {
	background: url('images/button-back.jpg') bottom repeat-x ;
	color: #FFF;
 }
	
/* =flash
-----------------------------------------------------------------------------*/
#flash {
	width: 780px;
	margin: auto;
	height: 262px;
	border: 1px solid #454c55;
	margin-top: 27px;}


#flashcdma {
	width: 400px;
	height: 350px;
	padding: 0;
}


#flashparallax{
	width: 380px;
	height: 524px;
	padding: 0;
}

/* =wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	width: 780px;
	margin: auto;
	position: relative;}

/* =box
-----------------------------------------------------------------------------*/
.box {
	position: relative;
	width: 150px;
	height: 530px;
	float: left;
	font-size: 0.74em;
	padding: 5px;
	margin: 8px 4px 0 0;
	background: url('images/box.jpg');
	line-height: 1.2em;}

.box p {
	margin-bottom: 10px;}	

.img-button {
	position: absolute;
	top: 500px;
	_top: 490px;
	left: 10px;
		}
		
.img-logo{
	position:absolute;
	left:10px;
	top:455px;
	_top: 440px;
	}

.box h3{
	text-transform: uppercase;
	font-family: 'Trebuchet MS', arial, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 1px;
	border-bottom: 1px solid #9FA5AE;}

#box-publications {
	font-size: 0.8em;
	padding: 5px 10px 10px 10px;
	_padding: 1px 10px 10px 10px;
	margin: 8px 0 0 500px;
	_margin: 8px 0 0 490px;
	background-color: #0E1B2B;
}

#box-publications h3{
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 1px;
}
	
#box-publications ul{
margin-top: 40px;}

#box-publications li{
	list-style: none;
	height: 100px;
	margin-bottom: 50px;
	_margin-bottom: 20px;
}

#box-publications img{
	float: left;}
	
#box-publications .img-logo-sub {
background: url(images/logo-ClubZagadaweb.gif) no-repeat;
padding: 10px 120px 10px 0;
background-position:right;
	}
	
#box-publications p{
	margin-left: 80px;
	color: #959AA1;}

#box-publications strong{
	font-family: 'Trebuchet MS', arial, sans-serif;
	font-size: 1.2em;
	color: #FFF;}

#box-publications h4 {
	font-size: 12px;
	}
	
#box-publications h4 a{
	padding-top: 10px;
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	}
#box-publications h4 a:hover{
	text-decoration: underline;
	color: #FFF;
	}
	
/* =signup
-----------------------------------------------------------------------------*/
#signup {
	padding-left: 10px;
	font-size: .8em;
	position: absolute;
	top: 965px;
	height: 230px;}
	
#signup form {
	padding-left: 10px;}

#signup input {
	width: 200px;
	border: 1px solid #CCC;
	background: url('images/box.jpg') ;
	padding: 3px;
	color: #FFF;	}

/* =footer
-----------------------------------------------------------------------------*/
#footer {
	width: 780px;
	margin: auto;
	border-top: 1px solid #47515E;
	color: #959AA1;
	font-size: 0.8em;
	margin-bottom:60px;
	padding-top:10px;
	text-align: right;
}

#footer img{
vertical-align:middle;
	}
/* =pre-header
-----------------------------------------------------------------------------*/
#pre-header {
	position: absolute;
	top: 0;
	right: 0;
	color: #959AA1;
	font-size: 0.78em;}

#pre-header a {
	color: #959AA1;
	text-decoration: none;	}
	
#pre-header a:hover {
	color: #FFF;
	text-decoration: underline;	}
	
/* =foto-interna
--------------------------------------------------------------------------*/
#foto-interna{
	width: 778px;
	padding:0;
	margin-top: 27px;
	border: 1px solid #454c55;
	}


/*=contenido
------------------------------------------------------------------------*/
#contenido{
	padding: 30px 100px 0 270px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	margin-bottom: 20px;
	}
#contenido p {
	margin-bottom: 20px;
	line-height: 1.6em;
	}

#contenido li {
	line-height: 1.4em;
	}

#contenido h4{
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: 1px;}
	
#contenido h5{
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;}
	
#contenido .team{
	float:left;
	margin: 0 10px 7px 0;
	padding: 4px;
	background-color: #0E1A2B;
	}
	
#contenido .input {
	width: 250px;
	border: 1px solid #CCC;
	background: url('images/box.jpg') ;
	padding: 3px;
	color: #FFF;	}

#contenido .button {
	width: 100px;
	border: 1px solid #CCC;
	background: url('images/box.jpg') ;
	padding: 3px;
	color: #FFF;	}


#contenidositemap{
	padding: 30px 0px 0 227px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	margin-bottom: 20px;
	}
	

/*=box-interno
------------------------------------------------------------------------*/
#box-interno {
	position: absolute;
	left: 0;
	top:0;
	width: 140px;
	_width: 160px;
	height: 380px;
	font-size: 0.8em;
	padding: 5px 10px 10px 10px;
	margin: 8px 4px 0 0;
	line-height: 1.2em;}
	
#box-interno h3 {
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	border-bottom: 1px solid #9FA5AE;}
	

#box-interno li {
	list-style: none;
	margin-left:5px;
	margin-bottom: 5px;
	
	}
#box-interno a {
	color: #959AA1;
	text-decoration: none;
	}
	
#box-interno a:hover {
	color: #A4CCE9;
	text-decoration: none;
	}

#box-interno li a.on {
	font-weight: bold;
	color: #FFF; }
	
/*=contenedor-interno
-------------------------------------------------------------------------*/
#contenedor-interno {
	position: relative;
	background: url('images/box.jpg') no-repeat;
	border: 1px solid #112136;
	}
	
#contenedor-interno .img-logo-sub {
background: url(images/logo-ClubZagadaweb.gif) no-repeat;
padding: 10px 120px 10px 0;
background-position:right;
	}
	
/*=box-interno
------------------------------------------------------------------------*/
#box-news {
	position: absolute;
	left: -2px;
	top:-1px;
	width: 230px;
	_width: 250px;
	font-size: 0.8em;
	padding: 0 20px 10px 10px;
	margin: 20px 4px 0 0;
	line-height: 1.2em;
	height: 400px;
	overflow-y:auto;
	overflow-x:hidden;
	color: #454C55;
	}
	
#box-news h3 {
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	}
	
#box-news li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	}
#box-news li a {
	text-decoration: none;
	color: #959AA1;
	}
	
#box-news li a:hover {
	color: #A4CCE9;

	text-decoration: none;
	}

#box-news .selected {
	font-weight: bold; }
	


/*=contenedor-interno
-------------------------------------------------------------------------*/
#contenedor-news {
	position: relative;
	}
	
/*=contenido-news
------------------------------------------------------------------------*/
#contenido-news{
	padding: 30px 60px 0 300px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	margin-bottom: 10px;
	}
	
#contenido-news p {
	margin-bottom: 35px;
	line-height: 1.4em;
	}

#contenido-news h4{
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 1.4em;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 5px;}
	
#contenido-news h4 a{
	text-decoration: none;}	
	
#contenido-news .date{
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: normal;
	color:#CCC;}
	
#contenido-news h5{
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;}
	
#contenido-news img{
	float:left;
	margin: 0 10px 10px 0;
	padding: 4px;
	background-color: #0E1A2B;
	}
	
#spacer {
	height: 350px;
	}

/*=table
------------------------------------------------------------------------*/
#table {
width: 500px;
height: 200px;
padding: 0px 0px 0 270px;
font-family: verdana, sans-serif;
font-size: 0.8em;
}

td {
padding:5px;}


/*=publications page
------------------------------------------------------------------------*/

/*=contenido-news
------------------------------------------------------------------------*/
#contenido-publications{
	padding: 30px 10px 0 10px;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	margin-bottom: 50px;
	
	}
#contenido-publications p {
margin-bottom: 20px;
line-height: 1.4em;
}

#contenido-publications h4{
	text-transform: uppercase;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 1.4em;
	letter-spacing: 1px;
	font-weight: normal;}
	
	
#contenido-publications h5{
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;}
	
#contenido-publications img{
width: 80px;
	float:left;
	margin: 0 10px 0 0;
	padding: 4px;
	background-color: #0E1A2B;
	border: 1px solid #454c55;
	}


	
/* .column1 {
 padding-right: 400px;
}

.column2 {
position: absolute;
right: 0; 
top: 70px;
width: 350px;
}
*/
 .column1 {
 width: 350px;
 float: left;
}

.column2 {
 width: 350px;
 float: right;
}

#logomoodstudio {
	float: left;
	clear:both;
	margin: 10px 0 10px 0;
	
}


#thankyou {
	height: 250px;}

.report-li li{
margin-bottom: 20px;
}

.research-li li{
margin-bottom: 20px;
}

.susbcription-li li{
	color: #FEB64A;
	margin-bottom: 10px;
	}

.text-li {
	color:#FFFFFF;
	}

.destacado a{
	display: block;
	border: 1px solid #990000;
	background-color:#FFF;
	font-weight:bold;
	padding:5px;
	text-decoration: none;
	}

.destacado a:hover{
	background-color:#006699;
	border: 1px solid #A4CCE9;
	}

.clear {
	clear: both;
	}

#subscription {
	text-align: right;
	}

/* STORE
---------------------------------------------------------------------*/

	
#store-header {
	margin-top: 25px;
	height: 50px;
	background-color: #1D3858;
	padding: 10px;
	}
	
#store-header .info h4 {
	font-family: georgia, serif;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: normal;
	display: inline;
	font-size: 16px;
	color: #B0BAC5;
	}	
	

	
#store-header .cart {
	float: right;
	font-size: 10px;}	

	
#store-header .cart p {
	color: #B0BAC5;
	margin-bottom: 10px;
		}			
	
#store {
	padding: 10px;
	background-color: #FFF;
	color: #333;
	}	

#store .product h4{
	font-family: georgia, serif;
	font-size: 14px;
	padding: 0;
	margin: 10px 0;
}
	
#store .product {
	width: 180px;
	border-right: 1px solid #CCC;
	padding: 2px;}
	
#store .product img {
	border: 1px solid #CCC;
	padding: 3px;
	margin: 0 5px 5px 0;
	float: left;
	background-color: #eaeaea;}
	
#store .product p {
	font-size: 10px;}	
	
#store a {
	color: #006699;}	


.team{
	margin: 20px 0;
	padding: 4px;
	background-color: #0E1A2B;
	}