@import url(http://fonts.googleapis.com/css?family=Lekton:400,700);
@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

html,body{
	height:100%;
}
html{
	font-size:62.5%;
}
 
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	color:#3b3b3b;
	background-color:#fff;
}
#wrapper-top{ 
	height:100%;
	min-height:100%;
	position:relative;
}
#wrapper{
	width:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
}	
h1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight:400;
	font-size: 26px;
	font-size: 2.6rem;
	line-height:2.8rem;
	color:#f60;
	text-align:right;
	padding-top:60px;
	margin-bottom:10px;
}
h2{
	font-weight:400;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.8rem;
	text-align:right;	
}
h3{                                 /*花の名前 Nombre de flores*/
	font-weight:700;
	font-size:20px;
	font-size:2.0rem;
	line-height:140%;
}
h4{                                 /*autores, productores, ubicacionなど*/
	font-weight:600;
	font-size:15px;
	font-size:1.5rem;
	line-height:160%;
	padding-top:10px;
	border-top:1px solid #3b3b3b;
}
h5{                                  /*花カタログ内　小見出し*/
	font-size:16px;
	font-size:1.6rem;
	margin-top:20px;
	margin-bottom:10px;
	color:#a8644d;
}


p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-size:1.3rem;
	line-height:160%;
	}
a{
	text-decoration:none;
	color:#3b3b3b;
}
a:hover{
	color:#FF6600
}
img,img a,img a:hover{
	border-style:none;
}

/*========トップページ用container設定===========*/
/* トップページ背景画像表示部分（横幅ナビ込み）*/
#container-top{
	width:100%;
	height:90%;
	position:relative;
}
#container-top img#top-deco{
	position:absolute;
	right:0;
	top:0;
	opacity:0.4;
}
/*トップページ　タイトルロゴ top title logo*/
#container-top div#title{
	position:absolute;
	bottom:25px;
	right:0;
	color:#fff;
	padding-bottom:10px;
}
#title1{
	font-family:'Lekton', "Calibri", sans-serif;
	font-size:180px;
	letter-spacing:10px;
	margin-left:-15px;
	line-height:70%;	
	text-shadow: -2px -3px 3px rgba(150,150,150,0.8),
               0px 14px 10px rgba(0,0,0,0.15),
               0px 24px 2px rgba(0,0,0,0.1),
               0px 34px 30px rgba(0,0,0,0.1);
}
#title2{
	font-family:'Lekton', "Calibri", sans-serif;
	font-size:30px;
}
#title3{
	font-size:20px;
	margin-left:20px;
}

/*========各ページ========*/
/*  各ページ(地図ページ除く）　右部分　記事用セクション 上ギリギリまで　*/
div#container{
	height:auto;
	width:75%;
	margin-left:250px;
	position:relative;
}
/*  各ページ　右部分　タイトル部分　*/
div#headtitle{
	height:138px;
	padding-right:20px;
	text-align:right;
	
}
div#headtitle a:hover{
	color:#f60;
}
/*　記事部分　タイトルより下（左ナビの上ラインが上部境界）*/
article{           
	margin-bottom:20px;	
	padding:0px 20px 120px;
}

/* ===ナビゲーション navigation===*/
#side-nav {
	font-family:'Lekton', "Calibri", sans-serif;
	width:250px;
   min-height:100%; 
    position:absolute;
	left:0;
	z-index:20;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
}
#side-nav a{
	text-decoration:none;
	color:#FFF;
}
#side-nav a:hover{
	color:#f60;
}
#side-nav a.active{
	color:#f60;
}
/*左上ロゴ logo*/
#side-nav div#logo{
	width:220px;
	position: absolute;
	right: 0;
	text-align:right;
	padding-top:10px;
	color:#696969;
}
#side-nav p{
	font-family:'Lekton', "Calibri", sans-serif;
}
#side-nav p#logo-l1{
	font-size: 32px;
	font-weight:700;
	letter-spacing:10px;
	margin-right:-10px;
	line-height:28px;
}
#side-nav p#logo-l2{
	font-size:18px;
	letter-spacing:-0.5px;
	margin-bottom:10px;
	border-bottom:1px solid #696969;
	line-height:18px;
}
#side-nav p#logo-l3{
	font-size:16px;
	letter-spacing:-0.8px;
	line-height:16px;
}
/* 言語切り替え　language switcher */
#side-nav p#langswitch{
	width:210px;
	font-size:15px;
	font-size:1.5rem;
	line-height:1;
	letter-spacing:1.5px;
	text-align:center;
	position:absolute;
	right:0;
	margin-top:105px;
}
#side-nav p#langswitch span{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
}
	
#side-nav p#langswitch a{
	color:#696969;
}
#side-nav p#langswitch a:hover{
	color:#f60;
}

