/*
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.
*/



#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*/



/*BARRA SUPERIOR*/




/*@MEDIA PARA CELULARES*/
@media only screen and (max-width:480px){

}

@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){

}