* {
  box-sizing: border-box;
}
@font-face{
 font-family:"Clubland";src:url("../fonts/Clubland.eot?") format("eot"),url("../fonts/Clubland.woff") format("woff"),url("../fonts/Clubland.ttf") format("truetype"),url("../Clubland.svg#Clubland") format("svg");
}
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html { 
  font-family: "Lucida Sans", helvetica, Verdana, Arial, sans-serif, Tahoma;
}
body{
	margin:0;
	padding:0;
	/*position:relative; adicion*/
    background-color:#FFF;
    background-image: url(../img/electricista.jpg);
	background-repeat:repeat-x;
}

.duplex{
display: none;
}

.duplex > div {
display: none;
}

.unitario{width:95%; height:40px; float:right; align-content:center; align-items:center; 
box-shadow: 0 4px 9px 0 #9E9E9E;  border-radius:0.3em; display:table; border:1px solid transparent;}
.bone{text-align: center; width:100%; height:40px; padding: 8px 0px; background-color:transparent;}
.fi-rr-menu-burger, .fi-rr-cross{font-size:20px; cursor:pointer; color:red; }
.icons{display:inline-block;}

@media only screen and (max-width: 700px){
.duplex{display: flex;
width: 95%;
align-items: center;
align-content: center;
justify-content: space-evenly;
background: linear-gradient(45deg, #F403d1, #FF0000);
border-radius: 0.3em;
max-height: 40px;
margin: auto auto;
}
.duplex > div {
flex: 1;
min-width: 33%;
display: inline-flex;
justify-content: center;
}
.dhoy {transform: scale(0.60); 
}

/*.row.caja { position:relative; min-height: 70px; overflow: visible; vertical-align: middle; }*/

.fi-rr-menu-burger, .fi-rr-share, .fi-rr-cross{font-size:20px; cursor:pointer; color:#FFFFFF; }
.toggim:hover{cursor:pointer;}
.tobble:hover{cursor:pointer;}
.tufin:hover {cursor:pointer;}
.unitario{display: none;}
.bone{display: none;}
.foter{height:40px; position:relative; bottom:0; align-items:center; display:flex; flex-flow:row nowrap; align-items:justify; /*margin-top:top;*/
z-index:1001;}
.contacta{background-image: linear-gradient(45deg, #FF0000, #F403d1); border-radius:0.3em; box-shadow: 0 4px 9px 0 #9E9E9E;
position: relative; 
    z-index: 1;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%); box-sizing:border-box; }
.icons ul li{margin-left:0px;}
.icons{transition: left 1s linear; left:-120%; overflow:hidden; z-index:999; position:relative; justify-content:center; max-height:0;}
.conse{ left:0%; transition:1s; animation-duration:1s;}
/*#vino{position:relative; height:0; left:-120%; overflow:visibility;transition:2s; transition-property: left; transition:0.9s;  text-align:justify; font-size:18px; color:green; border:5px solid yellow;}*/
.vinn{ left:-120%;  transition:1s; animation-duration:1s;}

#fina{display:none;}
#menudelfina{
display:none;
}
#loto{
display:none;
}
#ortiz{
   display:none;
    }
}

@keyframes miled{
from{opacity:0.0;}
to{opacity:1; text-shadow: hsla(150, 55%, 20%, 0.9) 4px 1px 2px; }
}

