/* General */
/*----------------------------------------------------------------*/
html {height: 100%!important; background-color: #292929;}
body { margin: 0; padding: 0; font: 14px/160% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #676767;}
a { text-decoration: none; color: #535a61;}
a:hover { color: #58372e;}
a img { border: none;}
a:active { outline: none;}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	
}
h1 {line-height: normal;}
nav ul { list-style: none;}
li {margin: 0;	padding: 0;	list-style-type: none;}


/* Header */
/*----------------------------------------------------------------*/
#headerWrapper {background-position: center top; background: url('../images/head-top.jpg') repeat-x center top;}
#header { width: 940px; margin: 0 auto; height: 118px; position: relative;}
#header .logo{margin-left:20px;}


/* Nav */
/*----------------------------------------------------------------*/
#navWrapper { position: absolute; right: 0; top: 0;}
#header nav { }
	#header nav ul { border-right: 1px solid #64676a; display: block; overflow: hidden; height: 110px;}
	#header nav ul li { display: block; height: 110px; border-left: 1px solid #64676a; float: left;}
	#header nav ul li a { display: block; height: 110px; color: #fff; text-transform: uppercase; font: 18px Georgia, "Times New Roman", Times, serif; padding: 35px 15px 0 15px; text-shadow: 0 -1px 0 rgba(0,0,0,0.5);}
	#header nav ul li a em { font-size: 14px; text-transform: none; font-style: italic; display: block; clear: both; color: #b4c4d5;}
	#header nav ul li a:hover { background-color: #33393F; text-decoration: none;}
	#header nav ul li.selectedPage { }
	#header nav ul li.selectedPage a { }

/* Page */
/*----------------------------------------------------------------*/
#pageWrapper { display: block; overflow: hidden; padding: 10px 0 20px 0; background-color: #fff;}
#page { width: 940px; margin: 0 auto; min-height: 300px;}
	
	#mainColumn { float: left; width: 700px; }
	#mainColumn .estudio {
	margin-bottom: 16px;
	color: #000000;
	font-size: 16px;
	font-style: italic;
	width: 600px;
	text-align: justify;
}
		
	#mainColumn a {text-decoration: underline;}
	#mainColumn ul {margin: 0 0 0px 0px;}
	#mainColumn h2,
	#mainColumn h3,
	#mainColumn h4 {margin: 0 0 10px 0;	color: #454d54;	font-size: 26px;	font-weight: normal; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif;}
	#mainColumn .element {	margin: 0 0 25px 0;}
	#subColumn {float: right; width: 220px;}



#subColumn .box { box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); border: 1px solid #ccc; line-height: 1.4em;} 
#subColumn .box:last-child { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none); border: none;}

#subColumn .experience {
	background-position: left top;
	background: url('../images/subColumn-1.jpg') no-repeat left
top;
	min-height: 170px;
	margin: 0 0 15px 0;
	position: relative;
}
	#subColumn .experience .element {padding: 0 12px; position: absolute; bottom: 15px; font-size: 12px;}
	#subColumn .experience .element a {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.7)}
	#subColumn .experience .element a:hover {}
	#subColumn .experience .element h1 { font-family: Georgia; font-style: italic; color: #fff;}

#subColumn .connect { background: url(../images/subColumn-2.jpg) no-repeat left top; min-height: 170px; margin: 0 0 15px 0; position: relative;}
	#subColumn .connect .element {padding: 0 12px; position: absolute; bottom: 15px; font-size: 12px;}
	#subColumn .connect .element a {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.7)}
	#subColumn .connect .element h1 { font-family: Georgia; font-style: italic; color: #fff;}

#subColumn .pic { background: url(../images/subColumn-3.jpg) no-repeat left top; min-height: 170px; margin: 0 0 15px 0; position: relative;}
	#subColumn .connect .element {padding: 0 12px; position: absolute; bottom: 15px; font-size: 12px;}
	#subColumn .connect .element a {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.7)}
	#subColumn .connect .element h1 { font-family: Georgia; font-style: italic; color: #fff;}
#subColumn .pic-1 { background: url(../images/subColumn-4.jpg) no-repeat left top; min-height: 170px; margin: 0 0 15px 0; position: relative;}
	#subColumn .connect .element {padding: 0 12px; position: absolute; bottom: 15px; font-size: 12px;}
	#subColumn .connect .element a {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.7)}
	#subColumn .connect .element h1 { font-family: Georgia; font-style: italic; color: #fff;}


#subColumn .join {
	background-position: left top;
	background: #e5e5e5 url(../images/bg-join.jpg) no-repeat left top;
	min-height: 200px;
	margin: 0 0 15px 0;
	width: 100%;
}
	#subColumn .join .element {padding: 13px;}
	#subColumn .join .formHeader {font-size: 12px; margin: 0 0 10px 0;}
	#subColumn .join .element h2 {	font-family: Georgia;	font-style: italic;	color: #252160;	margin-bottom: 4px;}
	#subColumn .join .formHeader p {padding: 0 60px 0 0; line-height: 1.3em;}
	#subColumn .join input {width: 170px; border: 1px solid #d6d6d6; margin: 0 0 2px 0; padding: 3px; color: #333;}
	#subColumn .join textarea {width: 170px; border: 1px solid #d6d6d6; margin: 0 0 2px 0; padding: 3px; color: #333; font-family:Arial, Helvetica, sans-serif;}

	#subColumn .join .button-container {margin-left: 10px;}
	#subColumn .join .button-container a.button-send {
	background-color: #375d84;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.7);
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	padding: 2px 20px 2px 20px;
	margin: 0px 0 0 0;
	font-size: 12px;}
	#subColumn .join .button-container a.button-send:hover {background-color: #666666;}
	#subColumn .join fieldset {	border: 0px;	margin: 0px;	width: 194px;}
	#subColumn .join label {font-size:12px;}
		

