/* @group global classes */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	border-bottom: 1px solid;
}

.highlight {
	background: #ffc;
}

.wrap {
	width: 960px;
	margin: 0 auto;
}

.img-left {
	float: left;
	margin: 4px 10px 4px 0;
}

.img-right {
	float: right;
	margin: 4px 0 4px 10px;
}

.nopadding {
	padding: 0;
}

.noindent {
	margin-left: 0;
	padding-left: 0;
}

.nobullet {
	list-style: none;
	list-style-image: none;
}

/* @end */

/* @group estructura */

#sombra {
	height: 25px;
	background: #606 url(../images/estructura/sombra.jpg
	) no-repeat;
}

body {
	color: #fff;
	font: 80%/120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #303 url(../images/estructura/degradado.jpg) repeat-x;
}

#logo {
	width: 150px;
	height: 150px;
	z-index: 50;
	float: left;
	position: absolute;
	top: 30px;
	left: 100px;
}

h1 {
	display: none;
}

#xinicio #header {
	width: 100%;
	height: 300px;
	background: #000 url(../images/estructura/cabecera-inicio.jpg) no-repeat left top;
}

#xservicios #header {
	width: 100%;
	height: 300px;
	background: #000 url(../images/estructura/cabecera-servicios.jpg) no-repeat left top;
}

#xproyectos #header {
	width: 100%;
	height: 300px;
	background: #000 url(../images/estructura/cabecera-proyectos.jpg) no-repeat left top;
}

#xnoticias #header {
	width: 100%;
	height: 300px;
	background: #000 url(../images/estructura/cabecera-noticias.jpg) no-repeat left top;
}

#xcontactar #header {
	width: 100%;
	height: 300px;
	background: #000 url(../images/estructura/cabecera-contacto.jpg) no-repeat left top;
}

h2.h2inicio {
	width: 250px;
	height: 275px;
	background: url(../images/estructura/titular-inicio.jpg) no-repeat left top;
	float: left;
}

h2.h2servicios {
	width: 250px;
	height: 275px;
	background: url(../images/estructura/titular-servicios.jpg) no-repeat left top;
	float: left;
}

h2.h2proyectos {
	width: 250px;
	height: 275px;
	background: url(../images/estructura/titular-proyectos.jpg) no-repeat left top;
	float: left;
}

h2.h2noticias {
	width: 250px;
	height: 275px;
	background: url(../images/estructura/titular-noticias.jpg) no-repeat left top;
	float: left;
}

h2.h2contactar {
	width: 250px;
	height: 275px;
	background: url(../images/estructura/titular-contacto.jpg) no-repeat left top;
	float: left;
}

h2 span {
	visibility: hidden;
}

#izq {
	width: 30%;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}

#derecha {
	width: 30%;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}

#texto {
	width: 62%;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}

#foot {
	clear: both;
	margin-left: 270px;
	width: 62%;
	padding-top: 10px;
	font-size: 0.85em;
	border-top: 1px solid #fff;
}



/* @end */

/* @group menu */

#menu ul {
	list-style-type: none;
	width: 590px;
	height: 40px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 250px;
	
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	height: 40px;
	text-decoration: none;
	border-style: none;
}

#menu span {
	visibility: hidden;
}

#inicio a {
	width: 90px;
	background: url(../images/estructura/menu.png) 0 0;
}

#inicio a:hover {
	width: 90px;
	background: url(../images/estructura/menu2.png) 0 0;
}

#xinicio #inicio a {
	width: 90px;
	background: url(../images/estructura/menu2.png) 0 0;
}

#servicios a {
	width: 100px;
	background: url(../images/estructura/menu.png) -90px 0;
}

#servicios a:hover {
	width: 100px;
	background: url(../images/estructura/menu2.png) -90px 0;
}

#xservicios #servicios a {
	width: 100px;
	background: url(../images/estructura/menu2.png) -90px 0;
}

#proyectos a {
	width: 125px;
	background: url(../images/estructura/menu.png) -190px 0;
}

