@charset "utf-8";
/* CSS Document */

/*************************************************************/
/*                  Global layout and formatting styles      */
/*   Development:   360Graus                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          MArço , 2013                            */
/*   Site:          Gilaba            */
/*-----------------------------------------------------------*/
/************************************************************************

/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions and css reset */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
* {margin:0; padding:0} 
body {line-height: 1; font-size: 100%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #F1F1F3 ;  }
html, body { min-height: 100%; height: 100%;  }
html {  margin-bottom: 1px; overflow-y: scroll;}
ol, ul {list-style: none;}

a:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}


/* 1.2 - Global Container */
#container {width: 1000px;  margin: 0 auto ; position: relative; }
/* 1.2 - End Global container */


/*************************/
/* 2-  Header/Main Menu/Search */
/*************************/

/* 2.0 - Header Container */
.header-container { width: 1000px; height: 102px; position:relative;  margin:0;  }
.h-logo { float:left; width: 250px; padding:25px 0px 0px 0px; margin:0;}
.h-menus { float:left; width: 750px; margin:0; padding:0; }
.top-nav {padding: 0 0px 0 0;margin: 10px 0px 38px 0px;	float: right;	display: inline; }
.top-nav ul {	margin: 0;padding: 7px 0px 0px 0px;float: left;display: inline;}
.top-nav ul li {list-style: none; float: left;display: inline;}
.top-nav ul li a {display: block;margin: 5px 0 0 0;	padding: 0 7px 0 7px;	font-size: 12px;font-family:Arial, Helvetica, sans-serif;  border-left: 1px solid #B6B6B6;}
.top-nav ul li a:link, .top-nav ul li a:visited {color: #7E858C;text-decoration: none;}
.top-nav ul li:first-child a {border-left: none;}
.top-nav ul li a:hover {text-decoration: underline; color:#EB4688;}

.barraAzul { background:#EA5C5C; padding: 8px 12px 6px 12px; color:#FFFFFF; text-decoration:none; margin: 4px 0px 0px 3px; display: inline-table; *display: inline-block; font-size:12px; font-weight:bold; text-transform:uppercase;}
.barraAzul a:visited {color:#FFFFFF;}
.barraAzul a:hover { text-decoration:underline;}
.barraVermelha { background:#6FC9D8; padding: 8px 12px 6px 12px; color:#FFFFFF; text-decoration:none; margin: 4px 0px 0px 20px; display: inline-table; *display: inline-block; font-size:12px; font-weight:bold; text-transform:uppercase;}
.barraVermelha a:visited {color:#FFFFFF;}
.barraVermelha a:hover { text-decoration:underline;}


.hm-principal {  padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; float:right; display:inline;  *width: 750px;}
.hm-principal ul {	margin: 0;padding: 2px 0px 0px 0px;float: left;display: inline;}
.hm-principal ul li {list-style: none; float: left;display: inline;}
.hm-principal ul li a {display: block;margin: 0px 0 0 0;	padding: 0px 0px 0px 36px;	font-size: 15px; font-family:'Cabin Condensed', sans-serif; font-weight: bold; color: #111213; text-transform:uppercase; text-decoration:none; }
.hm-principal ul li a:visited { text-decoration: none;}
.hm-principal ul li a:hover {text-decoration: underline; color:#EB4688;}
.hm-principal ul a.current {color: #EB4688; text-decoration:none; }


/*************************/
/* 3-  Content layout */
/*************************/

/* 3.1 - Global Layout */
.content { width:960px; padding: 20px; float:left; margin: 20px 0px 15px 0px; background:#FFFFFF;  }


/*Coluna unica*/
.single-col { float:left; margin:0; padding: 0;  width: 960px}
.single-col h1 { border-bottom: 1px solid #CFD1D8; padding: 0px 20px 8px 20px; text-align:center; margin: 0px 110px 20px 110px; font-size:30px; font-weight:normal; color: #212121; width: 700px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.single-col h2 {color:#272727; font-weight:normal; font-size: 26px; padding: 0px 0px 15px 0px; margin:0;}
.single-col h3 {color:#272727; font-weight:normal; font-size: 24px; padding: 0px 0px 15px 0px; margin:0;}
.single-col h4 {color:#272727; font-weight:normal; font-size: 20px; padding: 0px 0px 15px 0px; margin:0;}
.single-col h5 {color:#272727; font-weight:normal; font-size: 16px; padding: 0px 0px 15px 0px; margin:0;}
.single-col h6 {color:#272727; font-weight:normal; font-size: 16px; padding: 0px 0px 15px 0px; margin:0;}
.single-col p { padding:0px 0px 18px 0px; margin:0; color:#161718; font-size: 14px; line-height: 1.5em; color:#1A1A1A;}
.single-col a { text-decoration:none; color: #DF3D80;}
.single-col a:visited { text-decoration:none;}
.single-col a:hover { text-decoration: underline;color: #BF40BF;}


/*Coluna Esquerda*/
.left-col { float:left; width: 680px; margin:0; padding:0;  margin: 0px 50px 0px 0px; background:#FFFFFF;  }
.left-col p {  padding: 0px 0px 16px 0px; line-height: 1.5em; font-size: 14px; color: #212121; clear:both;}
.left-col a { text-decoration:none; color: #DF3D80;}
.left-col a:visited { text-decoration:none;}
.left-col a:hover { text-decoration: underline;color: #CC4FB9;}

/* headers */
.left-col  h1 { font-family: Arial, Helvetica, sans-serif; font-size: 34px; color: #121212; padding: 0px 0px 20px 0px; clear:both; margin: 0; }
.left-col  h2 { font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #DF3D82; padding: 0px 0px 12px 0px;  clear:both; margin: 0;}
.left-col  h3 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #2C2C32; padding: 0px 0px 12px 0px;  clear:both; margin:0;  }
.left-col  h4 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #DF3D82; padding: 0px 0px 12px 0px;  clear:both; margin: 0;}
.left-col  h5 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #5A627E; padding: 0px 0px 12px 0px;  clear:both; margin: 0;}
.left-col  h6 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #111111; padding: 0px 0px 12px 0px;  clear:both; margin: 0;}

/* Listas */
.left-col ul {margin:5px 0px 12px 10px;padding:0; clear:both; }
.left-col ul li { padding:0px 0px 5px 5px; color: #3E3E3E;font-size:14px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:outside; margin: 0px 0px 0px 20px; line-height: 16px;}
.left-col ul li a { color: #DF3D80; text-decoration:none;}
.left-col ul li a:visited {  text-decoration:none;}
.left-col ul li a:hover { color: #D020AD; text-decoration:underline;}


.single-col ul {margin:5px 0px 12px 10px;padding:0; clear:both; }
.single-col ul li { padding:0px 0px 5px 5px; color: #3E3E3E;font-size:14px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: disc; list-style-position:outside; margin: 0px 0px 0px 20px; line-height: 16px;}
.single-col ul li a { color: #DF3D80; text-decoration:none;}
.single-col ul li a:visited {  text-decoration:none;}
.single-col ul li a:hover { color: #D020AD; text-decoration:underline;}


/*Coluna Direita*/
.right-col { float:left; width: 230px; padding: 0; margin:0px 0px 0px 0px;  }
.right-col p { padding: 0px 0px 20px 0px; color: #1B1B1B; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; clear:both;}

/*submenu lateral*/
.boxlateral-header { width:230px; height: 40px; background: #414048; float:left; display:block;}
.boxlateral-header h6 { font-size:17px; font-weight:bold; color:#FFFFFF; padding: 13px 0px 0px 16px; font-family:Arial, Helvetica, sans-serif; }

.boxlateral { float:left; margin:0px 0px 20px 0px; padding: 12px 0px 8px 0px; border-left: 1px solid #DFE1E6; border-right: 1px solid #DFE1E6; border-bottom: 1px solid #DFE1E6; width: 228px;}
.boxlateral p { font-size: 13px; padding: 0px 14px 12px 14px;}
.boxlateral a {color: #C030B1; text-decoration:none;}
.boxlateral a:visited { text-decoration:none; }
.boxlateral a:hover { text-decoration:underline;}
.boxlateral ul {margin: 1px 0px 1px 0px;padding:0;  }
.boxlateral ul li { padding:6px 8px 6px 30px; color: #2B3941;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position:outside; background: transparent url(image/sidebar-bullet.gif) no-repeat 6px 5px; }
.boxlateral ul li a { color: #2A2A2A; text-decoration:none; font-weight:bold; line-height: 1.3em; }
.boxlateral ul li a:visited {  text-decoration:none; }
.boxlateral ul li a:hover { color: #EC4689; text-decoration:underline;}
.boxlateral ul li a.selected {color: #EC4689; text-decoration:none; }


.boxlateral p { font-size: 13px; padding: 0px 14px 12px 14px;}
.boxlateral a {color: #C030B1; text-decoration:none;}
.boxlateral a:visited { text-decoration:none; }
.boxlateral a:hover { text-decoration:underline;}
.boxlateral ul {margin: 1px 0px 1px 0px;padding:0;  }
.boxlateral ul li { padding:6px 8px 6px 30px; color: #2B3941;font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position:outside; background: transparent url(image/sidebar-bullet.gif) no-repeat 6px 5px; }
.boxlateral ul li a { color: #2A2A2A; text-decoration:none; font-weight:bold; line-height: 1.3em; }
.boxlateral ul li a:visited {  text-decoration:none; }
.boxlateral ul li a:hover { color: #EC4689; text-decoration:underline;}
.boxlateral ul li a.selected {color: #EC4689; text-decoration:none; }

.boxcentro p {
    font-size: 13px;
    padding: 0px 14px 12px 14px;
}

.boxcentro a {
    color: #C030B1;
    text-decoration: none;
}

    .boxcentro a:visited {
        text-decoration: none;
    }

    .boxcentro a:hover {
        text-decoration: underline;
    }

.boxcentro ul {
    margin: 1px 0px 1px 0px;
    padding: 0px 0 20px 0;
    text-align:center;
}

    .boxcentro ul li {
        padding: 0px 0px 10px 15px;
        color: #2B3941;
        font-size: 13px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        list-style-type: none;
        list-style-position: outside;
        background: transparent url(image/sidebar-bullet.gif) no-repeat 0px -2px;
        display: inline;
    }


        .boxcentro ul li a {
            color: #2A2A2A;
            text-decoration: none;
            font-weight: bold;
            line-height: 1.3em;
        }

            .boxcentro ul li a:visited {
                text-decoration: none;
            }

            .boxcentro ul li a:hover {
                color: #EC4689;
                text-decoration: underline;
            }

            .boxcentro ul li a.selected {
                color: #EC4689;
                text-decoration: none;
            }







.submenu ul {
    margin: 1px 0px 1px 0px;
    padding: 0px 0 20px 0;
    text-align: center;
}

.submenu ul li {
    padding: 5px 2px 5px 2px;
    list-style-type: none;
    display: inline;
   

}

    .submenu ul li .botao {
        background-color: #FAFAFA;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #BDBDBD;
        display: inline-block;
        cursor: pointer;
        color: rgb(255, 51, 153);
        font-family: Arial;
        font-size: 17px;
        padding-top: 8px;
        padding-bottom: 8px;
        text-decoration: none;
        width: 120px;
        box-shadow: 1px 1px 0px 1px #91b8b3;
    }

        .submenu ul li .botao:hover {
            background-color: #E6E6E6;
            text-decoration: none;
            color: rgb(255, 51, 153);
        }

    .submenu ul li .botao a {
        text-decoration: none;
    }

/*
.submenu  ul li.fiacao {
    background-color: rgb(3,194,9);
}
.submenu ul li.fiacao a {
        color:  white
}

.submenu ul li.tecelagem {
        background-color: rgb(157,60,255);
    }

.submenu ul li.tecelagem a {
    color: white
}

    .submenu ul li.tinturaria {
        background-color: rgb(255,128,0);
    }

    .submenu ul li.tinturaria a {
        color: white;
    }

    .submenu ul li.estamparia {
        background-color: rgb(255,255,9);
    }

        .submenu ul li.estamparia a {
            color: black;
        }

    .submenu ul li.acabamentos {
        background-color: rgb(255,0,9);
    }


        .submenu ul li.acabamentos a {
            color: white;
        }

    .submenu ul li.gravacao {
        background-color: rgb(0,0,251);
    }

        .submenu ul li.gravacao a {
            color: white;
        }


.submenu ul li a {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.3em;
}
*/

.submenu ul li a:visited {
    text-decoration: none;
}

.submenu ul li a:hover {
    text-decoration: underline;
}


/* 3.2 - homepage */
.home-banner h1 { padding: 0px 20px 10px 20px; text-align:center; margin: 0px 110px 10px 110px; font-size:38px; font-weight:normal; color: #EB4688; width: 700px; line-height: 1.2em; font-family:'Cabin Condensed', sans-serif;}
.home-banner { float:left; width: 960px;  margin: 0px 0px 10px 0px; padding:0; border-bottom: 6px solid #EC4689;}

.destaques-home { float:left; width: 960px; margin: 0px 0px 5px 0px; padding:0;}
.dh-linha { float:left; width: 960px; border-bottom: 1px dotted #DCDDE2; padding: 0px 0px 25px 0px; margin: 0px 0px 25px 0px;}
.dh-linha p { font-size: 16px; color:#212225; line-height: 1.5em;}
.dh-linha a, .dh-linha a:visited { color:#DF3D80; text-decoration:none;}
.dh-linha a:hover { text-decoration: underline;}
.dh-linha h5 { color:#FFFFFF; text-align:center; font-size: 14px; line-height: 1.3em; font-weight:normal; padding: 10px 0px 0px 0px;}
.dh-linha h5 a, .dh-linha h5 a:visited { color:#FFFFFF; text-decoration:none;}
.dh-linha h5 a:hover {  text-decoration:underline;}
.dh-col { float:left; width: 225px; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px;}
.dh-col p { font-size: 14px; line-height: 1.3em; color: #656679; padding: 20px 0px 0px 0px;}
.dh-col h3 { font-size: 20px; font-weight: normal; padding: 0px 0px 10px 0px;}
.dh-col-last { float:left; width: 225px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.pinkbox { display: block; height: 68px; width: 225px; background: #DF3D82;}

.marcas-representadas { float:left; width: 960px; padding: 0px 0px 0px 0px; margin:0;}
.marcas-representadas h4 { border-bottom: 1px solid #CFD1D8; padding: 0px 20px 8px 20px; text-align:center; margin: 0px 190px 10px 190px; font-size:30px; font-weight:normal; color: #212121; width: 540px; line-height: 1.2em; font-family:'Cabin Condensed', sans-serif;}
.marcas-representadas h6 {  padding: 0px 20px 10px 20px; text-align:center; margin: 0px 60px 15px 60px; font-size:14px; font-weight:normal; color: #65687B; width: 800px; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}


/*Imagens*/
.float-right { float:right; margin: 0px 0px 4px 30px;}
.float-left { float:left; margin: 0px 30px 4px 0px;}


/*************************/
/* 6-  Footer */
/*************************/
.footer { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 1000px; }
.footer-links { float:left; width: 720px; margin:0; padding:0;}
.footer-links ul {	margin: 0;padding: 2px 0px 0px 0px; display: inline;}
.footer-links ul li {list-style: none; float: left;display: inline;}
.footer-links ul li a {display: block;margin: 0px 0 0 0;	padding: 0px 16px 0px 0px;	font-size: 11px; font-family:'Cabin Condensed', sans-serif; font-weight: bold; text-transform:uppercase; color: #191919; text-decoration:none; }
.footer-links ul li a:visited { text-decoration: none; color: #191919;}
.footer-links ul li a:hover {text-decoration: underline; color: #DF3D82;}
.footer-links p { clear:both; font-size: 10px; color:#444347; padding: 8px 0px 0px 0px; line-height: 33px;}

.footer-social { float:left; width: 280px; margin:0; padding:0;}
.footer-social p { padding: 0px 0px 5px 0px; font-size: 12px; text-align:right;}

.expandir {
    cursor: pointer;
    text-decoration: underline dotted;
    
}

.detalhes {
    display:none
}


.row {
    display: flex;
}

.coluna1 {
    float: left;
    width: 35%;
    display: flex;
    align-items: center;
}

.coluna2 {
    float: left;
    width: 65%;
    display: flex;
    align-items: center;
}

    .coluna2 p {
        vertical-align: bottom;
    }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.caixa-login {
    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border: 1px solid #D8D8D8;
    padding:15px;
}

    .caixa-login input {
        height:30px;
        width:350px;
    }

    .caixa-login table {
        margin:auto;
    }


.ap-msg {
    
    background: #F2F2F2;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #4A4344;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F2F2F2
}

.ap-msg .titulo {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
     text-align:center;
}

.ap-msg p {
    font-size: 14px;
    padding: 0px 0px 0px 75px;
    margin: 0px;
    text-align:center;
}

.ap-msg img {
    vertical-align: middle;
    margin: 0px 20px 0px 10px;
}

.contacto-formulario {
}

    .contacto-formulario input {
        width: 390px;
        height: 30px;
        margin-top: 3px;
        margin-bottom: 5px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        background-color: #FFFFFF;
        padding: 2px;
        border: 1px solid #CCCCCC;
    }

    .contacto-formulario textarea {
        width: 390px;
        height: 90px;
        margin-top: 3px;
        margin-bottom: 5px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        background-color: #FFFFFF;
        padding: 2px;
        border: 1px solid #CCCCCC;
    }
	
.blog-data {
	font-size:13px;
	padding: 5px 0 5px;
	color:#585858;
}	

.blog-post-conteudo {
	margin-top:10px;
	
}