/* Inicio*/
/*----------------------------------------------------------------*/
#feature { float: left; width: 700px; height: 357px; margin: 0 0 20px 0;}
	#featureImage { border: 5px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); height: 347px; background-image:url('../images/home-1.jpg');background-repeat:no-repeat}
	#featureImage .element { background: url(../images/bg-alpha.png); padding:20px; margin-top:237px;}
	#featureImage .element h1 { font-family: Georgia; font-style: normal; color: #fff; font-weight:normal; font-size:30px;}
	#featureImage .element p { text-align:left;}

#mainColumn .leftColumn { float: left; width: 300px; margin-top:20px;}
#mainColumn .leftColumn p { text-align:justify;}

#mainColumn .rightColumn { float: right; width: 380px; margin-top:20px;}
#mainColumn .rightColumn li.category {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
	border-bottom: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	line-height: 26px;
	margin-bottom: 1px;
	list-style-image: url('../images/icon-check-light.png');
	list-style-position: inside;
}

#mainColumn .rightColumn li {font-size:13px; line-height:18px;}
#mainColumn .rightColumn li a { text-decoration:none; color: #333333;}
#mainColumn .rightColumn a:hover { text-decoration:none;}
#mainColumn .container h1.title {background: url(../images/bg-title.jpg) repeat-x left top;	color: #fff;	font-family: Arial;	font-weight: normal;	font-style: normal;	font-size: 22px;	line-height: 33px;	padding: 0 0 0 10px;	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);	margin: 0 0 10px 0;}
#mainColumn h1.pageTitle {	font-size: 36px;margin: 30px 0 10px 0;color: #333333;	font-weight: normal;font-style: italic;	font-family: Georgia, "Times New Roman", Times, serif;}

#accordion {
 list-style: none;
 padding: 0 0 0 0;
 margin: 0;
 }
 #accordion div {
 display: block;
 font-weight: bold;
 color:white;
 cursor: pointer;
 padding: 5px;
 margin:0;
 background-color: #375d84;
 background-image: url(../images/arrow-down.png);
 background-position: right center;
 background-repeat:no-repeat;
 border-bottom: 1px solid #eff2f5;
 }
 #accordion ul {
 list-style-type: none;
 display: none;
 background: #eff2f5 url(/images/stripes.png) repeat;
 }
 #accordion ul li {
 font-weight: normal;
 cursor: auto;
 padding: 5px;
 height: 15px;
 color: #375d84;
 display:block;
 }
 #accordion ul li:hover {
 background-color: #d6dfec;
 font-weight: normal;
 cursor: auto;
 padding: 5px;
 color: #375d84;
 display:block;
 }
 #accordion a {
 text-decoration: none;
 color: #375d84;
 }

/* Contacto */
/*----------------------------------------------------------------*/

#our-info {width: 240px; float: left; margin-right:30px;}
#our-info .box {
	background-color: #e5e5e5;
	min-height: 360px;
	padding: 30px 10px 10px 16px;
}
#our-info .box h3 {	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 22px; text-shadow: 0 -1px 0 rgba(255,255,255,0.5);}
#our-info .box p {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;line-height: 18px; margin-bottom: 20px;}
#your-info {float: right; width: 430px;}

