body
{
    font-family: 'Signika Negative', sans-serif;
   
    height: 100%;

} 
body,html
{
    height: 100%;
    position: relative;
}
.pin-wrapper
{
    height: inherit !important;
    width: 946px;
    margin: 0 auto;
    position: relative;

}
h1
{
    color:#00c1de;
    font-size: 32px;
    margin-top:0; 
    letter-spacing: 1px
}
.fullWidth {
    width:100%;
    background:#51b0b4;
}


#logo
{
    margin-left: 5px;
    display: block;
    margin-top: 3px;
}
.wrapper {
    width:945px;
    margin:0 auto;
    position:relative;
}

#socialbar {
    background:#f7f7f7 ;
    text-align:right;
    color:#006b80;
    vertical-align:middle;
    padding:8px 0;
    font-size: 18px
}
#socialbar a
{
    text-decoration:none;
    margin-right: 8px;
}
#socialbar img 
{
 height: 23px;
}

#menu {
    background:white;
    border-bottom:2px solid #f7f7f7;
    position:relative;
    padding:21px 0;
}

#menu ul {
  display: inline-block;
position: absolute;
bottom: -23px;
margin: 0;
right: -3px;
    top:28px;
}
#menu li
{

    display: inline-block;
position: relative;
padding: 5px 6px;
padding-bottom: 7px;
margin-left: 5px;
}
#menu li:not(#cotizaAhora)
{
        color: #22c1de;
}

#menu li:hover
{
    background:#e4f6f7 ;
}
.sub
{
    padding-right: 18px !important;
}
.sub:after
{
    content: "";
background: url(../img/menuarrow.png);
position: absolute;
top: 17px;
right: 6px;
width: 7px;
height: 6px;
}

#menu li a
{
    color: inherit;
    text-decoration:none;
    font-size:19px;
    font-family: 'Signika Negative', sans-serif;
    font-weight:300;
    padding-bottom:5px
}

.slide {
    background:#eee;
    width:945px;
    height:330px;
}
.banner { position: relative; overflow: auto; }
    .banner li { 
    list-style: none; 
    
}
        .banner ul li { float: left; }
.banner ul{padding:0;margin:0}
.banner h2
{
    color:#00C1DE;
    font-size:32px;
    font-weight:300;
    margin:0;
    padding-top:82px;
    margin-left:36px;
    width:250px;
    font-weight: 800;
    line-height: 33px;
}
#permanente {
    position:fixed;
    top:150px;
}

.sectionPermanente p{
    width:150px;
}

#threeBoxes {
    background:#f7f7f7 ;
    padding:20px 0;
}

.threeBox {
    display:inline-block;
    width:auto;
    text-align:left;
    background:#fff;
    border:1px solid #b1b3b4 ;
    border-radius:11px;
    width:260px;
    height: 290px;
    padding:16px;
    vertical-align:top;
}
.threeBox p
{
    color:#3d4042;
    font-family: 'Lato';
    font-size:15px;
    text-align:left;
    line-height: 19px;
    margin-top: 12px;
}
.threeBox h1
{
    margin: 0 auto;
    font-size:22px;
    color:#00c1de;
     font-family: 'Signika Negative', sans-serif;
    font-weight:600;
    text-align:center;
    margin-top: 8px;
    white-space: nowrap;
}
#sliderSection h1
{
    text-align:center;
    margin:0;
    font-weight:300;
    color:#00C1DE;
    font-size:30px;
}

#slider-code { height: 305px; overflow:hidden; }
#slider-code .viewport { float: left; width: 940px; height: 125px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 236px;}
                    
#separadorSocial {
    display:inline-block;
  margin-right: 14px;
    padding:0 10px;
   
}
#separadorSocial:before
{
    content:"";
    height: 40px;
    width: 2px;
    background: white;
    position: absolute;
    top: -8px;
    margin-left: -13px;
}
#separadorSocial:after
{
    content:"";
    height: 40px;
    width: 2px;
    background: white;
    position: absolute;
    top: -8px;
     margin-left: 13px;
}


