/* Default CSS */


body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#f1f0f0; background:#141213} 
/*#
  Element Styles
#*/

h1 {margin-left:15px; padding-top:22px; padding-left:53px; font-size:38px; color:#fff; background-color:#141213;}
h3, h4, h5, h6 {margin:20px 0 15px 0; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; color:#fff}
h2 {clear:both;margin:50px 0 15px 0; font-size:30pt; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; color:#fff}
h3 {font-size:22px; font-weight:normal}
ul, ol, dl, li {margin:15px 0 0}
p {width:100%; text-align:justify; margin:15px 0 0 0}
a {color:#a63c3c; text-decoration:underline; outline:none}
	a:hover {text-decoration:none}
#navigation {height:52px; width:auto; border-right:1px solid #000; border-top:1px solid #000;list-style-type:none; background:url(../images/nav_bg.png) 50% top repeat-x}
		#navigation li {float:left; width:164px; margin:0; font-size:18px; color:#fff}
			#navigation li a {display:block; height:35px; padding-top:16px; border-right:1px solid #1c1b1b; border-left:1px solid #000; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {color:#62acff; text-decoration:none}
#framearea {
      padding-top:25px;
      width: auto; 
      height: auto;
	  border:1px #FFFFFF;
      margin-top:10px;
      }
.center
{
padding-top:25px;
margin:auto;
width:80%;
background-color:#141213;
}
.framebody {
      margin:auto;
      padding-top:25px;
      width:70%;
       float:left;
	  border:1px #FFFFFF;
        }
.background
  {
  width:auto;
  height:200px;
  background:url(../images/LogotipoCCristo_240.png) no-repeat;
  border:1px solid black;
  
  }
.transbox
  {
  width:70%;
  height:auto;
  margin:100px 10px 50px 0px;
  float:left;
  background-color:#FF0000;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  }
  
.transbox p
  {
  margin:auto;
  font-size:20px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  }
  .thumbbox
  {
  width:auto;
  height:auto;
  margin:50px 50px 50px 50px;
  float:left;
  background-color:#141213;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  }
  .thumbbox1
  {
  width:70%;
  height:auto;
  margin:50px 50px 50px 50px;
  float:left;
  background-color:#141213;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  }
.img
{
  margin: 2px;
  border: 1px solid #000000;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
.img a:hover img {border: 1px solid #ff0000;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
#footer {clear:both; padding:100px 0 30px 0; font-size:.85em}