@import url(https://fonts.googleapis.com/css?family=Lato:200,300,400,400,600,700,800,900&subset=latin,latin-ext);

	body
	{
font-family: 'Lato';
font-size: 18px;
	}

	/* accent color */
	.backgroundcolor2, ins, dfn, input[type=submit], button, .button, .csmx-btn, input[type=submit].btn-bordered:hover, button.btn-bordered:hover, .button.btn-bordered:hover, .csmx-btn.btn-bordered:hover, .csmx-white-color.input[type=submit].btn-bordered:hover, .csmx-white-color.csmx-btn.btn-bordered:hover, .csmx-pagination .page-numbers.current, .csmx-blog article .entry-thumbnail .post-date, .post article .entry-thumbnail .post-date, .csmx-comment-section .comment-respond .comment-reply-title:after, .csmx-social-share.active .social-share-buttons a:hover, .csmx-media .overlay-background, .csmx-icon-box.csmx-style-3 .front, .widget > h3:after, .widget.csmx-widget-social li a:hover, .widget.csmx-widget-tags a:hover {
	background-color: #777777;
	}
	.color2, a:hover, input[type=submit].btn-bordered, button.btn-bordered, .button.btn-bordered, .csmx-btn.btn-bordered, .csmx-primary-navigation > li > a:hover, .csmx-primary-navigation > li.current-menu-parent > a, .csmx-primary-navigation > li.current-menu-item > a, .dl-menuwrapper li a:hover, .csmx-btn:hover, .csmx-breadcrumb, .csmx-bg-transparent-onhover:hover .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-black .vc_icon_element-icon, .csmx-pagination-numless a:hover, .csmx-blog article.post.sticky .sticky-label, .post article.post.sticky .sticky-label, .csmx-blog .entry-comment a span, .post .entry-comment a span, .csmx-blog.blog-small-media article .entry-thumbnail .post-date, .post.blog-small-media article .entry-thumbnail .post-date, .csmx-comment-section .comments-title span, .csmx-comment-section .csmx-comments .comment-date, .csmx-portfolio .portfolio-item h6, .csmx-portfolio .portfolio-item .csmx-love, #csmx-searchpopup label span, .owl-theme .owl-nav [class*='owl-']:hover, .csmx-testimonials.style-2 h6, .csmx-testimonials.style-2 blockquote:before, .csmx-love, .csmx-icon-box.csmx-style-1:hover h4, .csmx-icon-box.csmx-style-2:hover h4, .csmx-contact-info ul p:first-of-type, .widget.csmx-widget-popular-posts li time, .csmx-dark-background .widget.csmx-widget-contact-info p:first-of-type, .widget.csmx-widget-twitter .tweet a, .widget.csmx-widget-tags a, .wpcf7-validation-errors, .mfp .mfp-arrow:hover{
	color: #777777;
	}
	.csmx-icon-box.csmx-style-2:hover .csmx-icon i {
	color: #777777!important;
	}
	.bordercolor2, input[type=submit].btn-bordered, button.btn-bordered, .button.btn-bordered, .csmx-btn.btn-bordered, .csmx-header.header-fixed.style2, .csmx-primary-navigation > li ul li a:hover, .csmx-white-color.input[type=submit].btn-bordered:hover, .csmx-white-color.csmx-btn.btn-bordered:hover, .csmx-blog.blog-masonry article:hover .entry-content, .post.blog-masonry article:hover .entry-content, .csmx-search-results .entry-content:hover, .highlight1:after, .highlight2:after, .wpb_text_column ul li:before, .csmx-section-title:after, .csmx-bordered-box:hover, .csmx-contact-info ul a:hover, .widget a:hover, .widget.csmx-widget-tags a:hover, .wpcf7-validation-errors, .owl-theme .owl-dots .owl-dot.active span {
	border-color:#777777;
	}


	/* secondary color */
	.backgroundcolor1, ::selection, pre, .csmx-topbar ul a:hover, .header--dark .csmx-primary-navigation > li > a:after, .csmx-pagination-numless a:hover, .csmx-blog.blog-masonry article:hover .entry-thumbnail .post-date, .post.blog-masonry article:hover .entry-thumbnail .post-date, .csmx-blog.blog-grid article:hover .entry-thumbnail .post-date, .post.blog-grid article:hover .entry-thumbnail .post-date, .csmx-social-share.active .social-share-buttons, .csmx-portfolio.style-3 .model-thumb .btn-more, .skills .skill .skill-bar span, .csmx-icon-box.csmx-style-3 .back, .widget.csmx-widget-social li a {
	background-color: #bfbfbf;
	}
	.color1, a, .header--dark .csmx-navigation #quick_search i, .csmx-primary-navigation > li.current_page_item > a, .csmx-primary-navigation > li:hover > a, .csmx-primary-navigation > li ul li a:hover, .header--dark .csmx-primary-navigation > li.menu-item-has-children:hover > a, .csmx-blog .entry-comment i, .post .entry-comment i, .csmx-blog.blog-small-media article .entry-thumbnail .post-date span.hour, .post.blog-small-media article .entry-thumbnail .post-date span.hour, .single-post-meta .post-date, .csmx-social-share .social-share-buttons .icon-share, label, .csmx-icon .csmx-icon i, .csmx-icon-box.csmx-style-1 .csmx-icon i, .csmx-icon-box.csmx-style-2 .csmx-icon i, .csmx-icon-box.csmx-style-1 .csmx-icon-info h5, .csmx-icon-box.csmx-style-2 .csmx-icon-info h5, .csmx-icon-box.csmx-style-3 .csmx-icon, .csmx-section-title, .widget > h3, .widget a:hover, .widget.csmx-widget-contact-info p:first-of-type, .widget.csmx-widget-twitter .date {
	color: #bfbfbf;
	}
	.bordercolor1, .entry-content blockquote {
	border-color: #bfbfbf;
	}


	/* overlay color and opacity */
	.csmx-media .overlay-background
	{
	background: #e5e5e5;
	}
	.csmx-media.effect-hover:hover .overlay-background
	{
	opacity: 0.6;
	}


	/* logo height */


	/* Header Backgrounds */
	.csmx-header {
	background : #ffffff	}
	.csmx-header.header-fixed
	{
	background : #3f3b38	}


/* menu colors */


/* content background */





	h1 , h1 a , h1 span ,
	h2 , h2 a , h2 span ,
	h3 , h3 a , h3 span ,
	h4 , h4 a , h4 span ,
	h5 , h5 a , h5 span ,
	h6 , h6 a , h6 span
	{
font-family: 'Lato';
color: #5b5b5b;
font-size: 22px;
	}

	.csmx-primary-navigation a
	{
font-family: 'Lato';
color: #545454;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 24px;
text-decoration: none !important;
text-transform: uppercase !important;
line-height: 15px !important;
letter-spacing: 0em !important;
	}

h1{
    color:#c92830;
}
#csmx-footer {
    font-size: 14px;
    background: #8a8888;
}
.csmx-page-tagline h1, .csmx-page-tagline .page-description, .vc_custom_heading {
    color: #fff;
    text-shadow: 1px 1px #5f5656;
}
.csmx-page-tagline h1, .csmx-page-tagline .page-description{
    font-size: 35px;
}
    
/*estilos de tabla de datos modelo*/

.tabla_modelo  {border-collapse:collapse;border-spacing:0;}
.tabla_modelo td{font-family:Arial, sans-serif;font-size:14px;padding:8px 9px;border-style:solid;border-width:1px; overflow:hidden;word-break:normal;}
.tabla_modelo th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:8px 9px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tabla_modelo .tg-kse6{font-size:14px;font-family:"Trebuchet MS", Helvetica, sans-serif !important;;background-color:#ffffff;color:#9b9b9b;border-color:#9e9c9c; vertical-align:top}
.tabla_modelo .tg-ekc9{font-size:14px;font-family:"Trebuchet MS", Helvetica, sans-serif !important;;background-color:#ffffff;color:#000000;vertical-align:top}

@media only screen and (min-width:650px){
    .tabla_modelo{
        width:600px;
        margin:0 auto;
    }
}
@media only screen and (max-width:650px){
    .tabla_modelo .tg-kse6 {
    font-size: 12px;}
}
/*efecto hover catalogo grises*/
/*.effect-hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
	border:1px solid #cecccc;
}
.effect-hover img:hover  {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}*/
/*nombre modelo en catalogo*/
.entry-content h4{
    margin-bottom:0px;
}
.entry-content h4 a{
    font-size:22px;
}
.csmx-portfolio.style-3 .model-thumb figcaption {
    text-align:center;
    background-color:#4c4c4c;
    opacity: 0; /*en principio no se ve*/
  padding: 5px;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
.csmx-portfolio.style-3 .model-thumb figcaption p {
  display: none; /*ocultamos*/
}
.csmx-portfolio.style-3 .model-thumb:hover img { 
    /*cuando se pasa sobre el thumb, la imagen no se traslada, 
    como hacia originalmente*/
  -webkit-transform: translateY(-0px);/*cambio -15*/
          transform: translateY(-0px);
}
.csmx-portfolio.style-3 .model-thumb:hover figcaption {
    /*cuando se pasa sobre el thumb, el nombre se hace opaco en parte
    y se desplaza lentamente hacia arriba*/
  opacity:0.6;
 -webkit-transform: translateY(-70px);/*CAMBIO -210*/
  transform: translateY(-70px);
  transition: -webkit-transform 0.7s;/*mas lento*/
  transition: transform 0.7s;
}