html,body{
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Amatic SC', cursive;	*/

	
}

p {
	display: block;
	/*-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	
	-moz-margin-before:0%;
	-moz-margin-after: 0%;
	-moz-margin-start: 0%;
	-moz-margin-end: 0%;*/

}

.box {
	/*font-family: 'Amatic SC', cursive;	*/
	position:absolute;
	background:rgba(55,55,55,1.00);

    transition: margin 0.6s ease, width 0.6s ease;
	-moz-transition: margin 0.6s ease, width 0.6s ease;
	-ms-transition: margin 0.6s ease, width 0.6s ease;
	-o-transition: margin 0.6s ease, width 0.6s ease;
	-webkit-transition: margin 0.6s ease, width 0.6s ease,background 1s ease;
}

.over_ventana{
    position: absolute;
    display: table;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.7);
    height: 100%;
    margin-top: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
}

.box:hover .over_ventana{
    opacity: 1;
}

.over_ventana a {
    display: table-cell;
    vertical-align: middle;
}

.contenedor_ventana {
	margin:10px;
	width:auto;
}

.contenedor_1 {
    float: left;
	margin-top:25px;
    width: 100%;
    height: auto;
    clear: both;
}

.contenedor_2 {
    float: left;
	margin-top:25px;
    width: 49%;
    height: auto;
}

.contenedor_3 {
    float: left;
	width:33.33%;

}

.izq{
	float:left;
}

.der{
	float:right;
	text-align:right;
}

.cen{
	float:left;
	text-align:center;	
}

.estrecho {
	margin-top:-3px;	
}

.titulo {
    float: left;
    margin-top:0px;
    width: 100%;
    height: 35px;
	margin-top:-15px;
}



.titulo p{
    font-size: 16px;
	font-weight:700;
}

.subtitulo {
	width:100%;
    float: inherit;
    font-size: 11px;
    font-weight: 300;
    margin-top: 6px;
	clear:both;
    display: block;
}

.numero {
	width:100%;
	text-align:inherit;
	margin-top:0px;
    float: inherit;
    font-size: 28px;
    font-weight: 700;
    display: block;
    clear: both;
}

.icono {
	width:100%;
	text-align:inherit;
	margin-top:25px;
    float: inherit;
    font-size: 32px;
    font-weight: 700;
    display: block;
    clear: both;
}

.small {
    font-size: 18px;
}

.small p{
    font-size: 14px;
}

.centrado {
	text-align:center;
}

.texto_menu {
    font-size: 12px;
    font-weight: 300;
}

@media screen and (min-width:0\0) { 
.contenedor_ventana { 
	/*margin-top: -10px;*/
}

.titulo {
    height: 35px;
	margin-top:-15px;
}

}