/*	mobile   */

html { font-size:14px; }

body { font-family:helvetica,arial,geneva,sans-serif;  letter-spacing:0.08em;  }
body {-webkit-text-size-adjust:none; 
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;		

}

html, body { height:100%; }


h1 { text-indent:-9999px; height:0; }


.lang_es {display:block; }
.lang_en {display:none; }
span.lang_es { display:inline; } 

  




#wrapper { margin:0 auto; /*overflow:auto;*/   position:relative;  min-height:100%; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }



header {  height:3.8rem;  margin: 0 0 20% 0 ;  text-align:center;  }

h2 { font-family:PTSansItalic; /* font-family:PTSansBoldItalic; font-family:"arial narrow";*/
				text-transform:uppercase;  z-index:200; font-style:italic;  letter-spacing:0.06em;
		 font-size:1.3rem;  padding:.4rem 0 0 0;  margin-left:29px; }
		 


#wrapper_cta_nav { 	position:absolute; left:0; top:0; z-index:100; width:44px; height:3rem; } 

a#cta_nav { width:24px; height:18px;  text-indent:-9999px;
			position:absolute; left:10px; top:11px; z-index:200; }


.tn {float:right;  margin:9px 10px 0 0 ; width:19px; height:19px;  } 
a.tn { background:url('../images/tn.png') 0 0 no-repeat; text-indent:-9999px; }
div.tn {  background:url('../images/tn.png') 0 -19px no-repeat;} 		
		
		
		
#nav_top a.color {display:block;  width:33px; height:17px;  text-indent:-9999px; margin-left:0.1em;
				background:url('../images/cta_color_theme.png') 0 0; repeat:no-repeat; 
				/*border:solid 1px red; */ }
		
		
		
/* NAV 
*****************************/

#nav_pgs {  z-index:300;  }
#nav_sects {z-index:400;  }

#main_nav {   position:absolute;  z-index:500; 
		/* for slide sideways effect: left:-200px;  (& hide the following) */ left:0; display:none;   }

.nav {/*display:none; */ position:absolute; top:41px; top:2.9rem; z-index:1200;
	/* necessary for iPhone, iPad (& other mobile devices?): */  text-align:left; } 
				
#main_nav > li { width:108px; width:8em;} 

#main_nav > li > a {padding:6px 32px 6px 12px;  position:relative; width:auto;  }
#main_nav > li span { padding:6px 32px 6px 12px;} 

#main_nav li li { }
#main_nav #nav_pgs li {  width:6.5em; } 
#main_nav #nav_sects li {  width:12em; } 

a.link_nav, 
#nav_pgs li span,
#nav_sects li span  { font-size:1rem;	padding:6px 12px; display:block; width:auto; height:auto;  } 

#nav_pgs, #nav_sects { top:0; /* for slideUp/Down ONLY:*/ display:none;
/* for slideUp/Down:*/	left:107px; left:7.9em;   /*  for sliding sideways:left:-200px; */  }
  




/* nav_top
********************************************/
#nav_top {width:100%; padding-bottom:2px;  position:absolute; top:3.4rem; text-align:left; }	

#nav_top ul {margin:0 auto; width:90%; padding-bottom:2px; display:block; height:1.5rem; }
.tnPg #nav_top ul {width:278px; }
.form #nav_top ul, .ty #nav_top ul { width:80%; }



#nav_top ul li { /*display:inline-block;*/  float:left; text-align:center;  }
#nav_top ul li:first-child  { text-align:left; }
#nav_top ul li:last-child  { text-align:right;}


.form #nav_top ul li:last-child, 
.ty #nav_top ul li:last-child {float:right; }


#nav_top ul li.cta_ss { }

a.cta_lang { display:none; 	}




#photo_hdr a {font-size:90%;} 





/* PHOTO 
**************************/


#photo {position:relative;  width:100%;  padding-bottom:12px; }

#photo_hdr { width:80%;   margin:0 auto 5px auto;  padding:3px 0; font-family:PTSansRegular; letter-spacing:.1em;
				 text-align:center; font-size:1rem;}




/* phones portrait.....
**********************************************/	
#photo_main { width:80%; padding:5px 0; margin:0 auto; position:relative; } 

#photo_hdr.portraitPhoto,
#photo_main.portraitPhoto { width:50%;}

