@font-face{
	font-family:"WebSymbolsRegular";
	src:url("fonts/websymbols-regular-webfont.svg#WebSymbolsRegular") format('svg'),
		url("fonts/websymbols-regular-webfont.eot");
	src:url("fonts/websymbols-regular-webfont.eot?#iefix") format("embedded-opentype"),
		url("fonts/websymbols-regular-webfont.woff") format("woff"),
		url("fonts/websymbols-regular-webfont.ttf") format("truetype");	
	font-weight:normal;
	font-style:normal;
}

*{
	margin: 0px;
	padding: 0px;
}

.gear, .icon{
	font-family: "WebSymbolsRegular";
	display: block;
	float: left;
	padding-right: 10px;	
}

.gear{
	/*
	animation-name: "rotate-gear";
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
	*/
	animation: showIcon 1100ms linear;
}

@keyframes showIcon{
	from{
		opacity: 0;
		transform: translateX(-100%);
	}
	to{
		opacity: 1;
		transform: translateX(0%);
	}
}

.clearfix{
	float: none;
	clear: both;
}

h1{
	font-size: 30px;
    line-height: 1.2;
}

body{
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

.req{
	color:red;
	font-size:20px;
	font-weight: bold;
}

#header{
	width: 1150px;
	height: 150px;	
	margin: 0px auto;		
}

#header #logo{
	padding-left: 20px;
	padding-top:25px;
}

#header #logo img{
	display: block;
	float: left;
	
	width: 36%;
	color: #000;
}

#barra{
	font-size: 16px;
	
	min-width: 1300px;
	width: 100%;
	height: 50px;
	margin: 0px auto;
	background-color: #F2F3F4;
	box-shadow: 0px 0px 2px #ccc; 
}

#barra #contiene{
	width: 1150px;	
	margin: 0px auto;
}

#barra #contiene #inicio{	
	
	line-height: 48px;
	float: left;
	margin-left: 20px;
}

#barra #contiene #inicio #login_emp{	
	color: green;
	float: left;
	font-size: 14px;
	font-weight: bold;	
	padding-right: 20px;
}	


#barra #contiene p{
	float: right;
	line-height: 48px;
	margin-right: 200px;
}

#barra #link{
	font-size: 16px;
	text-decoration: none;
	color: #1d365e;
	transition: all 300ms;
}

#barra a{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	color: #1d365e;
	font-weight: bold;
}

#barra a:hover{
	text-decoration: underline;
	font-size: 18px;
	color: #1d365e;	
}

#barra a:visited{
	color: #1d365e;	
}

.wrap{
	width: 1150px;
	margin: 0px auto;
}

#banner{
	width: 100%;
	height: 100px;
}

#lateral{
	width: 27%;
	min-height: 670px;
	float:right;
	
	border-left: 1px solid #ccc;
	
	
}	

#contenido{
	width: 69%;
	float: left;
	margin: 20px;
}


#contenido h1{
	display: block;
	width: 100%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

#contenido #texto{
	width: 100%;
	text-align: justify;
}

#contenido img{
	/* max-width: 750px; */
    height: 259px;
   /*  margin-top: 20px;	 */
   /*  margin-bottom: 30px; */
	margin-left: 10px;  
   
}



#contenido #contenedor #img1{

	margin-top: 0px;
	height: 259px;
}

#lateral #contacto{
	color: #444d54;
	margin-left: 20px;
}

#lateral h2{
	font-size: 20px;
	color: #c20e1a;
	font-weight: normal;
	margin-bottom: 10px;
}

#lateral h3{
	display: block;
	width: 100%;
	font-weight: bold;
	margin-top: 40px;
	font-size: 18px;
	border-bottom: 1px solid #d8d8d8;
    padding-bottom: .4em;
    margin-bottom: .6em;
}

aside .item-nombre{	
	font-weight: bold;
}

aside .puesto{
    display: block;
    margin-top: 7px;
    margin-bottom: 20px;
}

aside #caja2{
	margin-left: 20px;
	color: #444d54;
}

aside #caja3{
	margin-left: 20px;
	color: #444d54;
}

aside #caja2 a{
	display: inline-block;
}

aside a{
	display: block;
	margin-bottom: 5px;
	color: #444d54;
}

aside a:visited{
	color: #444d54;	
}

aside hr{
	border: none;
    border-bottom: 1px solid #d8d8d8;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

#lateral #azul{
	font-size: 20px;
	color: #444d54;

}

#empresa{
	color: #1d365e;
}

#lateral #caja3 img {
	max-width: 94%;
    height: auto;
}

#formulario #detalle{
	max-width: 100%;	
	border: 1.5px solid #ccc;
	box-shadow: 2px 3px 2px #ddd;
	margin-bottom: 30px;	
}


