/* global */
html{
height: 100%;
}
body{ 
font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}
.rojo{
font-size:10px;
font-weight:bold;
}
td{ 
font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
}
p{ 
margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
}
h1{ 
font-family: arial, sans-serif;
font-size: 108%;
letter-spacing: .1em;
}
h2{ 
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}
img{
border: 0px;
}
a{
outline: none;
}
.a a{
text-decoration:none;
}
/* image positioning - left, right and center */
.left{ 
float: left; 
padding: 0px 8px 0px 0px;
}
.right{ 
float: right; 
padding: 0px 0px 0px 8px;
}
.center{ 
display: block;
text-align: center;
margin: 0 auto;
}
/* block quote */
blockquote{ 
margin: 20px 0px 20px 0px; 
padding: 10px 20px 0px 20px;
border-left: 8px solid;
}
/* unordered list */
ul{ 
margin: 8px 0px 0px 16px;
padding: 0px;
}
ul li{ 
list-style-type: square;
margin: 0px 0px 11px 0px; 
padding: 0px;
}
/* ordered list */
ol{ 
margin: 8px 0px 0px 24px;
padding: 0px;
}
ol li{ 
margin: 0px 0px 11px 0px; 
padding: 0px;
}
/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content, #logo2{ 
margin-left: auto; 
margin-right: auto;
}
/* main container */
#main{
width: 780px;
overflow:hidden;
}
/* links above the logo / footer */
#links{ 
width: 726px;
height: 48px;
font-size: 88%;
text-transform: uppercase;
padding: 12px 21px 0px 19px;
}
#footer{ 
width: 726px;
height: 90px;
font-size: 88%;
text-transform: uppercase;
padding: 12px 21px 0px 19px;
}
#links{
text-align: right;
}
#footer{ 
text-align: center; 
border-top: 2px solid;
margin-top:15px;
}
#links a, #footer a{
text-decoration: none;
}
#links a:hover, #footer a:hover{
text-decoration: underline;
}
/* logo */
#artsupr{
position:absolute; 
left:58%; 
top:80px; 
width:250px; 
height:74px; 
z-index:2;
}
#logo{
width: 766px;
height: 170px;
border-top: 2px solid;
background-color:#00FF66;
}
#logo h1, #logo h2{ 
margin: 0px;
letter-spacing: .1em;
}
#logo h1{ 
padding: 28px 0px 0px 19px;
font-size: 180%;
}
#logo h2{ 
font-family: arial, sans-serif;
padding: 5px 0px 0px 19px;
font-size: 108%;
}
/*logo 2*/
#logo2{ 
width: 766px;
height: 110px;
border-top: 2px solid;
border-bottom: 5px solid;
}
#logo2 h1, #logo h2{ 
margin: 0px;
letter-spacing: .2em;
}
#logo2 h1{ 
padding: 28px 0px 0px 19px;
font-size: 160%;
}
#logo2 h2{
font-family: arial, sans-serif;
padding: 5px 0px 0px 19px;
font-size: 108%;
}
/* navigation menu */
#menu{ 
height: 30px;
width: 766px;
margin-top: 0px;
position: relative;
border-bottom: 5px solid #009900;
}
#menu ul{
margin: 0px auto;
} 
#menu li{ 
float: left; 
margin: 0px 5px 0px 0px; 
padding: 0px;
list-style: none;
} 
#menu li a {
display: block; 
float: left; 
height: 22px;
text-decoration: none; 
padding: 6px 19px 2px 19px;
} 
/* main content */
#content{ 
width: 766px;
overflow: hidden;
} 
/* column 1 - contains sidebar items */
#column1{ 
width: 198px;
margin: 22px 0px 0px 0px;
float: left;
padding: 19px 19px 15px 19px;
}
.sidebaritem{ 
text-align: left;
width: 168px;
float: left;
margin: 0px 0px 23px 0px;
border: 1px solid;
padding: 14px 8px 14px 19px;
}
.sidebaritem h1{ 
margin: 0px; 
font-weight: normal;
padding: 0px 0px 16px 0px;
text-transform: uppercase;
}
.sidebaritem p{ 
line-height: 16px; 
padding: 0px 0px 8px 0px;
}
.sidebaritem a, .sidebaritem a:hover{ 
padding: 0px 0px 2px 19px;
text-decoration: none;
}
.sbilinks{
padding: 0px
}
.sbilinks ul{
margin: 0px auto;
} 
.sbilinks li { 
margin: 0px; 
float: left; 
list-style: none; 
} 
.sbilinks li a , .sbilinks li a:hover{ 
float: left; 
height: 16px;
text-decoration: none; 
padding: 5px 0px 4px 19px;
width: 149px;
} 
/* column 2 - page content */
#column2{ 
text-align: justify;
width: 732px;
float: left;
padding: 2px 3px 15px 19px;
} 
#column2 h1{ 
font-family: arial, sans-serif;
padding: 16px 0px 5px 0px; 
margin: 0px 0px 12px 0px; 
/*  border-bottom: 1px solid;*/
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}
#column2 a, #column2 a:hover{ 
padding: 0px 0px 2px 0px;
text-decoration: none;
border-bottom: 1px dashed;
}
#column2 a:hover{
border-bottom: 1px solid;
}
/* contact page - form layout */
form{
margin-top: 0px;
}
div.row{ 
clear: both;
width: 95px;
}
div.row span.formlabel{ 
float: left;
width: 150px;
text-align: left;
}
div.row span.forminput{ 
float: right;
text-align: right; 
} 
div.spacer{ 
clear: both;
width: 80px;
}
input, textarea{ 
font-family: verdana, arial, sans-serif;
font-size: 100%;
border: 1px solid;
margin: 0px;
}
.input{
width:207px;
}
.input2{
width:210px;
}
.input3{
width:70px; 
background:#009900; 
color:#FFFFFF;
}
.subinput{cursor:pointer; width:400px;}
.submit{ 
font-family: verdana, arial, sans-serif;
font-size: 100%; 
border: 1px solid; 
width: 70px;
height: 22px;
cursor: pointer;
}
select{ 
font-family: verdana, arial, sans-serif;
font-size: 100%; 
border: 1px solid;
width: 145px;
/*height: 22px;*/
cursor: pointer;
}
#login{
position:relative; 
/*width:200px;*/
float:left;
/*width:100%;*/ 
z-index:1; 
margin-top:20px; 
margin-left:15px;
}
#encabezado{
margin-top:15px; 
height:16px; 
background-color:#009900; 
color:#FFFFFF; 
font-size:10px; 
font-weight:bold; 
width:112px; 
text-align:left; 
line-height:16px; 
padding:0px 0px 0px 5px;
}
#encabezado2{
margin-top:15px; 
height:20px; 
background-color:#009900; 
color:#FFFFFF; 
font-size:15px; 
font-weight:bold; 
width:150px; 
text-align:left; 
line-height:20px; 
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
#login_centro{
width:100%;
margin-left:0px;
margin-top:10px;
}
#login_izq{
margin-left:0px;
margin-top:10px;
}
#login_abajo{
width:100%;
margin-top:15px; 
margin-left:0px;
cursor:pointer;
}
#indizada{
width:90%; 
margin-top:20px;
overflow:none;
}
#cursor_enviar{
cursor:pointer;
}
#izquierdo{
width:150px; 
float:left; 
margin-top:20px; 
overflow:hidden;
}
#central{
float:right; 
width:604px; 
margin-left:0px; 
margin-top:15px;
}
#centralsup{
height:50px;
}
#centralsupizq{
width:460px; 
margin-top:0px; 
float:left;
}
#centralsupder{
margin-right:13px; 
margin-top:17px; 
width:127px; 
float:right;
}
#central_articulos{
overflow:hidden;
padding:0px 10px 0px 0px;
}
#articulo_uno, #articulo_tres{
width:278px; 
float:left; 
margin-left:7px; 
margin-right:7px;
margin-top:10px;
text-align:justify;
}
#numero_reciente_uno, #numero_reciente_tres{
width:200px; 
float:left; 
margin-left:60px; 
margin-right:0px;
margin-top:10px;
text-align:justify;
}
#articulo_dos, #articulo_cuatro{
width:278px; 
float:right; 
margin-left:7px; 
margin-right:7px; 
margin-top:10px;
text-align:justify;
}
#numero_reciente_dos, #numero_reciente_cuatro{
width:200px; 
float:right; 
margin-left:0px; 
margin-right:60px; 
margin-top:10px;
text-align:justify;
}
#central_numeros{
width:580px;
margin-top:15px;
background-color:#B7EEB8;
overflow:hidden;
border-top:10px solid #B7EEB8;
border-bottom:10px solid #B7EEB8;
border-left:10px solid #B7EEB8;
}
#central_numeros2{
margin-top:15px;
overflow:hidden;
}
#numero_imagen{
width:70px; 
float:left;
}
#numero_texto{
width:100px; 
padding:0px 0px 0px 10px; 
margin-top:25px;
float:left;
}
#buscador{
overflow: hidden; 
display: none;
}
#numeros{ 
width:100%; 
heigth:200px;
}
#contenido_articulos{
width:100%;
}
#contenido_articulo{
margin-left:10px;
}
#botones{
height:40px;
}
#observar, #votar, #comentar{
float:left;
}
#seccion{
margin-top:5px; 
margin-left:5px;
}
#contenido_articulo{
margin-left:10px;
}
#paddings{
padding:10px 0px 0px 30px;
}
#voto{
display:none;
}
#formulario{
overflow:hidden;
}
#central_sup_articulos{
overflow:hidden;
}
#central_inf_articulos{
overflow:hidden;
}
#superior, #inferior{
width:700px; height:30px; float:right; margin-right:0px;
}