#photoImg  {width:97%; margin:0 auto;} 
#photo_main.portraitPhoto #photoImg { width:95%; } 

/**********************************************/


#caption { width:90%;  margin:0 auto; text-align:center; line-height:1.3em; padding:.6em 0 .2em 0;
				font-size:.9rem; font-family:PTSansRegular; letter-spacing:.08em;}
	







/* thumbs
*********************/


.tnPg #photo_hdr  { width:284px;  }
.tnPg #photo_main {width:278px; padding:6px 0 3px 6px; margin:0 auto; position:relative; /*overflow:auto;*/ }

#ulThumbs { overflow:auto; }


/* be careful here - when nav dd opens tn cta's disappear and just imgs wrapped in li's remain 
   (this is reversed once nav dd closes)
   (so don't set any css for tn cta's - only li's, imgs)  */
#ulThumbs li {float:left; margin:0 3px 3px 0; overflow:auto; }
#ulThumbs li img  {width:50px; height:50px; }



/* to hide text necessary only for accessibility  */
span.hide {display:none; }


	


#info {display:none;  position:absolute;  font-size:.9rem; top:0; left:0;  /*overflow:auto; */    }
#info section {   margin:1.3em 1em 0 2.4em;   /* margin:1.3em 1.4em 0 2.6em; */ text-align:center; padding-bottom:1em;  
				/*border:solid 1px red; */}
	

#info ul { text-align:left;  list-style:disc; }
#info ul li {margin-bottom:.8em; }
.tnPg #info ul li {margin-bottom:.7em; }
#info ul li:last-child { list-style:none; text-align:center; }

.form #info {font-size:1rem; }
.form #info section { margin: 2.8em;   }
.form #info li {margin-bottom: 2em; }



#sm {padding:6px 0; width:100%; position:fixed; bottom:0; text-align:center; }

#sm li {display:inline-block; margin:0; width:21%; /*border:solid 1px red;*/	}
#sm a {display:block; background:#cbcbcb url('../images/sm_icons.png') no-repeat 0 0 ;   float:none; margin:0 auto;
				text-indent:-9999px;  width:24px; height:24px;  border-top:solid 1px #bbb; 
				 margin: 0 auto;	}
a#fb { /*  width:28px; height:28px;  background:url('../images/sm_fb_m.png') no-repeat 0 0 ; */ text-indent:-9999px; 
			width:34px; height:32px;  background:url('../images/sm_fb.png') no-repeat 0 0 ;
			position:absolute; top:1.9em; right:17px; } 


#sm a#tw { background-position: -24px 0 } 
#sm a#pt { background-position: -48px 0  } 
#sm a#ig { background-position: -72px 0  } 

	
	


/* CONTACT
***********************************/

input {    border-radius: 0; }
input { -webkit-appearance: none; -webkit-border-radius:0px; }

.form #photo_main {padding: 0 0 22px 0 ;  text-align:left; }
.fromTN #photo { padding:30px 0 22px 0; } 
.fromTN #photo #photo_main {padding-top:2em; }
#photoImgContact { margin:12px auto 16px auto; } 

form {  margin:0 auto; text-align:left;  width:75%;   }
label {display:none; }

.inputTxt { height:18px;  width:100%; padding-left:2px; font-size:1rem; margin-bottom:10px; 
				-webkit-appearance: none; -webkit-border-radius:0px;	}

.inputTxtArea { height:80px; width:100%; padding-left:2px; font-size:1rem; letter-spacing:0.08em;   margin-bottom:20px;
					border-radius:0; -webkit-appearance: none; -webkit-border-radius:0px; }
				
.button {padding:3px 10px;  margin-top:4px; font-size:1rem; letter-spacing:0.1em; }

.ty #photo { height:14rem;   padding-bottom:0;   }
.ty #photo_main {text-align:center; font-size:100%; width:80%; height:100%; padding:0; }
.ty #photo section { text-align:center;  letter-spacing:.1em; margin-top:4em; }

.ty p { margin-bottom:2rem; }
.ty #photo p.back { /*visibility:hidden;*/ 	display:none;	margin-bottom:0; }


.error { display:none;  margin:0 0 4px 2px;  font-size:.9rem; color:#990000; }