/*
Theme Name: DeerHosting Theme
Theme URI: www.deerhosting.com
Descripcion: Plantilla para el sitio de DeerHosting
Version: 1
Author: Humberto Hansen
Author URL: www.deerhosting.com


*/
body {
  /*
  background-image: url("images/entorno/fondo.jpg");
  background-attachment: fixed; 
  */
  font-family: 'Roboto', sans-serif !important; 
 margin: 0 !important;
 padding: 0 !important;
}



h1  {
    font-family: 'Roboto', sans-serif !important; 
    font-weight: 300 !important;
    font-size: 45px !important;
    color:   #f26522  !important;
    line-height: 48px !important;
    letter-spacing: 0px !important;;

}
 
  
 
  


 

h3  {
  font-family: 'Roboto', sans-serif !important; 
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 17px !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  color: #ff4b04 !important;
  word-spacing: 0px !important;
}



p  {
	/*
  font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    color: rgb(85, 85, 85) !important;
    line-height: 25px !important;
    word-spacing: 0px !important;
 */
     font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: rgb(126, 126, 126) !important;
    line-height: 25px !important;
    word-spacing: 0px !important;
	margin-bottom: 10px !important;
}
 

.h2 {
  font-family: 'Roboto', sans-serif !important; 
  font-weight: 300 !important;
  font-size: 45px;
  
}

h3  {
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 28px;
    color: #fa5e0b;
    
}


hr {
  background-color: #444444 !important;
  height: 3px;
  width: 90px;
  padding-top: 0px !important;
  margin-top: 0px !important;

}


.head-altura {
  min-height: 281px !important;
}
 
.head-altura-diseno {
  min-height: 100px !important;
}
 

.home-whyus {
   background-color: #293037;
}

.naranja {
   color: #fa5e0b !important;
}

.contenedornaranja {
  background-color: #fa5e0b !important;
  padding: 20px;
}

.filaprincipal {
   padding: 20px !important;
}

.textoblanco {
 color: #FFFFFF;

}




.fondito {
	/*background-image: url("images/entorno/fondo.jpg");*/
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	overflow-x: hidden;

}



 



 .redesbanner {
   max-width: 974px;
   background: #FFFFFF url("images/entorno/redesbanner.jpg") no-repeat top left;
   margin: 0 auto;
   top: 0px;
   min-height: 230px;
} 

.pieazul {
 background-color: #002d54;
 min-height: 40px;

}


.pieverde {
  background-color: #adc51c;
  min-height: 100px;

}

.pieverdetexto {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #006fba;
    font-size: 30px;
display: inline-block;
}

.pieverdetextospan {
  text-shadow: 0px 1px 1px #000000;

}

.pieverdeboton {
   border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    letter-spacing: 4px;
      font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
}





 .contenedorprincipal{
	 max-width: 974px;
	 background-color: #FFFFFF;
	  margin: 0 auto;
	 
}	

/*
@font-face {
  font-family: 'Roboto';
  src:  url('css/roboto/Roboto-Regular-webfont.eot?9tuxal');
  src:  url('css/roboto/Roboto-Regular-webfont.eot?9tuxal#iefix') format('embedded-opentype'),
    url('css/roboto/Roboto-Regular-webfont.ttf?9tuxal') format('truetype'),
    url('css/roboto/Roboto-Regular-webfont.woff?9tuxal') format('woff'),
    url('css/roboto/Roboto-Regular-webfont.svg?9tuxal#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Roboto';
  src:  url('css/roboto/Roboto-Light-webfont.eot?9tuxal');
  src:  url('css/roboto/Roboto-Light-webfont.eot?9tuxal#iefix') format('embedded-opentype'),
    url('css/roboto/Roboto-Light-webfont.ttf?9tuxal') format('truetype'),
    url('css/roboto/Roboto-Light-webfont.woff?9tuxal') format('woff'),
    url('css/roboto/Roboto-Light-webfont.svg?9tuxal#icomoon') format('svg');
  font-weight: 300;
  font-style: 300;
}
*/


@font-face {
  font-family: 'icomoon';
  src:  url('css/fonts/icomoon.eot?9tuxal');
  src:  url('css/fonts/icomoon.eot?9tuxal#iefix') format('embedded-opentype'),
    url('css/fonts/icomoon.ttf?9tuxal') format('truetype'),
    url('css/fonts/icomoon.woff?9tuxal') format('woff'),
    url('css/fonts/icomoon.svg?9tuxal#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-location:before {
  content: "\e947";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}


/*******LA EMPRESA**************/

.historia h3 {
  font-family: 'Merienda', cursive !important; 
  font-weight: 400 !important;
  font-size: 18px !important;
  color: rgb(65, 64, 64) !important;
  text-align: left !important;
  padding-left: 5px !important;
}

.empresa-mision {
  margin-top: -50px !important;
  padding: 0px 80px 80px 80px !important;
  text-align: center !important;
}

.titulos-mision {
  margin-top: 200px !important;
}

#empresa-col-mision {
  padding-top: 20px !important;
}
.empresa-vision {
  margin-top: -50px !important;
  padding: 0px 80px 80px 80px !important;
  text-align: center !important;
}

.empresa-mensaje p {
  text-align: justify !important;
  margin-top: 25px !important;
}

.empresa-mensaje h1 {
  color: #000000 !important;
  font-size: 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  line-height: 27px !important;

}
 
/********ARTICULO***********/

.articulo-contenido {
  padding: 30px 50px 0px 50px !important; 
   
}
.articulo-contenido p {
  text-align: justify !important;
}

.articulo-contenido h3 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: rgb(65, 64, 64) !important;
  text-align: left !important;
  padding-left: 5px !important;
}

.singlep  {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  color: rgb(85, 85, 85) !important;
  line-height: 27px !important;
text-align: justify !important;
}


.singlefecha {
 font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #C5C5C5;

text-align: left;
}