/*　日本語版　メニュー */
#side-nav ul#menu-ja{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:2px;
	line-height:1.5rem;
	width:210px;
	position:absolute;
	right:0;
	top:138px;
	list-style-type:none;
	background-color:rgba(102,102,102,0.6);
}	
#side-nav ul li{
	margin:10px 0 10px 10px;
	padding:5px 0 5px 0;
}
#side-nav ul li:first-child{
	margin-top:15px
}
/*　日本語メニュー */
#side-nav ul#menu-ja span#m-ja{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:8px;
	font-size:0.8rem;
	line-height:1;
}
#side-nav ul#menu-ja li{
	margin:10px 0  0  10px;
	padding:0;
}
#side-nav ul#menu-ja li:first-child{
	margin-top:10px;
}
#side-nav ul#menu-ja li:nth-child(7){
	padding-bottom:8px;
}


/* 本　libro descargar */
div#libro{
	font-family:Tahoma, Geneva, sans-serif;	
	color:#f60;
	width:200px;
	position:absolute;
	right:0;
	margin-top:425px;
}
#libro p{
	font-family:Tahoma, Geneva, sans-serif;		
	margin-left:0px;
}
#libro p img{
	text-aligh:right;
}
#libro p#descargar{
	margin-top:-18px;
	font-size:18px;
	font-size:1.8rem;
}
#libro p#desponible{
	font-size:12px;
	font-size:1.2rem;
	line-height:1em;
	vertical-align:text-top;
	color:#ababab;
	margin-bottom:15px;
}

/* ===フッター footer===*/
footer a {
	color:#A8A8A8;
	text-decoration:underline;
}
footer a:hover{
	color:#f60
}
footer {
	position:absolute;
	bottom:0;
	font-family:Tahoma, Geneva, sans-serif;
	width: 100%;
	height: 100px;
	background-color: #000;
    z-index:15; 
	color: #A8A8A8;
}
footer p{
	font-size:7px;
	font-size:0.7rem;
	float:right;
	position:absolute;
	bottom:15px; 
	right:5px; 
}
footer small{
	font-size:8px;
	font-size:0.8rem;
	position:absolute;
	bottom:5px;
	right:5px;	
}
footer div{
	height:100%;
	width:50%;
	margin:auto;
	text-align:center;
	overflow:hidden;
}	
footer div img {
	height:80%;
	padding:10px 5px;
}
footer span#sns{
	position:absolute;
	top:5px;
	right:5px;
}
footer div.fb-like{
	margin-left:3px;
	margin-bottom:5px;
}

/*================ Introduccionのページ================= */
h4#introduccion{
	border:none;
}
#area_text p span.highlight{
		font-style:normal;
		color: #f60;
		font-size:14px;
		font-size:1.4rem;
		font-weight:700;
}
/*================ Desierto Costeroのページ================= */
p.DC {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-size:1.3rem;
	line-height:160%;
	background-color:rgba(204,204,204,0.2);
	padding:10px 20px;
	margin-bottom:5px;
	letter-spacing:0.1rem;	
}
#imgDC{
	float:right;
	padding:10px 0 10px 10px;
	background-color:#fff;
	border-top:1px solid #3b3b3b;
}
h4#DC{
	line-height:160%;
	margin-bottom:20px;
	font-style:italic;
}

p.DC::first-letter{
	float:left;
	font-size:30px;
	font-size:3.0rem;
	font-weight:700;
	padding-top:0.6rem;
	padding-right:0.3rem;
}
#area_text p.DC span.highlight{
	font-size:13px;
	font-size:1.3rem;
	color:#a8644d;
}

/* ==========花 ページ トップ  Catalogo de flores==========*/
div#tabs{
}
/* 花カタログ　トップ　写真タブ　 */
div#TabFotos{
	overflow:hidden;
}
.imagebox-s{
	background-color:#fff;
	width:130px;
	float:left;
	margin:5px;
	text-align:center
}

a:hover .imagebox-s{
	background-color:#f60;
	opacity:0.5; 
	filter:alpha(opacity=50); 
	-ms-filter:"alpha(opacity=50)"; 
	zoom:1; 
}
		
p.image-s{
	margin-top:5px; 
	height:120px;
}
p.caption-s{
	font-family:'Lekton', "Calibri", sans-serif;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3rem;
	margin:7px auto 7px;
	height:25px;
}

p.caption-ja{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2rem;
	height:25px;
}
	