.banner p{
    width:300px;
    margin-left:36px;
    font-size: 18px;
    font-family: "Lato";
    font-weight: 300
}

#menu ul ul {
   position:absolute;
    left:0;
    top:38px;
    margin:0;
    padding:0px;
    background:white;
    border:1px solid #e4f6f7 ;
    z-index:100;
    bottom:auto;
    right:auto;
    display:none;
}
#menu li li
{
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding:0;
    padding-right:23px;
    background:none !important;
}
#menu li li:after
{
    content:"";
    display:block;
    border-bottom: 1px solid #e4f6f7 ;
    width:96%;
    margin:0 auto;
}
#menu li li:hover>a
{
    color:#00c1de !important;
}

#menu li li a
{
    font-family: 'Signika Negative', sans-serif;
    font-weight:400;
    color:#006a7f;
    font-size:17px;
    padding: 4px 0;
    padding-left: 12px;
    
    display:inline-block;
    width:100%;
}

#menu li li a:after
{
    content:none;
}

.noBorder {
    border-style:none !important;
}
#menu ul ul ul
{
    display:block;
    position:absolute;
    left:91%;
    top:-1px;
    display:none;
    
}
#menu ul ul ul li
{
 display:block;
}
#menu ul li:hover> ul
{
    display:block;

}
#menu ul ul li:hover> ul
{
    display:block;
   
}
#carrouselSection {
    background:#f0f0f1;
    padding:15px 0;
}

#carousel {
    background:white;
    border-radius:10px;
    overflow:hidden;
    padding:4px 40px;
}
#carousel ul
{
    margin-top:0;
    padding:0px;
    padding-left:20px;
}
.flex-viewport
{
    width:98%;
}
#carousel li
{
    margin-right:20px;
    width:auto !important;
    cursor: pointer;
}
#carousel img
{
    height:120px;
}
.flex-direction-nav
{
  list-style:none;
    margin:0;
}
.btnCerrarCaja {
position: absolute;
top: -22px;
right: -22px;
}
.flecha
{
    position:absolute;
    top:5px;
    margin:0 -30px;
}
.der
{
    right:40px;
    
    
}
.izq
{
    margin-left:-50px;
}
#youtubeSection {
    background:#f7f7f7;
    padding:35px 0;
}
#youtubeSection iframe{
    margin-right:40px;

}
#youtubeSection h2{
   
    margin:0;
    margin-top:60px;
    font-size:32px;
    color:#00c1de;

}



#youtubeSection p{
 margin: 0;
font-family: 'Lato';
font-size: 17px;
white-space: normal;
margin-top: 9px;
color: #3d4042;
width: 337px;
font-weight: 400;
line-height: 23px;
}

#servicioDisenoSection {
    background:#ffffff;
    height:284px;
}

#servicioDisenoSection h2{
    margin:0;
    margin-top:60px;
    font-size:32px;
    color:#00c1de;
}

#servicioDisenoSection p{
 margin: 0;
font-family: 'Lato';
font-size: 17px;
white-space: normal;
font-weight: 400;
line-height: 23px;
margin-top: 9px;
}

#footer {
    border-top:7px solid #f0f0f1;
    padding-bottom: 21px;
}
#footer ul
{
    display:inline-block;
    vertical-align:top;
    list-style:none;
    padding-left:0;
    font-size:15px;
    font-family: 'Signika Negative', sans-serif;
    margin-top:40px;
    margin-right:32px;
}
#footer .bold
{
    font-weight:700;
}
#footer li a
{
    text-decoration:none;
    color:inherit;
}
#footer li:not(.bold):hover
{
    text-decoration: underline;
}
#footer .linksContacto li:hover
{
    text-decoration: none !important
}
#sliderSection {
    padding:15px 0;
}

#servicioDisenoSection img {
    position:absolute;
    z-index:1;
    right:0;
}

#sitioshermanos img{
     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"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}
#sitioshermanos img:hover{
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

#sitioshermanos {
    display:inline-block;
}
#sitioshermanos a
{
    text-decoration: none;
}
#tarjetas {
    display:inline-block;
    margin-left:78px
}

