/**
 * greyBlue.css -> Tema: Nube gris en cielo Azul
 * Todos los colores e imágenes para este tema se encuentran en esta hoja de estilos 
 * puedes editarlo a tu gusto. 
 * 
 * El orden de reemplazo va de la siguiente forma:
 * - layout.css
 * - basics.css
 * - menus.css
 * - joomla.css 
 * 
 * Solo colores e imágenes(fondos y demás) se encuentran aquí
 * para dimensiones y/o formato consultar las hojas respectivas 
 */

/**
 * Layout
 * Colores e imagenes sustraidos de layout.css y que trabajan solo en este tema
 */
body {
    background: #58A5C6 url(../images/greyBlue/bg_5x900.jpg) top repeat-x;
}

#wrapper {
    background: url(../images/greyBlue/bg_wrapper_50x50.png) repeat;
}

#topmenu{
	background: #2A5D72 url(../images/greyBlue/bg-tomenu_7x42.png) repeat-x;
}

/* Salida de los Modulos */

/*Maquetando las esquinas*/
.top .l, .top .r, .bottom .l, .bottom .r {
    background: url(../images/greyBlue/module-corner_14x14.png) no-repeat;
}

.top .r {
    background-position: 100% 0%;
}

.bottom .l {
    background-position: 0% 100%;
}

.bottom .r {
    background-position: 100% 100%;
}

/*Maquetando los lados*/
.top .c, .bottom .c {
    background: url(../images/greyBlue/module-h_50x14.png) repeat-x;
}

.center .l, .center .r {
    background: url(../images/greyBlue/module-v_14x50.png) repeat-y;
}

.bottom .c {
    background-position: bottom;
}

.center .r {
    background-position: right;
}

/* Cabecera del módulo*/
.blue-header {
    background: url(../images/greyBlue/module-blue_749x30.png) 100% 0% no-repeat;
}

.blue .left {
    background: #D7E4EA url(../images/greyBlue/module-blue_749x30.png) no-repeat;
}

.blue .icon {
    background: url(../images/greyBlue/module-icon_15x23.png) 10px 0px no-repeat;
}

.world .icon {
    background: url(../images/greyBlue/module-icon_32x32.png) 10px 0px no-repeat;
}

/* Contenido del Módulo */
.center .c {
    background: #D7E4EA;
}

#copyright{
	background: url(../images/greyBlue/copyright_974x150.png) bottom no-repeat;	
}

/**
 * Basics
 * Colores e imagenes sustraidos de basics.css y que trabajan solo en este tema
 */

body {
    color: #152832;
}

a, alink{
	color: #1C6782;
}

a:visited {
    color: #407996;
}

a:hover {
	color: #278BBB;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
    color:  #278BB0;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
    color: #278BB0;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
    color: #5495B6;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {

    color: #152832;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {

    color: #152832;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
    color: #152832;
}

ol, ul {
    color: #06171D;
}

ul li{	
	list-style: url(../images/greyBlue/bullets_7x11.png);
}

blockquote p {
    color: #091115;
}

blockquote, cite {
    border: solid 1px #97BFD3;
    background: #C9DEE8 url(../images/greyBlue/quote_37x33.png);
	background-position: left top;
    background-repeat: no-repeat;
}


/**
 * Menus
 * Colores e imagenes sustraidos de menus.css y que trabajan solo en este tema
 */
#topmenu ul {
    color: #373B35;
}

#topmenu .left{
	background: url(../images/greyBlue/topmenu_408x90.png);
}

#topmenu .right{
	background: url(../images/greyBlue/topmenu_408x90.png);
	background-position: 100% 0px;
}

#topmenu a {
    text-decoration: none;    
    color: #D5E8F1;
}

#topmenu li:hover a{
	color:#E8F3F7;
}

.gk-module{
	color: #06171D;
}

.blue .title{	
	color: #000;
}

.gk-module a:visited{
	color: #407996;
}

.gk-module-content .menu .active a{
	color: #1C6782;
}

/**
 * Joomla
 * Colores e imagenes sustraidos de joomla.css y que trabajan solo en este tema
 */
.contentheading, .componentheading {
    color: #134658;
}

.componentheading, .contentheading {
    background: url(../images/greyBlue/module-icon_32x32.png) 0px 5px no-repeat;
}

/* Contenedores Creados por gkode*/
.layout .article-header-icons {
    background-color: #BCE2F0;
    border: 1px solid #97BFD3;
}

.article-header-icons {    
}

.icon-date{
	background: url(../images/greyBlue/date-icon_17x18.png) no-repeat;
}

.author-icon{
	background: url(../images/greyBlue/author-icon_14x14.png) no-repeat;
}

/* fin contendedores creados por gkode*/
div.offline {
    background: #BCE2F0;    
}

/**
 *  Normalmente no es necesario cambiar los colores de aquí en adelante
 */

/* Validación en formularios */
.invalid {
    border-color: #ff0000;
}

label.invalid {
    color: #ff0000;
}

.ol-foreground {
    background-color: #f6f6f6;
}

.ol-background {
    background-color: #666;
}

.ol-captionfont {  
    color: #f6f6f6;
}

.ol-captionfont a {
    color: #0B55C4;
}

div#maindivider {
    border-top: 1px solid #ddd;
}

/* Tabla de contenidos */
table.contenttoc {
    border: 1px solid #ccc;
}

td.sectiontableheader {
    background: #efefef;
    color: #333;
    border-right: 1px solid #fff;
}

/* Estilo de contenidos */

table.contentpaneopen fieldset {
    border: 0;
    border-top: 1px solid #ddd;
}

table.contentpaneopen h4 {
    color: #333;
}

.highlight {
    background-color: #BCE2F0;
}

/* Control de elementos del módulo */
div.module_menu h3 {
    color: #eee;
}

/* Formularios */
table.adminform textarea {
    color: #000099;
}

div.search input {
    border: 1px solid #ccc;
}

form .button, .readmore {
    background: url(../images/greyBlue/button_17x102.png) -100px -4px no-repeat;
    border-left: #97BFD3 1px solid;
    border-right: #97BFD3 1px solid;
    border-top: none;
    border-bottom: none;
	color:#06171D;
}

form .button:hover, .readmore:hover {
    background-position: -100px -38px;
    color: #fff;
    border-left: #53B6D9 1px solid;
    border-right: #53B6D9 1px solid;
    border-top: none;
    border-bottom: none;
}

a.readon{
	color:#06171D;
}

/* thumbnails */
div.mosimage_caption {
    color: #666;
}

div.caption img {
    border: 1px solid #CCC;
}

div.caption p {
    color: #666;
}

div.message {
    color: #c30;
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
}

.bannerfooter_text {
    background-color: #f7f7f7;
}

td.key {
    border-bottom: 1px solid #eee;
    color: #666;
}

.tool-tip {
    background: #ffc;
    border: 1px solid #d4d5aa;
}