/* Start Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {	border-collapse: collapse;border-spacing: 0;}

/* End Reset */



/* Start Main */

body, html { margin:0; padding:0; color: #666; background: url(../_Images/bg.jpg) repeat top center;}
p { margin:0; padding:0 0 0px 0;}

h1, h2, h3, h4, h5 { padding:0px 0; }

a:hover { text-decoration: underline; }

ul, ol { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; }

.center { text-align: center; }
.clear { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; }
.clear10 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 0px #ccc solid; margin-top: 5px; margin-bottom: 5px; }
.clear20 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 0px #ccc solid; margin-top: 10px; margin-bottom: 10px; }
.clear30 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 0px #ccc solid; margin-top: 15px; margin-bottom: 15px; }
.clear40 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 0px #ccc solid; margin-top: 20px; margin-bottom: 20px; }
.clear50 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 0px #ccc solid; margin-top: 25px; margin-bottom: 25px; }

.clearb10 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 1px #ccc solid; margin-top: 5px; margin-bottom: 5px; }
.clearb20 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-bottom: 1px #ccc solid; margin-top: 10px; margin-bottom: 10px; }
.clearb30 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 1px #ccc solid; margin-top: 15px; margin-bottom: 15px; }
.clearb40 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 1px #ccc dashed; margin-top: 20px; margin-bottom: 20px; }
.clearb50 { clear:both; padding:0; margin:0; width:100%; height:0; line-height:0px; font-size:0px; overflow:hidden; border-top: 1px #ccc solid; margin-top: 25px; margin-bottom: 25px; }

h1 { margin:0 auto; padding:0 0 0px 0; font-family: 'Electrolize', sans-serif; font-size:18px; text-transform: uppercase; color: #333366; font-weight:nornal;}
h2 { margin:0 0 8px 0; padding:0px 0 0px 0; font-family: 'Electrolize', sans-serif; font-size:18px; text-transform: uppercase; color: #333366; font-weight:nornal;}
h3 { margin:0; padding:0; font-family: 'Electrolize', sans-serif; font-size:18px; text-transform: uppercase; color: #333366; font-weight:nornal; }
h4 { margin:0; padding:0; font-family: 'Electrolize', sans-serif; font-size:12px; text-transform: uppercase; color: #333366; font-weight:nornal; }
h5 { margin:0; padding:0; font-family: 'Electrolize', sans-serif; font-size:10px; text-transform: uppercase; color: #333366; font-weight:nornal; }
h6 { margin-left:-5px; margin-bottom: 8px; padding:0; font-family: 'Electrolize', sans-serif; font-size:18px; text-transform: uppercase; color: #333366; font-weight:nornal;}

p.botm12px { margin:0 0 12px 0; }
p.lh2em { margin:0; padding:16px 0; line-height:2em; }

span.big { font-size:14px; }
.dotted { border-bottom:0px dotted #bdbdbd; }

h2.dotted a {text-decoration: none; }
h2.dotted a:hover {text-decoration: underline; }

p.small, div.small { font-size: 10px; }
p.bot4px { font-size:11px; margin:0; padding:0 0 4px 0; }
p.green { color: #009900; }
p.yellow { color: #D8D2A9; }
p.red { color: #CC0000; }

/* positioning */
.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }

/* padding */
.pad5 { padding:5px 0 }
.pad10 { padding:10px 0 }
.pad25 { padding:25px 0 }
.pad50 { padding:50px 0 }
.pad75 { padding:75px 0 }
.pad100 { padding:100px 0 }

/* Alert backgrounds */
.box-yellow { background-color:#FFFFCC; border:1px solid #D8D2A9; padding:7px; }
.box-red, .error { background-color:#FFEBE8; border:1px solid #CC0000; padding:7px; }

.container { margin:0; padding:0; width:100%; font:normal 13px/1.5em Arial, Helvetica, sans-serif; color:#333; }


/* HEADER */
.header { width: 100%; }
.content { width: 100%;  }
.footer { width: 100%;  }
.header_web { margin:0 auto; width:900px; padding-top: 10px; height: 150px; background: url(../_Images/bg-header.jpg) no-repeat bottom center; }
.content_web { margin:0 auto; width:840px; padding: 0px 25px 10px 25px; background: url(../_Images/bg-content.jpg) repeat-y top center; }
.footer_web { margin:0 auto; width:900px; padding: 50px 0px 0px 0px; height: 200px; background: url(../_Images/bg-footer.jpg) no-repeat top center;}
.rights_web { margin:0 auto; width:900px; padding-top: 0px; min-height: 90px;}

.header_web #logo { float:left; width: 350px; margin-top: 10px;}
.header_web .header_right { float:right; width: 520px; text-align: right;padding-top: 10px;}

/* MENU */

.img-menu{
    width: 100px;
    height: 100px;
}


/* CONTENT */


/* columns 2cols left */
.tab2l { float: left; text-align: left; margin:0 auto; width:50%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab2llast { float: right; margin:0 auto; text-align: left; width:50%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 2cols centered */
.tab2c { float: left; text-align: center; margin:0 auto; width:50%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab2clast { float: right; margin:0 auto; text-align: center; width:50%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 3cols left */
.tab3l { float: left; text-align: left; margin:0 auto; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3l { margin:0 auto; text-align: left; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3llast { float: right; margin:0 auto; text-align: left; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 4cols left */
.tab4l { float: left; text-align: left; margin:0 auto; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab4l { margin:0 auto; text-align: left; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab4llast {float: right; margin:0 auto; text-align: left; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 5cols left */
.tab5l { float: left; text-align: left; margin:0 auto; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab5l { margin:0 auto; text-align: left; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab5llast {float: right; margin:0 auto; text-align: left; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 3cols centered */
.tab3c { float: left; text-align: center; margin:0 auto; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3c { margin:0 auto; text-align: center; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3clast {float: right; margin:0 auto; text-align: center; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 4cols centered */
.tab4c { float: left; text-align: center; margin:0 auto; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab4c { margin:0 auto; text-align: center; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab4clast {float: right; margin:0 auto; text-align: center; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 5cols centered */
.tab5c { float: left; text-align: center; margin:0 auto; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab5c { margin:0 auto; text-align: center; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab5clast {float: right; margin:0 auto; text-align: center; width:20%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab5c img{width: 100px; height: 100px;}

/* columns 3cols left 35-40-25 */
.tab3l35 { float: left; text-align: left; margin:0 auto; width:35%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3l40 { margin:0 auto; text-align: left; width:40%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3l25last { float: right; margin:0 auto; text-align: left; width:25%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}

/* columns 3cols left */
.tab3l { float: left; text-align: left; margin:0 auto; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3l { margin:0 auto; text-align: left; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}
.tab3llast {float: right; margin:0 auto; text-align: left; width:33%; padding-top: 0px; font-family: 'Electrolize', sans-serif;}












li .formulario {background: url(../_Images/formulario.png) no-repeat top center; width:100%;}



/* FOOTER */
.footer_web .column { font-size: 14px; float: left; width: 290px; min-height: 50px; font-family: 'Electrolize', sans-serif; padding-left: 5px; padding-right: 5px;}
.footer_web .column ul { font-size: 14px; margin-top: 0px; margin-left: 18px; padding-left: 10px; }
.footer_web .column ul li { font-size: 14px; margin-bottom: 0px; }
.footer_web .column ul li .title { font-size: 18px; margin-bottom: 0px; text-transform: uppercase; }
.footer_web .column a { font-size: 14px; text-decoration: none; color: #333;}
.footer_web .column a:hover { font-size: 14px; text-decoration: none; color: #000; text-decoration: underline;}


/* RIGHTS */
.rights_web .copyright { font-size: 13px; float: left; width: 440px; min-height: 50px; font-family: 'Electrolize', sans-serif; padding-left: 5px; padding-right: 5px; color: #000;}
.rights_web .author { font-size: 13px; float: right; width: 440px; min-height: 50px; font-family: 'Electrolize', sans-serif; padding-left: 5px; padding-right: 5px; text-align: right; color: #000;}

.rights_web .author ul { font-size: 13px; margin-top: 0px; margin-left: 0px; padding-left: 10px; }
.rights_web .author ul li { font-size: 13px; margin-bottom: 0px; }
.rights_web .author ul li .title { font-size: 18px; margin-bottom: 0px; text-transform: uppercase; }
.rights_web .author a { font-size: 13px; text-decoration: none; color: #000;}
.rights_web .author a:hover { font-size: 13px; color: #000; text-decoration: underline;}

.rights_web .copyright ul { font-size: 13px; margin-top: 0px; margin-left: 0px; padding-left: 10px; }
.rights_web .copyright ul li { font-size: 13px; margin-bottom: 0px; }
.rights_web .copyright ul li .title { font-size: 18px; margin-bottom: 0px; text-transform: uppercase; }
.rights_web .copyright a { font-size: 13px; text-decoration: none; color: #000;}
.rights_web .copyright a:hover { font-size: 13px; color: #000; text-decoration: underline;}



/* CUSTOM */
#hphone { font-size: 2em; font-weight: bold; margin-bottom: 9px;}
#presupuesto-gratuito { font-size: 1.5em; color: blue;}
#oferta {text-shadow: 2px 2px 2px rgba(190, 183, 182, 1);
background: rgb(233, 245, 218);
padding: 9px;}

/* Banner */

.banner-custom{
    padding: 0;
  }
  
  .carousel-item{
    height: 100%
  }
  
  .text-banner{
    font-family: var(--font-special);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: yellow;
    background-color: #002685;
    opacity: 1;
    padding: 15px;
    height: 190px;
    width: 290px;
    border-radius: 25px;
    font-weight: 700;
    margin-bottom: 8px;
  }

  @-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  
  .text-banner > p >.price{
    font-size: 3.5rem;
    display: block;
    text-align: center;
    margin-bottom: 1.5rem;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
  }

  .price-iva{
    font-size: 1.3rem;
    display: block;
    text-align: center;
  }
  
  .text-banner span{
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: lowercase;
    text-align: center;
  }
  
  .carousel-caption{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15px auto;
  }
  
  @-webkit-keyframes box-text {
    0% {opacity: 0.0;}
    50% {opacity: 0.5;}
    100% {opacity: 1.0;}
  }
  
  .box-text-banner{
    -webkit-animation-name: box-text;
      -webkit-animation-duration: 1.5s;
      -webkit-animation-iteration-count:1;
      -webkit-animation-timing-function:ease;
  }
  
  .btn-oferta{
    color: #002685;
    background-color: yellow;
    margin: 15px 0;
    font-size: 1.3rem;
    font-weight: bolder;
    letter-spacing: 1.5px;
    width: 100%;
    border-radius: 15px;
    border: 2px solid black;
  }

  .btn-oferta:visited{
    color: #002685;
  }

  .btn-oferta:hover{
    cursor: pointer;
    zoom: 5px;
  }
  
  .btn-oferta a{
    text-decoration: none;
    font-size: 1rem;
  }

  .text-oferta{
    padding-bottom: 15px;
  }

  .importante{
    font-weight: bold;
  }

  #oferta{
    margin-top: 10px;
  }