#panelflotante {
    position:fixed;
    top:183px;
    z-index:5;
    padding:0;
    left: -189px;
    transition: left 1s ease;
    
}
#panelflotante .unaLinea
{
    top:21%;
}
#panelflotante .dosLineas
{
    top:20%;
}
#panelflotante .tresLineas
{
    top:5%;
}

#panelflotante:hover
{
    left: 0;
}
#panelflotante img {
 display:block;
    margin-left: 81%

}
#panelflotante span {
    width:60px;
    display:inline-block;
    font-size:11px;
    font-family: 'Signika Negative', sans-serif;
    font-weight:300;
    color:white;;
    text-align: center;
    
}
#panelflotante p
{
position: absolute;
color: white;
top: 7px;
font-size: 14px;
text-align: left;
margin: 0;
font-family: "Lato";
font-weight: 300;
line-height: 16px;
}
#panelflotante ul{
    padding-left:0;
    list-style:none;
    border-radius:0 3px 3px 0;
    overflow:hidden;
    background:#1cbad9 ;
    padding:0;
    margin:0;
    padding-top: 4px;
}
#panelflotante li{
    background:#1cbad9 ;
    padding:2px 10px;
    text-align:right;
    width: 244px;
    position: relative;
    padding-top: 6px;
}

#h1SliderSection {
    font-weight:800 !important;
    margin-top: -6px !important
}



#copyright {
    margin-top:25px;
    font-weight:300;
    
}
.lightDScreen
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.58);
	z-index: 7;
}
.lightContador
{
    position:absolute;
    left:48%;
    top:-30px;
    color:white;
}
.lightDBox {
    margin:auto;
    margin-top:90px;
    
    background:white;
    position:relative;
    display:table;
    min-width:50px;
}
.lightDBox h2{
    text-align:center;
    border-top:1px solid #f1f1f1 ;
    margin:0;
    font-family: "Lato";
    color:#00c1de;
    font-size: 14px;
    padding-top: 13px;
    font-weight: 400
}
.lightDBox h1{
    text-align:center;
    border-bottom:1px solid #f1f1f1 ;
    margin:0;
    font-size: 23px;
    font-family: "Signika Negative";
    font-weight: bold;
    padding-bottom: 10px;
}

.lightDSocial {
    text-align:center;
    background:#f7f7f7;
    padding:5px 0;
    padding-bottom: 10px;
    position: relative;
}

.lightFlecha {
    position:absolute;
    top:50%;
    left:0;
    margin:0 -37px;
    color:white;


    
}
.tituloEtiquetaLight
{
    text-transform: uppercase;
}
.dosOpciones
{
    position: absolute;
    right: 0;
    top: -14px;
    font-size: 12px;
}
.dosOpciones a
{
color: #5b5e61;
text-decoration: none;
font-family: "Lato";
font-size: 12px;
letter-spacing: 0px;
margin: 0 10px;
font-weight: 600;
}
.lightder {
    right:0;
    left:inherit;
}
.googleplusbox{
top: 6px;
position: relative;
left: 12px;
    display:inline-block;
    width: 60px;
}
.pinterestIcon
{    
    top: 9px;
position: absolute;
margin-left: 14px;
display: inline-block;
width: 47px;

}
#blueSection {
    background:#ddf2f7 ;
    padding: 58px;
}

#blueSection h1{
    color: #00c1de;
    margin: 0;
padding-bottom: 8px
}

#blueSection p{
    margin: 0;
    font-family:  'Lato';
    font-size: 17px;
    color: #3d4042;
}

#listadoBeneficios ul{
    list-style: none;
    padding: 0;
    width: 700px;
  
}

#listadoBeneficios .imagen {

    display: inline-block;
    vertical-align: top;
    width: 136px;
    text-align: center;
    padding-right: 45px;
}

#listadoBeneficios .informacion {
    display: inline-block;
    vertical-align: top;
}
#listadoBeneficios .informacion  h2
{
    margin: 0;
    color: #00c1de;
}
#listadoBeneficios span {
    font-family: "Lato";
    color: #3d4042;
    font-size: 18px;
    display: block;
    width: 450px;
}

