/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Maynor Marino Mijangos
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.0
 * @platform   Website Baker 2.81
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/
/* Reset */
@charset "iso-8859-1";
body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, img, pre, blockquote, p, th, td { margin: 0; padding: 0; border: 0; }
.clear { clear:both; }

/* Manejo de Tipografia:
Definición del tamaño por defecto de: 10pt. Con la formula: 62.5% = 10 x 1.5 espacio entre lineas
Con un espaciado de parrafo de: 1.2 del tamaño de letra
-------------------------------------------------------------------------------- */
body { 	
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

body,td,th {
	color: #000;
}

body {
	background-color: #FFFFFF;
	background: url(../images/background.jpg) left top repeat-x;
	margin: 0;
}

#header {
	width: 960px;
	height: 70px;
}

#logo {
	float:left;
	height: 60px;
	width: 418px;
	padding: 10px 0 0 0;
}

#topmenu {
	float: right;
	width: 522px;
	height: 50px;
	padding: 20px 10px 0 0;
	text-align: right;
	font-size: 1.2em;
	color: #6495ed;
	font-weight: bold;
}

#topmenu a {
	color: white;
}

#ads {
	margin: 0 auto;
	width: 960px;
	height:100px;
}

#ads-left {
	float: left;
	background-image: url(../images/ads-left.jpg);
	width: 11px;
	height: 100px;
}

#ads-center {
	float: left;
	width: 933px;
	height: 95px;
	background-image: url(../images/ads-background.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 5px 0 0 0;
}

#ads-right {
	float: right;
	background-image: url(../images/ads-right.jpg);
	width: 16px;
	height: 100px;
}

#menu {
	width: 958px;
	height: 25px;
	background: url(../images/background-menu.jpg) repeat-x;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align: center;
	font-size: 1.32em;
	font-weight: bold;
	padding: 2px 0 0 0;
	color: #2182C5;
}

#menu a:link, #menu a:visited, #menu a:active {
	color: #011456;
}

#menu a:hover {
	color: white;
	padding: 4px 0 0 0;	
}

a:link, a:visited, a:active {
	font-family: inherit;
	color: #363F46;
	text-decoration: none;
	font-size: 1.2em;
}

a:hover {
	font-family: inherit;
	color: #363F46;
	text-decoration: none;
	font-size: 1.2em;	
}

hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
	width: 580px;
}

h1 {
	font-family: inherit;
	font-size: 2em;
	color: #164E87;
	text-align: left;
	margin: 8px 2px 0 0;
}

h2 {
	font-family: inherit;
	font-size: 1.4em;
	color: #2182C5;
	text-align: left;
	margin: 8px 2px 0 0;
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	color: #F47100;
}

p {
	font-family: inherit;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.2em;
}

p img {
	padding: 0 10px 0 0;
}


ul {
	font-family: inherit;
	font-size: 1.2em;
	color: #444;
	list-style: square;
}


form {
	margin: 0;
}

.row {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.form-label {
	float: left;
	width:200px;
	text-align: right;
	margin-right: 10px;
	font-family: inherit;
	font-size: 1.2em;
}

.form-field {
	float: left;
	width: 300px;
}


.main {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#contenidos {
	width: 958px;
	overflow: hidden;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Tahoma, arial;
}


.breadcrumbs {
	font-family: inherit;
	font-size: 0.9em;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 0 0 3px;
	background-color: #dcdcdc;
	height: 21px;
}

#showarticles {
	width:100%;
}

.showarticles-loop {
	overflow: hidden;
	margin-bottom: 10px;
}

.showarticles-title {

}

.showarticles-short {
	
}

.content {
	float: left;
	width: 707px;
	margin: 0 10px 10px 0;
	padding: 0 0 0 10px;
/*	border-right: 1px dotted #ccc; */
}

#right {
	float: left;
	width: 220px;
	margin: 10px 10px 0 0;
}

#tools {
	width: 220px;
	height: 22px;
	padding: 0;
	text-align: center;
}

#separador {
	background-color: #dcdcdc;
	height: 21px;
	width: 220px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px 0 0 0;
}

#notas {
	width: 958px;
	overflow: hidden;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.cuadro {
	float: left;
	width: 230px;
	margin-left: 10px;
	overflow: hidden;
}

.cuadro-titulo {
	width: 228px;
	height: 37px;
	background-image: url(../images/background-cuadros.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 10px 0 0 0;
	font-family: inherit;
	font-size: 1.2em;
	color: white;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;	
}

.cuadro-contenido {
	width: 208px;
	height:130px;
	padding: 10px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;	
	border-bottom: 1px solid #e0e0e0;
}


.footer {
	margin: 0 auto;
	width: 1190px;
	background-color: #FFF;
	height: 286px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #666;
	text-align: center;
}

.footer-contenido {
	margin: 0 auto;
	width:960px;
}

.footer-left {
	width: 700px;
	float: left;
	height: 30px;
	text-align: left;
	padding: 70px 0 0 30px;
}

.footer-right {
	width: 220px;
	float: left;
	height: 30px;
	text-align: left;
	padding: 10px 0 0 0;
}



.powered_by {
	margin: 0 auto;
	width: 960px;
	text-align: center;
	font-family: inherit;
	font-size: 1em;
	padding-top: 2px;
	margin-bottom: 20px;
}