/* style.css */
body {
	margin: 0;
	padding: 0;
	background-color: white;
}

body, table, td, input, select, textarea {
	font-family: Tahoma, sans-serif; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-family: Arial, sans-serif;
	color: #005375;
}

a:link {
	color: #1BB5F1; text-decoration: underline;
}
a:visited {
	color: #1BB5F1; text-decoration: underline;
}
a:link:active, a:visited:active {
	color: #1BB5F1; text-decoration: none;
}
a:link:hover, a:visited:hover {
	color: #1BB5F1; text-decoration: none;
}

a.inv:link, a.inv:visited {
	text-decoration: none;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: underline;
}

/* common.css */
* { margin: 0; padding: 0; }
/* font */
html { font-size: 100%; }
body { font-size: 0.75em; }
table, input, select, textarea { font-size: 100%; }

/* layout - general */
a:link, a:visited { cursor/**/: /**/pointer; }
img { border: none; }

li, dd, blockquote { margin-left: 20px; }
select > option { padding: 0 5px 0 3px; }
acronym { cursor: help; }

.clear { clear: both; line-height: 0px; }
.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }
.ctr { text-align: center; }
.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.hide { display: none; }
.hide2 { visibility: hidden; }
.ir { position: relative; overflow: hidden; }
.ir em { position: absolute; width: 100%; height: 100%; }

/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: visible;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */

/* base.css */


/* forms */
.TextBox, .FileBox, textarea {
	padding: 2px 3px;
}
.TextBox, textarea, select {
	border-width: 1px;
}
.submit {
	cursor: pointer;
	border-width: 1px;
	
}


/* layout - specific */

body {
	position: relative;
	text-align: center;
}
.page {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#top {
	height: 70px;
	position: relative;
}

#colWrap {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}
#colMain {
	float: left;
	/*width: 530;*/
	padding: 0;
}
#colMain2 {
	float: left;
/*	width: 208;*/
	padding: 0;
	width: 208px;
	margin: 0 0 2em 0;
	background-image: url(ffazul2.jpg);
}
#colMain3 {
	float: left;
/*	width: 208;*/
	padding: 0;
	width: 208px;
	margin: 0 0 2em 0;
/*	background-image: url(ffazul.jpg);*/
	
	
}
#colSide1 {
	float: none;
	width: 90%;
	margin: 0;
}
#colSide2 {
	float: right;
	/*width: 19.5%;*/
	margin: 0;
}


.content {
	margin: 5px 0;
}
.content h2 {
	font-size: 120%;
}
.content h3 {
	font-size: 110%;
}
.content p {
	margin: 1em 0px 2em 0px;
}
.content ul {
	padding-left: 3em;
}


.note {
	padding: 5px;
}

/* swfupload.css */

.swfbtn:link, .swfbtn:visited {
	display: block;
	width: 110px;
	padding: 0 0 0 0;
	line-height: 22px;
	height: 22px;
	background: #C6DA2D;
	background: #a8cc4f url(but-upload.jpg) no-repeat 0 0;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.swfbtn:link:hover, .swfbtn:visited:hover {
	color: #FFFFFF;
	font-size: 110%;
}

.browsebtn { 
}
.uploadbtn { 
	display: none;
}
.SWFUploadFileItem {
	display: block;
	width: 230px;
	height: 70px;
	float: left;
	background: #eaefea;
	margin: 0 10px 10px 0;
	padding: 5px;

}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, 
.uploadCancelled .cancelbtn {
	display: none;
}

.progressBar {
	width: 94%;
	display: block;
	font-size: 10px;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-bottom: 6px;
	line-height: 6px;
	height: 6px;
}
	.progressBar span {
		display: block;
		height: 6px;
		line-height: 6px;
		background: #1EB7F1;
	}

/* Logo.css */

#logo {
	width: 250px;
}
#logo a:link, #logo a:visited {
	display: block;
	width: 100%;
	height: 100%;
}
/* Menus.css */

