* {
    margin: 0;
    padding: 0;
}

html,body{

margin:0;
height:100%;
/*background:url(default.jpg);
background:fixed;*/
background: url(images/fondo.jpg) repeat fixed;
font-size: 100%;

/*
antes tenia esto puesto para la imagen de fondo pero como depende de las dimensiones de cada ordenador
la visualizacion de la pagina web, meto el fondo que sea con javascript
background-image: url(fondo.jpg);
background-repeat: no-repeat;
background-size:100% 100%;*/
/*background: url(fondo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
overflow-y: scroll;*/


}

body{
	/*background-color:#AD935F;*/
	background-color:black;
}






p{
	font-family: Courier;
	color: #FFFFFF;
	font-size: 0.9em;
	word-spacing: 0px;
	text-align: left;
	
	
}
p.issue0{
	font-family: Courier;
	color: #FFFFFF;
	font-size: 0.9em;
	word-spacing: 0px;
	text-align: left;
	
	
}
a.pspanishtext{
	font-family: Courier;
	color: white;
	font-size: 0.9em;
	text-decoration:none;
	text-align: left;
	
}

h3{
	font-family: Courier;
	color: white;
	font-weight: normal;
	
	text-align: left;
	text-decoration:none;
	
}
p.contacto{
	font-family: Courier;
	color: white;
	font-size: 16px;	
	text-align: right;
	text-decoration:none;
	
}
p.about{
	font-family: Courier;
	color: white;
	font-size: 16px;
line-height:150%;	
	
	text-decoration:none;
	
}

p.shopdodo{
	font-family: Courier;
	color: yellow;
	font-size: 14px;	
	text-decoration:none;
	
}
a.pcontributors{
	font-family: Courier;
	color: white;
	text-decoration:none;
	text-align: right;
	
}

p.pcontributors{
line-height:150%;	
	
}

a.pstockist{
	font-family: Courier;
	color: white;
	text-decoration:none;
	text-align: right;
	font-size: 16px;
	
}

p.pstockis{
line-height:150%;
font-size: 14px;	
	
}

p.Citystockis{

font-size: 22px;
color:yellow;
text-align:center;
padding-bottom: 15px;	

	
}
ul.stockis{
/*margin-left: 30px;*/
color:white;
text-align:center;
list-style-type:none;
	
}
li.stockis{
padding-bottom: 15px;
font-size: 13px;
}


a{
	font-family: Courier;
	color: black;
	font-size: 16px;	
	text-align: right;
	text-decoration:none;
}
a.mail{
	font-family: Courier;
	color: yellow;
	font-size: 16px;	
	text-align: right;
	text-decoration:none;
}




element.style {
    text-decoration: underline;
}

h1 {
	font-family: Courier;
	color: #FFFFFF;

	
}

#contenedor
{
	margin: 0 auto;
	width:1024px;
	

		
}

#header
{
	width:1024px;
    height: 20%;
    padding-bottom: 2%;
    padding-top: 2%;
    position: fixed;
   
	

	

/* con esto consigo que la cabecera se quede fija*/
/*top: 0; left: 50%; margin:  0 0 0 -351px;  con esto consigo centrarla*/

/*position: absolute;
left: 50%;
margin-left:-350.5px;*/
}
img.logoimg {
height: auto;
width:652px;
padding-left:19.3%;


 }
 
.clear {
    clear: both;
}

#nav-content-widgets
{
	padding-top: 270px;
	width:1024px;
}

#nav
{
    
    margin-left: 30px;
    /*margin-top: 7px;*/
    position: fixed;
    text-align: center;   
	width:155px;
	
}

img.menu {
height: auto;
margin-top: 0px;
}
img[usemap] {
    border: none;
    height: auto;
    width: auto;
}
 
 img.banner {
height: auto;
width:120px;

 }

#widgets {
    
  /* lef:50%    si pongo eso se me mueve el logo cundo pulso en la imagen, por ello uilizo margin left*/
    margin-left: 860px;
    margin-top: 0px;
    text-align: center;
	width:140px;
	
}

 img.arbol {
height: auto;
width:140px;
 }

#content {
	margin: 7px auto 0;
	margin-left: 240px;
	
	width: 600px;
	text-align: justify;
	font-family: Courier;
		
}

#contentpress {
	margin: 7px auto 0;
	margin-left: 220px;
	
	width: 600px;
	text-align: justify;
	font-family: Courier;
		
}

#contentContacto {
	margin: 7px auto 0;
	margin-left: 240px;
	margin-top:50px;
	
	width: 600px;
	text-align: justify;
	font-family: Courier;
		
}
#contentPress {
	margin: 7px auto 0;
	margin-left: 240px;
	margin-top:50px;
	
	width: 600px;
	text-align: justify;
	font-family: Courier;
		
}

img.press {
height: auto;
border: none;
width:563px;
 }

#contentContributors {
	margin: 7px auto 0;
	margin-left: 270px;
	width: 500px;	
	font-family: Courier;
	
		
}

img.issue {
height: auto;
width:563px;
border: none;

 }
 
img.index {
height: auto;
border: none;
width:563px;



 }
 
 img.indexgif {
height: auto;
border: none;
margin-left: 130px;

 }
 

 
 /*img.menu {
width: 100%;
height: auto;
}*/

 /* este y el siguiente los utilizo para q el iframe funcione en RWD */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
}

 iframe.video {
heigth:auto;

}

iframe.face {
 width:450px; 
 height:21px;
}

#contentSV {
    margin: 7px auto 0;
	position: fixed; /* si le quito esto se mueve como en la parte de las fotos*/
	margin-left: 255px;
    padding-bottom: 100px;
    width: 500px;
	text-align: center;
}

.caja {
	
    width: 600px;
	margin-bottom:20px;
}

	
	.imagecontacto {
	 
	  margin-left:auto;
	  margin-right:auto;
      width:400px;
      height:260px; 
      margin: 0 auto;
     
    }
	.imagecontacto2 {
	  position: relative;
	  position: fixed;
	  margin-left:auto;
	  margin-right:auto;
      width:444px;
      height:197px;
	  background: url(papel.png) ;
      margin: 0 auto;
     
    }
	
	#imageConactotext {
	  position: fixed;
      width:500px;
      height:197px;
	  background: url(papel.png) ;
      margin: 0 auto;
    }
    

#footer {
   
    bottom: 0;
    font-family: '_Futura',Arial,sans-serif;
    font-size: 11px;
    margin-right: -470px;
    padding-bottom: 20px;
    padding-top: 14px;
    position: fixed;
   
    text-align: center;
    width: 940px;
}

.mail{
	
	color: #000000;
	/*font-weight: bold;*/
    text-decoration: none;
	text-align:right;
	
}


.fb_edge_widget_with_comment {
    position: relative;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.recommend {
    margin: 5px 0 7px;
    width: 100%;
}
.fb_iframe_widget iframe {
    position: absolute;
}
#navegador ul{
   list-style-type: none;
   text-align: center;
}
#navegador li{
   display: inline;
   text-align: center;
   margin: 0 10px 0 0;
}
#navegador li a {
   padding: 2px 7px 2px 7px;
   color: #666;
   background-color: #eeeeee;
   border: 1px solid #ccc;
   text-decoration: none;
}
#navegador li a:hover{
   background-color: #333333;
   color: #ffffff;
}