#listadoBeneficios li {
    border-bottom: 1px solid #b1b3b4 ;
    padding: 23px 0;
    padding-left: 35px;
}

#pymesSection {
    border-top: 1px solid #c6c8c9;
    padding: 37px 0;
    position: relative;
}

#pymesSection h1{
    padding-top: 90px;
    margin: 0;
}

#pymesSection p{
    position: relative;
    z-index: 2;
    font-family: "Lato";
    font-size: 18px;
    font-weight: 400
}

#beneficios_flotante {
    position: absolute;
    right: 0;
    top: 17%;
    width: 200px;
    z-index: 3;
    padding: 30px 0;
}
.stickBeneficios
{
     position: absolute !important;
    bottom: 400px;
    top: auto !important;
}
#galeriaEtiquetasSection .viewport ul{
    padding: 0;
    list-style: none;
    margin: 0;
    margin-right: 10px;
    display: inline-block;
    white-space: normal;
     position: relative;
}
#galeriaEtiquetasSection .viewport li{
    display: inline-block;
    margin-right: -1px;
     margin-bottom: -1px;
    border: 1px solid white;
    padding: 55px 16px;
}

#galeriaEtiquetasSection {
    background: #f7f7f7 ;
    padding: 22px 0;
}

.viewport {
    white-space: nowrap;
    margin-top: 90px;
    overflow: hidden;
    padding: 10px 0px;
}

#navegacionGalerias {
    display: inline-block;
    position: absolute;
    right: 0;
}
#navegacionGalerias .current
{
    color:black;
}
#navegacionGalerias .current a
{
    color: inherit;
}
#navegacionGalerias a{

color:#00c1de;
    display: inline-block;
    margin-right: -5px;
    text-decoration: none;
    padding: 0 10px;
    border:1px solid #b1b3b4;
    border-style: none solid;
}

#navegacionGalerias ul{
    padding: 0;
   
    list-style: none;
}
#navegacionGalerias ul li{
    display: inline-block;
    margin-left: 4px;
}

.tabsA ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.tabsA ul li{
    display: inline-block;
    font-family: 'Signika Negative', sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: #ddf2f7 ;
    width: 130px;
    padding: 16px 0;
    vertical-align: bottom;
    text-align: center;
    color:#00c1de;
    cursor: pointer;
}
.tabsA ul .active
{
    color:#fff !important;
    background: #00c1de !important;
}
.tabsA div{
    border:1px solid #00c1de;
    margin: 0;
    width: 666px;
    height: 316px;
    padding-left: 32px;
    padding-bottom: 22px;
    position:relative;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.tabsA div img{
   position: absolute;
    right: 0;
    bottom: 0
}
.tabsA .left
{
    text-align: right;
    padding: 7px;
    font-family: 'Signika Negative';
    font-weight: bold;
    color: #006a7f;
    font-size: 17px;
    vertical-align: top
}
.tabsA .right
{
    font-family: 'Lato';
    font-size: 17px;
    color: #3f4142;
 padding: 7px;
}
.tabsA table {
  border-collapse: collapse;
    width: 400px;
    height: 220px;
    margin-top: 5px;
    margin-left: -2px
   
}
.tabsA table td, .tabsA table th {
  border: 1px solid #c8c9c9;
}
.tabsA table tr:first-child td {
  border-top: 0;
}
.tabsA table tr:last-child td {
  border-bottom: 0;
}
.tabsA table tr td:first-child,
.tabsA table tr th:first-child {
  border-left: 0;
}
.tabsA table tr td:last-child,
.tabsA table tr th:last-child {
  border-right: 0;
}
#galeriaMateriales {
       padding: 22px 0;
}
.tabsA div h3
{
  margin: 0;
    color:#006a7f;
padding-top: 26px;
padding-bottom: 4px;
}

#galeriasFacebook {
    background: #f7f7f7;
    padding: 34px 0;
}
#galeriasFacebook p
{
    font-family: "Lato";
    font-size: 17px;
}
#galeriasFacebook img{
    vertical-align: top;

}

