/* Comienza estructura */
body, html
{
}
body
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 16px;
    overflow-x: hidden !important;
    color: #838282;
}
ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
a
{
    text-decoration: none;
    color: #2f2f2f;
}
a:focus
{
    outline: none;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Lato' , sans-serif;
}
h2
{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    padding-bottom: 10px;
}
img
{
    border: none;
}
/* fin estructura */
/* comienza scrol to top */
.scrollToTop
{
    bottom: 60px;
    border-radius: 4px;
    display: none;
    font-size: 32px;
    line-height: 45px;
    font-weight: bold;
    height: 50px;
    position: fixed;
    right: 50px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 999;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background:#ffcb0f ;
    padding-top:8px;
}
.scrollToTop:hover, .scrollToTop:focus
{
    background-color: #fff;
    text-decoration: none;
    outline: none;
}
/* fin scroll to top */
/* comienza HEADER */
#header
{
    display: block;
    width: 100%;
    position: fixed;
    z-index: 9999;
}
/* comienza header-bottom */
.header-bottom
{
    background: #ffcb0f none repeat scroll 0 0;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    display: block;
    width: 100%;
    transition: all 0.3s ease 0s;
}
.list-inline.info 
{
    float: left;
    margin: 0;
}
.list-inline.info > li 
{
    padding: 0 10px 0 0;
}
.list-inline.info a,.list-inline.social_icon a 
{
    color: #222;
    font-family: 'futura_ltbook', sans-serif;
}
.list-inline.info a:hover,.list-inline.social_icon a:hover 
{
    color: #555;
}
.list-inline.info a .fa,.list-inline.social_icon  a .fa 
{
    font-size: 18px;
    vertical-align: text-top;
}
.list-inline.social_icon 
{
    float: right;
    margin: 0;
    padding:5px;
}
/* fin header-bottom */
/* comienza MENU */
#menu-area
{
    background-color: #fff;
    display: block;
    width: 100%;
    position: relative;
    height: 110px;
    border-bottom: 0px solid #e4e4e4;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
#menu-area #navbar
{
    padding-right: 20px;
    padding-top: 28px;
}
#menu-area .navbar-default
{
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 0;
}
.navbar-brand
{
    font-family: "Lato" ,sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.navbar-brand:hover, .navbar-brand:focus
{
    text-decoration: none;
    outline: none;
}
.navbar-brand > img
{
    margin-top: 0px;
}
.main-nav li
{
    padding: 15px 0;
    position: relative;
    margin: 0 5px;
}
.navbar-default .navbar-nav > li > a
{
    color: #333;
    display: inline-block !important;
    font-family: "Lato" ,sans-serif;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    width: 100%;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
    border-top: 0px solid #4396ff;
    background: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    background-color: transparent;
}
.navbar-nav > li > a::before
{
    background-color: transparent;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.main-nav > li > a:hover::before, .navbar-default .navbar-nav > .active > a::before, .navbar-default .navbar-nav > .open > a:hover::before
{
    width: 100%;
}
.main-nav .dropdown:hover .dropdown-toggle::before
{
    width: 100%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background-color: transparent;
}
.navbar-nav > li > .dropdown-menu li
{
    padding: 0;
}
.navbar-nav > li > .dropdown-menu > li > a
{
    color: #333;
    font-family: "Lato" ,sans-serif;
    font-size: 14px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus
{
    background-color: transparent;
}
/* fin menu */
/* comienza SLIDER */
#slider
{
    display: block;
    width: 100%;
    padding-top: 120px;
    clear: both;
}
.main-slider
{
    display: block;
    height: 500px;
    margin-bottom: 0;
    width: 100%;
}
.main-slider .slick-list
{
    height: 100%;
}
.single-slide
{
    float: left;
    display: inline;
    width: 100%;
}
.single-slide img
{
    width: 100%;
}
.slide-content
{
    background-color:transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.main-slider .slick-prev
{
    left: 23px;
}
.main-slider .slick-next
{
    right: 20px;
}
.main-slider .slick-prev, .main-slider .slick-next
{
    background-color: rgba(0,0,0,0.5);
    top: 48%;
    height: 50px;
    width: 50px;
    z-index: 999;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.main-slider .slick-prev::before
{
    content: "\f104";
    font-family: fontAwesome;
    font-size: 30px;
}
.main-slider .slick-next::before
{
    content: "\f105";
    font-family: fontAwesome;
    font-size: 30px;
}
.main-slider .slick-dots
{
    bottom: 6px;
}
.main-slider .slick-dots li
{
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}
.main-slider .slick-dots li button::before
{
    font-size: 0px;
    line-height: 21px;
}
.slide-article
{
    display: inline;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 100px;
    width: 100%;
}
.slide-article h1
{
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.slide-article p
{
    color: #fff;
    margin-bottom: 50px;
}
.read-more-btn
{
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 12px 22px;
    font-weight: 700px;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.read-more-btn:hover, .read-more-btn:focus
{
    color: #fff;
    text-decoration: none;
    outline: none;
}
.slider-img
{
    display: inline;
    float: left;
    padding: 0 30px;
    width: 100%;
}
/* fin slider */
/* comienza mapa */
.line6 
{
    filter: url(  "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" );
    filter: gray;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
#map-canvas
{
	width: 100%;
	height: 250px;
	color: rgb(51, 51, 51);
	background: rgb(255, 255, 255);
}
/* fin mapa */
/* comienza about */
#about
{
    background: #FFFFFF;
    padding: 40px 0 0px;
    position:relative; 
    z-index:1; 
}
.about_content 
{
    margin-right: 25px;
}
.about_content > h2 
{
    font-size: 40px;
    margin: 90px 0 15px;
    color:#ffcb0f;
}
.about_content > h3 
{
    font-size: 30px;
    margin: 2px 0 30px;
    text-transform: inherit;
}
.about_content > p 
{
    line-height: 1.8em;
    margin-bottom: 18px;
    text-align: left;
}
.about_content .btn.know_btn 
{
    margin: 18px 0 60px;
}
.about_bg 
{
    background: url(../images/about_bg.png)no-repeat right;
}
.btn.know_btn 
{
    font-size: 14px;
    padding: 8px 14px;
}
.btn.know_btn 
{
    background: #ffcb0f none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    font-family: "futura_ltbold",sans-serif;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid transparent;
}
.btn.know_btn:hover,
.btn.know_btn:focus 
{
    background: #777a78;
    color:#FFFFFF;
    border:1px solid #777a78;
}
/* fin about */
/* comienza servicios */
#services 
{
    background-image: linear-gradient(rgb(186,191,195), rgb(255,255,255));
    background-repeat: repeat-x;
    background-color: rgb(210,214,217);
    line-height: 18px;
    border-top: 4px solid #ccc;
    padding: 40px 0 60px;
}
.service_item > h3 
{
    margin: 25px 0 15px;
}
.service_item > img
{
   width: 100%;
}
.service_item .btn.know_btn 
{
    margin: 20px 0 100px;
}
#service_item 
{
    margin: 40px 0 20px;
}
/* fin servicios */
/* comienza why */
#why_us 
{
    background-image: linear-gradient(rgb(242,247,250), rgb(255,255,255));
    background-repeat: repeat-x;
    background-color: rgb(242,247,250);
    line-height: 18px;
    border-top: 4px solid #ccc;
    padding: 40px 0 10px;
}
.title-area
{
    display: block;
    text-align: center;
    width: 100%;
}
.title-area .margintop
{
    margin-top: 60px;
}
.title-area .title
{
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
}
.title-area .line
{
    background-color: #ffcb0f;
    display: inline-block;
    height: 2px;
    width: 60px;
}
.title-area p
{
    color: #777777;
    line-height: 1.8em;
    margin-bottom: 18px;
    margin-top:18px;
}
.why_us_item
{ 
    padding-top: 55px;
}
#why_us .why_us_item .fa
{
    border-radius: 100%;
    box-shadow: 0 0 0 10px #ffcb0f, 0 0 0 20px #fadb64, 0 0 0 30px #f7e59c;
    padding: 20px;
    font-size:50px;
}
.why_us_item > h4 
{
    margin: 60px 0 20px;
    text-transform:uppercase;
    font-size: 20px;
}
#list-1
{
    margin: 60px 0 20px;
}
.list-1 UL 
{
    PADDING: 0px; 
    margin:0px;
    LIST-STYLE-TYPE: none;
}
.list-1 UL LI 
{
    PADDING-RIGHT: 0px; 
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}
.list-1 UL LI A 
{
	DISPLAY: inline-block; 
	COLOR: #777; 
	TEXT-DECORATION: none; 
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
	LINE-HEIGHT: 21px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 20px; 
	PADDING-BOTTOM: 19px; 
	text-transform:uppercase;
}
.list-1 UL LI A:hover 
{
	COLOR: #ccc; 
	TEXT-DECORATION: none;
}
/* final why */
/* comienza frase */
#section_frase
{
    background: #FFFFFF;
    padding: 0px 0 10px;
    position:relative; 
    z-index:1; 
    text-align:center;
}
.area_frase 
{
    margin: 10px 0 0;
}

.area_frase h2 
{
    color:#73757e;
    text-transform:uppercase;
    font-size: 25px;
    background: url(../images/iso.png) no-repeat center top;
    padding-top:70px;
    padding-bottom:40px;
}
/* fin frase */
/* comienza sub-FOOTER */
#footer_bottom 
{
    background: #1a1c27;
    padding: 28px 0 18px;
    margin-top:55px;
    position:relative; 
    z-index:1; 
}
#footer_bottom .text-center
{
    text-align:center;
}
#footer_bottom a 
{
    color: #ffcb0f;
}
#footer_bottom a:hover,.footer_bottom a:focus 
{
    color: #d7a300;
}
/* fin sub-footer */
/* comienza footer */
footer 
{
    background: url(../images/footer_bg.jpg)no-repeat;
    background-size:cover;
    position:relative;
    padding-top:45px;
}
footer::before 
{
    background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
footer::after 
{
    background: rgba(34, 37, 51, 0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.footer_top
{ position:relative; 
  z-index:1; 
  color:#fff;
}
.footer_item 
{
    margin-top: 75px;
}
.footer_item > h4 
{
    color: #fff;
    font-family: "futura_ltbook",sans-serif;
    font-size: 22px;
    margin-bottom: 25px;
    text-transform: inherit;
}
.footer_item .list-unstyled > li a
{
    color: #fff;
}
.footer_item2 
{
    margin-top: 25px;
    text-align:center;
}
.footer_item2 .logo 
{
    margin-bottom: 15px;
    width:250px;
}
.footer_item .logo 
{
    margin-bottom: 15px;
    width:250px;
}
.list-inline.footer_social_icon 
{
    margin: 32px 0 0;
}
.footer_social_icon .fa 
{
    background: #ffcb0f none repeat scroll 0 0;
    border-radius: 100%;
    color: #222;
    font-size: 20px;
    height: 45px;
    padding: 12px;
    text-align: center;
    width: 45px;
}
.footer_item .footer_social_icon .fa:hover,.footer_item .footer_social_icon .fa:focus 
{
    background: #d7a300 none repeat scroll 0 0;
}
.footer_menu .fa 
{
    font-size: 10px;
    margin-right: 10px;
}
.list-unstyled.footer_menu > li 
{
    padding: 4px 0;
}
.list-unstyled.post,.list-unstyled.footer_contact 
{
    margin-top: -14px;
}
.post .date 
{
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    float: left;
    font-size:0px;
    height: 14px;
    margin-right:8px;
    width: 14px;
    margin-top:4px;
}
.footer_item li a:hover .date,.footer_item li a:focus .date
{ 
    border:2px solid #aaa; 
}
.footer_item li a:hover,.footer_item li a:focus
{
    color: #aaa;
}
.list-unstyled.post > li,.list-unstyled.footer_contact > li 
{
    padding: 10px 0;
    overflow:hidden;
}
.footer_contact .fa 
{
    margin-right: 25px;
    text-align: center;
    width: 15px;
    float: left;
    font-size:18px;
}
.list-unstyled.footer_contact p 
{
    overflow: hidden;
}
.footer_bottom 
{
    background: #1a1c27 none repeat scroll 0 0;
    padding: 28px 0 18px;
    margin-top:55px;
}
.footer_bottom a 
{
    color: #ffcb0f;
}
.footer_bottom a:hover,.footer_bottom a:focus 
{
    color: #d7a300;
}
#footer .widget
{
    margin-bottom: 30px;
    margin-top: 30px;
}
#footer .widget li
{
    color: #e7e8ea;
}
#footer .widget img
{
    text-align: center;
    margin: auto;
}
#footer .widget .text-center
{
    text-align: center;
}
#footer .widget li a
{
    color: #e7e8ea;
    text-decoration: none;
}
#footer .widget li a:hovder
{
    color: #FFFFFF;
    text-decoration: none;
}
#footer .widget .fa-circle
{
    color: #e7e8ea;
}
#footer .widget .fa-inverse
{
    color: #566e7a;
}
/* fin footer */
/* comienza paginacion */
#inner-headline
{
    background-image: linear-gradient(rgb(186,186,186), rgb(241,241,241));
    background-repeat: repeat-x;
    background-color: rgb(210,210,210);
    border-bottom: 1px solid #ece7e5;
    position: relative;
    margin: 0;
    padding: 0;
    color: #fefefe;
    font-family: 'Open Sans' , Arial, sans-serif;
    padding-top: 140px;
    display: block;
}
/* comienza breadcrumbs */
#inner-headline ul.breadcrumb
{
    margin-top: 40px;
    margin-bottom: 15px;
    float: left;
    background-color: #8d8d8d;
}
#inner-headline ul.breadcrumb li
{
    margin-bottom: 0;
    padding-bottom: 0;
}
#inner-headline ul.breadcrumb li
{
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
#inner-headline ul.breadcrumb li i
{
    color: #fff;
}
#inner-headline ul.breadcrumb li a
{
    color: #fff;
}
ul.breadcrumb li a:hover
{
    text-decoration: none;
}
/* fin breadcrumbs */
/* fin paginacion */
/* comienza pagina legal */
.legaltxt p
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 13pt;
    color: #777;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    text-align: justify;
    text-indent: 40px;
    margin-bottom: 20px;
    line-height: 1.4em;
}
.legaltxt .strong
{
    font-weight: bold;
    font-family: 'Open Sans' , sans-serif;
    font-size: 12pt;
    color: #777;
    font-variant: normal;
    text-decoration: none;
    text-align: justify;
    text-indent: 40px;
}
.legaltxt p.lead
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #666666;
}
.legaltxt .entry-title
{
    font-size: 2rem;
    line-height: 1.364;
    margin-bottom: 1rem;
    color: #233d58;
    font-family: 'Lato' , sans-serif;
}
#legal
{
    padding: 80px 0px;
    display: block;
    width: 100%;
}
#legal .latest_blog
{
}
#legal .latest_blog h2
{
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Lato' , sans-serif;
    color: #222222;
}
#legal .latest_blog p
{
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans' , sans-serif;
}
/* fin pagina legal */
/* comienza pagina contacto */
#contacto
{
    padding: 80px 0px;
    display: block;
    width: 100%;
}
#contacto .margin-top
{
    margin: 40px 0px;
}
#contacto .latest_blog
{
}
#contacto .latest_blog h2
{
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Lato' , sans-serif;
    color: #222222;
}
#contacto .latest_blog p
{
    padding-bottom: 45px;
    font-size: 16px;
    color: #646464;
    font-family: 'Open Sans' , sans-serif;
}
.contact-area-left
{
    display: inline;
    float: left;
    width: 100%;
}
.contact-area-left .paddingleft
{
    padding-left: 62px;
}
.contact-area-left h4
{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Lato' , sans-serif;
    color: #777a78;
    position: relative;
}
.contact-area-left h4::after
{
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 30px;
    background: #fcc81a;
}
.contact-area-right h4
{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Lato' , sans-serif;
    color: #777a78;
    position: relative;
}
.contact-area-right h4::after
{
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 30px;
    background: #fcc81a;
}
.contact-area-left p
{
    font-size: 16px;
    font-family: 'Open Sans' , sans-serif;
    line-height: 1.4em;
    margin-bottom: 20px;
}
.contact-area-left .single-address
{
    font-size: 15px;
    padding-right: 62px;
    font-family: 'Open Sans' , sans-serif;
    display: block;
    margin-top: 40px;
}
.contact-area-right
{
    display: inline;
    float: left;
    width: 100%;
}
.contact-form
{
    width: 100%;
    display: block;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans' , sans-serif;
    color: #646464;
}
.contact-form textarea
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-form textarea:focus
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-form textarea:active
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-form input
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-form input:active
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-form input:focus
{
    width: 100%;
    border: 1px solid #F2F2F2;
}
.contact-social
{
    text-align: left;
    margin-top: 60px;
}
.contact-social a i
{
    font-size: 35px;
    text-decoration: none;
    color: #777a78;
    padding-right: 10px;
}
.contact-social a:hover i
{
    text-decoration: none;
    color: #72909b;
}
.bot
{
    display: block;
    margin-top: 30px;
    width: 100%;
}
.contact-form a.comment-btn
{
    background: #777a78;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #777a78;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans' , sans-serif;
    text-decoration: none;
}
.contact-form a.comment-btn:hover
{
    background: #72909b;
    border: 1px solid #72909b;
    color: #fff;
    text-decoration: none;
}
/* comienza caqtcha */
.caqtcha
{
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}
.caqtcha span
{
    font-family: 'Open Sans' , sans-serif;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    text-transform: uppercase;
    color: #777a78;
    line-height: 22px;
    text-decoration: none;
    font-weight: bold;
}
.caqtcha input
{
    width: 130px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 6px;
}
.caqtcha input:focus
{
    width: 130px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 6px;
}
.caqtcha input:hover
{
    width: 130px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 6px;
}
.caqtcha input:active
{
    width: 130px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 6px;
}
.caqtcha img
{
    display: block;
    margin: 0px;
    padding: 0px;
}
.iCaptcha
{
    text-align: center;
    padding: 10px;
}
.cchacambiar
{
    font-family: 'Open Sans' , sans-serif;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    text-transform: uppercase;
    color: #777a78;
    line-height: 22px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 6px;
    margin-left: 10px;
}
.cchacambiar:hover
{
    text-decoration: none;
    color: #72909b;
}
/* fin caqtcha */
/* fin pagina contacto */
/* comienza pagina de productos */
#producto
{
    background: #FFFFFF;
    padding: 40px 0 0px;
    position:relative; 
    z-index:1; 
}
#producto .margin-top
{
    margin: 40px 0px;
}
.wrapper
{
    display: block;
    width: 300px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top:30px;
    margin-bottom:20px;
}
.text-icon
{
    border: #d8d7d6 5px solid;
    padding: 0px;
    float: left;
    margin: 0px;
    width: 300px;
    height: 300px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    background: url(../images/producto-1.jpg) no-repeat;
    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}
.text-icon2
{
    border: #d8d7d6 5px solid;
    padding: 0px;
    float: left;
    margin: 0px;
    width: 300px;
    height: 300px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    background: url(../images/producto-2.jpg) no-repeat;
    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}
.text-icon3
{
    border: #d8d7d6 5px solid;
    padding: 0px;
    float: left;
    margin: 0px;
    width: 300px;
    height: 300px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    background: url(../images/producto-3.jpg) no-repeat;
    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}
.text-icon4
{
    border: #d8d7d6 5px solid;
    padding: 0px;
    float: left;
    margin: 0px;
    width: 300px;
    height: 300px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    background: url(../images/producto-4b.jpg) no-repeat;
    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}
.dropcap 
{
	DISPLAY: block; 
	FONT-SIZE: 28px; 
	FLOAT: left; 
	MARGIN: 5px 15px 0px 0px; 
	WIDTH: 48px; 
	LINE-HEIGHT: 48px; 
	POSITION: relative; 
	HEIGHT: 48px; 
	TEXT-ALIGN: center; 
	border-radius: 100%;
}
.dropcap 
{
	BACKGROUND: #777; 
	COLOR: #fff;
}
.boxcap 
{
	MIN-HEIGHT: 87px; 
	OVERFLOW: hidden; 
	WIDTH: 100%;
}
.boxcap .txt
{
	padding-top: 20px;
	padding-left:62px;
	FONT-WEIGHT: 400; 
	FONT-SIZE: 18px; 
	MARGIN: 0px; 
	FONT-STYLE: bold; 
	color:#777;
	text-transform:none;
	text-transform:uppercase;
}
.single_news 
{
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 130px;
    margin-top: 70px;
    border-radius: 10px;
}
.single_news .texts 
{
    padding: 30px;
}
.single_news .texts p.texts 
{
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 15px;
    padding: 0;
}
.single_news .texts h3  
{
    color: #000;
    font-size: 18px;
    font-weight:bold;
    line-height: 20px;
    text-decoration: none;
    text-transform:uppercase;
    line-height:1.5em;
}
.list-2
{
    margin: 10px 0 10px;
}
.list-2 UL 
{
    PADDING: 0px; 
    margin:0px;
    list-style-type:none;
}
.list-2 UL LI 
{
	DISPLAY: block; 
	COLOR: #777; 
	TEXT-DECORATION: none; 
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-ms-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
	LINE-HEIGHT: 21px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	PADDING-BOTTOM: 19px; 
	text-transform:uppercase;
}
/* fin pagina de productos */
/* comienza RESPONSIVE */
@media (max-width:1199px )
{
    #search-icon
    {
        right: 4%;
    }
    .slide-article
    {
        padding-left: 30px;
        padding-right: 0;
        padding-top: 90px;
    }
    .slide-article h1
    {
        font-size: 40px;
    }
    .blog-news-title h2, .blog-news-title h2 > a
    {
        font-size: 18px;
    }
    .main-slider
    {
        height: auto;
    }
}
@media (max-width:991px )
{
    #menu-area #navbar
    {
        padding-right: 55px;
    }
    .navbar-default .navbar-nav > li > a
    {
        font-size: 13px;
        padding-left: 4px;
        padding-right: 4px;
    }
    .slide-article
    {
        padding-left: 60px;
        padding-right: 0;
        padding-top: 15px;
    }
    .slide-article h1
    {
        font-size: 30px;
        line-height: 35px;
    }
    .slide-article p
    {
        color: #fff;
        margin-bottom: 40px;
    }
    .why-choose-us
    {
        margin-top: 20px;
    }
    .single-counter
    {
        margin-bottom: 30px;
    }
    .single-table-price
    {
        margin-bottom: 40px;
    }
    .single-team-member
    {
        margin-bottom: 50px;
    }
    .slick-prev
    {
        left: -10px;
    }
    .slick-next
    {
        right: -10px;
    }
    .blog-news-single
    {
        margin-bottom: 30px;
    }
    .title-area
    {
        padding: 0 100px;
    }
    .single-portfolio
    {
        width: 33.33%;
    }
    .single-item-content::after
    {
        width: 87%;
    }
    .blog-side-bar
    {
        margin-top: 50px;
    }
    .contact-area-right
    {
        margin-top: 40px;
    }
    .legaltxt p
    {
        font-family: 'Open Sans' , sans-serif;
        font-size: 13pt;
        color: #777;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
        text-align: left;
        text-indent:0px;
        margin-bottom: 20px;
        line-height: 1.4em;
    }
    .legaltxt .strong
    {
        font-weight: bold;
        font-family: 'Open Sans' , sans-serif;
        font-size: 12pt;
        color: #777;
        font-variant: normal;
        text-decoration: none;
        text-align: left;
        text-indent: 0px;
    }
    .header-bottom
    {
        background: #ffcb0f none repeat scroll 0 0;
        overflow: hidden;
        padding: 0px 0;
        border-bottom: 1px solid #e4e4e4;
        display: block;
        width: 100%;
        transition: all 0.3s ease 0s;
        height:4px;
    }
    .list-inline.info 
    {
        float: left;
        margin: 0;
    }
    .list-inline.info > li 
    {
        padding: 0 0px 0 0;
    }
    .list-inline.info a,.list-inline.social_icon a 
    {
        color: #222;
        font-family: 'futura_ltbook', sans-serif;
        font-size:0px;
    }
    .list-inline.info a:hover,.list-inline.social_icon a:hover 
    {
        color: #555;
    }
    .list-inline.info a .fa,.list-inline.social_icon  a .fa 
    {
        font-size: 0px;
        vertical-align: text-top;
    }
    .list-inline.social_icon 
    {
        float: right;
        margin: 0;
        padding:0px;
    }
    .navbar-brand > img
    {
        margin-top: 5px;
        width:250px;
        height:auto;
    }
    #menu-area
    {
        background-color: #fff;
        display: block;
        width: 100%;
        position: relative;
        height: 85px;
        border-bottom: 0px solid #e4e4e4;
        box-shadow: 0 1px 2px rgba(0,0,0,.5);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    }
    #inner-headline
    {
        background-image: linear-gradient(rgb(186,186,186), rgb(241,241,241));
        background-repeat: repeat-x;
        background-color: rgb(210,210,210);
        border-bottom: 1px solid #ece7e5;
        position: relative;
        margin: 0;
        padding: 0;
        color: #fefefe;
        font-family: 'Open Sans' , Arial, sans-serif;
        padding-top: 60px;
        display: block;
    }
     #menu-area .navbar-toggle
    {
        padding: 8px 6px;
        margin-top:22px;
        margin-right:20px;
    }
    .title-area .title
    {
        font-size: 35px;
        font-weight: 700;
        line-height:35px;
        text-transform: uppercase;
        margin-bottom:20px;
    }
    .title-area .line
    {
        background-color: #ffcb0f;
        display: inline-block;
        height: 2px;
        width: 60px;
    }
    .title-area p
    {
        color: #777777;
        line-height: 1.8em;
        margin-bottom: 18px;
        margin-top:18px;
    }
    footer 
    {
        background: url(../images/footer_bg.jpg)no-repeat;
        background-size:cover;
        position:relative;
        padding-top:0px;
    }
    .footer_item2 
    {
        margin-top: 60px;
        text-align:center;
    }
    #slider
    {
        display: block;
        width: 100%;
        padding-top: 80px;
        clear: both;
    }
    .main-slider
    {
        display: block;
        height: 230px;
        margin-bottom: 0;
        width: 100%;
    }
    .main-slider .slick-prev
    {
        left: 10px;
    }
    .main-slider .slick-next
    {
        right: 10px;
    }
    .main-slider .slick-prev, .main-slider .slick-next
    {
        background-color: rgba(0,0,0,0.5);
        top: 48%;
        height:15px;
        width: 15px;
        z-index: 999;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .main-slider .slick-prev::before
    {
        content: "\f104";
        font-family: fontAwesome;
        font-size: 15px;
    }
    .main-slider .slick-next::before
    {
        content: "\f105";
        font-family: fontAwesome;
        font-size: 15px;
    }
    .about_content > h2 
    {
        font-size: 30px;
        margin: 40px 0 15px;
        color:#ffcb0f;
    }
    .about_content > h3 
    {
        font-size: 30px;
        margin: 2px 0 30px;
        text-transform: inherit;
    }
    .about_content > p 
    {
        line-height: 1.8em;
        margin-bottom: 18px;
        text-align: left;
    }
    .about_content .btn.know_btn 
    {
        margin: 18px 0 60px;
    }
    .about_bg 
    {
        background: transparent;
    }
}
@media (max-width:767px )
{
    .header-bottom
    {
        padding: 0;
    }
    .header-contact ul li:last-child
    {
        display: none;
    }
    .navbar-brand
    {
        margin-top: 0;
    }
    #search-icon
    {
        right: 11%;
        top: 5px;
    }
    .main-nav li
    {
        padding: 0;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {
        background-color: #fff;
    }
    #search
    {
        width: 100%;
    }
    #menu-area #navbar
    {
        padding-right: 15px;
    }
    .slider-img
    {
        display: none;
    }
    .slide-article
    {
        padding-top: 10px;
    }
    .title-area
    {
        padding: 0 30px;
    }
    .single-feature
    {
        text-align: center;
        padding: 0 15px;
    }
    .single-page-header-left
    {
        text-align: center;
    }
    .single-page-header-right .breadcrumb
    {
        text-align: center;
        margin-top: 20px;
    }
    .footer-left
    {
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-right
    {
        text-align: center;
    }
    .portfolio-menu
    {
        padding: 0;
    }
    .portfolio-menu ul li
    {
        margin: 0 3px 10px;
        padding: 6px 10px;
    }
    .blog-single-tag
    {
        text-align: center;
    }
    .blog-single-social
    {
        text-align: center;
        margin-top: 20px;
    }

}
@media (max-width:480px )
{
    #search input
    {
        width: 85%;
    }
    #search-icon
    {
        right: 15%;
        top: 5px;
    }
    .slide-article h1
    {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .slide-article p
    {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .read-more-btn
    {
        font-size: 14px;
        padding: 8px 14px;
    }
    .main-slider .slick-prev, .main-slider .slick-next
    {
        height: 40px;
        top: 46%;
        width: 40px;
    }
    .title-area .title
    {
        font-size: 25px;
        line-height: 26px;
        padding-bottom: 0px;
    }
    .title-area
    {
        padding: 0;
    }
    .title-area p
    {
        line-height: 23px;
        font-size: 15px;
    }
    .single-feature p
    {
        font-size: 14px;
    }
    .our-skill-content p
    {
        font-size: 14px;
    }
    .why-choose-group .panel-body p
    {
        font-size: 14px;
    }
    .subscrib-form
    {
        width: 100%;
    }
    .footer-left
    {
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-right
    {
        text-align: center;
    }
    #login-form .modal-dialog
    {
        width: 350px;
    }
    .overlay
    {
        padding: 50px 0;
    }
    .single-portfolio
    {
        width: 50%;
    }
    .single-item-content::after
    {
        width: 85%;
    }
    .portfolio-menu ul li
    {
        padding: 4px 5px;
        font-size: 12px;
    }
    .blog-archive-left .blog-news-img
    {
        height: 320px;
    }
    .blog-navigation-prev
    {
        margin-bottom: 10px;
    }

}
@media (max-width:360px )
{
    .login
    {
        padding: 10px;
    }
    .single-slide
    {
        height: 200px;
    }
    .single-slide img
    {
        height: 100%;
    }
    #menu-area .navbar-toggle
    {
        padding: 8px 6px;
    }
    .phone
    {
        font-size: 12px;
    }
    .header-contact ul li
    {
        margin-right: 0;
        padding: 10px 8px;
    }
    #search-icon
    {
        right: 20%;
        top: 5px;
    }
    .slide-article
    {
        padding-top: 0;
        padding-left: 0;
    }
    .slide-article p
    {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .slide-article h1
    {
        font-size: 15px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .read-more-btn
    {
        font-size: 12px;
        padding: 5px 8px;
    }
    #testimonial .title-area
    {
        padding: 0;
    }
    .subscribe-area h2
    {
        font-size: 25px;
        letter-spacing: 0;
        margin-bottom: 25px;
    }
    .subscrib-form input
    {
        font-size: 15px;
        height: 40px;
    }
    .subscribe-btn
    {
        font-size: 15px;
        height: 40px;
        width: 95px;
    }
    #login-form .modal-dialog
    {
        width: 320px;
    }
    #search input
    {
        font-size: 14px;
    }
    .overlay
    {
        padding: 20px 0;
    }
    .single-portfolio
    {
        width: 100%;
    }
    .single-item-content::after
    {
        left: 15px;
        width: 92%;
    }
    .portfolio-menu ul li
    {
        padding: 4px 5px;
        font-size: 12px;
    }
    .blog-archive-left .blog-news-img
    {
        height: 250px;
    }
    .comments-form textarea
    {
        width: 100%;
    }
    .header-contact
    {
        margin-left: -10px;
    }
    .header-contact ul li
    {
        border: none;
    }
    .phone
    {
        font-size: 12px;
        width: 135%;
    }

}
@media (max-width:320px )
{
    #login-form .modal-dialog
    {
        width: 300px;
    }
    .footer-box
    {
        font-size: 14px;
    }
    .header-contact ul li
    {
        padding: 10px 0 10px 3px;
    }
    .subscribe-area h2
    {
        font-size: 22px;
    }
    .footer-left p
    {
        font-size: 12px;
    }
    .footer-right a
    {
        font-size: 16px;
    }
    .single-item-content::after
    {
        width: 91%;
    }
    .blog-archive-left .blog-news-img
    {
        height: 220px;
    }
}
/* fin RESPONSIVE */