/*==================  Marked List  ======================*/
.ue {
  padding: 4px 0px 10px 10px;
  background-color: #f3f3f3;
  margin-right: 10px;
  margin-top: 25px;
 border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 
 }
 
  
 
 
 

 .ue {
  background-color: transparent !important;
 }
 
 .ue ul  {
    display: inline-block;
    list-style: none;
    margin-top: 0px;
    padding-left: 0px;
    
 }
 
 .ue ul  li {
   text-align: left;
   position: relative;
   padding-left: 22px;
   padding-top: 5px;

   padding-bottom: 18px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding: 10px 10px 10px 5px;
    margin-bottom: 0;
    line-height: 20px;
    color: rgb(85,85,85) !important;
      
 }
 /* .ue ul li:before {
   content: '\ea15';
   position: absolute;
   left: 0;
   top: 30;
   font-weight: 400;
   font-size: 19px;
   font-family: 'icomoon';
   color: #f25022;
     
 } */

 .ue ul  li + li {
   margin-top: 17px;
 }
 
 .ue ul li > a {
      font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-size: 14px;
     color: rgb(126, 126, 126) !important;
     text-align: left;
     padding-left: 5px;
 }
 
 .ue ul  a:hover {
   color: #fe4c04 !important;
   text-decoration: none !important;
 }
 .marked-list_mod li {
   font-size: 14px;
 }
 .marked-list_mod li:before {
   font-size: 12px;
 }
 
 /*lista fin */
 
 .ue h3 {
  color: #1d0701 !important;
  font-size: 20px !important;
  font-family: 'Merienda', cursive !important; 
  margin-top: -10px !important;
  letter-spacing: 2px !important;
  text-align: left !important;
  font-weight: 700 !important;
 }
 
 .ue hr {
   float: left !important;
   background-color: #fe4c04 !important;

 }


 
.barra-derecha  {
  text-align: center !important;
}

.barra-derecha-title  {
  color: #1d0701 !important;
  font-size: 20px !important;
  font-family: 'Merienda', cursive !important; 
  margin-top:  5px !important;
  letter-spacing: 2px !important;
  text-align: left !important;
  font-weight: 700 !important; 
  margin-left: 15px !important;
  
}


.barra-derecha hr {
  float: left !important;
  background-color: #fe4c04 !important;
  margin-left: 15px !important;
  margin-bottom: 40px !important;

}




.h1-entrada {
  color: #303030 !important;
  font-size: 24px !important;
  font-family: 'Merienda', cursive !important; 
  margin:  20px 0 20px 0 !important;
 
  font-weight: 700 !important; 
  line-height: 48px !important;
  letter-spacing: 0px !important;
  text-align: center !important;
}

.articulo-campos-contendor {
   background-color: #ffffff !important;
   padding: 0 0 15px 0 !important;
   margin: 0 !important;
   border-bottom: 1px solid #cacaca !important;
}
.articulo-campo h2 {
  font-family: 'Merienda', cursive !important; 
  font-weight: 400 !important;
  font-size: 15px !important;
  color: rgb(24, 24, 24) !important;
  
  padding-left: 5px !important;
  border-bottom: 1px solid #fe4c04 !important;
}

.articulo-campo {
  display: flex !important;
  justify-content: flex-end !important;
  text-align: center !important;
}

 

/*lista*/

/*==================  Marked List  ======================*/
.lista-list {
  display: inline-block;
    list-style: none;
    margin-top: 20px;
    margin-left: 0px;
}

.lista-list li {
  text-align: left !important;
  position: relative !important;
  padding-left: 22px !important;
  
 
  font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 17px !important;
    color: rgb(85, 85, 85) !important;
    line-height: 25px !important;
    
	
 

  
}


.lista-list li:before {
  content: '\ea42' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: 'icomoon' !important;
  color: #ef4023 !important;
}
.lista-list li + li {
  /*margin-top: 17px !important;*/
}
.lista-list a:hover {
  color: #ef4023 !important;
}
.lista-list_mod li {
  font-size: 14px !important;
}
.lista-list_mod li:before {
  font-size: 12px !important;
}

.lista-list-blanco > li {
   color: #FFFFFF !important;
}
.lista-list-blanco > li:before {
   color: #FFFFFF !important;
}



/*==================  Marked List2  ======================*/
.lista2-list {
  display: inline-block;
    list-style: none;
    margin-top: 20px;
    margin-left: 0px;
}

.lista2-list li {
  text-align: left;
  position: relative;
  padding-left: 22px;
  
 /*
  font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    line-height: 25px;
	*/
	    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: rgb(126, 126, 126) !important;
    
    

  
}


.lista2-list li:before {
  content: '\ea54';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 16px;
  font-family: 'icomoon';
  color: #ef4023;
}
.lista2-list li + li {
  margin-top: 17px;
}
.lista2-list a:hover {
  color: #ef4023;
}
.lista2-list_mod li {
  font-size: 14px;
}
.lista2-list_mod li:before {
  font-size: 12px;
}

 

/*Marked List*/

/*lista fin*/

 

.logo {
 	/*position: absolute;*/
 	z-index: 999;

 	/*padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;*/
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;

}

.titulo {
  position: absolute;
  z-index: 999;
  margin-left: 190px; 
  margin-top: 30px;

}

.titulotext {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #FFFFFF;
    padding-left: 10px;
    margin-top: 10px;
    display: inline-block;
    height: 30px;
    text-shadow: 0px 1px 1px #000000;

}



.tab_widget, .widget {
    padding: 10px 10px 10px 0px;
    margin-left: 0px;
    
}



.widget_posts ul {
    overflow: hidden;
}

.widget_posts ul li {
   margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
}
.tab_widget ul li, .widget ul li {
    padding: 10px 0;
    padding-right: 8px;
    margin-top: -2px;
    margin-bottom: 2px;
}


.widget_posts .date {
    float: left;
    display: block;
    padding: 5px;
    margin-right: 10px;
    background: none;
    text-align: center;
    margin-top: -5px;
    color: #7d7d7d;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    
}


.widget_posts .day {
    font-size: 200%;
    color: #7d7d7d;
      font-weight: 300 !important;

}
 


.widget_posts p.withdate {
    padding-left: 46px;
}
.tab_widget p, .widget p {
    margin: 2px 0;
}

.widget_posts p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

    color: #7d7d7d;
    

    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}



.widget_posts ul li img {
    float: left;
    padding: 2px;
     margin-right: 10px;
    

}

