/* CSS Document  para www.japanoramic.net
2creativo - estudio de diseño
http://2creativo.net

septiembre 2007 - noviembre 2007
*/


body {
  background:#e8e8e8 /*url(files/fondo_pixeles.gif) repeat */;
  font-size: 1em;
  font-family: Trebuchet, Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;  
  padding:20px;
  margin:20px;

}


/* hack para Internet Explorer */
/*\*/
* html #destaque {
position: absolute;}


#destaque { 
position: fixed;
float: right;
margin: 65px auto;
right:0px;}




#contenedor {
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 750px;

}

#caja {
	background-color: #FFFFFF; 
	color:#666666; 
	border: 5px solid #CC3333; 
}

#cajarea {
	background-color: #FFFFFF; 
	color:#666666; 
	border: 5px solid #000; 
}

#cajanews {
	background-color: #FFFFFF; 
	color:#666666; 
	border: 5px solid #669999; 
	  font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif;

}





p { margin:0; padding:1em 1.5em;}

.contacto {
	float: right; 
	border-left:#999999 2px solid; 
	margin:2em 4em 2em 1em; 
	padding:1em; 
	font-size: 0.7em;}
	

			
h1 {
margin: 0 0.4em 0.2em; 
padding: 0.2em 0.5em; 
font-size: 1.3em;
color: #FFFFFF;
font-weight:bold;
border:#FFF 3px solid;
background:#CC3333;
clear:both;
display: block;
}
h1:hover {
border: #990000 3px solid;
 }


#cajanews h1 {border:#FFF 3px solid;
background: #669999; clear:both; display:block; }

#cajanews h1:hover {
border: #006666 3px solid; }

