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

p { 
	font-size:9pt;
	line-height: 13pt;
	color: #919294;
	float: left;}
	
a { text-decoration: none;
	
	font-size:9pt;
	line-height: 13pt;
	color: #919294;
	cursor:pointer;}

a:hover {	text-decoration: underline;}

h1 {
	color: #00694D;
	font-size: 16pt;
	font-weight: normal;
	float: left;
	width: 100%;
	letter-spacing: -0.1pt;}

h2 {
	font-size:11pt;
	font-weight: normal;
	color: #333;
	float: left;
	width: 100%;
	letter-spacing: -0.1pt;}

h3 {
	font-size: 13px;
	color: #464646;
	float: left;
	width: 100%;}

.left { float: left;}
.bold { font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }
.capitalize { text-transform: capitalize;}
.uppercase { text-transform: capitalize;}
.green {color: #00694D;}
.blue {color: #0095C3;}
.yellow {color: #FFC82B;}
					
.hidden { display: none;}

ul, li { list-style: none; }

input, select, textarea {
			font-size: 11px; font-family:Arial, Helvetica, sans-serif;}

textarea { 	font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color: #868788;}
			
dl, dd, dt { float: left; width: 100%;}
			

/* Header ***********************************************/

#Header .headerTop {
	float: right;
	width: 100%;
	text-align: right;
	color: #fff;
	position: relative;
	z-index: 1;}
	
	#Header .headerTop .subMenu { float: right; width: auto;}
	
	#Header .headerTop a {
		color: #fff;}
		
	#Header .headerTop .languages { float: right; width: auto; padding-right: 20px;}
	#Header .headerTop .languages,
	#Header .headerTop .languages a { color: #BCCBCA;}
	#Header .headerTop .languages a:hover { color: #fff;}
		
		#Header .headerTop a:hover {
		color: #b4ced1; text-decoration: none;}
		
#Header .headerLeft {
	float:left;
	width: 280px;
	margin-top: -10px;}
	
#Header .headerRight {
	float: left;
	width: 720px;
	height: 58px;
	padding-top: 40px;
	margin-top: -10px;
	background: url(../images/body/headerMenuBack.png) no-repeat right top;}
	
	#Header .headerRight li { float: right; padding: 0 10px;}
	
	#Header .headerRight a {
		float: left;
		padding-bottom: 6px;
		font-size: 10pt;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;}
		
		#Header .headerRight a:hover,
		#Header .headerRight a.active{ text-decoration: none; border-bottom: 6px solid #9fc3c8;}

	
/* Main ***********************************************/

.home { border: none;}

#Main .mainBannerTop {
	float: left;
	position: relative;
	z-index: 1;
	margin-top: -2px;
	width: 100%;
	height: 300px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;}
	
#Main .mainContent {
	float: left;
	margin-top: -2px;
	padding-left: 33px;
	width: 697px;
	min-height:680px;
	height:auto !important;
	height:680px;}
	
	
	#MainLine {
		float: left;
		clear: left;
		margin-left: 33px;
		_margin-left: 17px;
		margin-top: -2px;
		width: 710px;
		height: 2px;
		background: #fff;
		font-size: 0;}
	
