@import 'https://fonts.googleapis.com/css?family=Lato:300';


@font-face {
    font-family: 'klav';
    src: url('../fuentes/klavika-light-webfont.woff2') format('woff2'),
        url('../fuentes/klavika-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.texto 
{
    background: #3a3a3a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00237f, #3a3a3a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,#00237f,#006784 );
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-family: 'klav';
    letter-spacing: 1px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px;
    padding: 0 10px;
    position: relative;
    text-align: justify;
    color:white;
}


.contenido 
{
    font-family: 'klav';
    letter-spacing: 1px;
      font-size: 19px;
    width: 100% !important;
}


.contenido .datotext1 {
    font-family: 'klav';
    letter-spacing: 1px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px;
    padding: 0 10px;
    position: relative;
    width: 240px;
    color: #3a3a3a;
      font-size: 19px;
    text-align: center;
}

/***************************/
.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }

/**************IMG PRODUCTOS**************/
.mr-3 {
    width: 280PX;
    height: 200PX;
    margin-bottom: 40px;
}


/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 310px) 
and (max-device-width : 418px)
{
 
.mr-3 {
    width: 130PX;
    height: 90PX;
    margin-bottom: 40px;
}
     
   
}
/*************************************/