.widget_posts ul li img, .widget_flickr a {
    border: 1px solid #e9e9e9;
    padding: 2px;
}



.widget_posts .caption {
 color: #7d7d7d !important;
 letter-spacing: 4px;
 font-weight: 300;
 font-family: 'Roboto', sans-serif;
 font-size: 30px;

}


.widgetinterno {
  padding: 0px;
  margin: 0px;
   
}


@media  (max-width: 767px)
{
  .widgetinterno {
    border-left: 0px;   
  }

}

@media (min-width: 768px) 
{
    .widgetinterno {
   
  border-left: 1px solid #9d9d9d;
}
}








.pieiconosredessociales {
  float: left;
  min-width: 320px; 
  margin-top: 10%;
  margin-left: 10px;
}


.pieiconosredessociales a {
   margin-left: 5px;
}


.pietextob   {
   font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #C0C0C0;
}

 .pietextob:hover   {
   font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #FFFFFF;
}



.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 294px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  /*min-width: 294px;*/
  max-width: 313px; /*cambio*/
  max-height: 360px;
  
  background: #000000;/*cambio*/
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  /*opacity: 0.8; cambio*/
}

 
.grid figure figcaption {
  padding: 4em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: 300;
 font-family: 'Roboto', sans-serif;
 
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

 

.icon-size {
  font-size: 18px !important;
  margin-left: 10px;
}




.contactoinput {
 
    display: block;
    width: 100%;
    margin: 0;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 8px 20px 8px 15px;
    line-height: 26px;
    color: #546e7a;
    background: #ffffff;
    border: 1px solid #bcbdc0;
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;   
    margin-bottom: 5px;
    margin-top: 10px;
}

.contactolabel {
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
     text-align:  left;
     width: 100%;
    color: #fa5e0b;
    font-weight: 400;
}

.botonenviar, .botonenviar:link, .botonenviar:focus, .botonenviar:link:active, .botonenviar:visited:active, .botonenviar:visited {
    background-color: #ef4023;
    padding: 10px 10% 10px 10%;
    letter-spacing: 4px;
    color: #FFFFFF !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #e63619;
    background-color: #fa5e0b;
    margin-top: 10px;
}


.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    text-align: left;
    margin-top: -5px;
}