#formulario{
	width: 100%;
	margin: 0px auto;
	border: 1.5px solid #ccc;
	box-shadow: 3px 4px 2px #ddd;
	margin-bottom: 30px;	
}

#formulario2{
	max-width: 400px;
	margin: 0px auto;
	border: 1.5px solid #ccc;
	box-shadow: 3px 4px 2px #ddd;
	margin-bottom: 30px;	
}

#formulario #logo, #formulario2 #logo, #detalle #logo{
	background-color: #1d365e;
	color: white;
	height: 30px;
	padding-left: 20px;
	line-height: 30px;
}

#formulario #search, #formulario2 #search {
	padding: 20px;
	height: auto;
	/* background-color: #D2DDEA; */
	background-color: #ECF0F6;
	/* background-color: transparent; */
}	

#detalle{
	box-shadow: 2px 3px 2px #ddd;
	border: 1.5px solid #ccc;
}

#detalle #search{
	height: 600px;
	background-color: transparent;
	color: #1d365e;
}

#detalle #search #direccion{
	float: left;
	width: 54%;	
}
#detalle #search #sectores{
	float: right;
	width: 37%;
	height: 580px;
	border-left: 1px solid #ccc;
}

#detalle #search #direccion{
	margin-left: 20px;
	margin-top: 20px;
}

#detalle #search #head_1{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
}

#detalle #search #sectores{
	margin-left: 20px;
	padding-left: 20px;
}

#detalle #search #sectores #logo_2{
	height: 60px;
	text-align: center;
	margin: 0px auto;
}

#detalle #search .parrafo{
	font-size: 15px;
	margin-bottom: 5px;
}
/* ------------------------------------------------------------ */
#formulario #search .eti2, #formulario2 #search .eti2{
	font-size: 16px;
	color: #1d365e;
}	


#formulario2 input[type="text"],
#formulario2 input[type="password"]
{
	display: block;
	margin: 0px auto;
	margin-top: 20px;
	width: 82%;
	height: 30px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px #ccc inset;
	border-radius: 5px;
	padding-left: 35px;
	color: gray;
}

#formulario2 #user,
#formulario2 #password{
	display: block;
	text-align: center;	
	position: absolute;
	margin-left: 15px;
	margin-top: 6px;
	height: 30px;
}

#formulario2 #password{
	margin-left: 18px;
	margin-top: 25px;
	font-size: 20px;
}

input[type="submit"],
input[type="reset"],
button{
	/* display: block; */
	text-align: center;
	width: 100px;
	height: 35px;
	margin-top: 20px;
	color: white; 
	background: linear-gradient(to bottom, #3eb8e5 0%, #2ca0ca 100%); 	
	border: 1px solid #156787;
	border-radius: 0px;
	cursor: pointer;
	font-size: 15px;
	font-weight: lighter;
	margin-left: 17px;
	margin-bottom: 20px;
	transition: all 300ms;
}

#formulario select {
   	display: block;
    margin-bottom: 15px;
    width: 90%;
    height: 25px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc inset;
    border-radius: 1px;
    padding-left: 35px;
    color: gray;
}

#formulario input[type="text"] {
   	display: block;
    margin-bottom: 15px;
    width: 90%;
    height: 25px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc inset;
    border-radius: 1px;
    padding-left: 35px;
    color: gray;
}

input[type="submit"],
button{
	/* display: block; */
	text-align: center;
	width: 100px;
	height: 35px;
	margin-top: 10px;
	color: white; 
	background: linear-gradient(to bottom, #3eb8e5 0%, #2ca0ca 100%); 	
	border: 1px solid #156787;
	border-radius: 0px;
	cursor: pointer;
	font-size: 15px;
	font-weight: lighter;
	margin-left: 17px;
	margin-bottom: 10px;
	transition: all 300ms;
}

#tabla-socios{
	width: 100%;
	overflow: hidden;
}

.path-descripcion{	
	color: #1d365e;
	transition: all 300ms;
}

.path-descripcion:hover{	
	font-size: 14px;
	font-weight: bold;
}

.path-descripcion:visited{	
	color: #1d365e;
}

#tabla-socios img{
	height: 30px;
}

table{
	width: 100%;
}

table thead{
	background-color: #1d365e;	
	color: white;
	padding-left: 35px;
}

#footer{
	display: block;	
	min-width: 1300px;
	width: 100%;
	height: 140px;
	overflow: hidden;
	margin: 12px;	
	overflow: hidden;	
}

#hr-footer{
	min-width: 1300px;
	width: 100%;
	overflow: hidden;
	border: none;
    border-bottom: 1px solid #d8d8d8;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 30px;

}

#footer #imagen{
	text-align: center;
}

.alert{padding:8px 35px 8px 14px;margin-bottom:0px;color:#c09853;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;font-size: 14px;}