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

/* fonts */

@font-face {
font-family: 'nexa';
    src: url('fonts/NexaLight.otf');
}

@font-face {
font-family: 'nexabold';
    src: url('fonts/NexaBold.otf');
}

/* fonts */

body{
	margin: 0 auto;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size: 24px;
}


.especial{
	font-weight: 400;
}

strong{
	font-weight: 400;
}

#container{
	margin: 0 auto;
	width: 870px;
	height: 100%;
}

.home{
	background-image: url(img/bg_home.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.quienes{
	background-image: url(img/bg_quienes.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.empresario{
	background-image: url(img/bg_empresario.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.trabajador{
	background-image: url(img/bg_trabajador.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.contacto{
	background-image: url(img/bg_contacto.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

#quienes{
	position: relative;
	float: left;
	width: 830px;
	height: 290px;
	background-image: url(img/bg.png);
	text-align: left;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 20px;
}

#emp{
	position: relative;
	float: left;
	width: 830px;
	height: 250px;
	background-image: url(img/bg.png);
	text-align: left;
	padding: 20px 20px;
	font-size: 18px;
	line-height: 24px;
}

#trab{
	position: relative;
	float: left;
	width: 830px;
	height: 210px;
	background-image: url(img/bg.png);
	text-align: left;
	padding: 40px 20px;
	font-size: 18px;
	line-height: 24px;
}

#contacto{
	position: relative;
	float: left;
	width: 830px;
	height: 290px;
	background-image: url(img/bg.png);
	text-align: left;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}


#home{
	width: 421px;
	height: 368px;
	text-align: center;
	margin: 15% 0 0 25%;
	position: relative;
}

#logo{
	float: left;
	position: absolute;
}

#menu{
	position: relative;
	float: right;
	font-size: 18px;
	margin: 215px 0 0 0;
	z-index: 10;
}

#line{
	float: right;
	position: relative;
	top: 20px;
	right: 50px;
}

#line1{
	float: right;
	position: relative;
	top: 45px;
	right: 50px;
}

#menu1{
	position: relative;
	float: right;
	font-size: 18px;
	margin: 215px -220px 0 0;
	z-index: 10;
}

#menu2{
	position: relative;
	float: right;
	font-size: 18px;
	margin: 215px -288px 0 0;
	z-index: 10;
}

#footer{
	width: 100%;
	height: 50px;
	bottom: 0;
	position: fixed;
	background-image: url(img/bg.png);
	padding: 5px 0 0 0;
}

.footer p{
	margin: 5px 0 0 0;
}

.footer{
	width: 640px;
	text-align: left;
	font-size: 12px;
	float: left;
	line-height: 20px;
}

.social{
	float: right;
	width: 80px;
	text-align: center;
	font-size: 12px;
	margin: 2px 0 0 0;

}

.input-xlarge{
	width: 100%;
	height: 25px;
	font-size: 12px;
	margin: 5px 0;
}

.input-xxlarge{
	width: 98%;
	font-size: 12px;
	margin: 5px 0;
}

.azul01{
	color: #075384;
}

.azul02{
	color: #007bb3;
}

#edad{
	float: left;
	width: 50%;
	margin: 5px 0 0 0;
}

#ciudad{
	float: right;
	width: 50%;
	margin: 5px 0 0 0;
}

#sexo{
	margin: 10px 0;
	float: left;
}

#sexo input{
	margin: 0 10px;
}

.cnt input{
	width: 80%;
}

#btn{
	float: right;
	margin: 30px 0 0 0;
}

a img{
	border: 0;
}

select{
	margin: 10px 0;
	width: 90%;
	font-size: 14px;
}

#menu ul ul, #menu1 ul ul, #menu2 ul ul {
	display: none;
}

#menu ul li:hover > ul, #menu1 ul li:hover > ul, #menu2 ul li:hover > ul  {
	display: block;
}

#menu ul, #menu1 ul, #menu2 ul {
	background-image: url(img/bg.png);
	padding: 0 0;
	list-style: none;
	position: relative;
	display: inline-table;
}

#menu ul:after, #menu1 ul:after, #menu2 ul:after {
	content: ""; clear: both; display: block;
}

#menu ul li, #menu1 ul li, #menu2 ul li {
	float: left;
}

#menu ul li:hover, #menu1 ul li:hover, #menu2 ul li:hover {
	background: #007bb3;
}

#menu ul li:hover a, #menu1 ul li:hover a, #menu2 ul li:hover a {
	color: #fff;
}
	
#menu ul li a, #menu1 ul li a, #menu2 ul li a {
	display: block; padding: 15px 20px;
	color: #5d5e5e; text-decoration: none;
}

#menu ul ul, #menu1 ul ul, #menu2 ul ul {
	background: #0d5384; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}

#menu ul ul li, #menu1 ul ul li, #menu2 ul ul li {
	float: none; 
	border-top: 1px solid #fff;
	position: relative;
}

#menu ul ul li a, #menu1 ul ul li a, #menu2 ul ul li a {
	padding: 15px 20px;
	color: #fff;
}	

#menu ul ul li a:hover, #menu1 ul ul li a:hover, #menu2 ul ul li a:hover {
	background: #007bb3;
}

#menu ul ul ul, #menu1 ul ul ul, #menu2 ul ul ul {
	position: absolute; left: 100%; top:0;
}