body {
	behavior: url(csshover.htc); 
         background: url(design/background.png) repeat;
	font-family:  "Trebuchet MS", Arial, Tahoma;
	font-size:11px;
	color:#4d4b4b;
	margin:0px auto;
	padding:0px;
        height: 100%;


}
h1 { font: bold 30px 'palatino linotype', palatino; 
	color: #2f2f2f;
	line-height: 90%;
	letter-spacing: 1px;
border-bottom: 2px solid #690e0e;

}

a, img { border: 0px;}

a, a:link, a:visited { 
color: #6c0b0b;
text-decoration: none; 
}

a:hover { 
color: #7a2020; 
text-decoration: none;  
}
b { 
        font-weight: 550; 

}

strong { 
        font-weight: 600; 
color:#4d4b4b;
}

h2 { 
letter-spacing: .10em; 
font-size: 25px; 
font-weight: 100; 
border-bottom: groove 2px #CCCCCC; 
width: auto; 
line-height: 1em; 
font-variant: small-caps;

}

h3 {

font-size: 200%; 
text-transform: uppercase; 
font-family: Garamond, Georgia, "Times New Roman"; 
letter-spacing: .5em; 
font-weight: 100; 
color: #b8b8b8; 
border-top: 1px solid #CCCCCC; 
border-bottom: #CCCCCC 1px solid; 
width: 300px; 
text-align: center;
}
hr { 
       color: #a72b2b;
       width:80%; 
       height:0px;
       text-align:left;
       border-top:0px;
       border-bottom:#a72b2b dashed 1px;
}

.u { 
        text-decoration: underline; 
}
.s { 
       text-decoration: line-through; }
.i {
        font-style: italic; 
}

blockquote.style2 {
	font: 14px/22px normal helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
background: #e3e3e3;
}



/* TODO */

#topreapet {
background: url(design/top-reapet.jpg) repeat-x; width: 100% height: 213;}

#fondo {  

       background: url(design/footer.jpg);
        background-repeat:repeat-x;
        background-position:center bottom;


}
#shadow{
width: 940px; 
margin: 0px auto;
background: url(design/shadow.png) repeat-y; }

#container{
width: 910px; 
margin: 0px auto;
background: url(design/content.jpg) repeat-y; }

#header { 
height : 150px; 
margin : 0px; 
padding : 0px; 
background: url(design/header.jpg) no-repeat; 

} 

#topmenu { 
height : 25px; 
margin : 0px; 
padding : 0px; 
background: url(design/top.jpg) repeat; 

} 

#topmenu .countdown { 
padding-left: 15px;
padding-top:5px;
text-align : left; 
color: #e5e7c2;
font-family: Arial;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1em;
float: left;
} 

.linkstop {
text-align:right; 
padding-right:15px; 
padding-top:5px;
font-size: 9px;
}

.linkstop a { 
color: #ddffac;
text-decoration: none; 
}


.linkstop a:hover { 
color: #edffd2; 
text-decoration: none;  
}




/* Navigator */


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 910px;
	list-style: none;
	position: relative; 
	font-size: 1.2em;
	background: url(design/topnav_stretch.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #b3b3b3; 
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #434343;
	text-decoration: none;
}

ul#topnav li a:hover {color: #fff;
}
ul#topnav li:hover { background: #843232 url(design/topnav_active.gif) repeat-x;}

ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; 
	width: 910px;
	background: #843232;
text-align: center;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } 
ul#topnav li span a { display: inline; color: #fff;} 
ul#topnav li span a:hover {text-decoration: underline; color: #fdfeba;}


/* End Navigator */


#side-a {
	float: left;
	width: 210px;
padding-left: 0px;


}

#side-b {
	float: left;
        width: 140px;
        padding-left: 20px;
}

#content { 
	float: left;
	width: 530px;
      padding-left: 10px;

}



/*  footer */

#footer {
background: url(design/footer.jpg) repeat-x; width: 910px; height: 100px; clear: both;}

.footer-logo {
float: left;
padding-left: 20px;
padding-top:15px;}

