/* ************************************** */
/* GLOBAL */
*{
  margin:               0px;
  padding:              0px;
  border:               0px;
  color:                #000;
  text-decoration:      none;
  font-size:            1em;
  font-family:          'Dosis', sans-serif;
  list-style:           none;
}
body{
	background-color:     #fdc5fa;
  margin:               0px 0px 0px 0px;
  transition:           all 1s ease; 
  -o-transition:        all 1s ease; 
  -moz-transition:      all 1s ease; 
  -webkit-transition:   all 1s ease;
}
a{
  font-weight:          bold;
}
a:link{                 color:        #FFF}
a:visited{              color:        #FFF}
a:hover{                color:        #db3a5f}
a:active{               color:        #db3a5f}
p:first-child{          text-indent:  0px}
dt{
  font-weight:          bold;
  font-size:            1.2em;
}
strong{
  font-weight:          500;
}
h2{
  font-variant:         small-caps;
  font-weight:          700;
  font-size:            1.3em;
  color:                #db3a5f;
}
h3{
  font-variant:         small-caps;
  font-weight:          700;
  font-size:            1.3em;
}
h4{
  text-transform:       uppercase;
  font-weight:          700;
  font-size:            1.2em;
  margin-top:           1.2em;
}
img{
  width:                100%;
  display:              block;
}
/* ************************************** */
/* HTML5 ELEMENTS */
header, nav, section, footer{
  width:                100%;
  max-width:            1050px;
  margin:               auto;
}
.videoWrapper{
	position:             relative;
	padding-bottom:       56.25%; /* 16:9 */
	height:               0;
  margin:               1em 0 1em 0;
}
.videoWrapper iframe{
	position:             absolute;
	top:                  0;
	left:                 0;
	width:                100%;
	height:               100%;
}
article a:link{         color:        #60a4d9}
article a:visited{      color:        #60a4d9}
article a:hover{        color:        #db3a5f}
article a:active{       color:        #db3a5f}
article ul li a{
  display:              block;
}
article{
  background-color:     #FFFFFF;
  color:                #000000;
  padding:              0px 10px 10px 10px;
  border-top-color:     #FFFFFF;
  border-top-style:     solid;
  border-top-width:     1em;
}
article img{
  width:                50%;
  display:              inline-block;
}
figure{
  display:              inline-block;
  vertical-align:       top;
}
figure img{
  width:                100%;
}
figcaption{
  text-align:           left;
  -ms-word-break:       break-all;
  word-break:           break-all;
  /* Non standard for webkit */
  word-break:           break-word;
  -webkit-hyphens:      auto;
  -moz-hyphens:         auto;
  -ms-hyphens:          auto;
  hyphens:              auto;
}
nav{
  font-weight:          bold;
  text-transform:       uppercase;
  margin:               5px 0px 5px 0px;
}
nav ul{
  text-align:           center;
}
nav li{
  display:              inline-block;
  margin:               0px 10px 0px 10px;
}
nav li:first-child{     margin-left:  0px}
nav li:last-child{      margin-right: 0px}
span{
  display:              inline-block;
}
/* ************************************** */
/* HTML ID */
#img{
  font-size:            0px;
  background-color:     transparent;
  padding:              0px;
}
#insta a{
  display:              inline-block;
}
#thumbs, #thumbs2{
  width:                100%;
  font-size:            0px;
  margin-top:           20px;
}
/* ************************************** */
/* HTML CLASS */
.pic_dwn, .pic_agenda{
	width:                200px;
	height:               200px;
  border-radius:        0 50%;
}
.txt_dwn, .txt_agenda{
	vertical-align:       top;
  text-align:           left;
}
.thumb{
  padding:              0px;
  margin:               0px;
}
.youtube {
    position:           relative;
    width:              100%;
    height:             0;
    padding-bottom:     60%;
}
.video {
    position:           absolute;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
}
.soldout{
  color:                #FF0000;
  font-weight:          900;
  font-weight:          bold;
  font-variant:         small-caps;
}
.body_image{
  width:                100%;
}
/* **************************************************************************** */
/* MOBILE PORTRAIT */
/* **************************************************************************** */
@media (min-width: 300px) {
/* GLOBAL */
dt{
  padding-bottom:       .5em;
}
p{
  text-indent:          1.2em;
  font-size:            1.2em;
  text-align:           justify;
}
/* ************************************** */
/* HTML5 ELEMENTS */
nav{
  border-top-width:     10px;
  border-bottom-width:  20px;
  font-size:            1.2em;
}
article ul{
  font-size:            1.2em;
}
article ul li a{
  padding-top:          .6em;
}
footer{
  background-color:     #FFFFFF;
  margin:               10px 0px 0px 0px;
}
figure{
  width:                100%;
}
figcaption{
  margin:               .5em 0em 1em 0em;
}
/* ************************************** */
/* HTML ID */
#insta{
  text-align:           left;
}
#insta img{
  width:                100%;
}
#insta ul{
  margin-bottom:        1em;
}
/* ************************************** */
/* HTML CLASS */
.pic_dwn, .pic_agenda{
	margin:               0px 20px 20px 0px;
	padding:              0px;
}
.pic_agenda{
  visibility:           hidden;
  display:              none;
}
.txt_dwn{
	display:              inline-block;
  margin:               0px 0px 20px 0px;
  padding:              0px;
  width:                60%;
  line-height:          1em;
}
.txt_agenda{
	display:              inline-block;
  margin:               0px 0px 20px 0px;
  padding:              0px;
  width:                100%;
  line-height:          1em;
}
.txt_dwn a, .txt_agenda a{
  margin:               0px;
  padding:              0px;
}
.thumb{
  width:                50%;
}
/* **************************************************************************** */
/* MOBILE LANDSCAPE */
/* **************************************************************************** */
@media (min-width: 530px) {
/* ************************************** */
/* HTML5 ELEMENTS */
nav{
  font-size:            1em;
}
figure{
  width:                50%;
}
figcaption{
  margin:               .5em 1em 2em 1em;
}
/* ************************************** */
/* HTML ID */
#insta{
  text-align:           left;
}
#insta img{
  display:              inline-block;
  margin-right:         1em;
  width:                50%;
}
#insta ul{
  width:                40%;
  display:              inline-block;
  vertical-align:       top;
  margin:               0;
}
#insta ul li{
  padding-bottom:       .5em;
}
/* ************************************** */
/* HTML CLASS */
.txt_dwn, .txt_agenda{
	display:              inline-block;
}
.txt_agenda{
  width:                60%;
}
.thumb{
  width:                25%; /* 25 */
}
.pic_agenda{
  visibility:           visible;
  display:              inline-block;
}
}
/* **************************************************************************** */
/* IPAD AND DESKTOP */
/* **************************************************************************** */
@media (min-width: 700px) and (min-height: 400px) {
/* GLOBAL */
p{
  text-indent:          1em;
  font-size:            1em;
}
/* ************************************** */
/* HTML5 ELEMENTS */
nav{
  font-size:            1.1em;
  border-top-width:     20px;
  border-bottom-width:  30px;
}
footer{
  margin-bottom:        20px;
}
article{
  padding:              0px 20px 20px 20px;
}
article ul{
  font-size:            1em;
}
article ul li a{
  padding-top:          .5em;
}
}