@charset "UTF-8";
@import url('time.css');
@import url('gradientes.css');
@import url('tablas.css');
@import url('calendario.css');
@import url('formularios.css');

@import url(http://fonts.googleapis.com/css?family=Antic);

body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}

body {
	font-family: 'Antic', sans-serif;
	
}

#formularios {
	max-width: 430px; margin: 30px auto; padding: 30px 30px;
	height:auto;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#selnav {
	width: 90%; margin: 30px auto 0 auto; padding:20px;
	height:auto;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#flags-container {
	position: relative;
	max-width: 430px; 
	margin: 100px auto 0 auto; 
	padding: 30px 30px;
	height:auto;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#flags {
	position:relative;
	max-width: 280px; 
	margin: 25px auto 10px auto;
	height:90px;
	position:relative;
	display:none;
}

.flag {
	float:left;
	padding-left:10px;
}

.flag-en{
	float:left;
	padding-left:50px;
}


h1 {
	
	margin: 5px auto 10px auto;
	font-size: 12px; 
	color: #fff; 
	text-transform: uppercase;
	text-align: center; 
	
}

h1 img{
	float:right;
	margin:-15px 10px 0 30px ;
	width:100px;
	
	}
/*---solo-----textos a la izquierda en selnav*/
.navegacion{
	padding:10px;}

.navegacion a{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	}
	
/*menu provisional---------------------------------------------------------------------------------------------------*/

#menu{
	position:absolute;
	left:20px;
	bottom:20px;
	display:block;
	width:auto;
	background-color:#999;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	z-index:999999;
	opacity:0.8;
	}
#menu ul{
	list-style:none;
	padding:20px;}

#menu ul li{
	font-size:18px;
	color: #CCC;
	text-decoration:none;}


#menu a{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
}
/*--------------------------------------------------------------------------------------------------------------*/

.revise{
	float:left;
	width:350px;
	margin:10px 0 20px 0!important;
	}

.revise p{
	text-align:left;
	font-size:16px;
	color:#FFF !important;
	font-weight:bold;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 0.2em;
}
.revise p span{
color: #CCC;
padding-right:20px;
}
.revise label {
	font-size:12px;
}
.revise input {

}

/*para intro home-------------------------------------------------------------------------------------------------*/
.bg img{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:-1;
	opacity:0.5;
}
/*intro-------------------------------------------------------------------------------------------------*/
.pasos{
	width:300px;
	position:relative;
	margin:0 auto 20px auto;
	}
.pasos img{
	width:300px;}
	
/*logo flotante*/

.logo{
	float:left;
	margin:10px 60px;
}

.logo img{
	width:200px;
	
	
	}
/*-----------paginacion botones---------*/

.previo input[type=submit] {
    background: url(../images/next.png) no-repeat center right;
	font-size: 12px;
	color: #f2f2f2;
	border:#CCC solid 1px;
	margin:0 0 0 5px !important;
	padding:0 15px 0 5px !important;
	width:auto;
            }
.siguiente input[type=submit] {
    background: url(../images/previous.png) no-repeat center left;
	font-size: 12px; 
	color: #f2f2f2; 
	border:#CCC solid 1px;
	margin:0 0 0 5px !important;
	padding:0 5px 0 15px !important;
	width:auto;
}
/*-------------------*/

/*titulo paginacion*/
.salidas{
	float:right;
	width:auto;
	margin:8px 15px 0 0;
	font-family: 'Antic', sans-serif;
	font-size: 16px; 
	color: #f2f2f2; 
	text-shadow: 0px -1px 0px #334f71; 
	}