.header{width:95%; align-items:center; display:flex; flex-flow:row nowrap; align-items:justify; justify-content: space-between; vertical-align: middle;  position:relative; margin-top:top; margin-left:2.5%; border-top-left-radius:0.3em; 
border-top-right-radius:0.3em; padding:0px 0px; background-color:#FFFFFF; box-sizing:border-box;}

.miloguen{padding:6px 6px; width:16%; height:auto; border-radius:0.3em;}

.caja{position: relative; display: flex; vertical-align: middle; background-color:#FFFFFF; min-height: 70px; overflow: visible;} 

.principal{width:96%; height:auto; padding:0px; margin:auto auto;}
.rojo{position:relative; overflow:hidden;}
.rojo::after{content:''; display:block; position:absolute; border-width: 0px 20px 20px 0px; 
border-style: solid; border-color: rgba(255,34, 0, 0.2) #FFF; top:0; right:0; border-bottom-left-radius:0.3em;}
 .rojo::before{content:''; display:block; position:absolute; border-width: 0px 20px 20px 0px; 
border-style: solid; border-color: rgba(255,34, 0, 0.2) #FFF; top:0; right:0; border-bottom-left-radius:0.3em;} /*border-color: #FF143C #FFF;*/

.init:hover{
background:orangered;
cursor:pointer;
opacity:0.5;
color:grey;
}

div.amo-la-biblia{
width:60%;
float:right;
/*border:1px solid #EEEDDD;*/
box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1);/*1px 1px 1px dimgrey , 0 0 5px dimgrey;inset 3px 3px 3px rgba(0,0,0,.010), 0 0 8px rgba(82,68,75,.7);*/
-moz-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1);
margin-right:2.5%;
border-radius:0.3em;
text-align:justify;
}
div.amo-la-biblia p{
padding: 0px 8px;
}
div.amo-la-biblia p span{
color:red;
}
div #a-mi-madre{
border-radius:0.3em;
padding:0px 8px;
display:block;
float:left;
margin-left:15%;
text-align:justify;
overflow:hidden;
width:45%;
}
div #a-mi-madre p span{
background:#DDE9E9;
font-weight:bold;
}
div #sr-gilberto{
border-radius:0.3em;
float:left;
margin-bottom:40px;
padding:0px 8px;
text-align:justify;
width:40%;
}
h1 {
font: bold 22px Helvetica, sans-serif;
text-align:center;
text-indent:10px;
text-shadow: hsla(150, 55%, 20%, 0.9) 3px 3px 3px; 
color:#000;
display:block;
}
h2 {
font: bold 18px Helvetica, sans-serif;
text-align:center;
color:#e0fdf9;
text-shadow: hsla(150, 55%, 20%, 0.9) 2px 2px 2px; 
}

.ok li{
list-style-image: url(../img/sp.jpg);
padding:0px 22px;
font-size:18px;
line-height:1.62857143;
text-align:justify;
}
aside #tiringo_tingo p{
line-height:1.42857143;
text-align:justify;
margin-right:12px;
font-size:18px;
}
 
.form{
width:95%;
margin:0 auto;
padding:2px 5px;
margin-top:30px;
/*padding-bottom:20px;*/
}
.dets, .tares{
width:73%;	
}
.contt{
 width:73%;
 padding:0px 3px;
 margin-bottom:10px;
}
.tarea{
 width:73%;
 /*max-width:650px;*/
 padding:6px;
 margin-bottom:20px;
}
input{
background:#F6F6F3;/*CCEEFF;VERDE AGUA*/
opacity:0.6;
/*width:99%;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top:1px ridge rgb(253,253,253) ;/*#C0D0D0 groove,double,ridge,solid,dotted*/
border-left:4px solid rgb(195,19,31);
border-radius:0.2em;
}
#mensaje{
 /*width: 99%;*/
 height: auto;
 margin:0 auto; /*1em desplaza a la derecha y hacia abajo*/
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity:0.6;
border-top:2px ridge hsla(195, 100%, 50%, 0.8);/*groove,double,ridge,solid,dotted*/
border-left:2px ridge hsla(195, 100%, 50%, 0.8);
padding:7px 16px;
background:url(../img/Footer.jpg);
background-repeat:repeat;
border-radius:0.2em;
}
#message{
 /*width: 99%;*/
 height: auto;
 margin: 1em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}
label{
	  border:1px solid;background-color:#f5f5f5;
	  background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
 	  background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	  background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
			background-image:-o-linear-gradient(top,#fff,#e6e6e6);
			background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;
			border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
			color:#333;text-shadow: rgba(0,0,150,0.5) 2px 2px 1px;
			box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
			/*background:#ececec;*/
			border-radius:2px;
  padding: 1px 2px;
  font-size: 14.844px;
  font-weight: bold;
  line-height: 15px;
  vertical-align: baseline;
  white-space: nowrap;
}
label {
  -webkit-border-radius:0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
input,textarea {	
  font-family: "Eras Medium ITC", Century Gothic, Arial, Helvetica, sans-serif;
   font-size: 16.544px;
   color:#000000;/*#191970;*/
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
.uneditable-input:focus {
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.030), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.030), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.030), 0 0 8px rgba(82,168,236,.6);
}

