@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nunito:200,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Kristi');

body{margin:0px; /*background:#FAFAFA url(images/wallpaper.jpg) fixed;*/ background:#f3f3f3; background-size:100%; }

h1 { font-family: 'Open Sans', sans-serif; font-size:2.5em; font-weight:300; color: #000; margin:10px 0px 35px 0px; line-height:100%; border-bottom:#dadada solid 1px; }
h1.hola { font-family: 'Kristi', cursive; font-weight:lighter; font-size:3.0em; color: #4E4E4E; border:none; }
h2 { font-family: 'Open Sans', sans-serif; font-size:1.6em; font-weight:300; color: #626262; margin:45px 0px 0px; }
h3 { font-family: 'Open Sans', sans-serif; font-size:1.2em; font-weight:300; color: #4E4E4E; margin:10px 0px; }
 p { font-family: 'Open Sans', sans-serif; font-size:1.0em; font-weight:300; color: #000; line-height:180%; text-align:justify; }

table tr td{font-family: 'Open Sans', sans-serif; font-size:0.9em; text-align:justify; color: #4E4E4E; text-decoration:none; line-height:180%;}
ul li{font-family: 'Open Sans', sans-serif; font-size:1.0em; font-weight:200; color: #4E4E4E; text-decoration:none; line-height:180%; margin-bottom:20px; }
ol li{font-family: 'Open Sans', sans-serif; font-size:1.0em; font-weight:200; color: #4E4E4E; text-decoration:none; line-height:80%; }

a:link, a:active, a:visited{ font-family: 'Open Sans', sans-serif; font-size:1.0em; color: #E30000; text-decoration:none; }
a:hover { color:#E60000; }
     
a.link:link, a.link:active, a.link:visited{ font-family: 'Open Sans', sans-serif;	font-size:1.0em; color: #E60000; text-decoration:none; }
a.link:hover{border-bottom:#E60000 dotted 1px;}

input, select, textarea{ background-color:#4E4E4E; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:200; color: #fff; line-height:180%; padding:5px; border-radius:10px; }

#header{background:#FFF; border-bottom:#A6A6A6 solid 1px; width:98%; height:80px; padding:11px; position:fixed; top:0;}
#logo{float:left; display:block;}

#social{float:right; display:block; margin:20px 5px 0px; background:#4E4E4E; border-radius:50%; padding:1px; transition:0.8s; }
#social:hover{background:#E60000;}

#menu{background:#FFF; min-height:430px; width:220px; padding:12px; padding-top:29px; border-bottom:#E60000 solid 5px; border-left:#A6A6A6 solid 1px; border-right:#A6A6A6 solid 1px; float:left; text-align:center; margin:25px 50px 10px 100px; position:fixed; top:77;}

#menu_full{display:inherit;}
#menu_responsive{display:none;}

#content{width:60%; min-height:600px; text-align:justify; float:left; padding:40px 5% 0px; margin: 100px 0px 0px 350px;}

#boton{background-color:#4E4E4E; color:#FFF; padding:2px; padding-left:15px; border-radius:5px; display:block; margin:10px; text-align:left; transition:0.8s; font-weight:200; }
#boton:hover{background-color:#E60000; color:#FFF; padding:2px 2px 2px 25px;}

#twitter{padding:2%; margin:5px 2%; border-radius:5px; width:92%; background:#F0F0F0; margin:5px;}

#footer{padding:10px; margin-top:50px; background:#4E4E4E; font-family: 'Open Sans', sans-serif; font-size:0.9em; font-weight:200; color: #fff; text-decoration:none; border-top:#E60000 solid 5px; }


/* MENÚ RESPONSIVO */
ul.topnav li {float:left; font-family: 'Raleway', sans-serif; font-weight:300;}
ul.topnav li.icon {display: none;}
ul.topnav li a {display:inline-block; color:#46413C; text-align: center; padding:12px 16px; text-decoration:none; transition:0.8s; font-size: 1em;}
ul.topnav li a:hover {border-bottom:#E60000 solid 1px; color:#E60000; background:#FAFAFA;}

/* HEADER CHANGING */
header{width:100%; position:fixed; z-index:10;}
header.large{background:#FFF; border-bottom:#A6A6A6 solid 1px; width:98%; height:67px; padding:5px 1%; position:fixed; top:0; transition:0.8s;}
header.large .menu{font-family: 'Ubuntu', sans-serif;color:#FFF;font-size:0.9em;font-weight:300;display:block;float:left;padding:2px 30px;margin:15px 10px;border:#95beeb solid 1px;transition:.3s; border-radius:3px;}
header.large .menu:hover{color:#FFF; text-shadow:#71A61B 1px 1px 1px; background:#93C83D; border:#FFF solid 1px; /*box-shadow:#010030 1px 1px 3px;*/ margin:18px 10px 15px;}
header.large img{height:67px; transition:0.8s;}
header.large ul.topnav{list-style-type:none; padding:5px; margin-top:0px; overflow:hidden; z-index:1000;}

header.small{background:#FFF; border-bottom:#A6A6A6 solid 1px; width:98%; height:50px; padding:5px 1%; position:fixed; top:0; transition:0.8s;}
header.small .menu{font-family: 'Ubuntu', sans-serif; color:#95beeb; /*text-shadow:#000 1px 1px 2px;*/ font-size:0.9em; font-weight:300; display:block; float:left; padding:1px 15px; margin:15px 7px 10px; border:#FFF solid 1px; transition:.3s;}
header.small .menu:hover{color:#FFF; text-shadow:#71A61B 1px 1px 1px; background:#93C83D; border:#FFF solid 1px; /*box-shadow:#010030 1px 1px 3px;*/ margin:18px 7px 12px;}
header.small img{height:50px; transition:0.8s;}
header.small ul.topnav{list-style-type:none; padding:5px; margin-top:5px; overflow:hidden; z-index:1000;}

#logo_img{display:block; float:left; padding:0px 20px; margin:5px 10px 0px;}

@media screen and (max-width:800px) {
  body{margin:0px; background:#FAFAFA; }
  
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li{display: none;}
  ul.topnav li.icon {float:right; display: inline-block;}
    
  #menu_full{display:none;}
  #menu_responsive{display:inherit;}
  
  #content{width:90%; text-align:justify; float:left; padding:40px 5% 0px; margin: 45px 0px 0px;}

}

@media screen and (max-width:800px) {
  #bkgdvideo{display:none;}
  h1{font-size:2.2em;}
  
  header.large ul.topnav{list-style-type:none; padding:0px; margin-top:0px; overflow:hidden; z-index:1000;}
  header.small ul.topnav{list-style-type:none; padding:0px; margin-top:0px; overflow:hidden; z-index:1000;}
 
  ul.topnav.responsive{position:relative;}
  ul.topnav.responsive li.icon{position: absolute; right:0; top:0;}
  ul.topnav.responsive li{float: none; display: inline;}
  ul.topnav.responsive li a{display: block; text-align:left; background:#FAFAFA;}
}