.menuExpand {
	font-size: 100%;
}
.menuExpand ul li {
	margin: 1px 0;
	padding: 2px 0;
}
.menuExpand ul li ul {
	margin-left: 15px;
}

.menuTop ul {
	width: 100%;
	overflow: hidden;
}
.menuTop li {
	display: block;
	float: left;
}
.menuTop li a:link, .menuTop li a:visited {
	display: block;
	float: left;
}
.menuTop li a:link span, .menuTop li a:visited span {
	display: block;
	float: left;
}

/* 0 */

/* Form.css */

fieldset {
	border: none;
	margin: 0;
}
fieldset legend {
	display: none;
}
fieldset ul, .content fieldset ul {
	list-style: none;
	padding: 0;
}
fieldset li {
	display: block;
	overflow: hidden;
	padding: .3em 0;
	margin: 0;
}
#ie6 fieldset li {
	display: inline-block;
}
fieldset li.but {
	width: auto;
	padding-left: 9.5em;
}
fieldset li.but input {
	margin-top: .5em;
	margin-right: .5em;
	padding: .15em .75em;
}
fieldset label {
	float: left;
	display: block;
	width: 9em;
	margin-right: .5em;
}
fieldset .error {
	background: #FFEEEE;
	border: solid 1px #FF9999;
}
fieldset .error p {
	font-weight: bold;
	color: #FF3333;
	margin-top: 1px;
	margin-bottom: 5px;
}
#page fieldset ul.items {
	margin-left: 9.5em;
	padding: 0;
}
fieldset ul.items li {
	margin: .1em 0;
	padding: 0;
}
fieldset ul.items li label {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}
#ie7 #page fieldset ul.File, 
#ie6 #page fieldset ul.File {
	margin-left: 0px;
}

fieldset .TextareahtmlSimple {
	width: 99%;
	clear: left;
}

fieldset p.header {
	font-weight: bold;
	font-size: 110%;
}
/* Items.css */

.contentItemArt {
	margin-bottom: 1.5em;
}

.contentItemCat {
	font-size: 110%;
}


/* Bottom_links.css */

/* Bottom_copyright.css */
#copyright {
	margin: .5em 0 .3em 0;
}
/* custom.css */
.TextBox, .Textarea, .Select, .FileBox {
	border: solid 1px #005375;
	border-color: #002E41 #B2CBD5 #B2CBD5 #002E41;
}
.TextBox, .Textarea, .FileBox {
	background: url(input-m.gif) no-repeat 0 0;
}
.TextBox:hover, .TextBox:focus, .Textarea:hover, .Textarea:focus, .FileBox:hover, .FileBox:focus {
	padding: 1px 2px;
	border: solid 2px #4B6B94;
	background: #FFFFFF;
}
.Select option {
	background: #FFFFFF;
}
.submit {
/*	background: #5079AD;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	background: url(but-order.jpg) no-repeat 0% 0%;*/

				width: 178px;
				height: 28px;
				color: #FFFFFF;
				font-size: 120%;
/*				font-weight: bold;*/
				border: none;
				background: #fcb018 url(but-order.jpg) no-repeat 0% 0%;
}





.submit:hover {
	background: #A8CE3A;
}


/* Layout */

body {
	background: #F2F1E8 url(page-t.jpg) repeat-x 0 0;
	/*background-image: url(page-t.jpg);	*/
}
#page {
	border-top: solid 8px #1094C5;
	background: #FFFFFF;
	padding: 0 0 5px 0;
}
#page2 {
	margin: 0 5px;
}

#top {
	background: url(fazul.jpg);
	height: 238px;
	background-repeat: repeat;
}

#logo {
	float: left;
	width: 285px;
	height: 115px;
}
	#logo em {
		background: url(header.jpg) no-repeat 0 0;
	}

#colWrap {
	margin: 0 0 10px 0;
}
	#colMain {
		width: 538px;
		background: #FFFFFF url(content-t.gif) repeat-x 0 33px;
	}
	#colSide1 {
		width: 750px;
	}

