/* ******************************************************************** */ 
/*              Cascading style sheet for Leticia Agency                */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #d8dce6 url(../img/bg.jpg) repeat-x 0 0;} 
 
html { 
	font: normal 12px Verdana, Tahoma,Arial, sans-serif;
 	color: #000; }
 
 
/* Links */
a, a:link, a:visited {
	text-decoration: none;
	color: #003366;
	border-bottom:1px dotted #003366;}
	
a:hover, a:active, a:focus {
	text-decoration: none;	
	color: #006699;
	border-bottom:1px dotted #006699;
	outline:none;}
	

/* Typography */
h1 {
	font: normal 14px Verdana, Tahoma;
	color: #c3d1dc;	
	margin:0; padding:0;
	font-variant: small-caps;
	letter-spacing: 0px;
	line-height: 1.5;}
#header h1 {
	padding-top: 140px;
	position: relative;	
	text-align: left;
	margin-left:280px;}
	
h2 {
	font: bold 12px Verdana, Tahoma, Georgia, Tahoma;
	color: #336699;
	margin: 0;
	padding-top: 10px;
	line-height: 1.5;}

	
/* Layout */
#pagewidth{ 
 width:1000px; 
 text-align:left; 
 margin:0 auto;} 
 
#pagewidth p, 
#footer p {
	margin:0;
	padding: 6px 0;
	line-height:1.5;}
#wrapper {
	position: relative;
	width: 1000px;}

 
/* Header */
#header{
 position:relative;  
 background: url(../img/header.jpg) no-repeat 0 20px;
 height:240px;
 width:1000px;
 text-align: center;
 margin: 0; } 
 
#nav {
	padding-top:39px;
	height: 40px;
	width: 1000px;
	text-align:center;	
	margin: 0;}
	
#nav ul#menu {	
	padding:0;	
	margin:0 auto;
	position: relative;
	left: 30px;	
	float: left;
	background: url(../img/menuline.jpg) no-repeat right;
	text-align: center;
	height: 40px; 
	width: auto;}
	
#nav li {
	float: left;
	display: inline;
	height: 40px;
	background: url(../img/menuline.jpg) no-repeat 0 0;} 
	
#nav ul#menu a {
	height: 40px;
	line-height:33px;
	padding: 0 33px;
	margin-left: 1px;}

ul#menu li a:hover, ul#menu li a.active {
	background: #92a1ae;
	height: 37px;
	float: left;
	padding: 0 31px;
	margin-left: 1px;
	border-top:3px solid #fff;}
	
ul#menu a, ul#menu a:visited {
	font: bold 12px Tahoma, Verdana;
	border: none;
	color: #071623;}
ul#menu a:hover, ul#menu a:active {
	border: none;
	color: #003366;}	

ul#menu li a.active {
	color: #fff;}
 
 
/* Leftcol */
#leftcol{
 width:500px; 
 float:left; 
 clear:left;
 position:relative; 
 background: transparent;
 margin: 0;
 padding:30px 0 10px 0; }
 
#leftcol .leftcol {
	margin: 0;
	padding: 0 20px 0 40px;}
 
 
/* Rightcol */
#rightcol{ 
 position: relative; 
 width:500px;
 float:right;
 clear:right;
 /*display: inline;*/
 padding:30px 0 0 0;
 margin-bottom:0 0 20px 0;
 background: url(../img/ornaments-sm.gif) no-repeat center bottom; }
 
#rightcol .rightcol {	
	height: 100%;
	min-height: 400px;
	margin: 0;
	padding: 0 0px 0px 45px;
	text-align: left;}
#twocols-test {
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;}	
	
/* two columns at the bottom */
#twocols {
 height:150px; 
 width: 1000px;
 background:url(../img/ornaments.gif) no-repeat right top; 
 float: left;
 clear:both;
 display:block;
 padding: 0;
 margin: 0; } 
 
#twocols p {
	padding-left: 40px;}
	
 
/* ******************************************************************** */ 
/* Framed images        */
/* ******************************************************************** */

/* Framed images BIG */
div.frame {
  margin: 0;
  border: none;
  height: 390px;
  width: 500px;
  float: left;
  background: url(../img/frame.jpg) no-repeat 0 0;}	
div.frame img {
  display: inline;
  margin: 5px 0 0 36px;
  border: 1px solid #576977;}
div.frame a:hover img {border: 1px solid #0000ff;}

  
/* Framed images SMALL */
#gallery {
	margin:0; 
	margin: 50px 0  0px 0;
	position: relative;
	float: left;
	width: 1000px;
	text-align: center;}
	
div.frame-sm {
  margin: 0;
  border: none;
  height: 200px;
  width: 200px;
  float: left;
  background: url(../img/frame-sm.jpg) no-repeat 0 0;}	
div.frame-sm img {
  display: inline;
  margin: 4px 0 0 10px;
  border: 1px solid #fff;}
div.frame-sm a:hover img {border: 1px solid #0B111D;}
div.frame-sm a.noborder {border: none;}

div.desc {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  width: 170px;
  margin: 7px 5px 5px 13px;} 

/* Framed images FLASH */
#leftcol div.frame object {
  /*display: inline;*/
  margin: 5px 0 0 37px;
  border: 1px solid #576977;}
 
 
/* ******************************************************************** */ 
/*     Footer   */
/* ******************************************************************** */
#footer{ 
 margin: 0;
 padding: 0;
 text-align:center;
 background:#191e26 url(../img/ftr.jpg) repeat-x; } 
 
#footer .footer {
	width: 1000px;
	height:100%;  
   min-height: 150px;
	margin: 0 auto;
	padding-top:50px;}	
	
.footer {	 
 font-size: 11px;
 color: #71808e;}
#footer a {
	color:#D8DCE6;
	border-bottom: 1px dotted #71808e;} 
#footer a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;}
	
	
/* Common styles */
p.hline {
	width: 90%;
	margin:0; padding:0;
	line-height: 1;
	background: url(../img/hline.jpg) repeat-x;}
	
#rightcol ul, #rightcol ol {
	margin: 0;
	margin-left:30px;
	padding: 0;
	list-style: outside none;
	list-style-image: url(../img/bullet_grey.gif);}
	
#rightcol li {
	/*padding-left: 15px;*/
	line-height: 1.6;
	/*background: url(../img/bullet_grey.gif) no-repeat 0 65%;*/}
 
 
/* ******************************************************************** */ 
/* Clearfix        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #rightcol{width:100%; float:none;}
}