input[type=file]{
 background:#f6f6f3;/*url(../imagenes/adjuntar.jpg);*/
 border-radius:.2em;
 height:auto;
 /*width:99%;*/
 font-family: helvetica,arial;
 font-size:1.2em;
 letter-spacing:1px;
 color:orangered;
 padding:0px 0px;
 transition:all 500ms ease;
}
input[type=submit]{
 background: hsla(30, 10%, 89%, 0.1); /*#00CCEE*/
 border-radius:.2em;
 box-shadow: rgb(150,150,150) 2px 2px;
 height:auto;
 width:auto;
 font-family: helvetica,arial;
 font-size:1.2em;
 /*font-weight:200;*/
 letter-spacing:1px;
 color:red;
 padding:24px 9px;
 transition:all 500ms ease;
}
input[type=submit]:hover{
 background-color:#E8344A;  /*#333BBB;*/
 color:white;
}
.rsol{ width:95%; margin:auto auto; padding:0px; text-align:center;}

.icons ul li{ margin-left:6px; display:inline-block; padding: 0px 0px;}
.icons ul li{
margin-left:4px; /*separacion entre iconos-redes*/
padding: 5px 0px;
border-radius:0.3em;
display:inline-block;
cursor:pointer;
}
.icons ul li a{cursor:pointer;}

.foter{height:40px; position:relative; bottom:0; width:100%; align-items:center; display:flex; flex-flow:row nowrap; align-items:justify;
z-index:1001;}
.contacta{background-image: linear-gradient(45deg, #FF0000, #F403d1); border-radius:0.3em; box-shadow: 0 4px 9px 0 #9E9E9E;/*#00000036;*/ 
   box-sizing:border-box;
 position: absolute; left:1%;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%); width: 20px; height:20px;}
.fi-rr-menu-burger, .fi-rr-cross{font-size:20px; color:#FFFFFF; cursor:pointer;}
.pie{height:auto; overflow-x:hidden;  margin-left: -120%; animation-duration: 0.6s; animation-timing-function: linear; animation-fill-mode:forwards; position:relative;}

.pie.abierto{width:100%; padding: 0px 10px; overflow-x:hidden; animation-name:moveLeftNext;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-fill-mode:forwards; align-items:center; position:relative; height:auto; display:flex;}
@keyframes moveLeftNext {from {margin-left: -120%;} to {margin-left: 2%;}}

.pie li i{
list-style:none;
text-decoration:none;
border:none;
font-size:22px;
list-style:none;
margin:0px 7px;
}

.pie li a{
cursor:pointer;
text-decoration:none;
font-size:22px;
border:none;
list-style:none;
margin:0px 7px;
}
.pie li a:hover{
opacity:0.6;
}
.pie li i:hover{
opacity:0.6;
}

.contenido{background-color:transparent; padding: 0px;}
.icon-mobile2{background-color:transparent; color:#000;}
.icon-mobile2:hover{color:silver;}
.icon-whatsapp{background-color:#0dc143; color:white; border-radius:50%;}
.icon-telegram{background-color:#22AAB0; color:white; border-radius:50%;}
.icon-telegram:hover{opacity:0.6;} .icon-whatsapp:hover{opacity:0.6;}
.fi-rr-envelope{background:transparent; color:#EE0000;  border-radius:10%;}

.pie{position:fixed; display:flex; height:auto; /*align-items:center; align-content:center;*/ overflow-y:hidden;
  background:rgba(9,17,355, .06);
  border-radius:0.3em; box-shadow: 1px -0.5px 1px #E6E6FF; 	
  -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.4); 
    border-top: 1px solid #E6E6FF;
   box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 2px 2px rgba(0,0,0,.2);
   bottom:1px;}

[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16%;}/*16.66*/
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83%;} /*83.33*/
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16%;}/*16.66*/
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83%;}/*83.33*/
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}