/* Pequeño reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}

/* Tipos MUSEO */
@font-face { font-family:"MuseoThree"; src:url("/fonts/Museo300-Regular.otf") format("opentype"); }
@font-face { font-family:"MuseoFive"; src:url("/fonts/Museo500-Regular.otf") format("opentype"); }

/* Corrector firefox borde links */
a {
	outline: none;
}

/* Cuerpo */

body {
	background: white url(imatgens/bg.jpg) repeat-x;
}

/* Cabecera */

#header {
	width: 900px;
	height: 75px;
	margin: 0 auto;
	background: transparent;
}

#header a.logo {width: 428px; height: 75px; background: transparent url(imatgens/logo.png) no-repeat; margin: 0px 0px 0px -75px; position: fixed; text-indent: -9999px;}

#menu {
	float: right;
	width: 600px;
	height: 58px;
	margin: 17px -20px 0 0;
	position: relative;
	top: 3px;
}

ul.menuprin {
	list-style: none;
	text-align: right;
}

ul.menuprin li a {
	float: right;
	height: 58px;
	text-indent: -9999px;
	text-decoration: none;
	color: #b5e4fc;
}

ul.menuprin li.home a { width: 124px; background: url(imatgens/menusprite3.jpg) 0 0 no-repeat;}
	ul.menuprin li.home a:hover { background: url(imatgens/menusprite3.jpg) 0 -58px no-repeat;}
	ul.menuprin li.home a:active { background: url(imatgens/menusprite3.jpg) 0 -116px no-repeat;}

ul.menuprin li.services a { width: 129px; background: url(imatgens/menusprite3.jpg) -124px 0 no-repeat;}
	ul.menuprin li.services a:hover { background: url(imatgens/menusprite3.jpg) -124px -58px no-repeat;}
	ul.menuprin li.services a:active { background: url(imatgens/menusprite3.jpg) -124px -116px no-repeat;}
	
ul.menuprin li.work a { width: 95px; background: url(imatgens/menusprite3.jpg) -253px 0 no-repeat;}
	ul.menuprin li.work a:hover { background: url(imatgens/menusprite3.jpg) -253px -58px no-repeat;}
	ul.menuprin li.work a:active { background: url(imatgens/menusprite3.jpg) -253px -116px no-repeat;}

ul.menuprin li.news a { width: 106px; background: url(imatgens/menusprite3.jpg) -348px 0 no-repeat;}
	ul.menuprin li.news a:hover { background: url(imatgens/menusprite3.jpg) -348px -58px no-repeat;}
	ul.menuprin li.news a:active {background: url(imatgens/menusprite3.jpg) -348px -116px no-repeat;}

ul.menuprin li.contact a { width: 146px; background: url(imatgens/menusprite3.jpg) -454px 0 no-repeat;}
	ul.menuprin li.contact a:hover {background: url(imatgens/menusprite3.jpg) -454px -58px no-repeat;}
	ul.menuprin li.contact a:active {background: url(imatgens/menusprite3.jpg) -454px -116px no-repeat;}

/* Top */

#top {
	width: 900px;
	height: 248px;
	margin: 0 auto;
}

#slogan {
	float: right;
	margin-top: 30px;
	width: 630px;
	height: 200px;
	position: relative;
	line-height: 2em;
/*	border: 1px solid gray;*/

}

#top img {
	width: 256px;
	height: 231px;
	float: left;
	margin-top: 20px;
}

#top p {
	color: white;
	font: 24px "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;
	text-align: right;
	margin-bottom: 0px;
	text-shadow: 0px 2px 4px #3e3e3e;
	line-height: 2em;
}

#top p.uno span {font-family: "MuseoFive", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;}

#top p.uno {
	font-size: 28pt;
}

#top p.dos {font-size: 18pt;}

/* Contenido principal */

#container {
	border-style: none;
	width: 900px;
	margin: 0 auto;
	background: #f6f8ff;
}

#content { width: 900px; font-family: "MuseoThree", "Century Gothic", "Futura Medium", "Apple Gothic", Helvetica, Arial, sans-serif;}
	#content img {width: 100px; height: 100px; margin: 10px auto 0 auto;}
	#content h1 {font-size: 17pt; margin: 10px auto; color: #00559a; text-shadow: 0px 1px 0px #00233f, 0px -1px 0px white;}
	#content p {font: 11pt Helvetica, Arial; line-height: 1.1em;  color: #555;}

#content ul.servicios {
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	width: 900px;
	height: 375px;
	background: transparent url(imatgens/sombra.jpg) bottom no-repeat;
}

#content ul.servicios li {width: 175px; height: 300px; float: left; text-align: center; list-style: none;  padding: 15px 25px 30px 25px;}
#content ul.servicios li:hover {background: white;}
	
#content ul.servicios li a {width: 140px; height: 50px; background: transparent url(imatgens/readmore.png) no-repeat; text-indent: -9999px; margin: 20px auto 5px auto; display: block;}
	#content ul.servicios li a:hover{background: transparent url(imatgens/readmorehover.png) no-repeat;}
	#content ul.servicios li a:active {position: relative; top: 3px;}
	
	
	
#content ul.servicios p {text-align: left;}


/* Footer */

/* IE BLOCK PARTICULAR xD */

#ie {
	display: none;
}

#ieshadow {display:none;}