/* home.html */

@import url('common.css');

/* home.html */
@font-face {
    font-family: 'gothamBold';
    src: url('../fonts/gotham_bold_regular-webfont.eot');
    src: url('../fonts/gotham_bold_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham_bold_regular-webfont.woff2') format('woff2'),
         url('../fonts/gotham_bold_regular-webfont.woff') format('woff'),
         url('../fonts/gotham_bold_regular-webfont.ttf') format('truetype'),
         url('../fonts/gotham_bold_regular-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothammediumregular';
    src: url('../fonts/gothammedium_regular-webfont.eot');
    src: url('../fonts/gothammedium_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothammedium_regular-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium_regular-webfont.woff') format('woff'),
         url('../fonts/gothammedium_regular-webfont.svg#gothammediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothamRegular';
    src: url('../fonts/gotham-light-webfont.eot');
    src: url('../fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light-webfont.woff2') format('woff2'),
         url('../fonts/gotham-light-webfont.woff') format('woff'),
         url('../fonts/gotham-light-webfont.ttf') format('truetype'),
         url('../fonts/gotham-light-webfont.svg#gothamRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a
{
	text-decoration: none;
	color: #5b6d7f;
}

body
{
/*	background-image: url(../images/background.png);
	background-size: 100% 300%;
	background-repeat:no-repeat;*/
	background: #FFF;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}
 

/* INICIA home.html */

.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
}

.cd-active.cd-dropdown > span {
	color: #FFF;
}

.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown ul li span {
	box-shadow: 0 1px 1px rgba(3,0,0,0.1);
}

.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	background: #e5e7ea;
	color: #425463;
}

.cd-active.cd-dropdown ul li span:hover {
	background: #a8cb36;
	color: #fff;
}

.siguiente{
	background: none;
	background-image: url(../images/btn-azul.png);
	background-repeat: no-repeat;
	border: 0;
	width: 90px;
	height: 28px;
	color: white;
	font-size: 14px;
	margin-top: 35%;
}

.title-periodo
{
    width: 270px;
    margin: 0 auto 0 60px;
    font-size: 17px;
    font-weight: 600;
    color: #5B6D7F;
}


/*.siguiente {
color: white;
width: 70px;
height: 30px;
background-color: #003076;
border: 0px;
margin-top: 38%;
position: relative;
}*/


/* TERMINA home.html */

#container
{
	width:100%;
	margin:auto;

}

    #container p
    {
        color: #008EB4;
        width:641px;
        font-family: 'Titillium Web', sans-serif;
        padding: 0 0 0 0;
        font-size:19px;
        font-weight:600;
        display:block;
        float:left;

    }

.div-flotante-izq{
	float:left;
}

.div-flotante-der{
	float:right;
	margin-right: 100px;
    /*width:420px;*/
}

#logo{
	margin: 10px 0px 0px 35px;
    padding-top: 20px;
	/*width: 185px;
	height: 51px;*/
}

#titulos ul
{
	list-style: none;
	margin-top: 10px;
	/*width: 400px;*/
}

#titulos ul li
{
	display: inline-block;
	margin-right: 2em;
	margin-left: 0px;
	padding-top: 10px;
	color: #5b6d7f;
	font-weight: 400;
}

#titulos ul li:last-child
{
	display: inline-block;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
}

#titulos img{
	padding-top: 15px;
	padding-right: 5px;
}

#imagen-der{
	/*width: 146px;
	height: 89px;*/
}

#linea-header{
	width: 70%;
	padding-left: 10%;
}

#linea-footer{
	width: 80%; 
	height:50px;
	bottom: 20px;
	text-align:center;
}

#linea-header img, #linea-footer img {
	width: 100%;
}

/* INICIA  MENU */
#menu{
	 width: 66px; 
	height: 210px;
	margin-top: 5%; 
	background: #000000;
	float :left;
    top: 0px;
    left: -33px;
    position:relative;
}

#menu ul
{
	list-style: none;
	 
	padding: 12px;
	
}
	#menu ul li
	{
		width: 260px;
		margin-top: 5px;
	}

#menu a
{
	display: inline-block; 
	
}


.MenuIcono
        {
            -ms-transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: .5s;
            margin: 0;
            padding: 0;
            /*border: 2px solid #0000ff;*/
        }

            .MenuIcono:hover + .MenuItemDisplay
            {
                display: inline-block;
                -ms-transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                transition: .5s;
                /*background-image:url(assets/images/Menu/menu-home-hover.png);*/
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
                /*background-color: #BCC3C9;*/
            }

            .MenuIcono:hover
            {
                /*background-image:url(assets/images/Menu/menu-home-hover.png);*/
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
                /*background-color: #BCC3C9;*/
            }

        .MenuItemDisplay
        {
            display: none;
            height: 41px;
            width: 130px;
            float: right;
            border-left: 50px;
            margin-left: 11px;
            color: #FFF;
            font-family: 'gothamRegular', sans-serif;
            padding: 0 0 0 12px;
            font-size: 15px;
            font-weight: 600;
            background-color: #000000;
            vertical-align:middle;
            text-align:center;
            line-height:30px;
        }

        .MenuLabel
        {
            float: left;
            margin-top: 5px;
        }
  
/* TERMINA  MENU */


#linea-footer p
{
	width: 45%;
	margin: 0 auto;
	font-size: 13px;
	font-weight: 300;
	color: #5b6d7f;
}


/* INICIA  formulario */

.campo-texto
{
	border:1px solid #C1C1C1;
}


/* TERMINA formulario */



/* INICIA  compras */

.compra-sellos
{
	margin: 45px 38px;
	float: left;
}

.title-compra
{
width: 70%;
margin: 0 auto 0 auto;
font-size: 17px;
font-weight: 600;
color: #5B6D7F;
font-family: 'Titillium Web', sans-serif;

}
/* TERMINA compras */

  .tituloFileUpload{
            padding: 12px 0px 12px 20px;
             text-align: left; 
             color: rgb(18, 155, 11);
             line-height: 16px; 
             font-size: 14px; 
             font-weight: 300;

        }


#divChat{
	/* width: 66px; */
	/*height: 267px;*/
	margin-top: 3%; 
	background: #bcc3c9;
	float :right;
    
    top: 90px;
    right: 0px
}
.contenedorGris{
    background-color:#e6e6e5;
    border:1px #aeaead;
    border-radius:0px 0px 19px 19px;
    -moz-boder-radius:0px 0px 19px 19px;
    -webkit-border-radius:0px 0px 19px 19px;   
	font-family: 'gothammediumregular', sans-serif;
}
.contentHome{
    width:900px; min-height:400px; padding-bottom:50px;
}
.login{
    font-family: 'gothamRegular', sans-serif;
    color:#FFF;
    font-size:15px;
     
}
.contentLogin{
    width:350px;
    height:450px;
    border-radius:19px 19px 19px 19px;
    -moz-boder-radius:19px 19px 19px 19px;
    -webkit-border-radius:19px 19px 19px 19px;
    background-color:white;
    text-align:center;
}