/* Encajar menu navegacion  */

.custom .menu a {
    padding-left: 1em;
    padding-right: 1em;
}

/* Links subrayados */

.custom #content a:hover {
	text-decoration: underline;
}

/* Links del footer sin re-subrayado on hover */

.custom #footer a:hover {
	text-decoration: none;
}

/* Formato de los bullets y espaciado en listas */

.custom #content ul {
list-style-image:url('http://honestandsmart.com/wp-content/uploads/2010/06/p-con-li.png/wp-content/uploads/2010/06/p-con-li.png');
}

.custom #content ul li {
margin:0 0 1em;
}

.custom #content ol li {
margin:0 0 1em;
}

/* Backgrounds generales */

body.custom {
    background: #cacaca;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #b3b3b3;
    border: 0.4em solid #c0c0c0;
}

.custom #page {
    background: #fff;
}

/* Sidebar general */

.custom #sidebar_5 {
    margin: 2em 0 0;
    padding: 0;
}

.custom #sidebar_5 ul {
    margin: 0;
    padding: 0;
}

.custom #sidebar_5 ul li {
    margin: 0;
    padding: 0;
    text-align: right;
}

.custom #sidebar_6 {
    margin-bottom: 2em;
    padding: 0;
    border: 1px solid #dddddd;
    background: #eeeeee;
    color: #333333;
}

.custom #sidebar_6 h3 {
    font-variant: normal;
    letter-spacing: normal;
    border-bottom: 0.1em solid #dddddd;
    padding: 0.3em;
    margin-bottom: 0.8em;
    color: #111111;
}

.custom #sidebar_5 ul {
    margin: 0;
    padding: 0.5em;
}

.custom #sidebar_6 ul .indentado {
    list-style-image:url('http://s3.wordpress.com/wp-content/themes/pub/albeo/images/p-con-li.png');
    margin-left: 20px;
}

.custom #sidebar_6 li {
    margin-top: 0;
    margin-bottom: 1em;
}

.custom .widget_rss {
    padding-bottom: 0.2em;
}

.custom .advanced-recent-posts {
    padding-bottom: 1em;
}

.custom .tb_tweet {
    border-top:0;
    border-bottom: 0.1em dotted #bbb;
    background-image: url('http://s3.wordpress.com/wp-content/themes/pub/albeo/images/p-con-li.png');
    background-repeat: no-repeat;
    background-position: 3px 3px; 
    padding-left: 17px; 
}

.custom .tb_tweetlist {
    border: 0;
}

/* Sidebar blog */

.custom #sidebar_1 {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.3em;
    border: 0.1em solid #dddddd;
    background: #efefef;
}

.custom #sidebar_1 h3 {
    font-variant: normal;
    letter-spacing: normal;
    color: #181818;
}

/* Footer */

.custom #footer {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #footer_1 {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #footer_1 ul {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #footer_1 li {
    margin-top: 0em;
    margin-bottom: 0.5em;
    padding: 0em;
}

/* Margenes en header */

.custom #header {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #header_1 {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #header_1 ul {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
}

.custom #header_1 li {
    margin-top: 0em;
    margin-bottom: 0.5em;
    padding: 0em;
}

/* Cambio de formato en menu de navegacion */

.custom .menu a {
    text-transform: none;
    letter-spacing: 1.5px; 
}

/* Cambio de formato de lineas horizontales */

.custom #content hr {
    background-color: #dddddd; /* mozilla */
    border: 0px;	 /* fixes mozilla height */
    clear: left;
    color: #dddddd; /* ie */
    float: left;
    height: 1px;
    margin: 4px 0px 4px 0px;
    width: 99%;
}

/* Formato especial para barras de descargas en el equipo */

.custom #descargas {
    color: #989898;
    margin-top: 1.8em;
    margin-bottom: 2.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0.3em;
    padding-right: 1em;
    border-top: 0.1em dotted #989898;
    border-bottom: 0.1em dotted #989898;
}

.custom #descargas a {
    color: #888888;
}

/* Formato especial para link volver de paginas secundarias */

.custom #volver {
    color: #989898;
    text-align: right;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0.3em;
    padding-right: 1em;
    border-top: 0.1em dotted #989898;
    border-bottom: 0.1em dotted #989898;
}

.custom #volver a {
    color: #888888;
}

/* Codigo tres columnas home. Fuente http://matthewjamestaylor.com/blog/perfect-3-column.htm */

	/* column container */
	.colmask {
		position:relative;  /* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;	    /* width of whole page */
		overflow:hidden;    /* This chops off any overhanging divs */
                padding-bottom: 3em; /* Para separar de referencia a Smile */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;	    /* width of page */
		position:relative;
                text-align:left;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower
                                        instead only padding top and bottom is included here, make it
                                        whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;	/* right column background colour */
	}
	.threecol .colmid {
		right:33%;		/* width of the right column */
		background:#fff;	/* center column background colour */
	}
	.threecol .colleft {
		right:34%;		/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.threecol .col1 {
		width:30%;		/* width of center column content (column width minus padding on
                                        either side) */
		left:102%;		/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:29%;		/* Width of left column content (column width minus padding on either
                                        side) */
		left:39%;		/* width of (right column) plus (center column left and right 
                                        padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:29%;		/* Width of right column content (column width minus padding on 
                                        either side) */
		left:77%;		/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right
                                        padding) plus (left column left and right padding) plus (right column
                                        left padding) */
	}

/* Formato especial para referencia a Smile */

.custom #smile {
    clear: both;         /* Siguiendo el codigo de happycog */
    color: #888888;
    margin-bottom: 2em;
    padding: 1em;
    border-top: 0.1em solid #dddddd;
    border-bottom: 0.1em solid #dddddd;
}

.custom #smile a {
    color: #888888;
}

/* Para imagenes de listados en paginas */

.custom .margen {
    margin-right: 2em;
    margin-bottom: 5em;
    float: left;
    vertical-align: text-top;
}

.custom .margen2 {
    margin-right: 2em;
    margin-bottom: 6em;
    float: left;
    vertical-align: text-top;
}

.custom .margen3 {
    margin-right: 2em;
    margin-bottom: 1em;
    float: left;
    vertical-align: text-top;
}

/* Para suscripcion y 3 minutos en sidebar */

.custom .suscribete {
	padding-right: 0.5em;
}

.custom .recent-posts-thumb {
    margin-right: 1em;
    margin-bottom: 0;
    border: none;
    float: left;
}

.custom .advanced-recent-posts {
    margin-bottom: 0;
}

/* Para formulario de contacto */

.custom .submit input {
    color: #ffffff;	
    border: 0;
    background: #000000;
}