/*　トップ　アルファベット順内タブ listnav.css以外の指定 　style for flower list except ones determined in listnav.css*/
ul#flowerlist {
	font-family:Tahoma, Geneva, sans-serif;
	list-style-type:none;
	font-size:16px;
	font-size:1.6rem;
	margin-top:20px;
}
ul#flowerlist li{
	margin-top:5px;
	margin-bottom:5px;
}
ul#flowerlist li a{
	text-decoration:none
}
ul#flowerlist li a:hover{
	color:#f60;
}
/* ==========花カタログ　各ページ==========*/
article#flowerinfo{                            /*右側　花の名前から下全体 */
	overflow:hidden;
}
div#flower-contents{             /*右側　画像＋テキストエリア */ 
	padding-top:20px;
}
div.flower-text{
	clear:right;
}

/* 花の名前　Flower title */
h3#common-name{
	font-family:'Lekton',"Calibri","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top:1px solid #3b3b3b;
	border-bottom:1px solid #3b3b3b;
	vertical-align:central;
	line-height:140%;
	padding:5px 10px 0;
}
div#flowername{
	font-family:'Lekton', "Calibri","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow:hidden;
	font-size:15px;
	font-size:1.5rem;
	line-height:150%;
	margin-top:5px;
	margin-left:10px;
}
div#flowername table{
	float:left;
}
#flowername tr th{
	color:#a8644d;
	text-align:right;
	padding-right:10px;
	width:40px;
}
#lugares{
	width:300px;
	float:right;
	margin-top:5px;
}
#lugares img{
	width:30px;
	margin-right:10px;
}
.flower-text span{
	font-style:italic
}
.flower-text p a{
	text-decoration:underline;
}
.flower-text p a:hover{
	color:#FF6600;
}
/* 花の画像スイッチ  Changeable flower images */
.wrap-flower{
	clear:both;
	border:0;
}
.wrap-flower {
	width:380px;
	background:#333;
	margin-right: 20px;
	padding:10px;
	padding-bottom:0;
	float:left;
}
.wrap-flower p{
	width:380px;
	height:380px;
	margin:0;
}
.wrap-flower p img{
	height:380px;
	width:380px;
}
.wrap-flower ul {
	list-style:none;
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
}
.wrap-flower li {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.wrap-flower li img {
	vertical-align:bottom;
	width:120px;
	cursor:pointer;
}
.wrap-flower li img:hover {
	opacity:0.7; 
	filter:alpha(opacity=70); 
	-ms-filter:"alpha(opacity=70)"; 
	zoom:1; 
}
/* anteior-siguiente */
div#arrow{
	margin:auto;
	margin-top:50px;
}
#arrow1 a{
	float:left;
	display:block;
	width:120px;	
	height:35px;
	background-image:url(../fotos/iconos/arrow/arrow_01_ja.gif);
	text-indent:-9999px;
}
#arrow1 a:hover{
	background-position:left bottom;
}
#arrow2 a{
	float:right;
	display:block;
	width:120px;	
	height:35px;
	background-image:url(../fotos/iconos/arrow/arrow_02_ja.gif);
	text-indent:-9999px;
}
#arrow2 a:hover{
	background-position:left bottom;
}

/* ==========フォトギャラリーページ　Photo gallery==========*/
#gallery img{
	padding:3px;
	border:#696969 solid 1px;
}
#photogallery p{
	margin-top:10px;
}
.by-name{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-size:1.2rem;
}
.by-name a{
	text-decoration:underline
}
.by-name a:hover{
	color:#f60;
}

/* ==========著者プロフィールページ　Perfiles de los autores==========*/
div.autores{
	border:solid 1px #696969;
	overflow:hidden;
	padding:10px;
	margin-bottom:20px;
}
.autores h4{
	border-top:none;
}
.autores p{
	margin-top:10px
}
img.autoresfoto{
	margin-left:10px;
	float:right;
}
/* ==========プロデューサープロフィールページ　Perfiles de la productora==========*/
#productora p{
	margin-top:10px;
}
#productora p#educacion{
	margin-top:20px;
	font-size:12px;
	font-size:1.2rem;
}
#productora p#contacto a{
	color:#f60;
	font-weight:700;
	text-decoration:underline;
}
#productora p#educacion span{
	font-weight:700;
}


/* ==========地図ページ　Ubicacion==========*/
#wrapper-map{
	width:100%;
	min-height:100%;
	position:relative;
	background-image:url(../fotos/mapa/mapa_america_ja.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
article#ubicacion{
	overflow:hidden; 
}
#ubicacion p{
	margin-top:20px;
}
#ubicacion span.highlight{
		color: #f60;
		font-weight:700;
		text-decoration:underline;
}

/* アメリカ地図　テキスト右側マージン　*/
p#ubi-para1{
	margin-right:150px;
}
/* チリ地図 */ 
#mapa_chile{
	float:right;
}	

