/* ----------------------------------------------

	Style

 ------------------------------------------------ */

html {

	font-size:100%;

	width:100%;

	height:100%;

	margin-bottom:1px;

}

body {

	background: #fff;

	color:#767772;

	font-family:Arial, Helvetica, sans-serif;

	font-size:62.5%;

	text-align:center;

	width:100%;

	

}



/* ----------------------------------------------

	fonts

------------------------------------------------ */

p { font-size:1.2em; line-height:1.5em; margin-bottom:10px;}

h1 { font: normal 2em/1.8em Arial, Helvetica, sans-serif; }

h2 { color:#333; font: normal 2em Stewardson, Arial, Helvetica, sans-serif; }

h3 { color:#888; font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; text-transform:uppercase;}

h4 { color:#333; font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; }





/* ----------------------------------------------

	gerenal classes

------------------------------------------------ */



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.error { 

	border:1px solid #d51313;

	color:#d51313;

	padding: 10px 15px;

	margin: 8px 0;

	background:#f7eded;

}

.success { 

	border:1px solid #0c9543;

	color:#0c9543;

	padding: 10px 15px;

	margin: 8px 0;

	background:#e5f6ec;

}

.error, .success {

	-moz-border-radius:6px;

	-webkit-border-radius: 6px;

}

.float-left {float:left;}

.float-right {float:right;}

.text-left {text-align:left; }

.text-right {text-align:right; }

.spacer { clear:both; display:block; height:25px;}

.highlight { font-weight:bold;}

.clear {clear:both;}

.text-center {text-align:center; }

.hidden {display:none;}





/* ----------------------------------------------

	images & links

------------------------------------------------ */



a:link, a:visited, a:active {

	color:#2c2c2c;

	text-decoration:none;

	font-weight:bold;

}

	a:hover {

		text-decoration:underline;

	} 



a.more {

	font:bold 12px arial;

	border:1px solid #cbcaca;

	padding: 3px 15px;

	clear:both;

	background: url(../images/read_more_bg.png) repeat-x;

	margin: 10px 0 0;

}

	a.more:hover {

		border:1px solid #2c2c2c;

		text-decoration:none;

	}





img.float-left {

	margin: 0 12px 5px 0;

	float:left;

}

img.float-right {

	margin: 0 0 5px 20px;

	float:right;

}



p img.float-left {

	margin: 0 15px 3px 0;

}

p img.float-right {

	margin: 0 0 3px 15px;

	}



.no-border {

	border-width:0;

}



.screen {margin: 0 15px 15px 0; border: none;}





/* ----------------------------------------------

	lists

------------------------------------------------ */

ul {

	margin: 5px 10px;

	font: normal 12px Arial, Helvetica, sans-serif;

}

li {

	padding: 5px;

}

ol {

	font: italic 24px Georgia, Times, serif;

	padding: 10px 5px 10px 40px;

	color: #2c2c2c;

}

	ol p {

		font: normal 12px Arial, Helvetica, sans-serif;

		color: #8e8e8e;

		margin: 0;

		padding: 5px 0;

	}

ul.list-images {

	float:left;

	margin:0 auto;

	padding:0;

}

	ul.list-images li {

		list-style:none;

		float:left;

		text-align:left;

	}

		ul.list-images li a {

			margin:0 10px 5px 0;

			display:block;

		}

		ul.list-images li img {

			padding:3px;

			border: 1px solid #ededec;

		}



/* ----------------------------------------------

	forms

------------------------------------------------ */

form { 

	font: normal 1.2em verdana;

}

	form span.helper {

		font: italic 9px arial;

		color:#666;

		display:block;

		padding: 0 0 1em 0;

	}

	label {

		display:block;

		font-weight:bold;

		margin-top:15px;

	}

	input, textarea, select {

		padding: 3px;

		margin:3px 0;

		border:1px solid #333;

		background:#fff;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

	}

		input:hover, textarea:hover, select:hover {

			background:#fff; border:1px solid #666;

		}

		input:focus, textarea:focus, select:focus {

			background:#f4f4f4;

			border:1px solid #666;

		}

	textarea {

		width:400px;

		height:100px;

	}



/* ----------------------------------------------

	tables

------------------------------------------------ */

table {

	border-collapse:collapse;

	width:100%;

}



	table td {

		font-size:1.2em;

		padding:0.3em;

		text-align:center;

	}



	table th {

		text-align:center;

	}

	

		table tbody th a {

			color:#fff;

			text-decoration:none;

		}



	table thead th {

		color:#fff;

		font-size:1.8em;

		padding: 0.5em 0.3em;

	}

	

	table tbody th {

		background: #e1e1e1;

		color:#055a7a;

		font-size:1.6em;

		padding: 0.3em;

		font-weight:bold;

	}

	

	table tr.odd {

		background:#f4f4f4;

	}

	

	table caption {

		caption-side: bottom;

		font-size: 1.2em;

		font-style: italic;

		line-height: 2em;

		text-align:right;

	}

	

/* ----------------------------------------------

	bloquequote & hr

------------------------------------------------ */

blockquote {

	margin:1.5em 0;

}

	blockquote p {

		font: italic 1.4em/1.4em "Trebuchet MS";

	}

		blockquote p:first-letter{

			float:left;

			padding: .1em .5em 0 .6em;

			font: italic 2.57em/1em "Monotype Corsiva", "Apple Chancery", fantasy;



		}

	blockquote .author {

		clear:both;

		display:block;

		text-align:right;

		font-size:.8em;

		font-style:normal;



	}



hr {border-top: 1px solid #b1b1b1; margin: 30px auto 3px 0; display:block; clear:both; }



/* ----------------------------------------------

[Page estructure]

------------------------------------------------ */



/* [header background] */

#bg-header {

	width:100%;

	height:210px;

	margin-top:0px;

}

	#bg-header .bg-left {

		float:left;

		width:45%;

		height:210px;

	}

	#bg-header .bg-right {

		float:right;

		width:45%;

		height:210px;

	}



/* [wrap] */

#wrap {

	margin:0 auto;

	text-align:left;

	width:960px;

	

	margin-top:-210px;

	position:relative;

}



	/* [wrap] */

	#header {

		height:210px;

		position:relative;

	}

		#logo {

			position:absolute;

			top:26px;

                        left:0;

                        background:url(../images/bg_logo.png) 0 0 no-repeat;

                        width:467px;

                        height:175px;

			

		}

			#logo h1 {

				

				background:url(../images/logo.png) 0 0 no-repeat;

                                text-indent:-999px;

                                float:right;

                                width:450px;

                                height:150px;

                                position:absolute;

                                top:12px;

                                right:12px;

                                color:#000;

			}

		#slogan {

			position:absolute;

                        top:75px;

                        right:5px;

		}

	

	/* [menu] */

	

	ul#menu {

		display:block;

		clear:both;

		height:28px;

		background-color:#000;

		

		margin:1px 24px 0 6px;

		padding:0;

	}

		ul#menu li {

			float:right;

			margin: 0 0 0 15px;

			list-style:none;

		}

		ul#menu li a {

			font: bold 11px Arial, Helvetica, sans-serif;

			text-transform:uppercase;

			text-decoration:none;

			color:#d4d4d4;

			background-color:#000000;

		}

			

	/* [sidebar] */

	#sidebar {

		float:left;

		min-height:500px;

		width:230px; /*240px*/

		padding: 10px 5px;

		margin-bottom:30px;

		text-align:center;

	}

		#sidebar .box {

			margin: 0 auto 10px;

			text-align:left;

			width:186px; /*226px*/

			background:#fff;

			padding: 5px 20px 10px;

			border: 1px solid #c6c6c6;

			-moz-border-radius: 7px;

			-webkit-border-radius: 7px;

		}



		#sidebar .box h3 {

			border-bottom:0px solid #ededec;

			line-height:12px;

			padding: 10px 0 5px;

			margin-bottom:5px;

		}

		

		ul.special, ul.social {margin:0; padding:0}

		ul.special li {

			list-style:none;

			clear:both;

			display:block;

			width:186px;

			height:24px;

			overflow:hidden;

			margin: 0 0 6px 0;

			padding:0 0 0 7px;

			background-color:#0099FF;

		}

			ul.special li a {

				font:normal 12px Arial, Helvetica, sans-serif;

				text-decoration:none;

				display:block;

				padding: 5px 0 0 5px;

				color:#fff;

				font-weight:bold;

			}

				ul.special li a:hover {

					font-weight:bold;

				}



		ul.social li {

			list-style:none;

			clear:both;

			display:block;

			margin: 0 0 6px 0;

			padding:0;

		}



		ul.social li img {

			float:left;

			margin: 0 6px 6px 0;

		}

		ul.social li a {

			font: bold 12px/24px Arial, Helvetica, sans-serif;

			padding: 6px 0;

			color:#767772;

		}

			ul.social li a span {

				font-weight:normal;

				color:#b8b8b8;

			}

			ul.social li a:hover, ul.social li a:hover span {

				text-decoration:none;

			}

	/* [main content ] */

	#main {

		float:right;

		width:700px;
		
		height:700px;
		
			margin: 0 0 0px 20px;

	}

