/*
    FIRMES EN LA FE
    HOJA DE ESTILOS
*/

/*++++++++++++++++++++++
    Tags
+++++++++++++++++++++++*/
* {
  margin:0;
  padding:0;
 }

body {
  padding:0;
  font-family: Geneva,"Arial Unicode MS",Verdana,Arial,Sans-Serif;
  font-size:14px;
  background: url(../img/lines.png);
 }

h1 { font-size:150%; 
	margin-bottom:0.7em;
	}
h2 { font-size: 130%;
	margin-bottom:0.5em;
}

p,ul { margin: 0 0 1em 0; }

p {
   font-weight:500;
  line-height:1.3em;
  text-align:justify;
  }

ul {
  list-style-type:circle;
  list-style-image: url('../img/vineta.png');
}

ul ul { margin:0;}

li { margin: 0 0 0 1em; }

a{
  color:#0066CC;
  text-decoration:none;
}

a:hover, a:focus {
  text-decoration:underline;
 }
 
 input,textarea { padding:0.2em; }
 
 input { margin: 2px 0 2px 0; }
 input:focus, textarea:focus {
 	border:2px solid #000;
	background:#f3f3f3;
}

/*++++++++++++++++++++++++
    Divs
***********************/
 #wrapper {
  width:1010px;
  height:auto;
  background: white url(../img/bg_in.png) repeat-y top center;
  color:black;
  padding-left:13px;
  padding-right:13px;
  margin: 0 auto;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/bg_in.png', sizingMethod='scale');
  _text-aling:left;
  _padding-left:13px;
  _padding-right:13px;
 /* position:relative;*/
 }

#top {
  width:auto;
  height:22px;
  color:white;
  background: black url('../img/top.jpg') repeat-x;
  padding: 8px;
  padding-right:0;
  padding-bottom:0;
  overflow:hidden;
}
  #top ul {margin-bottom:0;}
  #top li {
    display: inline;
    list-style-type:none;
    margin:0;
  }
  #top a, a:visited {
    color:white;
    text-decoration:none;
    background-color:transparent;
    padding: 0 10px 0 10px;
  }
  #top a:hover {
  text-decoration:underline;
  }

#header {
  height:86px;
  color:white;
  background:#83ADD1 url('../img/header.jpg') no-repeat top center;
  padding:0;
  margin: 0;
}
  #header a {
    color:white;
    text-decoration:none;
   }
   #header h1 {margin-bottom:0;}
   #encabezado p {
      padding: 5px 0 5px 0;
      margin-bottom:0;
   }

#logo {
  float:left;
  width:270px;
  height:60px;
  border:none;
  padding-left:15px; 
 }

#nav {
  clear:left;
  width:100%;
  height:15px;
  /*background: #ccc url('#') repeat-x;*/
  text-align: center;
  color: #999;
  padding-bottom: 8px;
  border-bottom: 1px solid gray;
  margin-bottom:8px;
  overflow:hidden;
 }

/* Area de Contenido */
#cuerpocontainer {
  padding: 3px;
  margin: 0;
  _text-align:left;
  _padding: 3px;
  _margin: 0;
  _overflow:hidden;
  overflow:hidden;
  }

  #cuerpocontainer hr {
    border: 2px solid #526c80;
    margin:5px 0;
  }
  
/*columna izquierda del cuerpo */
#izquierda {
  float:left;
  width:68%;
  height:auto;
  background:white;
  padding:5px;
  overflow:hidden;
}

/* columna derecha del cuerpo */
#derecha {
  width:30%;
  _width:29%;
  background:white;
  padding:5px;
  margin-left:69%;
  *margin-left:68%;
}

/* columna centrada en cuerpo, usada en sección articulos */
#centro {
  width:90%;
  background:white;
  margin: 0 auto;
}

/* pie dentro de Wrapper */
#piecuerpo {
	clear:both;
	border-top:1px solid #999;
	font-size:80%;
	color:#9a9a9a;
	padding: 5px 0 5px 70px;
	margin-top:10px;
}
	#piecuerpo a {color:#666; }

/* pie fuera de Wrapper, actualmente no utilizada */
#piecuerpo {
  clear:both;
}

/* formulario de búsqueda */
#searchform {
	margin-top:5px;
	height:28px;
	text-align:right;
}