.menuTop {
	position: relative;
	top: -10px;
	height: 53px;
	overflow: visible;
	margin: 0 0 5px 0;
	z-index: 10;
}
.menuTop ul {
}
	.menuTop ul li {
		height: 53px;
	}
		.menuTop a:link, .menuTop a:visited {
			color: #005375;
			font-weight: bold;
			margin: 10px 0 0 0;
			font-size: 110%;
			text-decoration: none;
			background: url(menu-sep.gif) no-repeat 100% 50%;
		}
			.menuTop a:link span, .menuTop a:visited span {
				height: 33px;
				line-height: 33px;
				padding: 0 5px 0 15px;
				margin-right: 10px;
			}
		.menuTop a.active:link, .menuTop a.active:visited {
			font-size: 150%;
			letter-spacing: -1px;
			font-weight: normal;
		}
		.menuTop a.active:link, .menuTop a.active:visited,
		.menuTop a:link:hover, .menuTop a:visited:hover {
			margin: 0;
			background: url(but-r.png) no-repeat 100% 0;
		}
			.menuTop a.active:link span, .menuTop a.active:visited span,
			.menuTop a:link:hover span, .menuTop a:visited:hover span {
				height: 53px;
				line-height: 53px;
				background: url(but-l.png) no-repeat 0 0;
				color: #B4D333;
			}
			#ie6 .menuTop a:link span, #ie6 .menuTop a:visited span {
				margin-right: 5px;
			}
		#ie6 .menuTop a.active:link, #ie6 .menuTop a.active:visited,
		#ie6 .menuTop a:link:hover, #ie6 .menuTop a:visited:hover {
			background: url(but-r-ie.png) no-repeat 100% 0;
		}
			#ie6 .menuTop a.active:link span, #ie6 .menuTop a.active:visited span,
			#ie6 .menuTop a:link:hover span, #ie6 .menuTop a:visited:hover span {
				background: url(but-l-ie.png) no-repeat 0 0;
			}

h1.title {
	color: #4B6B94;
	font-size: 175%;
	font-weight: normal;
	margin: 5px 10px .5em 10px;
}
h2.title2 {
	color: #4B6B94;
	font-size: 110%;
	font-weight: normal;
	margin: 5px 5px .5em 5px;
}

#content {
	margin: 10px 10px 0 10px;
}
	#content h2 {
		font-size: 150%;
		font-weight: normal;
		color: #1BB5F1;
	}
	#content p {
		margin: .5em 0 1em 0;
		line-height: 1.45em;
	}
	#content ul {
		padding-left: 2em;
	}

#bot {
	background: url(bot.gif) no-repeat 0 0;
	height: 66px;
	padding: 1px 0 0 0;
	color: #94A0A6;
}
	#bot a:link, #bot a:visited {
		color: #365064;
	}
	#bot .botLinks {
		margin: 15px 0 0 2em;
	}
	#bot #copyright {
		margin: 8px 0 0 2em;
	}


.box {
	background: url(box-m.gif) repeat-y 0 0;
	margin-bottom: 15px;
}
	.boxB {
		padding-bottom: 10px;
		background: url(box-b.gif) no-repeat 0 100%;
	}
		.boxT {
			padding-top: 10px;
			background: url(box-t.gif) no-repeat 0 0;
		}

.box2 {
	background: #F5F4EF url(box2-m.gif) repeat-y 0 0;
}
	.box2 .boxB {
		background: url(box2-b.gif) no-repeat 0 100%;
	}
		.box2 .boxT {
			background: url(box2-t.gif) no-repeat 0 0;
		}


/* Order form */

#orderWrap {
	padding: 1px 0 0 0;
}
#orderNow {
	height: 33px;
	margin: 0 0 0px 0;
	position: absolute;
	z-index: 10;
	line-height: 60px;
	font-weight: bold;
	color: #FAA61A;
	font-size: 125%;
	letter-spacing: -1px;
}
	#orderNow span {
		float: left;
		display: block;
		width: 295px;
		height: 111px;
		top: -37px;
	}
		#orderNow span em {
			background: url(order-now.png) no-repeat 0 0;
			text-indent: -1000em;
		}