.area {background:#000000}
.area:hover{border: #FFFFFF 3px solid;}

#cajanews .news {background: #000; clear:both; display:block;}
#cajanews .news:hover{border: #FFF 3px solid;}



h2 {
margin: 0 0.6em; 
padding: 0.2em 0.5em; 
font-size: 1em;
color: #FFFFFF;
font-weight:bold;
border:#FFF 3px solid;
background: #993300; 
clear:both; }

#cajanews h2 {border-bottom:#669999 2px solid;
background: #FFF; color:#000000; 
clear:both; margin: 0 1.2em; }


hr { border: 0;color:#336666; background-color: #336666; height: 4px; margin:25px 15px; display:block; clear:both;}
ol {margin: 1.3em;} 
li {margin: 0.5em;}
form {margin: 0 1.3em;} 
img {border:0px; background: url("images/loader.gif") no-repeat center;}
.clear{clear:both}
.negrita {font-weight:bold}

.alto {line-height: 2em}


#cajanews ol { } 
#cajanews ul { display:block; padding: 0 0 0 35px; margin:0; list-style: square; }
#cajanews .mar { padding: 0 0 0 140px; }
/* #cajanews li { display:block; margin:0;    } */
#cajanews .lis { margin:2.2em 0;    } 



.peq {font-size:0.6em; color: #999999;}
.center {text-align:center}
.right {float:right; padding:1em}
.left {float:left; padding:1em}
.r {float:right;}
.l {float:left;}
.centrado {vertical-align:middle}
.desconectar { font-size:0.7em; color:#666666; margin: 0 0 0 8px; } 	

a:link, a:visited  {text-decoration:none; color:#CC3300; background-color:#FFFFFF; padding:2px;}
a:hover { background: #CC3300; text-decoration:none; color:#FFFFFF; padding:2px;}
a:active {background: #FFFFFF; text-decoration:none; color: #FF0000; padding:2px;}

.none:link, .none:visited, .none:hover, .none:active  {text-decoration:none; color:#000; background-color:#FFFFFF; padding:0px;}

.no a:link, .no a:visited, .no a:hover, .no a:active  {text-decoration:none; padding:0px; background:transparent}


#cajanews a:link, #cajanews a:visited {text-decoration:none; color:#336666; background-color:#FFFFFF; padding:2px; font-weight:bold;}
#cajanews a:hover { background: #006666; text-decoration:none; color:#FFFFFF; padding:2px; font-weight:bold;}
#cajanews a:active {background: #FFFFFF; text-decoration:none; color: #336666; padding:2px; font-weight:bold;}

#cajanews .none:link, #cajanews .none:visited, #cajanews .none:hover, #cajanews .none:active  {text-decoration:none; color:#000; background-color:#FFFFFF; padding:0px;}


.alert {
color:#FF0000; 
padding:1em; 
text-align:center; 
background:#FFFFFF; 
border:#FF0000 2px solid; 
} 

.error {
color:#FF0000; 
padding:1em; 
text-align:center; 
background:#FFFFFF; 
} 


.oferta {
color:#990000; font-weight:bold; background-color:#FFFFFF; font-size: 1.3em;}

.notas {font-size:0.7em;  margin: 0 2em; padding: 1em; color:#666; 
border-left:#990000 2px solid;
border-right:#990000 2px solid;
border-bottom:#990000 2px solid;
border-top:#990000 2px solid;

}

/*
.tooltip {
  position: absolute;
  margin:15px 0px 0px 20px;
  background-color: beige;
  max-width:220;
  padding: 2px 10px 2px 10px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;}
*/

/* ========================= random image ========================= */


#photoholdjapan {
	  background: #fff url("files/loader.gif") no-repeat center; 
	  width:150px; height:213px; 
/*	  overflow:hidden; position:relative;*/ }	  
	  
.r1 { float: right; margin:1em; padding:5px; border:1px #999999 solid;}


/* ========================= accordeon ========================= */
.accordion_toggle {
			display: block;
			cursor: pointer;}
.accordion_toggle_active {
			background: #e0542f;
			border: 3px solid #fff;		}			
.accordion_content {
			overflow: hidden; 
			/* revisar si falla siplay y block 
						display:block; clear:both;*/}


#cajanews .accordion_toggle_active {
			background: #006666;
			border: 3px solid #fff;		}			



/* ========================= footer ========================= */

#footer {
margin:0; padding: 0.5em 0 1.5em 0;}

.footer_normal {border-top:2px solid #CC3333; }
.footer_area {border-top:2px solid #000; }

.footer {font-size:0.7em; margin:0 2em; padding:0}

#footer ul {padding:0px; list-style:none; margin: 0px 3px 5px 0; float:right}
#footer li {float:left; padding:0px; margin:0 10px 0px 0}


/* ========================= esquinas ========================= */

.round {width: 200px; float:right; clear:both; display:block; background:#FFFFFF }
.round h1, .round h2, .round p {margin:0 8px; letter-spacing:1px;}
.round h1 {font-size:2.5em; color:#fff;}
.round h2 {font-size:2em; color:#06a; border:0;}
.round p {padding-bottom:0.5em; color:#333333}
.round h2 {padding-top:0.5em;}
.round {background:#fff; margin:1em;}

.nota {margin:0 5px 0 40px;font-size:0.6em; color: #999999;}
	
.round a:link {text-decoration:none; color:#CC3300; background-color:#FFFFFF; padding:0px; font-size:0.9em; font-weight:bold;}
.round a:visited {text-decoration:none; color: #CC3300; background-color:#FFFFFF; padding:0px;}
.round a:hover { background: #FFF; text-decoration:none; color:#000; padding:0px;}
.round a:active {background: #FFFFFF; text-decoration:none; color: #FF0000; padding:0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: transparent /*#FFF*/; border-left:2px solid #CC3333; border-right:2px solid #CC3333;}
.xb1 {margin:0 5px; background:#CC3333;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background: transparent /*#FFF*/; border:0 solid #CC3333; border-width:0 2px;}


#cajanews .xboxcontent {border:0 solid #006666; border-width:0 2px;}
#cajanews .xb2, .xb3, .xb4 {border-left:2px solid #006666; border-right:2px solid #000;}
#cajanews .xb1 {margin:0 5px; background:#006666;}
#cajanews .round p {padding-bottom:1em; color:#333333;  }
#cajanews .desta {font-weight:bold; text-align:left; /* border-left: #000000 3px solid; */ padding:5px 8px 0px 8px  }

#cajanews .round a:link, #cajanews .round a:visited  	
			{text-decoration:none; color:#336666; background-color:#FFFFFF; padding:0px; font-size:0.9em; font-weight:bold;}
#cajanews .round a:hover, #cajanews .round a:active 	 	
			{color:#000; }