.wpcf7-response-output {
     padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.wpcf7-validation-errors {
    
     color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1 !important;
}

.wpcf7-mail-sent-ok {
   color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6 !important;
}

.iconcontact {

     font-size: 70px;
    font-weight: 100;
    color: #313131;
     opacity: 1;
    filter: alpha(opacity=100);
}

.iconcontacttext {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #717070;
    font-size: 16px;
    padding-top: 10px;
     
}



/*boton naranja o otro color*/
.btn-naranja {
    color: #fff;
    background-color: #fd6e30;
    border-color: #eb4b02;
}


.btn-naranja:focus,
.btn-naranja.focus {
  color: #fff;
  background-color: #fe5001;
  border-color: #eb4b02;
}
.btn-naranja:hover {
  color: #fff;
  background-color: #fe5001;
  border-color: #eb4b02;
}
.btn-naranja:active,
.btn-naranja.active,
.open > .dropdown-toggle.btn-naranja {
  color: #fff;
  background-color: #fe5001;
  border-color: #eb4b02;
}
.btn-naranja:active:hover,
.btn-naranja.active:hover,
.open > .dropdown-toggle.btn-naranja:hover,
.btn-naranja:active:focus,
.btn-naranja.active:focus,
.open > .dropdown-toggle.btn-naranja:focus,
.btn-naranja:active.focus,
.btn-naranja.active.focus,
.open > .dropdown-toggle.btn-naranja.focus {
  color: #fff;
  background-color: #fe5001;
  border-color: #eb4b02;
}
.btn-naranja:active,
.btn-naranja.active,
.open > .dropdown-toggle.btn-naranja {
  background-image: none;
}
.btn-naranja.disabled:hover,
.btn-naranja[disabled]:hover,
fieldset[disabled] .btn-naranja:hover,
.btn-naranja.disabled:focus,
.btn-naranja[disabled]:focus,
fieldset[disabled] .btn-naranja:focus,
.btn-naranja.disabled.focus,
.btn-naranja[disabled].focus,
fieldset[disabled] .btn-naranja.focus {
  background-color: #fe5001;
  border-color: #eb4b02;
}
.btn-naranja .badge {
  color: #5cb85c;
  background-color: #fff;
}


.cabecera-botones{
  margin-top: 5%;
  margin-right: 5%;
  margin-bottom: 3%;
}



/***********PORTADA***************/




.taller_home {
  background-color: #ffffff !important;
  min-height: 260px !important;
  /*
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  */
  border: 0px solid #000000;
}



 
.taller_home:hover {
 -webkit-box-shadow: 3px 3px 5px 0px rgba(166,166,166,1);
 -moz-box-shadow: 3px 3px 5px 0px rgba(166,166,166,1);
 box-shadow: 3px 3px 5px 0px rgba(166,166,166,1);
 
 border: 0px solid #000000;
}

 .vc_grid-owl-next {
 font-size: 40px !important;
 /*background-color:  #ff4b04 !important;*/
 margin-right: -20px !important;
}

  .vc_grid-owl-prev {
    font-size: 40px !important;
    /*background-color:  #ff4b04 !important;*/
    margin-left: -20px !important;
   }
 
 


.taller_home_titulo {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 400 !important;
 font-size: 15px !important;
 color: #333 !important;
 line-height: 20px !important;
 letter-spacing: 1px !important;
 padding: 10px 10px 0px 10px !important;
 margin-bottom: 10px !important; 
 text-align:  center !important;

}



.taller_home_info {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important;
 font-size: 0.9em !important;
 color: rgb(112, 112, 112) !important;
 line-height: 16px !important;
 letter-spacing: 0px !important;
 padding: 0px 0px 0px 0px !important;
 text-align:  center !important;
 min-height: 40px !important;
}


@media screen and (min-width: 768px) and (max-width: 1400px){
  .imgdesaparecer {
    display: none !important;
    visibility: hidden !important;
  }
}





.taller_home_descripcion p {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important;
 font-size: 15px !important;
 color: rgb(85, 85, 85) !important;
 line-height: 20px !important;
 letter-spacing: 0px !important;
 padding: 0px 5px 10px 5px !important;
 height: 50px !important;
}
 

.taller_home_descripcion2 p {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important;
 font-size: 15px !important;
 color: rgb(85, 85, 85) !important;
 line-height: 20px !important;
 letter-spacing: 0px !important;
 

 

}
.cursos_opc_row {
  -webkit-box-shadow: 1px 1px 3px 0px rgb(185, 184, 185) !important;
  -moz-box-shadow: 1px 1px 3px 0px rgba(185, 184, 185) !important;
  box-shadow: 1px 1px 3px 0px rgba(185, 184, 185) !important;
}

.cursos_opc {  
  min-height: 180px !important;
  padding: 5px 12px 0 12px !important; 
  
}

.curso_opc_info {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.9em !important;
  color: rgb(112, 112, 112) !important;
  line-height: 16px !important;
  letter-spacing: 0px !important;
  padding: 0px 0px 0px 0px !important;
  text-align: center !important;
  font-style: italic !important; 
  position: absolute !important;
  top: 100% !important;
  left: 100% !important;
  margin-top: -30px !important;
  margin-left: -80px !important;
  
}


@media screen and (min-width: 768px) and (max-width: 1250px){
  .taller_home_descripcion p {
    height: 150px !important;
  }
}










.taller_home_boton a, .taller_home_boton a:link, .taller_home_boton a:focus, .taller_home_boton a:link:active, .taller_home_boton a:visited:active, .taller_home_boton a:visited {
 background-color: #e65525 !important;
 padding: 10px 10% 10px 10% !important;
 letter-spacing: 0px !important;
 color: #FFFFFF !important;
 font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important;
 font-size: 16px !important;
 
 border-radius: 3px 3px 3px 3px !important;
 -moz-border-radius: 3px 3px 3px 3px !important;
 -webkit-border-radius: 3px 3px 3px 3px !important;
 border: 0px solid #e63619 !important;

 margin-top: 10px !important;
} 


.taller_home_boton  i {
 margin-left: 6px !important;
}


/* .MP-common-orange-CDl .MP-ar-l-rn-Dl {
   background-color:  #002d54 !important;
   background: url(http://secure.mlstatic.com/mptools/assets/MP-payButton-orangeg.png) rgb(38, 75, 242);
   background-image: url(http://secure.mlstatic.com/mptools/assets/MP-payButton-orangg.png);
   background-position-x: initial;
   background-position-y: initial;
   background-size: initial;
   background-repeat-x: initial;
   background-repeat-y: initial;
   background-attachment: initial;
   background-origin: initial;
   background-clip: initial;
   background-color: rgb(38, 75, 242);
   border-width: 1px;
   border-style: solid;
   border-color: rgb(65, 68, 246);
   border-image: initial;
} */

.portada-boton-center {
  text-align: center !important;
}

.portada-boton-accion {
  background-color: transparent !important;
  color: #0C0C0CFF !important;
  padding: 12px 28px 12px 28px !important;
  font-family: 'Roboto', sans-serif !important; 
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 300 !important;

    
  border-radius: 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  border: 1px solid #0C0C0CFF !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important; 
  
}

/*Boton hover */
.portada-boton-accion:hover, .portada-boton-accion:focus, .portada-boton-accion:active {
color: #fff !important;
background-color: #0C0C0CFF !important;
border-color: 1px solid #0C0C0CFF !important; 
cursor: pointer !important;
text-decoration: none !important;
cursor: pointer !important;
}


.img-altura {
  min-height: 386px !important;
}

.img-altura-2 {
  min-height: 386px !important;
}


.portada-col-mensaje {
  display: flex !important;
  justify-content: center !important;
  padding: 10px 50px 10px 50px !important;

}

.portada-mensaje-1 {
  color: #dd2e07 !important;
 font-size: 65px !important;
 font-family: 'Merienda', cursive !important;
 font-style: italic !important;
 margin-top: 120px !important;
 letter-spacing: 2px !important;
 text-align: center !important;
 font-weight: 700 !important;
}

.portada-mensaje-6 {
	 color: #0C0C0CFF !important;
 font-size: 40px !important;
 font-family: 'Merienda', cursive !important;
 font-style: italic !important;
 margin-top: 20px !important;
 letter-spacing: 2px !important;
 text-align: center !important;
 font-weight: 700 !important;
}


.portada-mensaje-2 {
  color: #0C0C0CFF !important;
 font-size: 45px !important;
 font-family: 'Merienda', cursive !important;
 font-style: italic !important;
 margin-top: 20px !important;
 letter-spacing: 2px !important;
 text-align: center !important;
 font-weight: 700 !important;
}

.titulos-con-linea {
  margin: 70px 10px 70px 10px !important;
}

.titulos-con-linea h2 {
  color: #0C0C0C !important;
 font-size: 45px !important;
 font-family: 'Merienda', cursive !important;
 font-style: italic !important;
 margin-top: 20px !important;
 letter-spacing: 2px !important;
 text-align: center !important;
 font-weight: 700 !important;
}

.titulo-queso-cheedar {
  color: #0C0C0C !important;
 font-size: 18px !important;
 font-family: 'Merienda', cursive !important;
 font-style: italic !important;
 letter-spacing: 2px !important;
 text-align: center !important;
 font-weight: 700 !important;
 line-height: 27px !important;
 margin-top: -15px !important;
 margin-bottom: 15px !important;
}

.titulo-servicios {
  color: #0C0C0C !important;
  font-size: 20px !important;
  font-family: 'Merienda', cursive !important;
  font-style: italic !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  font-weight: 700 !important;
  line-height: 27px !important;
  margin-top: -15px !important;
  margin-bottom: 15px !important;
}


.portada-ebook {
  padding: 40px 50px 40px 50px !important;
  text-align: center !important;
}

.portada-ebook-p {
  margin-bottom: 30px !important;
}
 

.portada-mensaje-3 {
  color: #0C0C0CFF !important;
  font-size: 45px !important;
  font-family: 'Merienda', cursive !important;
  font-style: italic !important;
  margin-top: 20px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  font-weight: 700 !important;
 
}

.portada-mensaje-4 {
  color: #ffffff !important;
  font-size: 45px !important;
  font-family: 'Merienda', cursive !important;
  font-style: italic !important;
  margin-top: 20px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  font-weight: 700 !important;
 
}

.contacto-confirmacion {
  font-family: 'Roboto', sans-serif !important; 
  color: #0C0C0C !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  padding-top: 50px !important;
  text-align: center !important;
}
 
.portada-contacto-item {
  font-family: 'Roboto', sans-serif !important; 
  color: #0C0C0C !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.portada-servicios-1 p {
  color: #FFFFFF !important;
  margin-top: -15px !important;
  font-weight: 400 !important;

}

.portada-servicios-2 p {
 
  color: #FFFFFF !important; 
  font-weight: 400 !important;

}


.portada-servicios-3 p {
 
  color: #FFFFFF !important;
  margin-top: -15px !important;
  font-weight: 400 !important;

}


.portada-servicios-4 p {
 
  color: #FFFFFF !important;
  margin-top: -8px !important;
  font-weight: 400 !important;

}

.portada-kseros-contenedor   {
  width: 100% !important;
  padding: 40px 15% 40px 15% !important;
  text-align: center !important;
}

.portada-kseros-mensaje   {
  font-family: 'Roboto', sans-serif !important; 
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: 1px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
  color: #FFFFFF !important;
  font-style: italic !important;
 letter-spacing: 1px !important;
 margin-bottom: 30px !important;


}
 


.portada-boton-explorar  {
  background-color: #fe4c04 !important;
  color: #ffffff !important;
  padding: 12px 28px 12px 28px !important;
  font-family: 'Roboto', sans-serif !important; 
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;

    
  border-radius: 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  border: 0px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important; 
  
}

/*Boton hover */
.portada-boton-explorar:hover, .portada-boton-explorar:focus, .portada-boton-explorar:active {
  background-color: #fa5412 !important;
  color: #ffffff !important;
border: 0px !important; 
cursor: pointer !important;
text-decoration: none !important;
cursor: pointer !important;
}



.boton-naranja  {
  background-color: #fe4c04 !important;
  color: #ffffff !important;
  padding: 12px 28px 12px 28px !important;
  font-family: 'Roboto', sans-serif !important; 
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 400 !important;

    
  border-radius: 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  border: 0px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important; 
  
}

/*Boton hover */
.boton-naranja:hover, .boton-naranja:focus, .boton-naranja:active {
  background-color: #fa5412 !important;
  color: #ffffff !important;
border: 0px !important; 
cursor: pointer !important;
text-decoration: none !important;
cursor: pointer !important;
}



/***************************************************************/
/*********************FORMULARIOS*******************************/
/***************************************************************/



.gform_body { 
  background-color: transparent !important;
  padding: 0px 10px 10px 30px !important;
  margin: 0px !important;
}

.gform_footer {
  background-color: transparent !important;
  padding: 0px 10px 20px 30px !important;
  margin: 0px !important;
}

.gform_heading {
  background-color: transparent !important;
  margin: 0px !important;
}


.gform_wrapper form {
  margin-bottom: 0px !important; 
  margin-top: 0px !important;
  padding-top: 0px !important;
}

#gform_1 h3 {
   font-family: 'Roboto', sans-serif !important; 
  
 
  font-weight: 300 !important;
  font-size: 30px !important;
  color: rgb(85, 85, 85) !important;
  line-height: 32px !important;
  letter-spacing: 0px;
  text-align: left !important;
  margin: 0px !important;
  padding: 20px 30px 0px 30px !important;
  
}
 /*
.gform_wrapper label.gfield_label {
  
      font-weight: 700;
      font-size: inherit;
       
      width: 10% !important;
  
  }
  

  .gform_wrapper .left_label div.ginput_complex, .gform_wrapper .right_label div.ginput_complex {
      width: 70%;
      margin-left: 10% !important;
  }
  */

