/**
 * $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.00
 * @platform   Website Baker 2.8
 *
 * 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 */
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,ty,th { 	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #4a4a4a;
}
body {
	background-color: #FFFFFF;
	margin: 0 auto;
}
a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: gray;	
	text-decoration: none;
	}
	
hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
}

h1 {
	font-size: 1.9em;
	color: #43506e;
	text-align: left;
	margin: 8px 2px 8px 2px;
}

h2 {
	font-size: 13px;
	color: #a52a2a;
	text-align: left;
	margin: 8px 2px 8px 2px;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, serif, "Times New Roman";
}

form {
	margin: 0;
}

.main960 {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#preheader {
	width: 960px;
	height: 10px;
	background-color: #a9a9a9;
}

#header {
	width: 960px;
	height: 90px;
	background: url(../images/bg-header.jpg) top left repeat-x;
}

#logo {
	float: left;
	width: 500px;
	height: 90px;
}

#logo p {
	margin: 0;
	padding: 0;
}

#menudos {
	float: right;
	width: 360px;
	height: 50px;
	padding: 10px;
	text-align: right;
	font-family: Georgia, serif, "Times New Roman";
	font-size: 1.2em;
	color: #43506e;
}

#buscador h2 {
	color: #565A34;
}

#buscador input {
	width: 200px;
	height: 20px;
	font-family:Georgia, serif, "Times New Roman";
	font-size:1.4em;
	background-color:336699;
	border-color:336699;
	border-style:inset;
	border-width:2px;
}

#tools{
	float: left;
	width: 440px;
	height: 18px;
	padding: 1px;
	text-align: right;
}

#mainbanner {
	width: 960px;
	height:300px;
}


#menu {
	clear: both;
	width: 960px;
	font-size: 1.2em;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	background-image: url(../images/bg-menu.jpg);
	background-repeat: repeat-x;
}

#menu a {
	font-family: Georgia, serif, "Times New Roman";
	color: white;
}

#menu ul {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}

#menu li {
	display: block;
   margin:0;
   padding:0;
}

/* Font-Sizer Specific Styling */

.fsizer { float: right; width:70px;} /* Container element */
.fsizer a { display: block; float: left; width: 20px; margin-right: 1px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%;}
.fsizer a:hover { text-decoration: none; background: #ebebeb;  }
/* Three 'A' links used to control size */
.fsizer a#fs_sml { font-size: 8px; height: 15px; padding-top: 3px; }
.fsizer a#fs_med { font-size: 12px; height: 16px; padding-top: 2px; }
.fsizer a#fs_lrg { font-size: 14px; height: 17px; padding-top: 1px; }
.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */

#share {
	float:right;
	text-align: right;
	width: 450px;
}

#contenedor {
	clear: both;
	width: 960px;
	overflow: hidden;
}

#contenedor-left {
	float: left;
	width: 710px;
	overflow: hidden;
	padding: 10px 10px 10px 0;
	background-color: #FFFFFF;
}

#contenedor-right {
	float: left;
	width: 230px;
	overflow: hidden;
	background-color: #FFFFFF;
}

#buscador {
	float: left;
	width: 230px;
	height: 51px;
	padding-top: 60px;
	padding-left: 12px;
	background-image: url(../images/bg-search.jpg);
}

#contenido {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #444;
	text-align: left;
	font-size: 1.2em;
	width: 710px;
}

#contenido a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

#contenido a:hover {
	color: gray;	
	text-decoration: none;
	border-bottom: 1px dotted gray;
}


/*#contenido img {
	float: left;
	padding: 10px 10px 10px 0;
}
*/

#modulo-izquierdo {
	float: left;
	width: 420px;
	padding: 15px;
}

#modulo-derecho {
	float: left;
	width: 250px;
	padding-top: 25px;
}


#contenido a.external {
	background: url(../images/external.png) center right no-repeat;
	padding-right: 13px;
}

.footer {
	clear: both;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: repeat-x;
	padding: 30px;
	text-align: center;
}