.galeriasThree {
    display: inline-block;
    width: 28%;
    vertical-align: top;
    text-align: center;
    height: 170px;
    border-right: 1px solid #848789;
    padding: 0 30px;
}
.galeriasThree  h2, .galeriasThree  p,.galeriasThree strong
{
    margin: 0;
    padding: 0;
}
.galeriasThree  h2
{
    margin-top: 15px;
    font-size: 20px;
    font-family: 'Signika Negative', sans-serif;
    color: #006a7f;
}
.galeriasThree  p,.galeriasThree strong
{
    font-size: 14px;
    font-family: "Lato";
    color: #3d4042;
}

.galeriasThree img
{
    
}

#galeriasThreeSectiongaleriasThree {
    padding: 30px 0;
    white-space: nowrap;
}

.contenedorimagen {
    height: 46px
}

.FAQ a{
    display: block;
    font-size: 16px;

    font-family: "Lato";
    font-weight: 400;
    color: #00c1de;
    text-decoration: none;;
        margin-bottom: 10px;
}
.FAQ a:hover{
    text-decoration: underline
}



#otrosProductos {
    background: #f7f7f7;
    padding: 34px 0;
}
#otrosProductos h1
{
    margin-bottom: 0;
}
#otrosProductos p
{
    font-family: "Lato";
    margin-top: 5px;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 0
}

.brazalete {
    width :620px;
    height:227px;
    margin-bottom:25px; 
    display:block; 
    margin-right:auto; 
    margin-left:auto;    
}

.leftTable {
position: absolute;
left: 0;    
}

.righTable {
    position: absolute;
    right: 0;
}

h4{
color: #00c1de;
font-size: 22px;
margin-top: 0;
margin: auto !    
}
.tdTitle {
    width:200px; text-align:center; border-right: 1px solid #c4c4c4;
}
.cotizafirstsection
{
    background: #006a7f !important;
}
.cotizafirstsection h1,.cotizafirstsection p
{
    color: white !important;
}
#cotizacion .btn
{
    border-radius: 15px;

    display: inline-block;
    padding: 19px 38px;
    background: #ddf2f7;
    margin-right: 20px;
    width: 200px;  
    
    vertical-align: top;
    text-align: center;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    position: relative;

}
#cotizacion .btn img
{

}
#cotizacion .btn a
{
    font-size: 13px;
    color: #00C1DE;
    float: right;
    margin-right: 5px;
}


#cotizacion .btn h3
{
    color: #006A7F;
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin-top:1;
    text-align: center;
    font-family: "Signika Negative";
    font-weight: bold;
    margin: 0;
position: absolute;
top: 110px;
width: 100%;
left: 0;
}
#cotizacion .btn .disable
{
    
}

#productosEtiquetasSection {
    border-bottom: 1px solid #c6c8c9;
    padding: 37px 0;
    position: relative;
    padding-bottom: 10px;
}

#productosEtiquetasSection h1{
    
    margin: 0;
    padding: 0;
    padding-top: 64px;
    font-family: "Signika Negative";
    font-size: 32px;
    line-height: 35px;
    font-weight: 600;
}

.seccionProductos p{
    position: relative;
    z-index: 2;
    font-family: "Lato";
    color:black;
    font-size: 18px;
}
.seccionProductos h1
{
    line-height: 31px
}
#nuestroHorario {
    background: #f7f7f7;
    padding: 34px 0;
}
#nuestroHorario h1{
    margin: 0;
    padding: 0;
}
#nuestroHorario p
{
    margin: 0;
    margin-top: 3px;
    padding: 0;
    font-family: "Lato";
}
#nuestroHorario img{
   vertical-align: top;
}

