﻿/*
Theme Name: Utilsoft
Author: Webstar
Description: Utilsoft empresa
Version: 0.1
Tags: clean
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: darkgray;
}

a link,
a :visited {
    color: #006ec3;
}

p {
    line-height: 1.65em;
}

/* General Layout */
div.container {
    max-width: 920px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

article.post {
    border-bottom: 2px dotted #bbbbbb;
}

article.post:last-of-type {
    border-bottom: none;
}

/* Hearder */
.site-header {
    border-bottom: 2px solid #999;
}

/* Footer */
.site-footer {
    margin-top: 30px;
    border-top: 2px solid #999;
}

/* Navigation Menus */
.site-nav ul {
    margin: 0;
    padding: 0;
}

.site-nav ul:before, .site-nav ul:after { content: ""; display: table; }
.site-nav ul:after { clear: both; }
.site-nav ul { *zoom: 1;}

.site-nav ul li {
    list-style: none;
    float: left;
    
}

/* Site Header Menus */
.site-header nav ul li {
    margin-right: 5px;
}

.site-header nav ul li a:link,
.site-header nav ul li a:visited {
    display: block;
    padding: 10px 18px;
    border: 1px solid #BBB;
    border-bottom: none;
    text-decoration: none;
}

.site-header nav ul li a:hover {
    background-color: #EcECEC;
}

.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited {
    background-color: #006ec3;
    color: #FFF;
}

/* Site Footer Menus */
.site-footer nav ul li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #DDD;
}

.site-footer nav ul li:last-of-type {
    border-right: none;
}

/* Page Layout */
article.page h2 {
    font-size: 225%;
    margin-bottom: 15px;
}

/* CLearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* Two Column Title Layout */
div.title-column {
    width: 30%;
    float: left;
}

div.text-column {
    width: 70%;
    float: right;
}

/* Info Box Styles */
div.info-box {
    width: 30%;
    float: right;
    margin: 0 0 30px 30px;
    padding: 20px;
    background-color: #EEE;
}

div.info-box h4 {
    margin-bottom: 6px;
}

div.info-box p {
    font-size: 85%;
}