/*Lista de campos*/
 .gform_wrapper ul {
  padding-left: 0;
  list-style: none;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
   
/*Cada Campo Separación entre campos*/
  .gform_wrapper li {
  margin-bottom: 0px !important; 
  margin-top: 0px !important;
  line-height: 30px;
}
 

  /*color del asteristo campo requerido*/
  .gform_wrapper .gfield_required {
  padding-left: 1px;
  color: #fd9897;
  display: none !important;
  visibility: hidden !important;
}
   

/*Propiedades de las cajas de los cmapos*/
  div.gform_wrapper input[type=text],
  div.gform_wrapper select,
  div.gform_wrapper textarea {
    /*
    box-sizing: border-box;
    font-size: 14px !important;
      height: 40px;
    padding: 4px 5px !important;
    */
     font-family: 'Roboto', sans-serif !important; 
    -webkit-transition: border linear .2s,box-shadow linear .2s  !important;
    -moz-transition: border linear .2s,box-shadow linear .2s  !important;
    -o-transition: border linear .2s,box-shadow linear .2s  !important;
    transition: border linear .2s,box-shadow linear .2s  !important;
    -webkit-border-radius: 2px  !important;
    -moz-border-radius: 2px  !important;
    border-radius: 2px  !important;
    vertical-align: middle  !important;
 
    color: rgb(85, 85, 85) !important;
    padding: 15px 15px  !important;
    font-weight: 300  !important;
    background-color: #eeeeee !important; 
    text-transform: inherit  !important;
    border: 0px !important;
    border-bottom: 1px solid #d6d6d6 !important ;
    font-size: 17px !important;
    outline: none !important;
    line-height: inherit !important;
    margin-right: 20px !important;
   
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	  padding-left: 10px !important;
 
  }
/*Propiedades de las cajas de los cmapos se coloca la altura sola por el text area*/
div.gform_wrapper input[type=text],
div.gform_wrapper select {
  height: 50px !important;
}

  div.gform_wrapper textarea {
    max-height: 100px !important;
  
 }

 

  .fecha input {
    width: 90% !important;
  }

  
.gfield_time_hour {
  padding: 0px !important;
  width: 50px !important;
}

.gfield_time_ampm {
  padding: 0px !important;
  width: 50px !important;
}

  
  div.gform_footer input.button {
    color: #fff;
  }
  
  div.gform_wrapper .ginput_complex label {
    font-size: 14px;
  }
  
  div.gform_wrapper li,
  div.gform_wrapper form li {
    margin: 0 0 10px;
  }
  
  div.gform_wrapper .gform_footer {
    border: none;
    margin: 0;
    padding: 0;
  }
 
  /*Contenedor DIV para cada control*/
  .ginput_container
 {
   margin-top: 0px !important;
 }
  

  /*colores para los placeholders*/
  .ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
  color: #606060 !important; 
     font-family: 'Roboto', sans-serif !important; 
  font-size: 17px !important;
  font-weight: 300 !important;

}
   
  .ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
   
   font-family: 'Roboto', sans-serif !important; 
  font-size: 17px !important;
  color: #606060 !important; 
  font-weight: 300 !important;
}
   
  .ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
  color: #606060 !important; 

   font-family: 'Roboto', sans-serif !important; 
  font-size: 17px !important;
  font-weight: 300 !important;
}
   
  .ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
  color: #606060 !important; 

   font-family: 'Roboto', sans-serif !important; 
  font-size: 17px !important;
  font-weight: 300 !important;
}
   


 /*colores para los focus*/
  .ginput_container input[type=text]:focus, .ginput_container select:focus, .ginput_container textarea:focus {
   /*
  border-color: #F9FBE8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); */
  /*background-color: #FEFFE8 !important;*/
  
  border-bottom: 2px solid #fe4c04 !important ;
  outline: none !important;
}
  /**/