.formulario {
    background-color: #ddf2f7;
    width: 680px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 12px;
    padding: 32px 30px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
.formulario label
{
    position: absolute;
    font-family: "Signika Negative";
    font-size: 18px;
    color:#006a7f;
    margin-left: 10px
   
}


.formulario p{

color: #0092a8;
font-size: 18px; 
   
}

.formulario a{
color: #0092a8;
font-size: 18px;
margin-left: 5px;    
}

.formulario input,.formulario textarea{
border: 1px solid #00d9fa; 
border-radius: 1px;    
padding: 5px 10px;
    display: inline-block;
    width: 288px;
    margin-left: 0;
     margin-top: 27px;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px
}
.formulario input
{
  
}
.formulario textarea{
    width: 100%;
}
input[type="submit"]
{
    margin: 0 auto;
    display: block;
    width: 90px;
    border-radius: 50px;
    background-color: #d60056;
    color:white;
    border:2px solid white;
    font-size: 14px;
    padding: 10px 20px;
    font-family: "Lato";
}

.Enviar {
border-radius: 15px !important;
background-color: #D60056; 
width: auto;
height: 31px;   
color: #fff;
font-size: 13px; 
border: 2px solid #fff !important;    
}

#cotizacion h4{
font-weight: normal;
margin-top: 20px;    
}

.etiquetasSeguridad {
    margin-left: 46px;
    text-align: left;
    margin-bottom:30px; 
    display: -webkit-inline-box; 
    width:80%;
    margin-top: 10px;
/*    margin-left: auto;
    margin-right: auto;*/
}
.etiquetasSeguridad div{
width:200px;

margin-right: 10px;    
}

.seguridadHeader {
    background-color:#00C1DE;
 width: inherit;
    
}
.seguridadHeader h6
{
    margin: 0;
    color:white;
    font-size: 19px;
    padding: 1px 18px;
 
}
.seguridadHeader img{
  display: block;
    margin-left: auto;
    margin-right: auto
}

.seguridadHeader a{
    color: #fff;
    font-size: 1.3em;
    margin-left: 0;
}

.scroll {
border: 1px solid #e6e6e6;    
overflow-y: scroll;
overflow-x: hidden;  
    height: 197px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.scroll img
{
    width: 100%;
    margin-top: 5px
}

.uList {
    margin-top: 10px;
    text-align: left !important;
    list-style: circle;
    padding-left: 25px;
    list-style:none;
    padding-right: 10px;
}
.uList li
{
    font-size: 15px;
    color:#3d4042;
    font-family: "Lato";
    
}
.uList li:before
{
content: "-";
position: relative;
margin-left: -10px;
z-index: -15;
padding-right: 6px;
}

.anchore p{
margin: 0;   
    padding: 10px 23px;
    font-size: 15px;
    font-family: "Lato";
    line-height: 15px;
    color:#3d4042;
}
.anchore p a{
    font-family: "Lato";
}

.tipoBrazalete {
 list-style:none; margin-left: -40px;   
}
.tipoBrazalete li {  
}

#subirImagen {
    position: absolute;
    left: -45px
}

.containerpin {
  
  
}

.btnActivado {
    background:#006a7f !important;
    
}
.btnActivado h3
{
    color:white !important;
}
/* Radio */

input[type="radio"] {
    background-color: #dadbdc;
    color:blue;
    border-radius: 10px;
   
   
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin-right: 15px;
    position: relative;
    width: 8px;
    -webkit-appearance: none;
     z-index: 2;
}

input[type="radio"]:checked {
    background-color: #d60056 !important;

}

.seccionProductos {
     border-bottom: 1px solid #E0E0E0;
    padding: 37px 0;
    position: relative;
    padding-bottom: 10px;
}
.seccionProductos h2
{
    font-size: 21px;
    color:#00c1de;
}

#productosEtiquetasSeguridad {
    border:none;
}

.anchore {
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ventajas li{
    margin-bottom: 4px
}

#sectionBrazaletes {

}

#sectionBoletos {
        border:none;
}



.tabsA tr{
    
}

.iconosMateriales {
    position: absolute !important;
    top:33px;
    left: 300px;
        border:none !important;
    margin: 0;
    width: auto !important;
    height: auto !important;
 padding:0 !important;
   }
.iconosMateriales img
{
    position: relative !important;
}

