/*
Theme Name: Prosite
Theme URI: http://tha.com.gt
Author: Jose Rivera
Author URI: http://tha.com.gt
Description: A beautiful and simple site to get your objective.
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: hermesweb

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background:#fff;
	color:#000;
	font-family: 'Ubuntu', sans-serif;
}
h1{font-size: 3.5rem}
h2{font-size: 1.75rem}
h3{font-size: 1.5rem}
h4{font-size: 1rem}
h5{font-size: .75rem}
h6{font-size: .50rem}
p{font-size: 1rem}
li{font-size: 1rem}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #007ec5;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  /* margin: -100px 0 0 -100px; */
  /* is width and height divided by two */
}
#header {
	background:#fff;
}

.efecto {
	opacity:1;	
-webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
border-radius: 25px;
}
.efecto:hover{
	opacity:0;
}
.efecto-black {
	background:#007ec5;
	background-image: url(images/mas_ver.png);
	background-position: center; 
	background-repeat: no-repeat;
  border-radius: 25px;
}

.efecto1 {
  opacity:1;  
-webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
}
.efecto1:hover{
  opacity:0.4;
  box-shadow:0 0 6px 3px #000;
  -webkit-transition: opacity .75s ease;
-moz-transition: opacity .75s ease;
}
.efecto-black1 {
  background:#000;
  background-image: url(images/mas.png);
  background-position: center; 
  background-repeat: no-repeat;
  border-radius: 0 0 25px 25px;
}

/*FORMULARIO*/


input, button, select, textarea {
    margin-top:10px;
    margin-bottom:10px;    
}
label {
    
}
textarea {
    background:#f6f6f6;
    padding:10px;
    border:1px solid #e9e9e9;
    width:100%;
}
input {
    background:#f6f6f6;
    padding:10px;
    border:1px solid #e9e9e9;
    width:100%;
}
label {
        width:100%;
} 

/*BARRA SUPERIOR*/

.face:hover {
  background: #1f3695;
  transition: all 1s ease;
}

.inst:hover {
  background: #c61598;
  transition: all 1s ease;
}

.youtube:hover {
  background: #db0000;
  transition: all 1s ease;
}

.twite:hover {
  background: #22cbe4;
  transition: all 1s ease;
}



/*@MEDIA PARA CELULARES*/
@media only screen and (max-width:480px){
h1{font-size: 0.75rem}
h2{font-size: 1.25rem}
h3{font-size: 1rem}
h4{font-size: .75rem}
h5{font-size: .50rem}
h6{font-size: .25rem}
p {font-size: 0.75rem;}
li {font-size: 0.75rem;}
a {font-size: 0.50em}
.pb-5, .py-5 {padding-bottom: 2rem!important;}
.pt-5, .py-5 {padding-top: 2rem!important;}
.p-4 {padding: .75rem!important;}
.m-3 {margin: .5rem!important;}
}

@media only screen and (max-width:500px){
    
}
@media only screen and (max-width:640px){

}
@media only screen and (max-width: 735px){

}
@media only screen and (min-width: 768px) and (max-width: 1024px){

}