#container {
width:100%;
height:auto;
position: absolute;
background: #FFFF00;
top: 0; left:0; right:0; bottom:0;}

#b1 {
width:100%;
height:100%;
background: #0099CC;
}

#b2 {
width:100%;
height:800px;
background: #00CC66;
}

#b3 {
width:100%;
height:100%;
background: url(images/protec.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#b4 {
width:100%;
height:100%;
background: #000066;
}

#b5 {
width:100%;
height:400px;
background: #FF9900;
}


.wrapper {
  width: 80%;
  margin: auto;
  overflow:hidden;
}
.contenido {
  padding-top: 80px;
}



.hvr-bounce-to-top {
width:100%;
height:43px;
padding-top:7px;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #990000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: #FFF;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 2);
}

.menu2{
font-family: Georgia;
font-size:16px;font-style:normal;
line-height:normal;
font-weight:bold;
font-variant:normal;
text-transform:capitalize;
color:#fff;
text-decoration:none;
}


.colborder {border-right:1px solid #ddd; border-height:90%;}

.divup {
height:50px;
text-align:center;
background: #000066;
color:#fff;}


.divcentro {
margin-right:10%;
margin-left:10%;
height:auto;
text-align:center;
/*background: #006699;*/
color:#fff;}

.images{border-left:#FFF 1px solid;border-right:#FFF 1px solid;border-top:#FFF 1px solid;border-bottom:#FFF  1px solid;}
.images:hover{border-left:#000 1px solid;border-right:#000 1px solid;border-top:#000 1px solid;border-bottom:#000  1px solid;color:#fff;opacity: 0.65;filter: alpha(opacity=65);}
.floatl {float:left;}
.floatr { float:right;}


/*Textos*/

.t1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
text-decoration:none;
color:#FFF;
}


/*Principal*/

.w100 {width:100%;}
.h100 {height:100%;}
.hauto { height:auto;}

/*Width�s*/

.last {margin-right:0;padding-right:0;}
.w05{ width:5%}
.w10{ width:10%}
.w15{ width:15%}
.w20{ width:20%}
.w25{ width:25%}
.w30{ width:30%}
.w35{ width:35%}
.w40{ width:40%}
.w45{ width:45%}
.w50{ width:50%}
.w55{ width:55%}
.w60{ width:60%}
.w65{ width:65%}
.w70{ width:70%}
.w75{ width:75%}
.w80{ width:80%}
.w85{ width:85%}
.w90{ width:90%}
.w95{ width:95%}



/*Colors*/

.color { background-color:#66FFFF;}


/*Margins*/

.marl01{ margin-left:1%}
.marl02{ margin-left:2%}
.marl03{ margin-left:3%}
.marl04{ margin-left:4%}

.marl05{ margin-left:5%}
.marr05{ margin-right:5%}
.marl10{ margin-left:10%}
.marr10{ margin-right:10%}

.marl15{ margin-left:15%}
.marr15{ margin-right:15%}
.marl20{ margin-left:20%}
.marr20{ margin-right:20%}

.marl25{ margin-left:25%}
.marr25{ margin-right:25%}
.marl30{ margin-left:30%}
.marr30{ margin-right:30%}

.marl35{ margin-left:35%}
.marr35{ margin-right:35%}
.marl40{ margin-left:40%}
.marr40{ margin-right:40%}

.marl45{ margin-left:45%}
.marr45{ margin-right:45%}
.marl50{ margin-left:50%}
.marr50{ margin-right:50%}

.marl55{ margin-left:55%}
.marr55{ margin-right:55%}
.marl60{ margin-left:60%}
.marr60{ margin-right:60%}

.marl65{ margin-left:65%}
.marr65{ margin-right:65%}
.marl70{ margin-left:70%}
.marr70{ margin-right:70%}

.marl75{ margin-left:75%}
.marr75{ margin-right:75%}
.marl80{ margin-left:80%}
.marr80{ margin-right:80%}

.marl85{ margin-left:85%}
.marr85{ margin-right:85%}
.marl90{ margin-left:90%}
.marr90{ margin-right:90%}


/*Paddings*/

.padl05{ padding-left:5%}
.padr05{ padding-right:5%}
.padl10{ padding-left:10%}
.padr10{ padding-right:10%}

.padl15{ padding-left:15%}
.padr15{ padding-right:15%}
.padl20{ padding-left:20%}
.padr20{ padding-right:20%}

.padl25{ padding-left:25%}
.padr25{ padding-right:25%}
.padl30{ padding-left:30%}
.padr30{ padding-right:30%}

/*Alturas*/

.h10p {height:10px;}
.h20p {height:20px;}
.h30p {height:30px;}
.h40p {height:40px;}
.h50p {height:50px;}
.h60p {height:60px;}
.h70p {height:70px;}
.h80p {height:80px;}
.h90p {height:90px;}
.h100p {height:100px;}
.h600p {height:400px;}

/*Pad�s*/

.pt01 { padding-top:1%}
.pt02 { padding-top:2%}
.pt03 { padding-top:3%}
.pt04 { padding-top:4%}
.pt05 { padding-top:5%}
.pt10 { padding-top:10%}




/*Textos*/

.inicio
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-decoration:none;
color:#FFF;
font-weight:bold;
}

.productos
{
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
text-decoration:none;
color:#FFF;
font-weight:bold;
}
.contacto
{
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
text-decoration:none;
color:#FFFF66;
font-weight:bold;
}

.contacto2
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration:none;
color:#FFFF66;
font-weight:bold;
}