#quienes_somos h1{
    margin: 0
}
#quienes_somos p 
{
    margin: 0;
    margin-top: -2px;
    margin-bottom: 30px;
    font-size: 18px;
    font-family: "Lato";
}

.quienes_somosTabla p{
    padding:5px 28px
}

#formaContacto h4{
    font-family: "Signika Negative";
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px
}

#quienes_somos p b{
    color:#5b5e61;
    font-family:'Signika Negative';
}

#quienes_somos h2{
    font-size: 24px;
    font-family: "Signika Negative";
    color:#00c1de;
     margin: 0;

}

.tabla {
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    width: 100%;
    background: #f7f7f7;
    position: relative;

}
.tabla .titulo
{    
    display: inline-block;
    width: 185px;
   height: 100%;
  vertical-align:top;
 border-right: 1px solid #E0E0E0;
    text-align: center;

}  
.tabla .titulo h3{
position: relative;
 margin: 0;
       
    padding: 15px 0;
    
font-size: 20px;
    color:#00c1de;
    line-height: 21px
}
.tabla .last
{
border:none !important;
}

.tabla .campo {
display: block;
border-bottom: 1px solid #E0E0E0;
    width: 100%;
    padding: 8px 27px;
    line-height: 19px;
    color:#3d4042;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
}

.campos {
    display: inline-block;
    width: 500px;
    height: 100%;
  
}

.dos h3{
    top:30%;
    transform: translateY(-50%);
    padding: 0 !important
}

.uno {
      position: relative;
    top: 20%
}
#botonArriba
{
    width: 40px;
    height: 40px;
    position: fixed;;
    bottom: 5px;
    right: 20px;
}
#error
{
    color: red;
    text-align: center;
    display: block;

}
.validacion
{
    border-color:red !important
}
#cotizaAhora{
/*border-radius*/
-webkit-border-radius:7px 7px 0 0;
   -moz-border-radius:7px 7px 0 0;
        border-radius:7px 7px 0 0;
color:#22c1de;
/*transition*/
-webkit-transition:all 2s ease;
   -moz-transition:all 2s ease;
     -o-transition:all 2s ease;
        transition:all 2s ease;
}

.menuCotiza {
    background: #006a7f;
    border-radius: 7px 7px 0 0;
    color:white ;
}
.menuCotiza:hover
{
   background: #006a7f !important; 
    color:white ;
}
.menuCotiza
{
    color: white !important ;
}
.menuCotiza a
{
    color:inherit;
}
.cortinaCarga
{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: white;
    z-index: 50
}
.cajademensaje {
    margin: 0 auto;
        width:480px;
    background: white;
    position: relative;
    top:30%;
    box-shadow: 0px 0px 1px 10px rgba(0,0,0,.2);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
padding: 16px;
    
}
.cajadetextos h3
{
    font-size: 31px;
    font-family: "Signika Negative";
    padding: 0;
    margin: 0;
    color:#00c1de;
    text-align: center;
}
.cajadetextos
{
border:2px solid #00c1de;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
padding:52px 18px;

}
.cajadetextos p
{
    margin: 0;
    margin-top: 18px;
    color:#00c1de;
    font-size: 19px;
    font-family: "Lato";
    font-weight: 300;
    text-align: center;
}
.primerPaso{
height: 150px;

}
.primerPaso:hover {
   background:#006a7f !important;
}
.primerPaso:hover >h3{

    color:white !important;
}
#wrapperinputs
{
text-align: right;
margin-right: -35px;
margin-top: 15px;
position: relative;
width: 112px;
right: 8px;
margin-bottom: 10px
}
#medidaEtiqueta input[type=text]
{
    width: 60px;
   
    left: 0;
    margin-bottom: 6px;
    border:1px solid #c6c8c9;
}
#medidaEtiqueta input[type=radio]
{
   background-color: #dadbdc;
color: blue;
border-radius: 10px;
cursor: pointer;
display: inline-block;
height: 16px;
margin-right: 1px;
position: relative;
width: 8px;
-webkit-appearance: none;
z-index: 2;
width: 16px;
border: 3px solid white;
}