/*
  .gform_wrapper .gform_body input:focus {

  }
  */

   
  .ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
  cursor: not-allowed;
  background-color: rgb(83, 72, 72); }
   
  textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
  height: auto;
  width: 50px !important; }
   
  .ginput_container textarea {
  height: auto; }
   

  
  /****BOTON ENVIAR****/
  .gform_button {
    background-color: #fa5412 !important;
    color: #FFFFFF !important;
    padding: 12px 28px 12px 28px !important;
    font-family: 'Roboto', sans-serif !important; 
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 300 !important;
  
      
    border-radius: 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    border: 0px solid #fa5412 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important; 
   margin-top: 30px !important;
      
  }

   /*Boton hover */
   .gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
    color: #fff !important;
background-color: #fa5412 !important;
border-color: 0px solid #0C0C0CFF !important; 
cursor: pointer !important;
text-decoration: none !important;
cursor: pointer !important;
  }
    
  

 
  /*Nose el uso
  .gform_button:active, .gform_button.active {
    outline: 0  !important; ;
    background-image: none  !important; ;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)  !important; ;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)  !important;  
  }
  
  .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button {
    background-image: none !important; 
    border-color: #417fc7 !important; 
  }
  */   
     
   
  /*Bonton desactivo solo lo use si se desactiva el boton*/
  .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button {
    cursor: not-allowed  !important; 
    pointer-events: none !important; 
    opacity: .65 !important; 
    filter: alpha(opacity=65) !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none  !important;  
  }
   
   /*Boton desactivo hover solo se  usa si se desactiva el boton*/
  .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active {
    background-color: #959697 !important;
    border-color: #303131 !important; 
  }


  /****FIN BOTON ENVIAR****/
  /************************/


  /*Forma errores*/

    /*color del mensaje de error los textos de error y validación*/
  .gform_wrapper .validation_message {
    color: rgb(138, 31, 40) !important;
    letter-spacing: normal;
    margin-top: 5px !important;
    font-size: 13px !important;
     font-family: 'Roboto', sans-serif !important; 
    font-weight: 400 !important;
    margin-top: 0px !important;
  }

  /*altura del mensaje de error*/
  .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px !important;
  }

  /*colocar cuando hay error para los campos obligatorios*/
  .gform_wrapper .gfield_error .gfield_label {
  color: #000000 !important; 
}
  /*color de relleno de las cajas de texto, combo y text area */
  .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  

}
  
   
  .gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
  /*
    border-color: #b94a48 !important;
  outline: 0;
  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(252, 255, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px rgba(252, 255, 236, 0.6);
*/
}
   


/*resumen de error*/  
  .validation_error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #D4C20E !important;
  border-color: #050566 !important;
  color: #48B94A !important;
    display: none !important;
    visibility: hidden !important;
}
   
  .validation_error h4 {
  margin-top: 0;
  color: inherit; }
   
  .validation_error .alert-link {
  font-weight: bold; }
   
  .validation_error>p, .validation_error>ul {
  margin-bottom: 0; }
   
  .validation_error>p+p {
  margin-top: 5px; }
   
  .validation_error hr {
  border-top-color: #e6c1c7; }
   
  .validation_error .alert-link {
  color: #953b39; }

 /*fondo cuando hay error*/
  .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    /*background-color: rgba(255,223,224,.25);*/
    background-color: #ffffff !important;
    margin-bottom: 0px !important;
    /*
    border-top: 1px solid #C89797;
    border-bottom: 1px solid #C89797;
    */
    border: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    box-sizing: border-box;
    margin-top: 0px !important;
  }
  
  .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #D35B5B  !important;
  }


      /*Etiquetas subcampocolor*/
  .gfield_label_sub {
    color: #ff0000 !important;
    margin-bottom: -10px;
    padding-bottom: -10px;
  }


/*Etiquetas*/
.gfield_label {
   font-family: 'Roboto', sans-serif !important; 
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}

.gfield_time_minute label {
   font-family: 'Roboto', sans-serif !important; 
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}