#searchform #s {
 -moz-border-radius:3px;
 -khtml-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 border:1px solid #aeaeae;
 background: #fff url(../img/magnifier.gif) left center no-repeat;
 color:#444;
 width:140px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 height:13px;
 font-weight:400;
 padding:5px 5px 5px 17px;
}

#searchform #s:hover { color:#2f2f2f; }
#searchform #s:focus {
  border:1px solid #919090;
  background:#fefefe url(../img/magnifier.gif) left center no-repeat;
 }
 
 #searchforum input[type="submit"] {
   height:24px;
   font: 105% "Trebuchet MS",Helvetica,Arial,Sans-serif;
   width:68px;
   background-color:#047a02;
   background-repeat:repeat-x;
   margin-bottom:3px;
   background-position:0 -98px;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
   background-image:url(../img/rollover-blue.jpg);
   color:#fff;
   border:1px solid #041a02;
   text-shadow:1px 1px 1px #484848;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   -kthml-border-radius:5px;
   border-radius:5px;
   vertical-align:middle;
   font-weight:700;
   cursor:pointer;
 }
 
 #searchform input[type="submit"]:hover {
   border:1px solid #484848;
   background-position:0 -131px;
 }

/*modificadores de texto */
#aumenta {
  font-size:12px;
}
#reduce {
  font-size:8px;
}
/************************************
	  Clases  
*************************************/
/* cajas contenedoras de texto */
.box_cuerpo, .box_search {
  /* background:#f6f6f6; */
  padding:8px;
  padding-left:7px;
  padding-right:7px;
  padding-bottom:10px;
  margin:0 auto;
  margin-bottom:10px;
  white-space:normal;
  border: 0;
  border-bottom:3px solid #526c80;
  overflow:hidden;
}

.box_search { height:60px; }

.box_cuerpo a {
	color:#0066CC;
	padding:0;
	margin:0;
	}
	
  .box_cuerpo hr {
    border:0;
    margin:0;
  }

.box_title {
  height:15px;
  background: #8BB6DE url('../img/bg_title.jpg');
  font-weight:bold;
  font-size:12px;
  color:white;
  padding:3px 0 3px 18px;
  overflow:hidden;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-rightright-radius:5px;
  /*behavior:url(border-radius.htc);*/
}

.post-centro {
	width:100%;	
	overflow:hidden;
	position:relative;
}

.post-izq {
	float:left;
	width:50% !important;
	overflow:hidden;
}

.post-der {
	width:48%;
	margin-left:52%;
	overflow:hidden;
}

.blue {
  border: 2px solid #526c80;
  margin: 5px 0;
}

/* Posicion de span dentro de TOP */
.top_left {
  margin:auto;
  width:25%;
  position:relative;
  float:left;
  vertical-align:middle;
  text-align:left;
  padding-left:5px;
}

.top_center {
  width:25%;
  float:left;
}

.top_right {
  float:right;
  text-align:left;
}

/* viñeta de vinculo HOME */
.home {
  padding: 0 0 0 18px;
  background: transparent url('../img/home.png') no-repeat left center;
}

/* Redondeo de Wrapper */
.rtop {
	width:1036px;
	height:16px;
	display:block;
	margin:0 auto;
	background: url('../img/rtop.png') no-repeat left top;
	margin: 20px auto 0 auto;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/rtop.png', sizingMethod='scale');
}

.rbott {
	display:block;
	width:1036px;
	height:16px;
	background: url('../img/rbottom.png') no-repeat left top;
	margin: 0 auto 20px auto;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/rbottom.png', sizinMethod='scale');
}

.imgizq {
	float:left;
	padding:2px;
	margin:5px;
	_display:inline;
}

.imgder {
	float:right;
	padding:2px;
	margin:5px;
	_display:inline;
}

.login {
  display:none;
  background: url() #EDF1F4;
  padding:10px;
  border:1px solid black;
  overflow:hidden;
}

.cerrar {
  font-size:60%;
  float:right;
  padding:3px;
}
  .cerrar:hover { background-color:#ccc;}

.visible { display:block; }
.oculto {display:none; }
.hover {
  background-color:#CCC;
  cursor:pointer;
}
.modificador {
  float:right;
  margin:.5em 0;
}
.boton {
  color:black;
  font-weight:bold;
  width:15px;
  padding:4px;
  margin: .5em 0;
  border: 1px solid #e3e3e3;
  display:inline;
}