/*   アタカマ州地図、地図のテキスト回り込み　*/
p#ubi-para2{
	margin-right:80px;
	background:url(../fotos/mapa/mapa_atacama_ja.gif) no-repeat top left;
} 
#ubi-para2 span.slice{     /* テキスト周り用span*/
	float:left;
	clear:left;
	background:transparent;
	display:block;
	height: 2.1rem;
	line-height:1;
	margin-right:10px;
}
#ubi-para2 .s1{width: 250px}
#ubi-para2 .s2{width:260px}
#ubi-para2 .s3{width:280px}
#ubi-para2 .s4{width:270px}
#ubi-para2 .s5{width:260px}
#ubi-para2 .s6{width:260px}
#ubi-para2 .s7{width:270px}
#ubi-para2 .s8{width:250px}
#ubi-para2 .s9{width:230px}
#ubi-para2 .s10{width:220px}
#ubi-para2 .s11{width:210px}
#ubi-para2 .s12{width:190px}
#ubi-para2 .s13{width:185px}
#ubi-para2 .s14{width:170px}
#ubi-para2 .s15{width:165px}
#ubi-para2 .s16{width:155px}
#ubi-para2 .s17{width:150px}
#ubi-para2 .s18{width:150px}

/* カルデラ区地図まわり  */ 
h4#sitio-interes{
	clear:left;
	margin-top:40px;
	margin-right:270px;
	}
span.pulsa{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:13px;
	font-size:1.3rem;
}
#mapa_amplia{
	width:223px;
	text-align:center;
	border:2px solid #CCC;
	margin-top:5px;
	margin-right:20px;
	float:left;
}
#mapa_amplia:hover{
	border:2px solid #f60;	
}
#mapa_amplia img{
	margin:5px;
}

/* Ubicacionトップ 場所リスト　Lista de lugares de vegetacion */
p#lista_lugares{
	font-family:Tahoma, Geneva,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700; 
	line-height:40px;
	margih-top:20px; 
	float:right;
}
p#lista_lugares.left{
	float:none;
}	
div#b{
	font-family:Tahoma, Geneva,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700; 
	line-height:15px;
	margin-top:8px;
}
p#lista_lugares a:hover span,div#b a:hover{	
	color:#f60;
}
p#lista_lugares img{
	width:30px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	vertical-align:middle;
}
p#lista_lugares img#b{
	float:left;
}

/*================ Sitio de vegetacionの各ページ======================　*/

#area_text img#sitio{
	float:right;
	margin:20px 0px 20px 20px
}
#area_text img.foto-left{
	float:left;
	margin:20px 20px 10px 0px;
	vertical-align:bottom;
}
p.sitios{
	margin-top:20px;
	margin-bottom:20px;
}
p.sitios span{
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
}
p.citacion{
	font-family:Tahoma, Geneva, sans-serif;
	clear:both;
	margin-top:20px;
	padding-top:5px;
	text-align:right;
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:-1px;
}
p.sitios a{
	text-decoration:underline;
}
p.sitios a:hover{
	color:#f60;
}

/* ==============コンタクトフォームのページ　Formuralio de Contacto=============== */
p#form {
	margin-top:10px;
}
/* form 3 */
	#form3{
		margin:1em 0;
		background:url(../images/form3/form_bg.jpg) no-repeat 0 0;
		width:542px;
		height:364px; /* fixed size (envelope graphic) */
		overflow:hidden;
		margin-left:40px;
		margin-top:40px;
		}
	#form3 h3{display:none;}	
	#form3 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:200px;
		margin-left:34px;
		padding-top:80px;
		}	
	#form3 fieldset.last{
		width:254px;
		margin-left:17px;
		}				
	#form3 legend{display:none;}	
	#form3 p{margin:.5em 0;}	
	#form3 label{display:block;}	
	#form3 input, #form3 textarea{		
		width:192px;
		border:1px solid #ddd;
		background:#fff url(../images/form3/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form3 textarea{
		width:246px;
		height:200px;
		overflow:auto;
		}					
	#form3 p.submit{
		margin:0 34px;
		clear:both;
		position:relative;
		}	
	#form3 button{
		padding:0;
		position:absolute;
		left:0;
		top:-3.5em;
		width:95px;
		height:36px;
		text-indent:-8000px;
		overflow:hidden;
		border:none;
		background:url(../images/form3/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		}				
/* // form 3 */

/* ======== Gracias  por enviarnos su mensaje ページ ===========*/
#gracias{
	width:600px;
	font-size:20px;
	font-size:2rem;
	line-height:150%;
	text-align:center;
	margin:auto;
	margin-top:130px;
}

/* ======== work on progress ページ ===========*/
#wop {
	width:35%;
	margin:auto;
	margin-top:80px;
	text-align:center;
}
#wop p{	
	font-size:20px;
	text-decoration:underline
}
#wop a:hover p{
	color:#f60;
}