#orderForm {
	z-index: 20;
	margin: 70px 0 0 0;
	clear: left;
}
	#orderForm fieldset {
		margin: 0 2px 0 4px;
	}
		#orderForm li.row {
			padding: .5em 0;
		}
			#orderForm label {
				width: 75px;
				margin-right: 5px;
				font-size: 100%;
				line-height: 22px;
			}
			#orderForm input, #orderForm select, #orderForm textarea {
				font-size: 120%;
			}
			#orderForm .TextBox {
				width: 200px;
			}
			#orderForm .Select {
				width: 205px;
			}
			#orderForm .Textarea {
				width: 195px;
			}
			#orderForm .FileBox {
				font-size: 110%;
				width: 190px;
			}
			#page #orderForm .items {
				margin-left: 80px;
			}
		#orderForm .but {
			padding-left: 80px;
		}
			#orderForm .submit {
				width: 178px;
				height: 28px;
				color: #FFFFFF;
				font-size: 135%;
				font-weight: bold;
				border: none;
				background: #fcb018 url(but-order.jpg) no-repeat 0% 0%;
			}
	#orderPrice {
		color: #1bb5f1;
		font-size: 120%;
	}
		#orderPrice span {
			font-weight: bold;
			font-size: 120%;
		}

#ie6 #orderForm {
	margin-top: 95px;
}
	#ie6 #orderForm .TextBox {
		width: 194px;
	}
	#ie6 #orderForm .Select {
		width: 200px;
	}
	#ie6 #page #orderForm .File {
		margin-left: 0px;
	}
	#ie6 #orderForm .but {
		padding-left: 85px;
	}
	#ie7 #page #orderForm .File {
		margin-left: 0px;
	}



/* FAQ */
.item-hp .faq {
	width: 208px;
	margin: 0 0 2em 0;
	/*background-image: url(ffazul.jpg);*/
}
#page .faq ul.ul {
	width: 100%;
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 10;
}
	.faq ul.ul li {
		float: left;
		padding: 10 1.5em 0 0;
	}
		.faq h2 {
			font-size: 150%;
		}
		.faq dl {
			margin: 0 0 1em 0;
		}
			.faq dt {
				margin: 0 0 .35em 0;
				font-weight: bold;
				background: url(pen.gif) no-repeat 0 40%;
				padding: 0 0 0 17px;
			}
			.faq dd {
				margin: 0 0 1.25em 0;
				line-height: 1.45em;
			}
	.faq p {
		margin: .3em 0;
	}
.item-1 .contentItemArt p.alR {
	margin-bottom: 2em;
}

/* Testimonials */

#page.item-2 .contentItemCat ul {
	padding: 0;
	margin: 2em 0 0 0;
}
	.item-2 .contentItemCat li {
		margin: 1em 0 1em 1em;
		padding: 0 0 1em 0;
		background: url(line-h.gif) repeat-x 0 100%;
	}
		.item-2 .contentItemCat p.who {
			margin: 0 0 .3em 0;
			font-weight: bold;
		}
		.item-2 .contentItemCat blockquote {
			margin: 0;
			position: relative;
			padding: 0 25px 0 30px;
		}
			.item-2 .q {
				font-family: "Times New Roman", serif;
				font-size: 500%;
				position: absolute;
				height: 35px;
			}
			.item-2 .q1 {
				left: 0;
				top: -15px;
			}
			.item-2 .q2 {
				right: 3px;
				bottom: 0;
			}
			#ie6 .item-2 .q1 {
				left: -30px;
			}
			#ie6 .item-2 .q2 {
				top: 25px;
				bottom: auto;
			}

