/* 
    Created on : 29/06/2020, 11:10:27 AM
    Author     : verov
*/
#bgcolor{
    position:absolute;
    top:0px;
    left: 0px;
    min-width:1100px;
    width: 100%;
}

.div_rosa
{
    width:100%;
    background-color: #fa6783;
    position: relative;
    top: 0px; 
}

.div_rosa p
{
   color: #ffffff;
   font-family: tahoma;
   font-size: 12px;
   text-align: right;
}

.div_blanco
{
    width:100%;
    background-color: #fff;
    position: relative;
    top: 0px;
    
}

.div_blanco p
{
    text-align: center;
}

.div_blanco a
{
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 15px;
    color: #000;
}

.div_blanco a:hover
{
    border-bottom: 4px solid #83cced;
    color: #83cced;
    transition: 0.3s;
}

.div_blanco u
{
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 15px;
    color: #83cced;
    border-bottom: 4px solid #83cced;
}

.div_azul
{
    background-color: #60caf4;
    position: relative;
    margin: auto;
    width: 30%;
    border-radius: 30px;
}

.div_azul p
{
    text-align: center;
    line-height: 200%;
    font-size: 25px;
    font-family: century gothic;
    color: #fff;
}

.div_cuadernillo_info
{
    width: 70%;
    position: relative;
    margin: auto;
}

.div_c_marino
{
    background-color: #004378;
    border-radius: 30px;
    width: 100%
}

.div_c_marino_b
{
    background-color: #004378;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_marino_b:hover
{
    background-color: #180064;
    transition: 0.3s;
}

.div_c_rojo
{
    background-color: #b0110b;
    border-radius: 30px;
    width: 100%
}

.div_c_rojo_b
{
    background-color: #b0110b;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_rojo_b:hover
{
    background-color: #8c000d;
    transition: 0.3s;
}

.div_c_verde
{
    background-color: #195436;
    border-radius: 30px;
    width: 100%
}

.div_c_verde_b
{
    background-color: #195436;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_verde_b:hover
{
    background-color: #10500f;
    transition: 0.3s;
}

.div_c_morado
{
    background-color: #561952;
    border-radius: 30px;
    width: 100%
}

.div_c_morado_b
{
    background-color: #561952;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_morado_b:hover
{
    background-color: #701257;
    transition: 0.3s;
}

.div_c_celeste
{
    background-color: #006fb4;
    border-radius: 30px;
    width: 100%
}

.div_c_celeste_b
{
    background-color: #006fb4;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_celeste_b:hover
{
    background-color: #0800b4;
    transition: 0.3s;
}

.div_c_naranja
{
    background-color: #ff5d00;
    border-radius: 30px;
    width: 100%
}

.div_c_naranja_b
{
    background-color: #ff5d00;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_naranja_b:hover
{
    background-color: #d42b03;
    transition: 0.3s;
}

.div_c_coral
{
    background-color: #fa6765;
    border-radius: 30px;
    width: 100%
}

.div_c_coral_b
{
    background-color: #fa6765;
    border-radius: 15px;
    width: 70%;
    position: relative;
    margin: auto
}

.div_c_coral_b:hover
{
    background-color: #fc3333;
    transition: 0.3s;
}

.div_cuadernillo_info p
{
    color: #fff;
    font-family: arial;
    font-size: 16px;
    line-height: 150%;
}

.div_cuadernillo_info img
{
    border: 5px solid #fff;
}

.div_cuadernillo_info img:hover
{
    border: 5px solid #60caf4;
    transition: 0.3s;
}

.texto_ver_producto
{
    text-align: center;
    line-height: 200%;
    font-size: 20px;
    font-family: century gothic;
    color: #fff;
}

a{
    text-decoration: none;
}

.titulo
{
    font-family: tahoma;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #000;
}

p
{
    color: #000;
    font-family: arial;
    font-size: 16px;
    text-align: justify;
    line-height: 150%;
}

.div_rojo
{
    background-color: #ff2b11;
    width: 100%
}

.div_rojo p
{
    text-align: center;
    font-size: 30px;
    color: #fff;    
}

.div_rojo a
{
    font-family: tahoma;
    font-size: 30px;
    color: #fff;
}

.shadow
{
position: absolute;
width: 100%;
height: 10px;
background: #00000044;
background: -moz-linear-gradient(top, #00000044 0%, #ffffff00 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #00000044), color-stop(100%, #ffffff00));
background: -webkit-linear-gradient(top, #00000044 0%, #ffffff00 100%);
background: -o-linear-gradient(top, #00000044 0%, #ffffff00 100%);
background: -ms-linear-gradient(top, #00000044 0%, #ffffff00 100%);
background: linear-gradient(to bottom, #00000044 0%, #ffffff00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000044', endColorstr='#ffffff00', GradientType=0 );
}

.textbox{
  height:50px;
  width:100%;
  border-radius:15px;
  border:rgba(0,0,0,.3) 4px solid;
  box-sizing:border-box;
  padding:10px;
  margin-bottom:30px;
}

.textbox:focus{
  outline:none;
   border:#fa6765 4px solid;
   color:#fa6765;
   transition: 0.4s
}

.textarea
{
color: #000;
width:100%;
height: 150px;
padding:10px;
box-sizing:borderbox;
background:#fff;
outline:none;
resize:none;border:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius:15px;
  border:rgba(0,0,0,.3) 4px solid;
font-family:'Montserrat',sans-serif;
transition:all .4s;
}

.textarea:focus{
  outline:none;
   border:#fa6765 4px solid;
   color:#fa6765;
   transition: 0.4s
}

.button{
  height:50px;
  width:200px;
  border-radius:20px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:10px;
  margin-bottom:30px;
  background:#fa6765;
  color:#fff;
  font-family: century gothic;
  font-weight: bold;
  font-size: 12pt;
  transition: .4s;
  cursor:pointer;
  
}

.button:hover{
  background:#fc3333;
  color:#fff;
}

.separador
{
    background-color: #fa6765;
    position: relative;
    margin: auto;
    width: 2px;
    height: 400px;
}