.gfield_time_hour label {
   font-family: 'Roboto', sans-serif !important; 
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 20px !important;
  text-align: left !important;
}



  /*fin forma error*/
   
  #gforms_confirmation_message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
   
  #gforms_confirmation_message h4 {
  margin-top: 0;
  color: inherit; }
   
  #gforms_confirmation_message .alert-link {
  font-weight: bold; }
   
  #gforms_confirmation_message>p, #gforms_confirmation_message>ul {
  margin-bottom: 0; }
   
  #gforms_confirmation_message>p+p {
  margin-top: 5px; }
   
  .gallery-row {
  padding: 15px 0; }
   
  .aligncenter {
  display: block;
  margin: 0 auto; }
   
  .alignleft {
  float: left; }
   
  .alignright {
  float: right; }
   
  figure.alignnone {
  margin-left: 0;
  margin-right: 0; }



   
  .notificacion-div {
    border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important ;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border: 0px none #333;
    background-color: #e0e0e0 !important;
    padding: 15px !important;
    text-align: center !important;
    margin-top: 50px !important;
  }
  
  
  .notificacion-p {
    font-family: 'Roboto', sans-serif !important; 
    font-weight: 300 !important;
    font-size: 18px !important;
    color: #333333 !important;
    text-align: center !important;
  }



  /*
Clases para colocar los campos en dos columnas:

gf_left_half: para el campo que quieras colocar a la izquierda
gf_right_half: para el campo de la derecha
Estas clases deben añadirse en el campo Clase CSS Personalizada de las propiedades del campo:

En el caso de 3 columnas, las clases a asignar serían:

gf_left_third
gf_middle_third
gf_right_third

<script>$(".gform_footer").after(".validation_error");</script>
  */

/*CAMBIAR IMAGEN DEL SPINER del procesando
  https://DOMINIO/wp-content/plugins/gravityforms/images/spinner.gif
  
  se puede utilizar para generar el gif
  http://ajaxload.info/
*/

/***************************************************************/
/*********************FORMULARIOS*******************************/
/***************************************************************/



/* ================== CONTACTO ==================== */
.iconos-contacto {
  list-style-type: none !important;
  /*background-color: #002d5e !important;*/
  padding: 5px 20px 10px 20px !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
}

.iconos-contacto li {
  margin-bottom: 0px !important;
   font-family: 'Roboto', sans-serif !important; 
}

.iconos-contacto span {
  color: #fff !important; 
  font-size: 25px !important;
  padding-left: 5px !important;
}

.iconos-contacto-msg {
   font-family: 'Roboto', sans-serif !important; 
  font-weight: 400 !important;
  font-size: 18px !important;
  list-style-type: none !important;
  background-color: #fff !important;
  color: #656565 !important;
  padding: 5px 20px 10px  20px !important;
  border-radius:  2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  text-align: center !important;
  margin-top: 30px !important;
}

.p-titulo-icono {
  font-weight: 600 !important;
  color: #002d5e !important;
  font-size: 18px !important;
  line-height: 0px !important;
  list-style: none !important;
  padding-top: -20px !important;
   font-family: 'Roboto', sans-serif !important; 
}

.contacto-sangria {
  margin-left: 55px !important;
  font-weight: 400 !important;
  color: #002d5e !important;
  font-size: 18px !important;
  line-height: 30px !important;
  list-style: none !important;
   font-family: 'Roboto', sans-serif !important; 
  margin-top: -15px !important;
}

.posicion {
  margin-bottom: -15px !important;
  padding-right: 15px !important;
}


/* =============== PIE DE PAGINA ================= */


.footer {
  background-color: #181818 !important;
   
  text-align: center !important;
 
   
  padding: 10px 10px 10px 10px !important;
  margin: 0 !important;
}

.footer a, .footer p {
   font-family: 'Roboto', sans-serif !important; 
  font-weight: 300 !important;
  color: rgba(255,255,255) !important;
  font-size: 12px !important;
  text-align: center !important;
  letter-spacing: 2px !important;
  text-decoration: none !important;
  padding:   0 !important;
   margin: 0 !important;
	line-height: 15px !important;
}

.footer a:hover {
  text-decoration: none !important;
}




.servicios-iconos img {
  height: 120px !important;
  width: 120px !important;
}

.servicios-text {
  text-align: center !important;
}

.servicios-titulos {
  font-size: 20px !important;
  font-family: 'Roboto', sans-serif !important; 
  color: #333 !important;
  text-align: center !important;
 
}

.cabecera-min-height {
  min-height: 230px !important;
}

.h1-cabecera {
  color: #FFFFFF !important;
  font-size: 45px !important;
  font-family: 'Merienda', cursive !important;
  font-style: italic !important;
  margin-top: 40px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  font-weight: 700 !important;
}



 

 /***********Productos************/
 #producto-row-1 {
   padding: 50px 0px 100px 0px !important;
   margin-bottom: 70px !important;
 }

 #producto-col-cloruro {
   padding: 15px 30px 30px 30px!important;
 }


 #producto-col-accion {
  padding-top: 50px !important;
}


.producto-p  {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    color: rgb(85, 85, 85) !important;
    line-height: 25px !important;
    word-spacing: 0px !important;
    text-align: center !important;
}

.producto-inicial  {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: rgb(85,85,85) !important;
  line-height: 25px !important;
  word-spacing: 0px !important; 
  font-style: italic !important;
  text-align: center !important;
}


.producto-titulo-1 h4 {
  font-family: 'Merienda', cursive !important;
 font-size: 28px !important;
 font-weight: 700 !important;
 font-style: italic !important;
 letter-spacing: 1px !important;
}

 .producto-titulo-2 h4 {
    font-family: 'Merienda', cursive !important;

   font-size: 28px !important;
   font-weight: 700 !important;
   font-style: italic !important;
   color: #0c0c0c !important;
 }

 .producto-venta {
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #0c0c0c !important;
 }

 .producto-compra {
   text-align: right !important;
 }

 .producto-h1-accion {  
  font-family: 'Merienda', cursive !important;
  font-weight: 700 !important;
  font-size: 50px !important;
  color: #ffffff !important;
  line-height:38px !important;
  margin-bottom: 10px !important;
  font-style: italic !important;
 }
 .producto-h2-accion {  
  font-family: 'Roboto', sans-serif !important;
 font-weight: 400 !important;
 font-size: 40px !important;
 color: #ffffff !important;
 line-height: 38px !important;
 margin-bottom: 0px !important;

}
.producto-h3-accion {  
  font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important;
 font-size: 20px !important;
 color: #ffffff !important;
 line-height: 30px !important;
 text-align: right !important;
 margin-bottom: 30px !important;
}

 
.producto-boton-contacto , .producto-boton-contacto:link, .producto-boton-contacto:focus, .producto-boton-contacto:link:active, .producto-boton-contacto:visited:active, .producto-boton-contacto:visited {
  background-color: #ef4023;
  padding: 10px 10% 10px 10%;
  letter-spacing: 4px;
  color: #FFFFFF !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  border: 1px solid #e63619;
  background-color: #fa5e0b;
  margin-top: 10px;
}

