/* ========================================================================
	css document for lozano web
	date: 11/2006
	eBestPractice
======================================================================== */
/* === main layout === */
html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#000000;
	height:100%;
}

#maincontainer{
	width:780px;   		/* width of main container */
	margin:0 auto;   	/* center container on page */
	padding-top:10px;
}

#topsection{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
	
#breadcrumbs {	
	height:20px;
	padding:2px 0 0 0;
	clear:both;
}

#contentwrapper{
	float:left;
	width:778px;   		/* set (maincontainer.width-2) */
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	height:450px;
	/*background-image:url(../images/lozanoIntro15.jpg);*/
}

#leftcolumn{
	float:left;
	width:180px;   			/* width of left column */
	height:450px;
	margin-left:-780px;   	/* set left margin to -(maincontainer.width) */
}

#footer{
	clear:left;
	width:100%;
	text-align:center;
	color:#FFFFFF;
}

/* ===================================================================== */
/* == topsection styles == */
#header{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	color:#FFFFFF;	
	height:42px;
}

/* language links */
#header a{
	color:#CCCCCC;
	font-size:90%;
	text-decoration:none;
}

#header a:hover{
	color:#CCCCCC;
	font-size:90%;
	text-decoration:underline;
}

#logomenu{
	float: left;
    margin: 0 10px 0 0;
	padding: 0;		
}

#logomenu img{
	margin: 0;
	padding: 0;		
}

/* langs */
#langs{
	text-align:right;
	height:19px;
	margin:0;
	padding:0;
}

#langs a{
	vertical-align:middle;
}
	
/* main menu */
#menu{
	font-size:14px;
	height:20px;
	margin:0;
	padding:0;
}

#menu ul{
	width:100%;
	padding:2px 0 0 0;
	margin:0;
	list-style:none;
}

#menu ul li{
	display:inline;
	vertical-align:bottom;
}

#menu ul li a{
	color:#FFFFFF;
/* CBC:	padding:0 18px; */
	padding: 0 10px;
	margin:0;
	text-decoration:none;
	border-left:1px solid #BBB;
}

#menu ul li a.noborderright{
	border-right:none;
}

#menu ul li a:hover{
	text-decoration:underline;
}

#menu ul li a.selectedItem{
	font-weight:bold;
}

/* ===================================================================== */
/* == breadcrumbs styles == */
#breadcrumbs ul{
	margin:0;
	padding:0;
}

#breadcrumbs ul li{
	display:inline;
	color:#FFFFFF;
	vertical-align:bottom;
}

#breadcrumbs ul li a{
	color:#CCCCCC;
	text-decoration:none;
}

#breadcrumbs .actualpage{
	background:url(../images/arrowwhite.gif) 0 center no-repeat;
	padding:2px 5px 2px 15px;
}

#breadcrumbs .histpage{
	background:url(../images/arrowgrey.gif) 0 center no-repeat;
	padding:2px 5px 2px 15px;
}

#breadcrumbs a:hover{
	text-decoration:underline;
}

/* ===================================================================== */
/* == contentwrapper styles == */
#contentcolumn{
	margin-left:180px;   /* set left margin to leftcolumn.width */
	width:598px;
	height:450px;
}

/* ===================================================================== */
/* == leftcolumn styles == */
#leftMenuArea{
   	width:180px;
   	height:450px;
	/*background-image:url(../images/lozanoIntroLeft.jpg);*/
	margin:1px 0 0 1px;
}

#leftMenuText{
   width:180px;
   height:100%;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   line-height:25px;
}

a.leftMenuLinkClass:link{
   color:#000000;
   text-decoration:none;
}

a.leftMenuLinkClass:visited {
   color:#CCCCCC;
   text-decoration:none;
}

a.leftMenuLinkClass:hover {
   color:#FFFFFF;
   text-decoration:none;
}

/* left menu */
.markermenu{
	list-style-type:none;
	margin:5px 0;
	padding:0;
	width:auto;
}

.markermenu li a{
	color:black;
	display:block;
	width:auto;
	padding:0;
	margin:0;
	text-decoration:none;
	white-space:pre;
}

* html .markermenu li a{ 	/* IE only. Actual menu width minus left padding of LINK (20px) */
	width:180px;
}

.markermenu li a:hover{
	color:black;
	background:url(../images/arrow-list.gif) no-repeat 100% center;
	text-decoration:none;
}