#testimonials .boxB {
	padding-left: 10px;
	padding-right: 10px;
}
#testimonials .h2 {
	font-size: 120%;
	font-weight: bold;
	color: #1bb5f1;
	position: relative;
}
		.framed-box {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 15px;
	BACKGROUND: url(framed-box-bg.jpg) no-repeat;
	PADDING-BOTTOM: 16px;
	MARGIN: 0px -9px 6px;
	OVERFLOW: hidden;
	WIDTH: 207px;
	PADDING-TOP: 7px;
	HEIGHT: 154px;

}
.framed-box IMG {
	FLOAT: left
}
	#testimonials .h2 a:link, #testimonials .h2 a:visited {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 80%;
	}
	#ie6 #testimonials .h2 a:link, #ie6 #testimonials .h2 a:visited {
		right: 10px;
	}
#testimonials ul {
	padding: 0;
	margin: 1em 0 0 0;
}
	#testimonials li {
		margin: .5em 0;
		padding: 0 0 .5em 0;
	}
		#testimonials p.who {
			margin: .3em 0 .3em 0px;
			font-weight: bold;
		}
		#testimonials blockquote {
			margin: 0;
			position: relative;
			padding: 0;
		}
			#testimonials blockquote p {
				position: relative;
				z-index: 1000;
			}
			#testimonials .q {
				font-family: "Times New Roman", serif;
				font-size: 1000%;
				position: absolute;
				height: 35px;
				color: #c2e0f4;
				z-index: 10;
			}
			#testimonials .q1 {
				left: 0;
				top: -20px;
			}
			#testimonials .q2 {
				right: 0px;
				bottom: 10px;
			}
			#ie6 #testimonials .q1 {
				left: 0px;
				top: 0px;
			}
			#ie6 #testimonials .q2 {
				top: 40px;
				bottom: auto;
			}

/* portfolio */

#page .contentItemProds ul {
	padding: 0;
}
	.contentItemProds ul li {
		position: relative;
		min-height: 115px;
	}
	#ie6 .contentItemProds ul li {
		height: 120px;
	}
		.contentItemProds ul li dt, .contentItemProds ul li dd {
			margin: 0 0 .75em 165px;
		}
		.contentItemProds ul li dt {
			padding: 1em 0 0 0;
		}
		.contentItemProds ul li .img {
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			background: url(thumb-m.png) no-repeat 0 0;
			width: 152px;
			height: 116px;
		}
			.contentItemProds ul li .img img {
				position: relative;
				top: 4px;
				left: 4px;
			}



/* homepage */

#about {
	background: url(line-h.gif) repeat-x 0 100%;
	padding: 5px 0px 0.2em 0px;
	margin: 0 0 1em 0;
	font-size: 100%;
}

#page #icons {
	background: url(line-h.gif) repeat-x 0 0;
	margin: 2em 0 0 0;
	padding: 1.5em 0 0 0;
	width: 100%;
	overflow: hidden;
	background-image: url(line-h.gif);
}
	#icons li {
		float: left;
		width: 125px;
		margin: 0 80px 0 0;
	}
	#icons li h3 {
		font-weight: bold;
		font-size: 120%;
		padding: 40px 0 0 0;
		letter-spacing: -1px;
	}
	#icons li.faq h3 {
		background: url(icon2.gif) no-repeat 35% 0%;
		color: #1BB5F1;
	}
	#icons li.contact h3 {
		background: url(icon3.gif) no-repeat 25% 0%;
		color: #FAA61A;
	}
	#icons li a:link, #icons li a:visited {
		color: #9AA7B1;
	}


.note {
	background: #7DD2F7;
	padding: 5px;
	font-weight: bold;
}



#benefits {
	float: right;
	width: 125px;
}
	#benefits h3 {
		font-size: 130%;
	}
	#benefits ul {
		padding: 0;
	}
		#benefits ul li {
			padding: .5em 0 .5em 19px;
			background: url(bullet3.gif) no-repeat 0 .6em;
			font-size: 135%;
			letter-spacing: -1px;
		}

.naranja {
background-color:#F1F9FC;
border-bottom-color:#1495CF;
border-bottom-style:solid;
border-bottom-width:thin;
line-height:normal;
}