#info {	float: left;	margin-bottom: 30px;}
#your-info {width: 430px; float:right;}
#form-contact fieldset {border:0px;}
#form-contact .label-gral {	background-position: right center;background-color: #727C86;	color: #ffffff;	font-size: 12px;width: 120px;float: left;margin-top: -2px;	background-image: url('../images/label.bg.png');background-repeat: no-repeat;height: 31px;padding-right: 10px;padding-left: 10px;line-height: 31px;}
#form-contact .label-comentarios {	background-color: #727C86;	color: #ffffff;	font-size: 12px;padding-top: 4px;	padding-bottom: 4px;	padding-left: 10px;	width: 394px;	float: left;}
#form-contact .div-gral {	margin-bottom: 20px;float: left;width: 100%;}
#form-contact .input-gral {	margin: 0px;background-color: #e5e5e5;border-top: 1px;border-top-color: #d7d7d7;height: 24px;border-style: solid none none none;	padding-left: 4px;color: #666666;	width: 260px;}
#form-contact .input-captcha {	margin-top: 2px;background-color: #e5e5e5;border-top: 1px;	border-top-color: #d7d7d7;	height: 24px;	border-style: solid none none none;	padding-left: 4px;	color: #666666;	width: 70px;float: left;}
#form-contact textarea {background-position: 340px top;background-color: #e5e5e5;border-top: 1px;border-style: none;padding-left: 4px;color: #666666;	width: 398px;	background-image: url('../images/textarea-bg.png');background-repeat: no-repeat;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.captcha {	width: 220px;	float: left;	margin-top: -10px;}
.captcha span {	font-size: 12px;	margin-bottom: 4px;	line-height: 12px;}
.captcha-set img {	float:left;}
#form-contact .button-container {float: right;margin-top: 15px;}
#form-contact .button-container a.button-send {
	background-color: #375d84;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.7);
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 6px 30px 6px 30px;
	font-size: 16px;
	text-decoration: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}
#form-contact .button-container a.button-send:hover {background-color: #666666;}
#form-contact .button-container a.button-delete:hover {background-color: #666666;}



/* Footer */
/*----------------------------------------------------------------*/
#footerWrapper { display: block; overflow: hidden; background: url(images/bg-footer.png) repeat-x center top; min-height: 142px; padding-bottom:30px;}
footer { width: 940px; margin: 0 auto; display: block; overflow: hidden; padding: 30px 0 0 0; color: #888; text-shadow: 0 1px 0 rgba(0,0,0,0.5);}
		footer #footerLeft { float: left; line-height: normal; width:250px; margin-right:30px; }
		footer #footerLeft ul { display: block; overflow: hidden; margin: 0 0 0px; clear: both; font-size: 14px; list-style: none; float:left; margin-right:40px;}
		footer #footerLeft ul li { padding: 0; line-height:20px;}
		footer #footerLeft ul li a { padding: 0px; color: #888;}
		footer #footerLeft ul li a:hover { color: #fff;}
		footer #footerLeft h3 {color: #ffffff; font-weight:normal; font-size:20px; margin-bottom:10px; padding:0px 0px 8px 0px; background-image:url('../images/footer-line.jpg'); background-repeat:repeat-x; background-position:bottom;}
	
		footer #footerRight { float: right; padding: 0 0 0 20px;}
		footer #footerRight p { font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; }
		footer #footerRight .name { font-size:16px; color: #ffffff;}
		
/* Servicios */
/*----------------------------------------------------------------*/

.servicios { margin-top: 30px;}
.servicios-box {
	width: 300px;
	float: left;
	margin-right: 12px;
	margin-bottom: 20px;
	height: 330px;
	border-top-style: solid;
	border-top-width: 6px;
	border-top-color: #375d84;
}
	#mainColumn-Serv { float: left; width: 100%;}
		
	#mainColumn-Serv ul { margin: 0 0 0px 0px;}
	#mainColumn-Serv li {color: #333333;line-height: 20px;font-size: 14px;list-style-type: square;	list-style-position: inside;}
	#mainColumn-Serv h2 {
	margin: 0 0 0px 0;
	color: #454d54;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	padding-top: 6px;
}
	#mainColumn-Serv .element {	margin: 0 0 25px 0;}
	#mainColumn-Serv p {line-height: 18px;	margin-top: 10px;}
	#mainColumn-Serv .text {
	background-color: #f5f5f5;
	padding: 10px 10px 10px 10px;
	height: 150px;
}
	
	#mainColumn-Serv .container h1.title {background: url(../images/bg-title.jpg) repeat-x left top;	color: #fff;	font-family: Arial;	font-weight: normal;	font-style: normal;	font-size: 22px;	line-height: 33px;	padding: 0 0 0 10px;	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);	margin: 0 0 10px 0;}
	#mainColumn-Serv h1.pageTitle {	font-size: 36px;margin: 30px 0 10px 0;color: #333333;	font-weight: normal;font-style: italic;	font-family: Georgia, "Times New Roman", Times, serif;}