img {
	max-width: 100%;
	/*width:100%;*/
	height: auto;
	-ms-interpolation-mode: bicubic;
}
/* ie 8 img max-width */
@media \0screen {
  img { width: auto;}
}



video { /* html5 video */
	max-width: 100%;
	height: auto;
}
.embed {
	position: relative;
	display: block;
	height:0;
	margin:0;
	padding:0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	overflow: hidden;
	background-color:#000;
}

.embed iframe ,
.embed iframe div ,
.embed iframe object ,
.embed iframe embed ,
.embed iframe div object ,
.embed iframe div embed ,
.embed object ,
.embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* general
********************************************************************************/

.spacerS { padding:5px; }
.spacer { padding:10px; }
.spacerL { padding:20px; }
.spacerXL { padding:40px; }

.spacerTB {
	margin-top:20px !important;
	margin-bottom:20px !important;
}
.spacerLeft { margin-left:20px; }
.spacerRight { margin-right:20px; }
.spacerTop { margin-top:20px; }
.spacerBottom { margin-bottom:20px; }



.show { display:block !important; }
.hide { display:none !important; }

.txtL { text-align: left !important; }
.txtR { text-align: right !important; }
.txtC { text-align: center !important; }

.txtSmall { font-size: small; }

.floatR { float: right !important; }
.floatL { float: left !important; }

.pointer {
	cursor:pointer !important;
}

.inlineB {
	display: inline-block !important;
}

.nowrap {
	white-space: nowrap;
}


/* layout columnas
****************************************************************/

.anchoFix {
    display:block;
    position:relative;
    margin-right: auto !important;
    margin-left: auto !important;
    padding:0 0em;
	
	max-width:950px;
	max-width:1200px;
}

.blokInline {
	display: inline-block !important;
	vertical-align: top;
	float:none !important;
}


.blok ,
.blok5 ,
.blok10 ,
.blok15 ,
.blok20 ,
.blok25 ,
.blok30 ,
.blok33 ,
.blok34 ,
.blok35 ,
.blok40 ,
.blok45 ,
.blok50 ,
.blok55 ,
.blok60 ,
.blok65 ,
.blok66 ,
.blok67 ,
.blok70 ,
.blok75 ,
.blok80 ,
.blok90 ,
.blok100 {
    position:relative;
    float:left;
	border:0;
}
.blok { float:none; }

.blok { width:100%; }
.blok5 { width:5%; }
.blok10 { width:10%; }
.blok15 { width:15%; }
.blok20 { width:20%; }
.blok25 { width:25%; }
.blok30 { width:30%; }
.blok33 { width:33.3333%; }
.blok34 { width:34%; }
.blok35 { width:35%; }
.blok40 { width:40%; }
.blok45 { width:45%; }
.blok50 { width:50%; }
.blok55 { width:55%; }
.blok60 { width:60%; }
.blok65 { width:65%; }
.blok66 { width:66.665%; }
.blok67 { width:67%; }
.blok70 { width:70%; }
.blok75 { width:75%; }
.blok80 { width:80%; }
.blok90 { width:90%; }
.blok100 { width:100%; }


[class^="blok"] ,
[class*=" blok"] {
	padding-left:2em;
	padding-right:2em;
}

[class*=" blok"].odd ,
[class^="blok"].odd ,
[class*=" blok"].even ,
[class^="blok"].even { padding:0; }
[class*=" blok"].odd ,
[class^="blok"].odd { padding-right:2em; }
[class*=" blok"].even ,
[class^="blok"].even { padding-left:2em; }


[class^="blok"].blokGap ,
[class*=" blok"].blokGap {
    padding:2em !important;
}


[class^="blok"].blokClear ,
[class*=" blok"].blokClear {
	padding: 0 !important;
}

[class^="blok"].blokGrid ,
[class*=" blok"].blokGrid {
	display: inline-block !important;
	vertical-align: top !important;
	margin-right:-4px !important;
	float:none !important;
}

[role="form"] [class^="blok"] ,
[role="form"] [class*=" blok"] {
    padding:0 !important;
}

/* tablet & mobile
**********************************************************************/

@media screen and (max-width: 800px) {
    
    .anchoFix {
        padding:0 5% !important;
    }
    
    .odd ,
    .even {}
    .odd { padding-right: 0 !important; }
    .even { padding-left: 0 !important; }
	
    [class^="blok"] ,
    [class*=" blok"] {
		float:none !important;
		display: block !important;
		width: 100% !important;
        
        padding-left:1em !important;
        padding-right:1em !important;
    }
    
    .blok25.blokGrid.responsive { 
        display: inline-block !important;
        width:50% !important;
    }
}

/* Mobile
**********************************************************************/

@media screen and (max-width: 480px) {
    
    [class^="blok"] ,
    [class*=" blok"] {
        padding-left:0em !important;
        padding-right:0em !important;
    }
    
    [class^="blok"].blokGap ,
    [class*=" blok"].blokGap {
        padding:1em !important;
    }
    
    /*.blok25 { width:100% !important; }*/
    .blok25.blokGrid.responsive { 
        /*float:left !important;*/
        display: inline-block !important;
        width:100% !important;
    }
    
}


/***********************************************************************/

.clearfix:after {
    visibility: hidden;
    display: block !important;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }