invisio v2.0

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

/*
body
{ font: normal 14px sans-serif;

background: #FFFFFF url(../images/background.png) repeat-x;

background: #FFFFFF url(../images/background.png) repeat;
  color: #5D5D5D;}
  */
  
  body
	{ font: normal 14px sans-serif;
	color: #5D5D5D;  
	background-image: url(../images/background.jpg);

}
  
  
ul
{
line-height: 1.5em;
}

p
{ padding: 0 0 20px 0;
  line-height: 1.5em;}
  
img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: bold 175% 'liberation sans', arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}

h2
{ font: bold 165% 'liberation sans', arial, sans-serif;}

h3
{ font: bold 125% 'liberation sans', arial, sans-serif;
  padding: 0 0 5px 0;
  color: #2091FF;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: bold 110% 'liberation sans', arial, sans-serif;
  color: #5ABD21;
  line-height: 1.5em;}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #888;
  padding-bottom: 15px;}

h6
{ color: #362C20;}

a, a:hover
{ background: transparent;
  outline: none;
  text-decoration: underline;
  color: #2091FF;}

a:hover
{ text-decoration: underline;
  color: #5D5D5D;}

ul
{ margin: 2px 0 22px 17px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #container_footer, #container_header
{ margin-left: auto; 
  margin-right: auto;}

#main
{ width: 880px;

padding-bottom: 20px;
}

#header
{ background: transparent;
  width: 880px;
  }

#banner
{ width: 880px;
  position: relative;
  height: 163px;

background: #FFF url(../images/banner.png) no-repeat;}
  
 #banner2
{ width: 880px;
  position: relative;
  height: 163px;

background: #FFF url(../images/banner2.jpg) no-repeat;}

#menubar
{ width: 880px;
  height: 35px;
  margin: 0 auto;
  background: #FFF url(../images/menu.png);
  color: #000;}

#site_content
{ width: 880px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  }

.sidebar_container
{ float: right;
  width: 224px;
  margin-top: 18px;
  padding: 0;}

.sidebar_top
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_top.png) no-repeat;}

.sidebar_base
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 400px;
  padding: 0;
  background: url(../images/side_back.png) repeat-y;
  margin-bottom: 20px;}

.sidebar p
{ font-size: 95%;}

.sidebar li.selected, .sidebar li:hover
{ color: #5D5D5D;
  text-decoration: none;}

.sidebar_item
{ padding: 0 0 0 15px;
  width: 201px;}

.sidebar_item h1
{ padding: 20px 0 10px 0;
  margin: 0;}

.content_item
{ width: 880px;
  margin-bottom: 20px;}

.izquierda {
	width:155px; 
	border: 1px solid #d0d0d0;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	background: #e8f3ef;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8f3ef), to(#ebfaf5));
	background: -moz-linear-gradient(#e8f3ef, #ebfaf5);
	background: linear-gradient(#e8f3ef, #ebfaf5);
	-pie-background: linear-gradient(#e8f3ef, #ebfaf5);
	float:left;
	margin: 10;
	padding: 10px;
	
}

.derecha {
	width:175px; 
	border: 1px solid #d0d0d0;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	background: #e8f3ef;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8f3ef), to(#ebfaf5));
	background: -moz-linear-gradient(#e8f3ef, #ebfaf5);
	background: linear-gradient(#e8f3ef, #ebfaf5);
	-pie-background: linear-gradient(#e8f3ef, #ebfaf5);
	float:right;

padding: 2px;
	
}

.dcentro {
	width:670px; 
	border: 1px solid #d0d0d0;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 15px 15px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 15px 15px;
	/* para Opera */
	border-radius: 15px 15px 15px 15px;
	background: #ffffff;

float:right;
	padding: 10px;
	margin: 10;
}

.todo {
	width:858px; 
	border: 1px solid #d0d0d0;
	/*para Firefox*/
	-moz-border-radius: 15px 15px 0px 0px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 15px 15px 0px 0px;
	/* para Opera */
	border-radius: 15px 15px 0px 0px;
	background: #ffffff;

float:left;
	padding: 10px;
}

#content
{ text-align: left;
  width: 880px;
  padding: 0;
  margin: 0 20px 0 0;
  float: left;}

#container_header
{ margin-top: 10px;
  height: 0px;
  width: 880px;
  border-radius:10px; 
  background: transparent url(../images/container_header.png) repeat-x top;}  
  
#container_footer
{ height: 20px;
  width: 880px;
  background: transparent url(../images/container_footer.png) repeat-x top;}
  
#footer
{ width: 880px;
  font: normal 115% "liberation sans", arial, sans-serif;
  height: 35px;
  padding: 20px 0 5px 0;
  margin-bottom: -15px;
  text-align: center; 
  background: #0c8725 url(../images/footer.png) no-repeat bottom;
  color: #FFF;}

#footer a, #footer a:hover
{ color: #FFF;
  background: #0c8725;
  text-decoration: underline;}

#footer a:hover
{ text-decoration: none;}

ul.links
{ margin: 0;}

ul.links li
{ list-style: none;
  padding: 8px 0;}

ul.links li a, ul.links li a:hover
{ padding: 0 0 0 28px;
  background: transparent url(../images/page.png) no-repeat left center;
  color: #06C4E6;
  text-decoration: underline;}

ul.links li a:hover
{ color: #5D5D5D;
  text-decoration: none;} 
  
#div-border {
border-left: 1px solid #ccc;
width:1px;
height:500px;
}

#nav, #nav ul
{ float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 35px;
  font: 115% helvetica;
  }
 
#nav a 
{ color: #FFFFFF;
  display: block;
  text-decoration: none;
  list-style-type: none;}
  
#nav li, #nav li.last  
{ float: left;
  border-right: 1px solid #FFF;
  display: block;
  padding: 0;
  margin: 0;
  height: 35px;}

#nav li.last
{ border-right: 0px;}
 
 /*
#nav li a, #nav li.last a {
  padding: 9px 0;
  width: 175px;
  text-align: center;  
  height: 15px;}
  */
  
  
  #nav li a, #nav li.last a {
  padding: 9px 0;
  width: 145px;
  text-align: center;  
  height: 15px;}
  
  #nav li.last a 
{ width: 149px;}
  
  
 /*
  
#nav li.last a 
{ width: 176px;}

#nav li ul 
{ position: absolute;
  background: #7B7B7B;
  font: 100% arial;
  width: 100%;
  left: -999em;}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ left: auto;}

#nav a:hover 
{ color: #FFF;}
 
#nav li:hover, #nav li.sfhover
{ background: #2F80AF;}

#nav li li:hover
{ background: #2F80AF;}

#nav li li 
{ border-bottom: 1px solid #FFF;
  width: 100%;
  padding: 0;
  display: block;
  float: left;
  height: auto;}

#nav li li a 
{ padding: 10px 43px 10px 43px;
  width: auto;
  height: auto;}
 
#nav li:hover, #nav li.hover 
{ position: static;}

*{ padding:0px; margin:0px; }
	h12{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 325px; 
				height: 210px;
				/*height: 190px; */
				margin:10px; 
				margin-left:55px;
				margin-right:55px;
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000;
				/*background: #005000;*/
				height: 210px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
					/*top: 220;*/
 					top: 180;
 					left: 0;
 				}