/*

parablan.com

Desarrollador: Hector Alejandro Parada Blanco
Archivo de estilo

*/

body{
    align-content: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    line-height: 150%;
    background-color: #333333;
	background-image:url("../imagenes/fondo.png");
	background-repeat: no-repeat center top;
    color:#505050;
}

/*Estilo contenedor*/
#contenedor{
    width: 75em;
    margin: 0 auto;
    background: transparent;
}

/*Estilo cabecera*/
#cabecera{
    position: relative;
    margin: 2m;
    background: transparent;
}

#cabecera h1{
    font-size:40px;
    color:#ffffff;
}

#cabecera small{
    font-size: 12px;
    color:#ffffff;
}

#cabecera input[type=text]{
	width:87%;
	padding: 10px 12px;
}

#boton_buscar{
    cursor: pointer;
	background:transparent;
	background-image: url("../imagenes/buscar.png");
	background-repeat:no-repeat;
	background-size:100%;
	width: 32px;
	height: 34px;
	border-width: 0;
}

/*Estilo menu*/
#menu{
    margin: 10px 0 0 0;
    padding: 4px 0 4px 0;
    position: relative;
    background: #328bd7;
    background-image: url("../imagenes/fondo_menu.png");
    /*Bordes de div redondeados*/
    border-radius:20px 20px 0 0;
}

#menu li{
    display: inline;
    cursor:pointer;
    padding: 0 5em 0 1em;
}

#menu a{
    text-decoration: none;
    color:#ffffff;
    font-size: 20px;
}

#menu a:hover{
    text-decoration: underline;
    color: #333333;
}

/*Estilo cuerpo*/
#cuerpo{
    position: relative;
    padding: 40px 12px 40px 12px;
    background: #ffffff;
    text-align: justify;
	border-radius:0 0 20px 20px;
}

/*Estilo pie*/
#pie{
    position: relative;
    margin: 2em;
    color:#ffffff;
}

#pie small{
    font-size: 12px;
    color:#ffffff;
}

/*********************************************************

Objetos anidados

*********************************************************/
/*Div inicio*/
#inicio{
    width:55em;
    margin: 0 auto;
    background: transparent;
}

#inicio h2{
    color:#328bd7;
}

#inicio hr{
    color:#f8f8f8;
}

#inicio table{
    width:400px;
}

#inicio textarea{
    width:400px;
}

#inicio input[type=text]{
    width:400px;
}

#captcha{
    color:#328bd7;
    font-size: 25px; 
    border: 0;
    background-color:transparent;
    padding: 1em 0 1em 0;
}

#comentario_publicado{
    color:#6f6f6f;
}

#boton_publicar{
    cursor: pointer;
}

/*Div programacion*/
#programacion{
    width:40em;
    margin: 0 auto;
    background: transparent;
    padding: 0;
}

#programacion h2{
    color:#328bd7;
}


#programacion a{
    margin: 7px 0 7px 0;
    font-size: 17px;
    text-decoration: none;
    color:#606060;
}

#programacion a:hover{
    text-decoration: underline;
    color: #328bd7;
}

/*Div servidores*/
#servidores{
    width:40em;
    margin: 0 auto;
    background: transparent;
}

#servidores h2{
    color:#328bd7;
}

#servidores h4{
    margin: 7px 0 7px 0;
}

#servidores a{
    text-decoration: none;
    color:#606060;
}

#servidores a:hover{
    text-decoration: underline;
    color: #328bd7;
}

/*Div hacking*/
#hacking{
    width:40em;
    margin: 0 auto;
    background: transparent;
}

#hacking h2{
    color:#328bd7;
}

#hacking h4{
    margin: 7px 0 7px 0;
}

#hacking a{
    text-decoration: none;
    color:#606060;
}

#hacking a:hover{
    text-decoration: underline;
    color: #328bd7;
}

/*Div random*/
#random{
    width:40em;
    margin: 0 auto;
    background: transparent;
}

#random h2{
    color:#328bd7;
}

#random h4{
    margin: 7px 0 7px 0;
}

#random a{
    text-decoration: none;
    color:#606060;
}

#random a:hover{
    text-decoration: underline;
    color: #328bd7;
}

/*Div acerca*/
#acerca{
    width:55em;
    margin: 0 auto;
    background: transparent;
}

#acerca h2{
    color:#328bd7;
}

/*Div login*/
#login{
    width: 10em;
    margin: 0 auto;
    background: transparent;
}

#boton-login{
    cursor:pointer;
}

/*Div mostrar*/
#campos_vacios{
    color:#b00000;
}

#campos_completos{
    color:#328bd7;
}