/* CSS Document */
body {
	/*background: url(img/background-black.gif) top left repeat-x;
	background-attachment:fixed;*/
	background-color:#fff;
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:1.4em;
	margin:0;
	padding:0;
}

p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, div
form, fieldset, blockquote, table, th, tr, td {
	margin:0;
	padding:0;
}

.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.4em;
	color:#444;
	text-decoration:none;
	margin:0px 0px 15px 0px;
}
.text a {
	color:#f66;
	text-decoration:underline;
}
.text a:hover {
	color:#f00;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	color:#f00;
	text-decoration:none;
	font-weight:normal;
	margin:0px 0px 15px 0px;
}
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.35em;
}
h3 {
	font-size:1.25em;
}
h4 {
	font-size:1.15em;
}
h5 {
	font-size:1em;
}

h6 {
	font-size:0.85em;	/* mateix tamany que text normal, pero en vermell */
}

h5.presentacion {
	text-align:center;
	margin:0px 0px 20px 0px;
}

h6.servicios {
	margin:0px 0px 5px 0px;
}

.aviso-legal {
	background-color:#fff;
	border:0px solid #000;
	margin:0px 0px 0px 0px;
	padding:24px 24px 24px 24px;	 
}

#wrap {
	width:750px;
	height:550px;
	border:0px dashed #f00;
}

#header-wrap {
}

#line {
	background-color:#f00;
	border-left:1px solid #f00;
	border-right:1px solid #f00;
	width:750px;
	height:20px;
	overflow:hidden; /* nomes per quan volem utilitzar aquest div sense text, pq aixi el IE faci linees de pocs pixels */
}

#header {
	background:url(img/header.jpg) top left no-repeat;
	background-color:#fff;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	width:750px;
	height:105px;
}

.dotted-line-header, .dotted-line-menu {
	background: url(img/dotted-line-x.gif) top left repeat-x;
	float:left;
	height:1px;
	overflow:hidden; /* nomes per quan volem utilitzar aquest div sense text, pq aixi el IE faci linees de pocs pixels */
}
.dotted-line-header {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	width:750px;
}
.dotted-line-menu {
	width:100%;
}

/* --- menu --- */

#menu {
	float:right;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	width:750px;
}

table.menu {
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

td.menu-item {
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom: 0px solid #333;
	border-left: 0px solid #333;
}

td.menu-separator {
	background: url(img/dotted-line-y.gif) top center repeat-y;
	width:3px;
	border:0px solid #bbb;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

td.menu-separator-final {
	width:1px;
}

div.menu-item a:link, div.menu-item a:visited, div.menu-item a:hover {
	display: block;
	float: left;
	background-color:#fee;
	padding: 2px 8px 2px 8px;
	color: #f00;
	text-decoration: none;
	font-size:14px;
	font-weight: normal;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
}

div.menu-item a:link {
	/*background-image: url('images/primary_link_1.gif');
	background-repeat: repeat;*/
}

div.menu-item a:visited {
	/*background-image: url('img/primary_link_1.gif');
	background-repeat: repeat;*/
}

div.menu-item a:hover {
	/*background-image: url('img/primary_link_2.gif');
	background-repeat: repeat;*/
	background-color: #f00;
	color: #fff;
	border-top: 0px solid #333;
	border-right: 0px solid #333;
	border-bottom:0px solid #333;
	border-left: 0px solid #333;
}

div.menu-item-active{
	display: block;
	float: left;
	background-color:#f00;
	padding: 2px 8px 2px 8px;
	color: #fff;
	text-decoration: none;
	font-size:14px;
	font-weight: normal;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
}

/* --- end menu --- */

/* --- content --- */

#content-wrap {
	background: url(img/background-content.gif) top left no-repeat;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	height:100%;
	padding:25px;
}

#content {
	width:100%;
	height:100%;
}

td.content {
	width:100%;
	height:100%;
	padding:0px 10px 0px 10px;
}

.semicruz-top-left {
	background: url(img/semicruz-top-left.gif) top center repeat-y;
	width:20px;
	height:20px;
}

.semicruz-top-right {
	background: url(img/semicruz-top-right.gif) top center repeat-y;
	width:20px;
	height:20px;
}

.semicruz-bottom-left {
	background: url(img/semicruz-bottom-left.gif) top center repeat-y;
	width:20px;
	height:20px;
}

.semicruz-bottom-right {
	background: url(img/semicruz-bottom-right.gif) top center repeat-y;
	width:20px;
	height:20px;
}

/* --- end content --- */

/* --- footer --- */

#footer-wrap {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:5px 25px 5px 25px;
	width:750px;
}

.footer-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	line-height:1.4em;
	color:#999;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.footer-text a {
	color:#f66;
	text-decoration:underline;
	font-weight:normal;
}
.footer-text a:hover {
	color:#f00;
	text-decoration:underline;
	font-weight:normal;
}

/* --- end footer --- */

.item-list {
	background: url(img/bullet.gif) center left no-repeat;
	padding:0px 0px 0px 20px;
}

.text-list {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.4em;
	color:#444;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
}

/* --- portafolio  ---*/

.gallery-row {
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
}

.gallery-row-break {
	clear:both;
	width:100%;
	height:10px;
	overflow:hidden;
}

.gallery-item {
	float:left;
	border:1px solid #ddd;
	padding:4px;
	margin:0px 10px 0px 0px;
	text-align:center;
}

.gallery-pager {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#777;
	text-decoration:none;
	margin:35px 0px 0px 32px;
	padding:0px 0px 0px 0px;
}
.gallery-pager a {
	color:#f66;
	text-decoration:underline;
	font-weight:normal;
}
.gallery-pager a:hover {
	color:#f00;
	text-decoration:underline;
	font-weight:normal;
}

.resenya {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.2em;
	color:#666;
	text-align:left;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
}
.resenya a {
	color:#f66;
	text-decoration:underline;
}

.resenya a:hover {
	color:#f00;
	text-decoration:underline;
}

/* --- end portafolio  ---*/