/*
Tutorial Name: Scroll To Top Then Fixed Navigation Effect With JQuery and CSS
Description: Create a sticky navigation bar that remains fixed to the top after scroll
Author: Stanislav Kostadinov
Author URI: http://stanislav.it
Version: 1.0.0 - 11.01.2014
*/

* {margin: 0; padding: 0;}

.fixed {
    position: fixed; 
    top: 0; 
    z-index: 1;
	width:100%;
}

a {text-decoration: none;}

#top { background-color:#FFF;}

#menu { background-color:#313945;}

.centro {
width: 960px; /* 960 (originally 960) / 1024 */ 
border: 0; 
margin: 0 auto; 
padding: 0;
}

@media only screen and (max-width:1024px) {
.centro {
width: 94.75%; /* 960 (originally 960) / 1024 */ 
border: 0; 
margin: 0 auto; 
padding: 0;
}}

@media only screen and (max-width:1280px) {
.centro {
width: 76%; /* 960 (originally 960) / 1280 */ 
border: 0; 
margin: 0 auto; 
padding: 0;
}}

/* This class is added on scroll */
.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 1;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
	
}

/* Navigation Settings */
nav {
	height: 30px;
        z-index: 100;
	/*font-size: 16px;*/
	text-align: center;
}

/*nav li {
	display: inline-block;
	padding: 24px 50px;
}

nav li a:link, nav li a:visited {
	color: #FFF;
	text-transform: uppercase;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0 5px;
}

nav li a:hover {
	color: white;
	display:block;
	background-color:#ea7d36;
	
}*/


#slideshow{
	height:500px;
	overflow:hidden;
	background-attachment: scroll;
	background-image: url(../images/slideshow/IMG_3385.JPG);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:white;
}

#slideshow h1 {
	color: white;
	font-weight: 700;
	font-size:300%;
	text-shadow: 2px 1px 0px rgba(150, 150, 150, 1);
	}


#slideshow h2 {
	text-shadow: 2px 1px 0px rgba(150, 150, 150, 1);
	}

#slideshow #slide-container { width:65%; margin:10% auto; text-align:center;}

#pasaporte2{
	height:500px;
	overflow:hidden;
	background-attachment: scroll;
	background-image: url(../images/_MG_7004.JPG);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pasaporte3{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:white;
	background-color:#313945;
}

#pasaporte4{
	height:400px;
	overflow:hidden;
	background-attachment: scroll;
	background-image: url(../images/_MG_7046-01.JPG);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

#pasaporte5 { font-size:70%; color:#999;}

.marco1 {
   padding:8px;
   background-color: #3498DB;
   width: 200px;
   border-bottom: 1px solid #999999;
   border-right: 1px solid #999999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.marco1 IMG{
   /*border: 1px solid #03529f;*/
}

.nota{
    color:#e67e22;
    font-weight: bolder;
    background:transparent;
    border-radius:3px;
    margin-top:10px !important;
}

/*.nota::before {
    content: "Información: ";
    color: #004F7D;
}
*/
.nota2{
    color:#e67e22;
    font-weight: bolder;
}

form{
    font-size: 1.1em;
}

.texto{
    font-size: 1.1em;
}

form td{
    /*font-weight: bold;*/
}

#recclave{
	width:auto;
	height:15px;
	display:block;
	position:relative;
	float:left;
        color: #3498DB;
	padding-left: 14px;
	padding-top:1px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

.btnRegistro{
    background: #004F7D !important;
    color:white !important;
}

.etiqueta_form{
    font-weight: bold;
}

.advertencia{
    font-weight: bolder;
    color: #004F7D
}

.codarea{
    max-width: 80px;
    display: inline;
    float: left
}

.telefono{
    max-width: 150px;
    display: inline;
}

.inputsmall{
    max-width: 130px;
    display: inline;
}

.descSolicitud{
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
        /*width: 100%;*/
        /*display:inline;*/
	color:#3498DB;/*navy;*/
        text-align: center;
        border:0px black solid;
        float: right;
}

.TitdescSolicitud{
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
        /*width: 100%;*/
        /*display:inline;*/

	color:black;
        text-align: center;
        border:0px black solid;
}

.dehabilitado{
    background-color:silver !important;
}

.linkInstituciones::after{
    content:"" !important
}