#submain {

		float:right;

		width:700px;
		
        height:250px;
		
		margin: 0 0 0px 20px;
		}
		

/* [footer] */

#footer {

	display:block;

	clear:both;

	height:120px;

	text-align:center;

}

	#footer p {

		color:#50c1ec;

		padding-top:20px;

	}

	#footer a{

		text-decoration:none;

		color:#fff;

	}



/* ----------------------------------------------

	[page elements

 ------------------------------------------------ */



/* [3 columns (homepage) ] */

.columns {

	float:left;

	width:210px;

	margin:20px 20px 20px 0;

}

	.columns h3 {

		margin: 15px 0 10px;

	}

	.columns p {

		clear:both;

	}

.columnc {float:left; width:420px; margin:20px 20px 20px 0;}

.columnc h2 {margin: 10px 0 10px 0;}

.columnc h3 {

		margin: 15px 0 10px;

	}

	.columnc p {

	text-align: justify;

		clear:both;

	}



/* [div.primary] */

.primary {

	float:left;

	width:470px;

}

/* [div.secondary] */

.secondary {

	width:226px; 

	float:left;

}

/* [div.featured] */

.featured {

	border: 1px solid #333333;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	position:relative;

	padding:10px;



}

	

	/* [our team (about page)] */

	#ourTeam .featured {

		margin-top:-60px;

	}

	#slideControl {

		display:block;

		clear:both;

		height:45px;

		position:relative;

		padding: 2px 18px;

		margin: 0 12px;

		z-index:5;

	}

	.controlPrev, .controlNext{

		cursor:pointer;

		position:absolute;

		background:url(../images/prev_next.png) 0 0 no-repeat;

		width:23px;

		height:32px;

		top:0;

	}

	.controlPrev { 

		left:-8px;

	}

	.controlNext {

		left:180px;

		background-position: -23px 0;

	}

		.controlPrev:hover { background-position: 0 -32px;}

		.controlNext:hover { background-position: -23px -32px;}



	

	.profileTitle {

		clear:both;

		display:block;

		padding: 0 20px 20px;

	}

	.featured span.function {

		padding-bottom:10px;

	}

	.featured img {

		border:1px solid #333;

	}

	

	/* [photos from workspacer pagination  (about page)] */

	#slidePager {

		display:block;

		clear:both;

		padding: 5px 0;



	}

	#slidePager a {

		float:left;

		margin-right:10px;

		width:18px;

		height:30px;

		color:#fff;

		font: bold italic 16px "Times New Roman", Times, serif;

		text-decoration:none;

		padding-left: 7px;

	}

		#slidePager a:hover, #slidePager a.activeSlide   {

			background-position:  0;

			color:#fff;

		}

		#photosWorkplace {

			width:454px;

			height:254px;

			display:block;

			clear:both;

		}

		

	/* [services box] */

	.services {

		width:299px; /*339*/

		height:146px;/*146*/

		background: url(../images/bg_box_services.png) 0 0 no-repeat;

		padding:0 20px;

		position:relative;

	}

		.services a.learnmore, .services a.learnmore:hover {

			font: bold 12px Arial, Helvetica, sans-serif;

			color:#027fb0;

			position:absolute;

			top:120px;

			left:20px;

		}

		

	/* [div.featured in contact page] */

	#contact {margin-top:30px;}

	