.footer-links {
float: left;
padding-left: 100px;
padding-top: 10px;
color: #ffffd6; 
text-align : center;
}

.footer-links a { 
color: #e2ffb9;
text-decoration: none;}

.footer-links a:hover {
color: #deffaf;
text-decoration: underline; }

.push {
 clear: both;
height: 4em; }

.footer-stuff {
float: left;
padding-left: 20px;
padding-top:10px;}




/* Cajas */


.caja1 {
background: #f0f0f0;
border-left: 1px #320303 solid;
border-bottom: 1px #320303 solid;
width: 100%;
color: #525252;
width: 208px;

}


.fondocaja1{
height: 28px;
background: url(design/caja1.jpg);
border-bottom: 3px #f8a2a2 solid;
}

.titulocaja1 {
 font: 20px Arial;
	color: #fff;
	line-height: 90%;
	letter-spacing: 2px;
        padding-left: 5px; 
        padding-top: 5px;
   text-shadow: -1px -1px #444444, 1px 1px #333

}
.contenidocaja1 {color: #525252; padding-left:5px; }


.caja2 {
background: #f0f0f0;
border-left: 1px #040332 solid;
border-bottom: 1px #040332 solid;
width: 100%;
color: #525252;
width: 138px;

}


.fondocaja2{
height: 28px;
background: url(design/caja2.jpg);
border-bottom: 3px #a2b8f8 solid;
}

.titulocaja2 {
 font: 15px Arial;
	color: #fff;
	line-height: 90%;
	letter-spacing: 2px;
        padding-left: 5px; 
        padding-top: 5px;
   text-shadow: -1px -1px #444444, 1px 1px #333

}
.contenidocaja2 {color: #525252; padding-left:5px; }




.mar { 
        margin: 2px; padding: 2px;
}


.links ul {
        list-style-type: none;
        width: 100%;
margin:0;  
padding:0;  


} 

.links li {
        border-bottom: 1px dotted #6d4344;
        border-width: 1px;
        margin: 0px;
}

.links li a { 
        color: #fff886;
        display: block;
        font: bold 100% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html .links li a {  /* make hover effect work in IE */
	width: 100%;
}

.links li a:hover {
        background: #6a3031;
}

.links a em { 
        color: #ececec;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

.links a em:hover { 
        color: #fff;}

.links a span {
        color: #ffb0b0;
        font: normal 74% Verdana, Helvetica, sans-serif;
        line-height: 200%; font-style : italic;
}

.links a span:hover { color: #fdc2c2; text-decoration:none;}





/* otras */

legend { 
       font-size:12px;
       color:#c6d082; 
       font-weight: bold;
}
form {
        margin: 0px; 
}
textarea {
	border: #00434c 1px solid;
	font-size: 10pt;
        background: #2b848e;
        height: 100px;

        color: #f0f5cd;
}
#registro {
         width:400px; 
         padding:10px; 
         margin:15px;
}
#registro fieldset {
          padding:10px 20px;
}
#registro p label {
          font-size: 12px; 
          font-weight: bold;
          float: left;
          width: 40%; 
          text-align:right;
          padding:5px;
}
#registro p br {
          clear: left;
}
.code { 
       background:#376c82;
       overflow:auto; 
       border:1px dotted #3cc6aa; 
       padding:5px; 
       color: #f6fccd;
}


#countbox { 
font-size: 9px; padding-left: 5px; }

.reloj {background: url(design/clock.png); display: block;
background-repeat:no-repeat;
width: 204px;
height: 86px;
text-decoration: none;}



a.m-interactive {
display: block;
width: 140px;
height: 235px;
text-decoration: none;
background: url(design/m-interactive.png);
}

a.m-interactive:hover {
background: url(design/m-interactive.png);
background-position: 0 -235px; 
} 

.interactive {
background: url(design/interactive-bg.jpg);
background-repeat: no-repeat;
min-height:668px;
width: 530px;}

.interactive-content {
padding-top: 140px;
padding-left: 130px;
color: #454545; }

.interactive-container {
width:530px;
}
.interactive-video {
float:left;
padding-right:5px; }

.interactive-imagen {
float:left;
padding-right:5px;
 }
a.pagination {
          border:1px solid #6e6e6e;   
          background:#f4f4f4; 
color: #8c2b2b;
          padding: 5px; 
          margin-top: 5px;
          margin-bottom: 5px;
          margin-left: 2px;
          margin-right: 2px;
}

a.pagination:hover {
          border: 1px solid #595959;  
          background:#8c3030; 
          text-decoration:none;
color: #fffeae;
}
.g-completa {
padding:120px;
}
.g-completa a {
background:url(design/g-completa.png);
background-repeat: no-repeat;
color:#222;
text-align:center;
padding-top:5px;
padding-left:6px;
padding-bottom:3px;
padding-right:7px;
text-shadow: 1px 1px 1px #cfeb7f;

}

.g-completa a:hover {
background: url(design/g-completa.png);
background-position: 0 -24px; 
}

/* news */
/* comments */

.comments, .comments ul, #comments li{
	margin:0;
	padding:0;
	list-style:none;
	}
.comments li{
	margin:1.5em 0;
	position:relative;
	font-size:13px;
	}
.comments a{color:#5a7981;text-decoration:none;}
.comments a:hover{color:#555;}
.comments .meta{
	padding-bottom:32px;
	background:url(design/bg_comments1.gif) no-repeat 0 100%;
	}	
.comments .meta li{
	margin:0;
	display:inline;
	font-size:12px;
	position:static;
	}
.iteration{ 
        font: bold 12px; 
	color: #a80228;
        float: right; 
        text-align: right;}	
.comments .meta .author{
	font-size:14px;
	font-weight:bold;
	}	
.comments .meta img{
	position:absolute;
	left:28px;
	top:68px;
	z-index:100;
	border:1px solid #bfd5da;
	}	
.comments .body{
	padding:10px 28px 20px 100px;
	background:url(design/bg_comments2.gif) no-repeat 0 100%;
	min-height:58px;
	}	

/* // comments */



.noticia { width:100%}
.noticia-header {background: url(design/noticia-header.jpg);
background-repeat:repeat-x;
height: 82px;
border-left: 1px solid #830101;
border-right: 1px solid #830101;
border-top: 1px solid #830101;
}
.noticia-header-titulo {
padding-top: 15px;
padding-left: 10px;
color:#fff; 
font: normal 2.5em Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #7e1010;
line-height: 62px;

}
.noticia-body {
text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; 
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
}

.noticia-date {background: url(design/noticia-date.jpg);
background-repeat:repeat-x;
height: 23px;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
}

.noticia-date-fecha { float: left; color:#b6b5b5; padding-top: 2px; padding-left:3px;}
.noticia-date-autor { float: left; color:#b6b5b5; padding-left:300px; padding-top: 2px;}

.noticia-bottom {background: url(design/noticia-bottom.jpg);
background-repeat:repeat-x;
border: 1px solid #b4cced;
height: 23px;}

.noticia-bottom-mas {float:left; color:#3769a9; padding-top:3px; padding-left: 10px;}
.noticia-bottom-comment {float:left; color:#3769a9; padding-left:200px; padding-top:3px; padding-right:2px;}
img.noticiaimg { vertical-align: middle; }

.formulario-form1 {
float: left;
width: 40%;
}

.formulario-form2 {
float: left;
width: 60%;
}

.news-textarea {
	font-size: 10pt;
        padding: 5px;
        background: #eeeeee;
        height: 100px;
        border: 1px solid #d1d1d1;
        width: 310px; 
        color: #474747; }


.news-input {
        font-size: 10pt;
        padding: 5px;
        background: #eeeeee;
       border: 1px solid #d1d1d1;
       color: #474747; 
height: 25px;
width: 180px;
}

.news-submit { 
        font-size: 10pt;
        padding: 5px;
        background: #74c623;
        border: 1px solid #356c00;
        color: #274e00;  }

.col1 {

float:left; 
margin-right:20px;
 }


.col2 {

float:left;

}