#Main .home {
	min-height:370px;
	height:auto !important;
	height:370px;}
	
	.mainContent .serviciosHome {
		float: left; 
		width: 100%;
		min-height:680px;
		height:auto !important;
		height:680px;}
		
		.home .serviciosHome {
		min-height:0;
		height:auto !important;
		height:0;}
			
		.mainContent .serviciosHome li {
			float: left;
			width: 100%;}
			
			.mainContent .serviciosHome li.first { border: none;}
			
			.mainContent .serviciosHome li h1 { font-size: 0; display: inline; text-indent: -5000px;}
			.mainContent .serviciosHome li h1.show { font-size: 20px; float: left; text-indent: 0;}
			
			.mainContent .serviciosHome li a { 
			float: left; 
			width: 630px;
			padding: 22px 10px;
			padding-bottom: 23px;
			color:#fff;
			border-top: 2px solid #fff;}
			
			.mainContent .serviciosHome li a.greenText {color: #00694d;}
			
			.mainContent .serviciosHome li.first a { padding: 15px 10px 15px 10px; border-top: none;}
			
			.mainContent .serviciosHome li a:hover { text-decoration: none; background: #236a72;}
			
			.mainContent .serviciosHome li img { float: left;}
			
			.mainContent .serviciosHome li span { 
			float: right;
			padding-right: 110px;
			color: #fff; 
			font-size: 12pt;
			width: 200px;
			margin-top: 20px;}
			
/* Servicios ********************************************/

.serviciosContent { 
	float: left;
	display: block;
	padding-left: 3%;
	width: 97%;
	background: url(../images/body/serviciosBodyBack.png) repeat-x top left;}
	
		.serviciosContent .serviciosHome li,
		.serviciosContent .serviciosHome li.first { padding: 20px 0px;}
		.serviciosContent .serviciosHome li a { border-top: none; padding: 0px; width: 90%;}
		.serviciosContent .serviciosHome li.first a { padding: 0px;}
		.serviciosContent .serviciosHome li a:hover { text-decoration: none; background: none;}
		.serviciosContent .serviciosHome li a.bidones { float:left; width: auto; margin-top: 10px; padding-right: 9px;}
		.serviciosContent .serviciosHome li a.last { padding-right: 0;}
		.serviciosContent .serviciosHome li span { color: #585A5D; font-size: 11pt; margin-top: 14px;}
		.serviciosContent .serviciosHome li span.internatSubtitle { 
			float:left; 
			width: auto;
			padding-top: 10px;
			padding-right: 0px; 
			padding-left: 30px;
			font-size: 16px;
			color: #00694D; }
			
		.serviciosHome p { 
			float: left;
			margin-top: 20px;
			width: 590px;
			font-size: 12px;
			color: #404144;}
		
		.serviciosContent .infoBox {
			float: left;
			width: 590px;
			margin-top: 15px;
			padding: 1px 0px;
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;}
			
			.serviciosContent .infoBox div { float: left; padding:0; padding-top: 10px; padding-left: 10px; width: 580px; background: #f1f7f8;}
				
				.serviciosContent .infoBox div h3 { float: left; width: 550px; padding-left: 5px; padding-bottom: 10px;}
				
				.serviciosContent .infoBox div ul { float: left; padding-left: 5px; padding-bottom: 10px;} 	
				
				.serviciosContent .infoBox div p {
					float: left;
					margin-top: 0px;
					width: 90%;
					padding-bottom: 10px;}
					
					.serviciosContent .infoBox div p.short { width: 60%; padding-right: 20px;}
					
					.serviciosContent .infoBox div p a { float: none; display: inline; width: auto;}
					
					.serviciosContent .infoBox div img { float: left; }
					
					.serviciosContent .infoBox div p.bold {
					margin: 0;
					padding-bottom: 10px;
					font-size:11pt;
					line-height: 12pt;
					font-weight: normal;
					color: #333;}
				
				.serviciosContent .infoBox div li { 
					float: left;
					margin: 0; 
					padding: 0;
					width: 520px;
					padding: 2px 5px 2px 14px;
					background: url(../images/body/vinietaGreen.png) no-repeat;
					background-position: 0px 6px;}
					
				.serviciosContent .clients div li {width: 265px;}
				
				.serviciosContent .infoBox div a.serviciosButton,
				.serviciosContent li.first .infoBox  div a.serviciosButton{ 
					float: right;
					width: auto;
					margin-right: 15px;
					background: #FFF; 
					font-size: 10px;
					color: #00694D;
					padding: 1px 8px;}
					
					.serviciosContent .infoBox div a.serviciosButton:hover,
					.serviciosContent li.first .infoBox  div a.serviciosButton:hover { color: #FFF; background: #00694D;}
					
				.serviciosContent .termosan div li {background: url(../images/body/vinietaBlue.png) no-repeat; background-position: 0px 6px;}
				.serviciosContent .termosan div a.serviciosButton {color: #0095C3;}
				.serviciosContent .termosan div a.serviciosButton:hover {color: #FFF; background: #0095C3;}
				.serviciosContent .serviciosHome li a.serviciosButton span.termosan {color: #0095C3;}
				
				.serviciosContent .barrolimp div li {background: url(../images/body/vinietaYellow.png) no-repeat; background-position: 0px 6px;}
				.serviciosContent .barrolimp div a.serviciosButton {color: #ffa52b;}
				.serviciosContent .barrolimp div a.serviciosButton:hover {color: #FFF; background: #ffa52b;}
				.serviciosContent .serviciosHome li a.serviciosButton span.barrolimp {color: #B58304;}
				
				.serviciosContent .contactData .left {float: left; width: 130px; margin:0; padding:0; padding-right: 15px;}
				.serviciosContent .contactData .middle {float: left; width: 200px; margin:0; padding:0; padding-right: 15px;}
				.serviciosContent .contactData .right {float: left; width: 200px; margin:0; padding:0; padding-right: 15px;}
				
				.serviciosContent .contactData .left p {float: left; width: auto; *width: 100%; margin:0; color: #00694D;}
				.serviciosContent .contactData .middle p {float: left; width: auto; *width: 100%; margin:0; padding: 0;}
				.serviciosContent .contactData .right p {float: left; width: auto; *width: 100%; margin:0; padding-bottom: 1px;}
				
				.serviciosContent .contactData .left p.gray,
				.serviciosContent .contactData .middle p.gray,
				.serviciosContent .contactData .right p.gray {color: #777; padding-bottom: 5px;}
				
/* Novedades ********************************************/

.novedadesContent .serviciosHome li,
.novedadesContent .serviciosHome li.first{ padding: 00;margin: 0 0 10px 0;}

.novedadesContent .infoBox { margin: 0;}

.novedadesContent .contactForm dd { margin-top: 10px;}

.mainContent .novedadesContent .serviciosHome li h1.show { margin: 10px 0;}

				
				
				
/* GALERIA DE IMAGENES ***********************************/

#imageMenu {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 590px;
	height: 200px;
	overflow: hidden;
	background: #f1f7f8;
	padding: 15px 0;}

#imageMenu ul {
	list-style: none;
	padding-left: 15px;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;}

#imageMenu ul li {float: left; width: auto; padding:0;}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#fff none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 138px;
	height: 200px;}

	#imageMenu ul li a.last {width: 310px;}

.clear {clear: both;}

			
/* Footer ***********************************************/

#Footer .footerLeft { float: left; width: 70%; padding-left: 20px; margin-top: 153px; }

#Footer .footerLeft a.footerPelco { float: left; padding-right: 15px; }

#Footer .footerMenu {
	float: left;
	width: 80%;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 8pt;}
	
	#Footer .footerMenu a {
		float: none;
		padding-right: 10px;
		font-size: 8pt;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;}
		
		#Footer .footerMenu a:hover {
		color: #b4ced1; text-decoration: none;}
		
#Footer .footerSubMenu {
	float: left;
	width: 80%;
	color: #fff;
	font-size: 8pt;
	margin-top: 0px;}
	
	#Footer .footerSubMenu a {
		color: #fff;
		font-size: 8pt;}
		
		#Footer .footerSubMenu a:hover {
		color: #b4ced1; text-decoration: none;}
		
#Footer .footerRight {
	float: right; 
	padding-top: 160px;
	padding-bottom: 65px;
	width: 285px;
	/*background: url(../images/body/columnBack.png) repeat-y;*/
	text-align: center;}
	
	
/* Contacto ****************************************/

	.serviciosContent .contactForm .left {float: left; width: 130px; margin:0; padding:0; padding-right: 15px;}
	.serviciosContent .contactForm .middle {float: left; width: 115px; margin:0; padding:0; padding-right: 15px;}
	.serviciosContent .contactForm .right {float: left; width: 280px; margin:0; padding:0; padding-right: 15px;}
	
	.serviciosContent .contactForm .left p,
	.serviciosContent .contactForm .middle p,
	.serviciosContent .contactForm .right p {float: left; width: 100%; margin:0;}
	
	.serviciosContent .contactForm .left p {color: #00694D;}
	
	.serviciosContent .contactForm .middle label { display: block; margin-top:2px; margin-bottom: 13px;}
	
	.serviciosContent .contactForm .right input, 
	.serviciosContent .contactForm .right textarea,
	.serviciosContent .contactForm .right select {
		float: left;
		clear: left;
		_float: none;
		_display: block;
		padding: 2px;
		width: 274px;
		height: 13px;
		margin-top:0;
		margin-bottom: 8px;
		_margin-bottom: 4px;
		color: #404144;
		border: 1px solid #B4C8C8;}
		
		.serviciosContent .contactForm .right select { padding: 0; padding-left: 2px; height: 20px; width: 280px;}
		.serviciosContent .contactForm .right textarea { height: 60px;}
		
		.serviciosContent .twoColumns .left {float: left; width: 280px; margin:0; padding:0; padding-right: 15px;}
		.serviciosContent .twoColumns .right {float: left; width: 240px; margin:0; padding:0; padding-right: 15px;}
		
		.serviciosContent .twoColumns .left { border-right: 1px solid #999; padding-bottom: 5px; margin-bottom: 10px;}
		
		.serviciosContent .twoColumns .left p,
		.serviciosContent .twoColumns .right p {
			float: left; 
			width: 95%; 
			padding-left: 0;
			font-weight: normal;
			font-size: 18px;
			line-height: 20px;}
			
			.serviciosContent .twoColumns .right p { padding-left: 20px;}

			.serviciosContent .twoColumns .left p span,
		.serviciosContent .twoColumns .right p span {
			float: left;
			margin-top: -0px;
			padding: 0;
			font-size: 10px;
			font-weight: normal;
			line-height: 11px;}
			
			
/* Habilitaciones ***********************************/

.mainContent .serviciosContent .clients div li a {
					float: left;
					margin: 0;
					padding: 0;
					font-size:9pt;
					color: #666;
					width: auto;
					height: auto;
					line-height: normal;}
					
					.mainContent .serviciosContent .clients div li a:hover { text-decoration: underline;}
					
/* Botones *****************************************/

.serviciosContent .infoBox div .buttonContentRight a,
.serviciosContent .infoBox div .buttonContentRight p,
.serviciosContent .infoBox div .buttonContentRight div { margin: 0; padding:0; width: 0px; height: 0;}


.buttonContentRight {
	float: right;
	width: auto;
	padding-right: 75px;}

.serviciosContent .infoBox div .buttonContentRight {
	float: right;
	width: auto;
	margin-bottom: 10px;
	padding-right: 14px;}
	
	.novedadesContent .infoBox div .buttonContentRight { padding-right: 160px;}


.button,
.serviciosContent .infoBox div .buttonContentRight .button {
	float: left;
	padding-right: 2px;
	margin-right: 10px;
	width: auto;
	height: 22px;
	text-decoration: none;
	background: url(../images/buttons/btGreenRight.png) top right no-repeat;}
	
	.button div,
	.serviciosContent .infoBox div .buttonContentRight .button div {
		float: left;
		width: 2px;
		height: 22px;
		background: url(../images/buttons/btGreenLeft.png) no-repeat;}
		
	.button p,
	.serviciosContent .infoBox div .buttonContentRight .button p {
		float: left;
		padding: 2px 4px;
		width: auto;
		height: 18px;
		font-size: 12px;
		color: #FFF;
		background: url(../images/buttons/btGreenBack.png) repeat-x;}
		
		.serviciosContent .button:hover, 
		.infoBox div .buttonContentRight .button:hover { background-position: bottom right; text-decoration: none;}
		
		.button:hover div, .button:hover p,
		.serviciosContent .infoBox div .buttonContentRight .button:hover div, 
		.serviciosContent .infoBox div .buttonContentRight .button:hover p { background-position: bottom; text-decoration: none;}
		
		
/* tabs***********************/

	#tabvanilla .tabnav { float: left; width: 100%; margin-bottom: -17px; position:relative; z-index:1;}

	#tabvanilla .tabnav li  {display: inline; padding-left: 40px; width: auto; padding-bottom: 0px;}
	#tabvanilla .flyer li { padding-left: 6px;}
	
	#tabvanilla .tabnav li a { margin-right: 30px; width: auto; padding-bottom: 10px;}
	#tabvanilla .flyer li a { 
		margin-right: 6px;
		margin-bottom: 10px;
		padding: 2px; 
		padding-bottom: 0; 
		background: #FFF;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);}
	
	.tabnav li a:hover, 
	.tabnav li a:active, 
	.tabnav li.ui-tabs-selected a {border-bottom: 10px solid #f1f7f8;}
	
	#tabvanilla .flyer li a:hover, 
	#tabvanilla .flyer li a:active, 
	#tabvanilla .flyer li.ui-tabs-selected a {
		border-bottom: 2px solid #f1f7f8;
		-moz-opacity: 1;
		opacity:1;
		filter: alpha(opacity=100);}
	
	.ui-tabs-hide {	display: none;	}
		
	.tabdiv {float: left; width: 90%;}

/* Flotador */

.flotadorHome {
	position: absolute;
	width: 473px;
	top: 120px;
	left: 50%;
	margin-left:-450px;
	z-index: 100000;}
	
	.flotadorHome a { float: left;}
	
	.flotadorHome .flotadorCloseButton {
		position: absolute;
		right:71px; top:0;
		z-index: 100001;
		width: 61px;
		height: 22px;
		background: url(../images/various/fitmaCloseButton.jpg) no-repeat;
		cursor: pointer;}