.capacitacion-min-height {
  min-height: 450px !important;
}

.h1-capacitacion-cabecera {
  color: #FFFFFF !important;
  font-size: 72px !important;
  font-family: 'Merienda', cursive !important;
  font-style: italic !important;
  margin-top: 72px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  font-weight: 700 !important;
  padding: 80px 0px 0px 0px !important;
}

.list-img-icon {
    width: 48px !important;
    height: 48px !important;
}


.servicios-p {
  text-align: center !important;
}


.servicios-kseros-contenedor   {
  width: 100% !important;
  padding: 0 15% 0 15% !important;
  text-align: right !important;
}

.servicios-kseros-mensaje   {
  font-family: 'Roboto', sans-serif !important; 
  text-align: center !important;
  font-size: 20px !important;
  letter-spacing: 1px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
  color: #FFFFFF !important;
  font-style: italic !important;
 letter-spacing: 1px !important;
 margin-bottom: 30px !important;
 margin-top: 30px !important;

 text-align: right !important;
}

.img-altura-3 {
  min-height: 390px !important;
}


/* ========================================================= */
/* ========================================== */
/* ========================================================= */
/*MENU PRINCIPAL*/

.nav-main-menu div {
  margin: 0px !important;
  padding: 0px !important;

}

.nav-main-menu nav {
  padding: 0px 0px 0px 0px !important;
  
}



.nav-main-menu nav span {
  font-size: 14px !important;
  
}

.nav-main-menu nav span {
  font-size: 14px !important;
  
}
/*EFECTO EN DESKTOP*/

.nav-main-menu nav a {
  display: inline-block !important;
  position: relative!important;
  color: rgb(14, 14, 14) !important;
  text-decoration: none!important;
  /* padding: 10px 20px 10px 20px !important; */
  
  }
 
    

  .nav-main-menu nav a:before,
  .nav-main-menu nav a:after {
  content: ""!important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
  transform: scale(0) !important;
  transition: 0.6s !important;
  }

  .nav-main-menu nav a:before {
  border-bottom: 1px solid #f0950c !important;
  border-left: 1px solid #f0950c !important;
  transform-origin: 0 100% !important;
  }
  .nav-main-menu nav a:after {
  border-top: 1px solid #f0950c !important;
  border-right: 1px solid #f0950c !important;
  transform-origin: 100% 0% !important;
  }
  .nav-main-menu nav a:hover:after,
  .nav-main-menu nav a:hover:before {
  transform: scale(1) !important;
  }

  
/*principal*/

  .nav-main-menu {
    /*background-color: #021a44 !important;*/
   
    border: 0px !important;
    margin: 0px !important;
    margin-top: 10px !important;
     
    font-family: 'Roboto', sans-serif !important; 
    text-align: right !important;
    
  }
  
  
  
  @media (min-width: 300px) and (max-width: 959px) {
    .nav-main-menu .ubermenu-responsive-toggle {
      background-color: #ef4023  !important;
      position: relative !important;
      border-bottom: 1px solid #ffffff !important;

    }
    .ubermenu-nav {
      padding: 10px 0 10px 0 !important;
      background-color: #f8f8f8  !important ; 
    }
  
    .nav-main-menu nav li  {
      margin-left: 30px !important;
    }

    .nav-main-menu nav a {
      height: 40px !important;
      padding: 0px 20px 30px 20px !important;
    }
  }
  
  @media (min-width: 960px) {
    .nav-main-menu {
    /*   background-color: transparent !important;
      position: absolute !important;
      margin-top: 80px !important;  */
      
    }
    
    .ubermenu {
      margin-right: 6% !important;
    }
     

    .ubermenu-nav a span {
      font-size: 14px !important;
    }

    
    .nav-main-menu nav a {
      height: 40px !important;
      padding: 10px 20px 10px 20px !important;
    }
  
  }
  /*
  .nav-main-menu {
    background-color: transparent !important;
    position: absolute !important;
    margin-top: 30px !important;
  }
  *//* 

  .nav-main-menu  .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
    border-bottom: 1px solid #ef4023  !important;
    width: 20% !important;
   
} */

.ubermenu-target  hr {
  background-color: transparent !important;
  width: 0% !important;
   height: 0px !important;
}



.nav-main-menu  .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target hr {
   background-color: #f38240 !important;
   width: 50% !important;
    height: 1px !important;
}

.centrar-grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
	display: flex !important;
	justify-content: center !important;
}


ul#gform_fields_4 select, ul#gform_fields_4 input {
    height: 35px !important;
    font-size: 15px !important; 
	padding: 2px !important;
}

ul#gform_fields_4 li {
    margin-bottom: 20px !important;
}

#gf_4 {
	z-index: 999 !important;
}




  /*colores para los placeholders*/
  #gform_fields_4 input:-moz-placeholder, #gform_fields_4  select:-moz-placeholder, #gform_fields_4 textarea:-moz-placeholder {
  color: #9a9a9a !important; 
  font-size: 10px !important;
	  padding-left: 10px !important;
}
   
#gform_fields_4 input::-moz-placeholder, #gform_fields_4 select::-moz-placeholder, #gform_fields_4 textarea::-moz-placeholder {
    
  font-size: 12px !important;
  color: #9a9a9a !important; 
 padding-left: 10px !important;
}
   
 #gform_fields_4 input:-ms-input-placeholder,  #gform_fields_4  select:-ms-input-placeholder, #gform_fields_4 textarea:-ms-input-placeholder {
  color: #9a9a9a !important; 
  font-size: 12px !important; 
	 padding-left: 10px !important;
}
   
  #gform_fields_4  input::-webkit-input-placeholder, #gform_fields_4  select::-webkit-input-placeholder,#gform_fields_4  textarea::-webkit-input-placeholder {
  color: #9a9a9a !important; 
  font-size: 12px !important; 
	  padding-left: 10px !important;
}
   

.contacto-confirmacion {
	    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 28px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    color: #212121 !important;
    word-spacing: 0px !important;
    padding: 50px 20% 50px 20% !important;
}