/* CSS Document */



* {

	margin: 0;

    padding: 0;

    border: none;

	font-size: 1em;

}



body {

	background: #a9cde3 url(../images/body-bg.jpg) center top no-repeat;

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

}





#container {

	width: 100%;

}



#main-content {

	margin: 55px auto 0 auto;

	width: 1000px;

}



h1 {

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}







/*################################################ HEADER ##############################################*/





#header {

	float: left;

	width: 927px;

	display: inline;

	margin: 0 0 0 50px;

}



#header #logo {

	float: left;

	width: 277px;

	height: 131px;

	display: inline;

	background: url(../images/main-header-logo.jpg);

}



#header #menu {

	float: left;

	width: 650px;

	height: 131px;

	background: url(../images/main-header-menu-bg.jpg);

}



#header #menu ul {

	float: right;

	margin: 92px 20px 0 0;

	display: inline;

}



#header #menu ul li {

	float: left;

	list-style: none;

	display: inline;

}



#header #menu ul li a {

	float: left;

	display: inline;

	margin: 0 15px 0 15px;

	text-decoration: none;

	color: #000000;

	font-size: 16px;

}



#header #menu ul li a:hover {

	color: #44a3dd;

}



#call {

	position: absolute;

	display: inline;

	top: 0;

	margin: 0 0 0 255px;

	width: 324px;

	height: 150px;

	background: url(../images/home-header-call.jpg);

}



#left-image a#home {

	position: absolute;

	display: block;

	width: 180px;

	height: 66px;

	margin: -10px 0 0 65px;

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



* html #left-image a#home.who {

	margin: -10px 0 0 -300px;

}



:first-child+html #left-image a#home.who {

	margin: -10px 0 0 -300px;

}

















/*################################################ CONTENT ##############################################*/





#content {

	float: left;

	width: 927px;

	display: inline;

	margin: 0 0 0 50px;

	background: url(../images/main-content2-bg.gif) repeat-y;

}



#inner-content {
	
	float: left;

	width: 927px;

	display: inline;

	background: url(../images/main-content-rightbg.jpg) right top no-repeat;

}









/*           index.html          */





#inner-content #left-image {

	float: left;

	width: 277px;

	height: 380px;

	background: url(../images/main-content-left-image.jpg) no-repeat;

}



#inner-content #tv-image {

	float: left;

	width: 440px;

	height: 380px;

	margin: 0;

	display: inline;
	
	text-align: center;

}



#inner-content #right-text {

	float: left;

	width: 195px;

	height: 380px;

	margin: 0;

	display: inline;

	background: #eeeeee;

}

.contact #inner-content #right-text {
	
	
}



#inner-content #right-text p {

	float: left;

	width: 150px;

	font-size: 14px;

	color: #767676;

	display: inline;

	margin: 5px 0 0 27px;

}



#inner-content #right-text p.blue {

	color: #7eb5d4;

	margin: 170px 0 0 27px;

}











/*              who-we-are.html            */



#inner-content #left-image.who {

	float: left;

	width: 405px;

	height: 381px;

	background: url(../images/who-left-image.jpg);

}



#inner-content #right-text.who {

	width: 505px;

	background: #eeeeee url(../images/who-balls2.jpg) 10px bottom no-repeat;

}



#inner-content #right-text.who p,

#inner-content #left-image.who p,

#main-content.services #inner-content #right-text p {

	float: left;

	width: 393px;

	font-size: 15px;

	line-height: 22px;

	color: #7b7b7b;

	display: inline;

	margin: 40px 0 0 27px;

}



#inner-content #left-image.who p{

	width: 315px;

	font-size: 20px;

	line-height: 28px;

	margin: 220px 0 0 60px;

}



#inner-content #left-image.who p span {

	text-transform: uppercase;

	color: #56a1c9;

}



#inner-content #right-text.who p.blue,

#main-content.services #inner-content #right-text p.blue {

	color: #56a1c9;

	margin: 25px 0 0 27px;

}



#inner-content #balls1.who,

#inner-content #balls2.who {

	position: absolute;

	display: inline;

	width: 52px;

	height: 54px;

	margin: 10px 0 0 -14px;

	background: url(../images/who-balls1.jpg);

}











/*           services.html          */





#main-content.services #inner-content #left-image {

	float: left;

	width: 407px;

	height: 381px;

	background: url(../images/services-left-image.jpg);

}