.roomicon {float:left;padding:0 10px 10px 0;}	

.smalltext {height:52px;text-size:11px;text-transform:uppercase;padding:0 0 10px 0; text-align:left;}

#exchange {clear:both;margin:15px 0 15px 0;}

.subwrap {
    margin: 0px 95px 0px 0px;
    display: block;
    width: 450px;
    height: auto;
    padding:00px;
    
    /* general */
    border: 1px solid;

    
    /* curved corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* standard version at last */
    
    /* drop shadows. */
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
}

/* ----------------------------------------------
-- SILVER BORDER
---------------------------------------------- */

.silver {
    /* general */
    border-color: #fff;
    
    /* background color (for non css3 browsers) and gradient */
    background-color: #dfdfdf;
    background: -moz-linear-gradient(top,
        #fff,
        #dfdfdf 50%,
        #cecece
    );
    background: -webkit-gradient(linear, left top, left bottom,
        from(#fff),
        color-stop(0.5, #dfdfdf),
        to(#cecece)
    );
    
    /* linear gradient for IE 5.5+ */
    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');

}

.wrap img {
    width: 100%;
    margin-top: 10px;
}

p{ 
    margin-top: 0px;
    text-align: justify;
}

.H1{
    font-size: 20px;
	text-align: center;
    font-weight: bold;
    margin-top: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

a{
    text-decoration: none;
    color: #4A4A4A !important;
}

a:hover{
    text-decoration: underline;
    color: #6B6B6B !important ;
}
/* ----------------------------------------------

	End of style.css

 ------------------------------------------------ */