.markermenu li a:visited{
	color:black;
}

.markermenu li a.menuItemSelected{
	color:black;
	background:#F7EEDF url(../images/arrow-list-red.gif) no-repeat 100% center;
}

.markermenu li a.menuItemSelected:hover{
	background:#F7EEDF url(../images/arrow-list-red.gif) no-repeat 100% center;
}

/* ===================================================================== */
/* == footer styles == */
#footer a{
	color:#CCCCCC;
	font-size: 90%;
	text-decoration:none;
}

#footer a:hover{
	color:#CCCCCC;
	font-size: 90%;
	text-decoration:underline;
}

/* ===================================================================== */
/* === miscellaneous === */
/* general */
h1 {
	font-size:16px;
	margin:0 0 10px 0;
	padding:0;
	border-bottom: #000000 dashed 1px;
}

h2 {
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
	color:#960524;
}

h3 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	color:#960524;
}

p {
	margin:11px 0;
	padding:0;
}

.forminput {
	font-family:Arial, Helvetica, sans-serif;
	border:#000000 solid 1px;
	font-size: 12px;
}

.boto {
	color:#960524;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin: 0 10px 0 0;
}

.botonav, .botonavoff {
	color:#960524;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
}

.botonavoff {
	color:#BCBCBC;
}

.botonav:hover{
	text-decoration:underline;
}

/* positioning + margin */
.floatright{
	float:right;
	margin:5px;
	border:0;
}

.floatleft{
	float:left;
	margin:5px;
	padding:0;
}

.innertube{
	margin:10px;   /* margins for inner DIV inside each column (to provide padding) */
	margin-top:0;
}

/* round corners */
.t{background:url(../images/dot.gif) 0 0 repeat-x}		/* borders with dot.gif */
.b{background:url(../images/dot.gif) 0 100% repeat-x}
.l{background:url(../images/dot.gif) 0 0 repeat-y}
.r{background:url(../images/dot.gif) 100% 0 repeat-y}

.bl{background:url(../images/bl.gif) 0 100% no-repeat} 	/* corners */
.br{background:url(../images/br.gif) 100% 100% no-repeat} 
.tl{background:url(../images/tl.gif) 0 0 no-repeat} 
.tr{background:url(../images/tr.gif) 100% 0 no-repeat; padding:10px} 
.bl2{background:url(../images/bl.gif) 0 100% no-repeat} 
.br2{background:url(../images/br.gif) 100% 100% no-repeat} 
.tl2{background:url(../images/tl2.gif) 0 0 no-repeat} 
.tr2{background:url(../images/tr2.gif) 100% 0 no-repeat; padding:5px} 

.clear{font-size: 1px; height: 1px}	/* clear fix */

/* transitions */
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.frontClass {
	width: 778px;  /*Set (MainContainerWidth-2)*/
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	height: 450px;
	position:absolute;
	visibility:hidden;
	z-index:10;
	}

/* duplicate image positioning */
img.backClass {
	width: 778px;  /*Set (MainContainerWidth-2)*/
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	height: 450px;
	position:absolute;
	z-index:5;
	background-image:url(../images/lozanoIntro.jpg);
	background-color:#FFCC00;
	}

img.imgclass {
  display: block;
}	
/* float containers fix (www.csscreator.com/attributes/containedfloat.php) */ 
.clearfix:after{
	content:".";
	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 */  

/* lozano quotation */
#iniciaquarela{
	position:relative;
	visibility: hidden;
}

#inicioli{
	position:relative;
	visibility: hidden;
}

/* ===================================================================== */
/* === content pages === */
.contentpage{
	margin: 0;
	padding: 20px 20px 5px 20px;
}

.contentpagetxt{
	height:395px;
	margin: 0;
	text-align:justify;
}

.navegaciopagines{
	margin: 0;
	padding: 10px 0 0 0;
	/*border-top: #960524 dashed 1px;*/
}

.navegaciopagines .next{
	float:right
}

.navegaciopagines .previous{
	display:inline;
}

/* ===================================================================== */
/* === links externs === */
#llistalinks {
	list-style-type: none;
	list-style-image: url(../images/arrow-list.gif);
  margin-left: 10px;
  padding-left: 20px;
}

#llistalinks li {
	margin-bottom: 5px;
	margin-top: 5px;
}

.linksweb  {
	color:#960524;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
}

.linksweb:hover{
	text-decoration:underline;
}