#main-content.services #inner-content #right-text {

	width: 505px;

	background: #eeeeee url(../images/services-right-ball.jpg) left 334px no-repeat;

}



#main-content.services #inner-content #right-text ul {

	width: 270px;

	font-size: 12px;

	list-style: none;

	display: inline;

	margin: 5px 0 0 28px;

	float: left;

}



#main-content.services #inner-content #right-text ul.short,

#main-content.services #inner-content #right-text ul.short li {

	width: 150px;

}



#main-content.services #inner-content #right-text ul li {

	width: 220px;

	float: left;

	border-bottom: 1px dotted #aaaaaa;

	background: url(../images/services-li-bg.gif) 5px 3px no-repeat;

	padding: 2px 0 1px 15px;

	color: #7f7f7f;

}



#main-content.services #inner-content #right-text ul li.last {

	border: none;

}



#main-content.services #inner-content #right-text #blue-tit {

	text-transform: uppercase;

	font-size: 13px;

	width: 450px;

	line-height: normal;

	margin: 13px 0 0 25px;

}



#main-content.services #inner-content #right-text #blue-tit span {

	font-weight: bold;



}









/*           portfolio.html          */


#main-content.portfolio #inner-content {
	
	position: relative;
	
}

#main-content.portfolio #inner-content #left-image {
	
	position: absolute;
	
	top: 0;
	
	left: 0;

	width: 282px;
	
	height: 100px;

	background: url(../images/portfolio-left.gif) left top no-repeat;
	
	z-index: 1;

}

#main-content.portfolio #inner-content .portfolio-content {
	
	position: relative;
	
	background: url(../images/portfolio-left.gif) left top no-repeat;
	
	height: 370px;
	
	padding: 11px 0 0 8px;
	
}

#main-content.portfolio #inner-content .portfolio-content h1 {
	
	position: absolute;
	
	top: 0;
	
	left: 282px;
	
	background: url(../images/portfolio-h2.gif) no-repeat;
	
	width: 129px;
	
	height: 38px;
	
}



/*############################################### BOX-LOGOS ############################################*/
#logos_content{

    background:transparent url(../images/logos_content_layout.gif) repeat scroll 0 0;

    display:inline;

    float:left;

    margin:0 0 0 48px;

    padding-bottom:30px;

    padding-left:25px;

    padding-top:30px;

    width:903px;

}

#logos_content .box_logo{

    background:#FFFFFF none repeat scroll 0 0;

    float:left;

    height:140px;

    margin-left:22px;

    margin-top:22px;

    width:190px;

}

#logos_content .box_logo a{

float:left;
padding:7px 9px 9px;

}

#logos_content .banner-title{
  font-family: arial;
  font-size: 27px;
  color: #3C7AB6;
  padding-left:21px;
}




/*################################################ FOOTER ##############################################*/





#footer {

	float: left;

	width: 927px;

	height: 86px;

	margin: 0 0 0 48px;

	display: inline;

	background: url(../images/footer-bg.gif);

}



#footer a.start {

	float: left;

	display: block;

	width: 225px;

	height: 52px;

	margin: 21px 0 0 348px;

	display: inline;

	background: url(../images/footer-contact-button.jpg);

	/* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}







/*################################################ Contact ##############################################*/



#inner-content #tv-image form {

	margin: 20px 0 0 0;

}



#inner-content #tv-image p.fom {

	float: left;

	width: 280px;

	font-size: 16px;

	color: #767676;

	display: inline;

	margin: 10px 0 0 70px;

	padding-left: 20px;

}



#inner-content #tv-image p.fom label {

	float: left;

	width: 60px;

	font-size: 13px;
	
	text-align: left;
	
}



#inner-content #tv-image p.fom input,

#inner-content #tv-image p.fom textarea {

	float: left;
	
	background: #eee;

	width: 239px;

	padding: 1px 0 0 2px;

	font-size: 12px;

	border: 0;

	height: 17px;

	margin: 4px 0 0 0;

}



#inner-content #tv-image p.fom textarea {

	overflow: auto;

	height: 80px;

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

}



#inner-content #tv-image p.fom input.boton {

	float: right;

	display: inline;

	margin: 0 25px 0 0;

	width: 104px;

	height: 49px;

	font-size: 16px;

	background: url(../images/btn.png);

}