#proyectos a:hover {
	width: 125px;
	background: url(../images/estructura/menu2.png) -190px 0;
}

#xproyectos #proyectos a {
	width: 125px;
	background: url(../images/estructura/menu2.png) -190px 0;
}

#noticias a {
	width: 110px;
	background: url(../images/estructura/menu.png) -315px 0;
}

#noticias a:hover {
	width: 110px;
	background: url(../images/estructura/menu2.png) -315px 0;
}

#xnoticias #noticias a {
	width: 110px;
	background: url(../images/estructura/menu2.png) -315px 0;
}

#contactar a {
	width: 130px;
	background: url(../images/estructura/menu.png) -425px 0;
}

#contactar a:hover {
	width: 130px;
	background: url(../images/estructura/menu2.png) -425px 0;
}

#xcontactar #contactar a {
	width: 130px;
	background: url(../images/estructura/menu2.png) -425px 0;
}



/* @end */

p {
	margin-bottom: 1em;
}

ol {
	padding-left: 2em;
	list-style-type: decimal;
}

a:link {
	color: #fc0;
}

a:visited {
	color: #d86bd8;
}

a:hover {
	text-decoration: none;
	border-bottom: 2px dotted #fff;
}

.naranja {
	color: #c93;
	font-weight: bold;
}

/* @group servicios */

ol li {
	margin-bottom: 1em;
}



/* @end */

/* @group proyectos */

#menuFechas {
	padding: 0;
	list-style-type: none;
	margin: 10px 0 20px;
}

#menuFechas li {
	display: inline;
	background-image: url(../images/estructura/rayas.gif);
	padding: 10px;
}

#texto div.proyecto h3 {
	width: 280px;
	height: auto;
	padding: 5px;
	background-image: url(../images/estructura/cabecera-proyectos.png);
	color: #fff;
	margin-top: 10px;
	font-size: 1em;
}

div.proyecto {
	width: 290px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#texto div.proyecto div.botones a {
	float: left;
	border-style: none;
}

div.botones {
	width: 290px;
	height: 90px;
}



/* @end */

/* @group noticias */

#menuNoticias {
	padding: 0;
	list-style-type: none;
	margin: 10px 0 20px;
}

#menuNoticias li {
	display: inline;
	background-image: url(../images/estructura/rayas.gif);
	padding: 10px;
}

label.fecha {
	float: left;
	background-color: #606;
	font-size: 0.8em;
	text-align: center;
	margin-right: 1em;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
}

#noticiaCompleta label.fecha {
	float: none;
}

span.dia {
	font-size: 1.5em;
	color: #303;
	background-color: #c93;
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
}

div.textoResumen {
	margin-top: 1em;
	float: left;
}

div.imagenNoticia {
	margin-right: 1em;
	height: 50px;
	overflow: hidden;
	float: left;
}

p.resumen {
	width: auto;
}

p.ampliar {
	text-align: right;
	clear: left;
	padding-bottom: 1em;
}

#portadaNoticias h3, #categoriaNoticias h3 {
	background-image: url(../images/estructura/rayas.gif);
	font-size: 1.2em;
	background-color: #606;
}

div.noticiaImpar {
	clear: both;
	background: transparent none repeat-x 0 top;
}

div.noticiaPar {
	clear: both;
	background: transparent none repeat-x 0 top;
}

#categoriaNoticias h3.titularCategoria, .titularNoticia {
	margin-bottom: 1em;
	color: #c93;
	background-image: none;
}

div.imagenesNoticia {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: center;
}



/* @end */

/* @group contacto */

textarea {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#xcontactar h3 {
	color: #c93;
}

#formulario dl dt label {
	color: #fc0;
}

#formulario dl dt {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 1em;
}

#formulario dl dd {
	margin-bottom: 1em;
}

#formulario input {
	width: 50%;
	color: #606;
	opacity: 0.5;
}

#formulario #enviar {
	opacity: 1;
	width: auto;
	color: #000;
}

#asunto {
	width: 50%;
	color: #606;
	opacity: 0.5;
	height: 5em;
}



/* @end */