@import url(navigation.css);
@import url(https://fonts.googleapis.com/css?family=Bad+Script|Raleway:400,300,600);

html { width:100%; min-width:100%; height:100%; min-height:100%; }
body { background:#fbf6f3; font-family: 'Bad Script', cursive; font-size:16px; line-height:1.5em; width:100%; height:100%; }

body.proyectos { background: #fbf6f3 url(../images/bg_proyectos.jpg) no-repeat; background-position:bottom right; background-attachment: fixed; }
body.creditos { background: #fbf6f3 url(../images/bg_creditos.jpg) no-repeat; background-position:bottom left; background-attachment: fixed; }
body.contacto { background: #fbf6f3 url(../images/bg_contacto.jpg) no-repeat; background-size:auto 100%; background-position:top right; background-attachment: fixed; }

h1,h2,h3,h4,h5,h6 { color: #000; font-family: 'Bad Script', cursive; line-height: 1.1em; margin: 0 0 30px 0!important; text-decoration: none; text-align:center; clear:both; }

h1 { font-size: 2.4em; color:#d04938; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font: .9em/1.2em "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; margin: 20px 0 30px 0!important; display:block; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

.small { font-size:.8em; text-align:center; color:#666!important; }

.fixed { position:fixed; }

.center { text-align:center; margin:0 auto; }


/* Selectors */
::selection { background: #da2128; color: #fff; }
::-moz-selection { background:#da2128; color:#fff; }
::-webkit-selection { background:#da2128; color:#fff; }

/* Clears Divs */
.clr{ clear:both; height:0px; }

/* CSS */
*:focus { outline: 0; }
img { border: 0 none; }

.logo { width: 300px; height: auto; margin: 0 auto; position: relative; bottom: -40px; z-index:100; }
.logoin { width: 100%; max-width: 160px!important; height: auto; margin: 30px auto 30px; position: relative; }

.margin { position: relative; top: -40px; margin: 0!important; }
.margin-first { position: relative; top: -40px; margin: 0!important; }
.margin-topfirst { position: relative; top: 30px; }
.margin-topsecond { position: relative; top: 120px; }

.modulo1 { width:100%; height:auto; }
.modulo1 img { float:right; }
.modulo2 { width:100%; height:auto; }
.modulo3 { width:100%; height:auto; }
.modulo3 img { float:right; }
.modulo4 { width:100%; height:auto; }

.intro_txt { width:auto; height:auto; float:left; margin-left:30px; }
.bt_entrar { background:url(../images/bt_entrar.jpg) no-repeat top left; width:130px; height:48px; margin: 0 100px 0 0; float:right; display:block; overflow:hidden; }
.bt_entrar:hover { background:url(../images/bt_entrar.jpg) no-repeat bottom left; }

.bt_enter { background:url(../en/images/bt_entrar.jpg) no-repeat top left; width:130px; height:48px; margin: 0 100px 0 0; float:right; display:block; overflow:hidden; }
.bt_enter:hover { background:url(../en/images/bt_entrar.jpg) no-repeat bottom left; }

.bt_english { background:url(../images/bt_english.jpg) no-repeat top left; width:150px; height:48px; margin:0; display:block!important; position: absolute; top: 20px; left: 50px; overflow:hidden; }
.bt_english:hover { background:url(../images/bt_english.jpg) no-repeat bottom left; }

.bt_espanol { background:url(../en/images/bt_espanol.jpg) no-repeat top left; width:150px; height:48px; margin:0; display:block!important; position: absolute; top: 20px; left: 50px; overflow:hidden; }
.bt_espanol:hover { background:url(../en/images/bt_espanol.jpg) no-repeat bottom left; }

/* css */
.maingroup { display:none; }
.maingroup.on { display:block; }

/*JARDIN*/
.jardinimg { position:relative; z-index:10; }

/*INTERNAS*/
.intro { margin:30px 0 0; }

.text { font: 14px/1.3em "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important; } 


/*PROYECTO*/

#contentpop {
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	position: relative;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 20px;
	width:660px;
	height:430px;
	overflow: hidden;
}
#contentpop .text { width:95%; }

.contenido { font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.content {
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	position: relative;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:460px;
	overflow: hidden;
}
.content .text { width:95%; }

/*--fotos--*/
.icono { width:40px; height:40px; padding:0 20px 0 0; display:inline-block; }
.icono img { width:100%; padding: 7px 0 0 !important; }

.contentimg,
#lightbox,
#lightbox img { cursor:pointer; }

#lightbox { background: rgba(248,247,243,0.5); width: 100%; height: 100%; padding-top:5%; position: fixed; top: 0; left: 0; display: none; overflow: scroll; z-index:9999; }
#lightbox img { margin: 0 auto; }

/*RECETARIO*/

.recetario-nsv { position:relative; z-index:10; }
.recetario-sv { position:relative; z-index:10; }

h1.ttl-recetario { position:absolute; top:40px; left:50%; z-index:2999; }
h2.ttl-recetario { font-size:1.8em; position:absolute; top:90px; left:43%; z-index:2999; }

/*ALBUM DE PLANTAS*/
.nombre-planta { font-size:.9em; line-height:1.1em; margin:20px 0 30px; text-align:center; }

#albumlistado div.letra-a,
#albumlistado div.letra-b,
#albumlistado div.letra-c,
#albumlistado div.letra-d,
#albumlistado div.letra-e,
#albumlistado div.letra-f,
#albumlistado div.letra-g,
#albumlistado div.letra-h,
#albumlistado div.letra-i,
#albumlistado div.letra-j,
#albumlistado div.letra-k,
#albumlistado div.letra-l,
#albumlistado div.letra-m,
#albumlistado div.letra-n,
#albumlistado div.letra-n2,
#albumlistado div.letra-o,
#albumlistado div.letra-p,
#albumlistado div.letra-q,
#albumlistado div.letra-r,
#albumlistado div.letra-s,
#albumlistado div.letra-t,
#albumlistado div.letra-u,
#albumlistado div.letra-v,
#albumlistado div.letra-w,
#albumlistado div.letra-x,
#albumlistado div.letra-y,
#albumlistado div.letra-z { display:none; }

#albumlistado div.letra-a.on,
#albumlistado div.letra-b.on,
#albumlistado div.letra-c.on,
#albumlistado div.letra-d.on,
#albumlistado div.letra-e.on,
#albumlistado div.letra-f.on,
#albumlistado div.letra-g.on,
#albumlistado div.letra-h.on,
#albumlistado div.letra-i.on,
#albumlistado div.letra-j.on,
#albumlistado div.letra-k.on,
#albumlistado div.letra-l.on,
#albumlistado div.letra-m.on,
#albumlistado div.letra-n.on,
#albumlistado div.letra-n2.on,
#albumlistado div.letra-o.on,
#albumlistado div.letra-p.on,
#albumlistado div.letra-q.on,
#albumlistado div.letra-r.on,
#albumlistado div.letra-s.on,
#albumlistado div.letra-t.on,
#albumlistado div.letra-u.on,
#albumlistado div.letra-v.on,
#albumlistado div.letra-w.on,
#albumlistado div.letra-x.on,
#albumlistado div.letra-y.on,
#albumlistado div.letra-z.on { display:block; }



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Larger than desktop */
@media (max-width: 1439px) {
	
	body.contacto { background: #fbf6f3 url(../images/bg_contacto.jpg) no-repeat; background-size:cover; background-position:top right; background-attachment: fixed; }
	
}

/* Larger than desktop */
@media (max-width: 1279px) {
	
	body { font-size:15px; }
	body.proyectos { background-size:13%; }
		
	.content { height:460px; }
	.content .text { width:95%; }
		
}

/* Larger than desktop */
@media (max-width: 1023px) {
		
	.content { height:380px; }
	.content .text { width:90%; }
	
}
/* Larger than tablet */
@media (max-width: 959px) {
	
	body.proyectos { background:url(none) no-repeat; }
	body.contacto { background-size:auto 100%;  }
	
}