@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family:Roboto);

body {
    font: 100%/1.4 'Open Sans',Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    height: 100%;
    cursor: default;
    width: 100%;
}

ul, ol, dl {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
}
a img {
    border: none;
}

a:link {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    text-decoration: none;
}
.container {
    width: 80%;
    margin: 0 auto;
    margin-top: 1%;
    background: url(/imagen/background.png);
    overflow: hidden;
    min-height: 100%;
}
header {
    background-color: #333333;
}

.sidebar1 {
    width: 25%;
    display: inline-block;
    height: 100%;
   /* padding-bottom: 5%; */
    padding-left: 2%;
    padding-right: 2%;
    background-color: #f2f2f2;
    float: right;

	margin-bottom: -99999px;
    padding-bottom: 99999px;
	
	/*#d3eced;*/
    /* display: block; */
   /* position: fixed;
    clear: both;
    margin-right: 0px;
    width: 15%;
    right: 15%;*/
}
.content {
    display: inline;
    width: 99.9%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: small;
	  padding-bottom: 20px;
    margin-bottom: 0%;
    overflow: auto;

}


.content ul, .content ol {
    padding: 20px 15px 15px 40px;
}


ul.nav {
    list-style: none;
    width: auto;
    background-color: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
	color: #fff;
    margin-left: 3%;
    margin-right: 3%;
}

ul.nav li a{
    width: auto;
}

ul.nav a, ul.nav a:visited {
    padding: 0px 2px 7px 15px;
    display: block;
    width: 160px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    /*text-transform: uppercase;*/
    background-color: #f2f2f2;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
    margin-bottom: 1%;
    margin-top: 1%;
    text: bold;
    padding-left: 10%;
    color: #145203;
    width: auto;
    border-left: 5px solid #333333;
}

footer {
    
	padding-bottom: 1px;
    background-color: #000E24;
    color: #FFFFFF;
    position: relative;
    clear: both;
    width: 80%;
    margin: 0 auto;
}

header, section, footer, aside, article, figure {
    display: block;
}

article{
    border: 1px #ccc solid;
    background-color: #FFFFFF;
    margin-bottom: 2%;
}

#Insert_logo{
    padding-left: 20%;
}


div.sidebar1-title{
    width: 100%;
    background-color: black; /* #333333; */
    color: #FFFFFF;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
    cursor: default;
}

div.sidebar1 input#suscribe-input{
    width: 66%;
    font-size: 14px;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-right: 5%;
    margin-left: 3%;
    border: 1px solid #919191;
}

div.sidebar1 button#suscribe-button{
    width: 20%;
    font-size: 12px;
    margin-top: 0%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;

}

div.sidebar1 img.thumbnail{
    margin-left: 2%;
    margin-top: 5%;
    margin-right: 18%;
    float: right;

}
/*
div.sidebar1 button#suscribe-button{
    width: 40%;
    font-size: 12px;
    margin-top: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 30%;
    margin-right: 30%;
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;

}
*/
.footer-text{
    font-size: 70%;
    padding-bottom: 2%;
    width: 100%;
    text-align: center;
}

.follow-twitter{
    width: 100%;
    margin-top: 5%;
}

html{
    background: url("../imagen/background-noise.png");
    height: 100%;
    width: 100%;
}


@media (max-width: 768px) {
    body{
        font: 100%/0.8 'Open Sans',Verdana, Arial, Helvetica, sans-serif;
		line-height: 90%;
    }
    .container{
        width: 90%;
    }

    .sidebar1{
        display: block;
        float: none;
        width: 100%;
        padding-bottom: 26%;
        margin-bottom: 5%;
        padding-left: 0%;
        padding-right: 0%;
    }
    .content{
        width: 99.6%;
        display: block;
        float: none;
        border: none;
    }

    footer{
        width: 100%;
    }
    div.sidebar1 img.thumbnail{
        width: 33%;
        margin-right: 33%;

    }

    .sidebar1-title{
        width: 100%;
        padding-left: 5%;
        margin: 0 auto;
    }

    html{
        margin: 0%;
    }
}