#medidaEtiqueta label
{
    font-size: 13px;
    color:#00c1de;
}
#wrapperradios
{
    white-space: nowrap;
    margin-left: -23px
}

#wrapperradios label
{
position: relative;
display: inline-block;
top: -4px;
margin-right: 5px;
color:#5b5e61;
}

.cantidadAImprimir input
{
    width:85px;
    border:1px solid #c6c8c9;
}


.cantidadAImprimir label
{
    font-size: 13px;
color: #00c1de;
}
.wrappercantidadImprimir
{
    white-space: nowrap;
    margin-left: -11px;
    width: 136px;
}
.btnSiquientePaso
{
    height: 283px
}


.ejemplo
{
    color:#9b9c9e;
}

.disable
{
    opacity: .3
}

.disable:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: transparent;
top: 0;
left: 0;
z-index: 4;

}

#contenidoPanelFlotante {
    position: fixed;
    z-index: 3;
    top:180px
    
}
#contenidoPanelFlotante ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    background: #1cbad9
}
#contenidoPanelFlotante ul li
{
        background:#1cbad9 ;
    padding:2px 10px;
    text-align:center;
    height: 50px
}
.viewport li 
{
    position: relative;
}
.eliminarGaleria
{
position: absolute;
right: 5px;
margin-top: -10px;
width: 10%;
}

#clickFile
{
    cursor: pointer;
}
.preguntasfrecuentesmenu ul
{
    display: inline-block;
    list-style: none;
    padding: 0;
    width: 310px

}
.preguntasfrecuentesmenu li
{
    border-bottom: 1px solid #4dc1df;
    padding: 16px 10px;
    font-family: 'Signika Negative';
    font-size: 18px;
    font-weight: bold;
    color:#4dc1df;
}
.preguntasfrecuentesmenu li img
{
    margin-right: 5px
}
.preguntasfrecuentesmenu li:hover
{
    cursor: pointer;
}
#preguntas h2
{
    font-family: 'Signika Negative';
    font-size: 20px;
    margin: 0;
    color: #006a7f;
    margin-bottom: 25px
}
#preguntas h3, #preguntas p{
    font-family: "Lato";
    font-weight: bold;
    color:#00c1de;
    font-size: 18px;
    margin: 0;
}
 #preguntas p{
     font-weight: 400;
     color: #3d4042;
     width: 700px;
     margin-top:7px;
    border-bottom: 1px solid #c6c8c9;
    padding-bottom: 25px;
    margin-bottom: 25px;
    white-space: pre-line;
 }
#preguntas h3
{
   font-size: 24px;
    font-family: 'Signika Negative' !important


}
#preguntas b
{
    font-size: 18px;
    font-family: 'Signika Negative';
font-weight: 500;    color: #00c1de    
}
#preguntas {
    padding: 35px 0;
}
#preguntas p a
{
    font-weight: bold;
    color: #ff2364
}
.listadoInterno
{

    list-style: none;
    padding: 0;
    color:#3d4042;
    font-family: "Lato";
    width: 100%;
    padding: 0 70px;
    margin:0;
    margin-top: -45px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}

.listadoInterno li
{
    padding: 16px 0;
    border-bottom: 1px solid #4dc1df;
}
.listadoInterno li img
{
    display: block;
    margin: 10px auto;
    }
.listadoInterno li:last-child
{
    border: none;
}
.btnRed
{
    margin: 0 auto;
display: block;
width: 114px;
border-radius: 50px;
background-color: #d60056;
color: white;
border: 2px solid white;
font-size: 14px;
padding: 10px ;
font-family: "Lato";
text-decoration: none;
}
.noBorder
{
    border: none;
}
.separacionWrapper
{
    border-top:1px solid #c6c8c9;
    width: 100%;
    position: relative;
    height: 1px;
    margin-bottom: 35px
}
#formatos h5
{
    font-family: "Lato";
    font-size: 15px;
    margin:0;

}
#formatos
{
    white-space: pre-line;
    color:#3d4042;
        font-style: italic;
        font-size: 15px

}
#formatos b
{
color: inherit;
}