@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700);

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


.mainmenu {

    color: #FFFFFF; /* FONT COLOR*/

    font-family: 'Cuprum',Georgia,"Times New Roman",Times,Serif;

    font-size: 13px;

    min-height: 68px;

    width: 100%;

}

.mainmenu ul {margin: 0; padding: 0; }

.mainmenu li i { position: absolute; margin-left: -30px; margin-top: 6px;}

.mainmenu li { float: left; display: block; padding: 10px 10px 10px 40px; border-right: 1px solid #ffffff; cursor: pointer; }

.mainmenu li:last-child{ border-right:none;}

.mainmenu li main {font-weight: 700; margin-top: -18px; }

.mainmenu li span { position: relative; float: left; font-size: 11px; color: #f5f7f8; }



.mainmenu li, .mainmenu li i, .mainmenu li main, .mainmenu li span {

    -moz-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

}



.mainmenu li:hover main { 

  margin-left: 10px; 

   -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}

.mainmenu li:hover span { 

  margin-left: 15px; 

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



/* COLOR MANAGEMENT */



.ccblue .mainmenu { background-color: #03B2EC; background-repeat: repeat;}

.ccblue .mainmenu li:hover { background: #044c64; }

.ccblue .mainmenu li:hover i {color: #ffffff;}

.ccblue .mainmenu li i { color: #044c64; }

.ccblue .mainmenu li:hover i {color: #ffffff;}



.ccred .mainmenu { background: none repeat scroll 0 0 #f00940;}

.ccred .mainmenu li:hover { background: #a30328; }

.ccred .mainmenu li i { color: #a30328; }

.ccred .mainmenu li:hover i {color: #ffffff;}



.ccgreen .mainmenu { background: none repeat scroll 0 0 #98c304;}

.ccgreen .mainmenu li:hover { background: #5e7902; }

.ccgreen .mainmenu li i { color: #5e7902; }

.ccgreen .mainmenu li:hover i {color: #ffffff;}



.cssbron .mainmenu { background: none repeat scroll 0 0 #af4004;}

.cssbron .mainmenu li:hover { background: #7c2e03; }

.cssbron .mainmenu li i { color: #7c2e03; }

.cssbron .mainmenu li:hover i {color: #ffffff;}



section{ float:left; width:100%; margin-bottom:1px;}

nav div#pull {
  display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
    nav div#logo {
     display: none;
    } 
  nav { 
      height: auto;
    }
    nav ul {
      width: 100%;
      display: block;
      height: auto;
    }
    nav li {
      width: 30%;
      float: left;
      position: relative;
    }
    nav li a {
    border-bottom: 1px solid #576979;
    border-right: 1px solid #576979;
  }
    nav a {
      text-align: left;
      width: 100%;
      text-indent: 25px;
    }
}



/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
  nav {
    border-bottom: 0;
  }
  nav div#logo {
     display: none;
  }
  nav ul {
    display: none;
    height: auto;
  }
  nav div#pull {
    display: block;
    min-height: 68px;    
    width: 100%;
    position: relative;    
    color: #ffffff;
    font-size: 20px;    
    background-color: #03B2EC; background-repeat: repeat;    
  }
  nav div#pull:after {
    content:"";
    background: url('nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 25px;
  }  
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
  nav li {
    display: block;
    float: none;
    width: 100%;
  }
  nav li a {
    border-bottom: 1px solid #576979;
  }
}


.icoredes{

    height: 50px;

}



.icoredes2{

    height: 80px;

}



.response{



}



.titulos{

font-family: 'Cuprum',Georgia,"Times New Roman",Times,Serif;

}



.imgpag{

width: 300px;

height: auto;

}

.space{

    margin-top: 10px;

}



.rounded-img {

    display: inline-block;

    border: solid 1px #000;

    overflow: hidden;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

}



.submenu{

    font-family: 'Cuprum',Georgia,"Times New Roman",Times,Serif;

    color: #848484;

    cursor: pointer;

}


.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 0%;
  height: 0;
  margin-bottom: 16px;
  
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 45.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}