/*--------------------------------------------------------------------------------------------------*/
/* Basic HTML
----------------------------------------------------------------------------------------------------*/

* {
	margin:0;
}

html, body {
	background-attachment:fixed;
	margin:0;
	padding:0;
	height:100%;
	background:#f4f9f3;
}

body {
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/site-background.jpg);
}

.wrapper {
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -234px;
	padding:0;
	background-color:#FFF;
}

.header_site {
	width:100%;
	height:150px;
	margin:0;
	padding:0;
	background:none;
}

.footer_site {
	width:100%;
	height:234px;
	margin:45px 0 0 0;
	padding:0;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/footer-background.jpg);
}

#footer-main {
	width:960px;
	height:190px;
	margin:0 auto;
	padding:0;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/footer-main-background.jpg);
}

.push {
	height:234px;
}

/*--------------------------------------------------------------------------------------------------*/
/* Commons
----------------------------------------------------------------------------------------------------*/

h2 {
	font:bold 13px Tahoma, Arial, Verdana, sans-serif;
	color:#fee500;
}

ul {
	list-style-type:disc;
}

li {
	margin-left:14px;
}

.texto {
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#707070;
}
.texto a {
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#000;
	text-decoration:underline;
}
.texto a:hover {
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#333;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------*/
/* Header
----------------------------------------------------------------------------------------------------*/

#logo {
	width:283px;
	height:50px;
	margin:40px 0 0 55px;
	padding:0;
	position:relative;
	float:left;
}

#botonera {
	width:578px;
	height:79px;
	margin:51px 0 0 0;
	padding:0;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/menu-background.jpg);
}

#menu {
	list-style:none;
	padding:0;
	margin:0;
	width:503px;
	height:39px;
	position:relative;
}

#menu span {
	display:none;
	position:absolute;
}

#menu a {
	display:block;
	text-indent:-9000%;
	position:absolute;
	outline:none;
}
#menu a:hover {
	background-position:left center;
}
#menu a:hover span {
	display:block;
}

#menu .home {
	width:63px;
	height:39px;
	background:url(images/botonera-home.jpg) no-repeat;
	left:17px;
	top:0px;
}
#menu .home_activo {
	width:63px;
	height:39px;
	background:url(images/botonera-home.jpg) no-repeat;
	left:17px;
	top:0px;
	background-position:left bottom;
}

#menu .institucional {
	width:111px;
	height:39px;
	background:url(images/botonera-institucional.jpg) no-repeat;
	left:81px;
	top:0px;
}
#menu .institucional_activo {
	width:111px;
	height:39px;
	background:url(images/botonera-institucional.jpg) no-repeat;
	left:81px;
	top:0px;
	background-position:left bottom;
}

#menu .servicios {
	width:90px;
	height:39px;
	background:url(images/botonera-servicios.jpg) no-repeat;
	left:193px;
	top:0px;
}
#menu .servicios_activo {
	width:90px;
	height:39px;
	background:url(images/botonera-servicios.jpg) no-repeat;
	left:193px;
	top:0px;
	background-position:left bottom;
}

#menu .portfolio {
	width:89px;
	height:39px;
	background:url(images/botonera-portfolio.jpg) no-repeat;
	left:284px;
	top:0px;
}
#menu .portfolio_activo {
	width:89px;
	height:39px;
	background:url(images/botonera-portfolio.jpg) no-repeat;
	left:284px;
	top:0px;
	background-position:left bottom;
}

#menu .tips {
	width:53px;
	height:39px;
	background:url(images/botonera-tips.jpg) no-repeat;
	left:374px;
	top:0px;
}
#menu .tips_activo {
	width:53px;
	height:39px;
	background:url(images/botonera-tips.jpg) no-repeat;
	left:374px;
	top:0px;
	background-position:left bottom;
}

#menu .contacto {
	width:92px;
	height:39px;
	background:url(images/botonera-contacto.jpg) no-repeat;
	left:428px;
	top:0px;
}
#menu .contacto_activo {
	width:92px;
	height:39px;
	background:url(images/botonera-contacto.jpg) no-repeat;
	left:428px;
	top:0px;
	background-position:left bottom;
}

#webcommercial {
	width:960px;
	height:401px;
	margin-bottom:45px;
	background-color:#0F452D;
}

/*--------------------------------------------------------------------------------------------------*/
/* Home
----------------------------------------------------------------------------------------------------*/

#home-bienvenidos {
	width:450px;
	height:393px;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/home-bienvenidos-background.jpg);
}

#home-bienvenidos ul {
	margin-top:3px;
	list-style-type:disc;
}

#home-bienvenidos li {
	margin-left:12px;
	line-height:20px;
	color:#175a40;
}

#home-bienvenidos div {
	width:230px;
	height:95px;
	line-height:15px;
	margin:33px 0 0 20px;
	color:#FFF;
}

#portfolio_submit {
	width:190px;
	height:30px;
	margin:17px 0 0 20px;
	padding:0;
	border:0px;
	color: transparent;
	text-transform: capitalize;
	text-indent:-9000%;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/home-bienvenidos-portfolio.jpg);
	cursor:pointer;
	position:relative;
	float:left;
}

#home-noticias {
	width:470px;
	height:415px;
	min-height:415px;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	float:right;
	background-color:#175a40;
}

#home-noticias #home-noticias-top {
	width:431px;
	height:24px;
	margin:20px 20px 0 20px;
	padding:0;
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/home-tips-vertodas.jpg);
}

#home-noticias #home-noticias-top .home-noticias-tips {
	width:361px;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#home-noticias #home-noticias-top .home-noticias-vertodas {
	width:70px;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
	float:right;
}

#home-noticias #home-noticias-top .home-noticias-vertodas a {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

#home-noticias #home-noticias-top .home-noticias-vertodas a:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:underline;
}

#home-noticias #home-noticias-links {
	width:431px;
	height:auto;
	margin:0;
	padding:0;
}

#home-noticias #home-noticias-links .resumen-noticia {
	width:431px;
	height:auto;
	margin:15px 0 0 20px;
	padding:0 0 12px 0;
	position:relative;
	float:center;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(images/home-tips-separador.jpg);
}

#home-noticias #home-noticias-links .resumen-noticia {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
}

#home-noticias #home-noticias-links .resumen-noticia a,
#home-noticias #home-noticias-links .resumen-noticia em {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

#home-noticias #home-noticias-links .resumen-noticia a:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------*/
/* Institucional
----------------------------------------------------------------------------------------------------*/

#institucional-izquierda {
	width:450px;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#institucional-izquierda .institucional-contenido {
	width:450px;
	height:auto;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#707070;
}

#institucional-izquierda .institucional-contenido ul {
	margin-top:3px;
	list-style-type:disc;
}

#institucional-izquierda .institucional-contenido li {
	margin-top:10px;
	margin-left:12px;
	line-height:15px;
	color:#175a40;
}

#institucional-staff {
	width:470px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	position:relative;
	float:right;
	background-color:#175a40;
}

#institucional-staff .institucional-contenido-top {
	width:431px;
	height:24px;
	margin:20px 0 0 20px;
	padding:0;
}

#institucional-staff .institucional-contenido-top .institucional-contenido-staff {
	width:431px;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#institucional-staff .institucional-contenido .institucional-contenido-colaboran {
	width:431px;
	height:24px;
	margin:40px 0 0 0;
	padding:0;
	position:relative;
	float:left;
}

#institucional-staff #institucional-contenido-staff {
	width:451px;
	height:auto;
	margin:0 0 0 20px;
	padding:0;
	position:relative;
	float:left;
}

#institucional-staff #institucional-contenido-staff .foto-staff-izq,
#institucional-staff #institucional-contenido-staff .foto-staff-der {
	width:195px;
	height:auto;
	margin:20px 20px 0 0;
	padding:5px;
	background-color:#c5d6cf;
	position:relative;
	float:left;
}

#institucional-staff #institucional-contenido-staff .foto-staff-izq h3,
#institucional-staff #institucional-contenido-staff .foto-staff-der h3 {
	margin:0;
	padding:5px 0 5px 0;
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#707070;
	text-align:center;
}

#institucional-staff #institucional-contenido-staff .foto-staff-izq h3 strong,
#institucional-staff #institucional-contenido-staff .foto-staff-der h3 strong {
	font:bold 12px Tahoma, Arial, Verdana, sans-serif;
	color:#175a40;
}

#institucional-staff #institucional-contenido-colaboran {
	width:451px;
	height:auto;
	margin:40px 0 0 20px;
	padding:0;
	position:relative;
	float:left;
}

#institucional-staff #institucional-contenido-colaboran .institucional-contenido-colaboran-txt {
	margin:0;
	padding:0;
}

#institucional-staff #institucional-contenido-colaboran .institucional-contenido-colaboran-txt {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
}

#institucional-staff #institucional-contenido-colaboran .institucional-contenido-colaboran-txt ul {
	margin-top:3px;
	list-style-type:disc;
}

#institucional-staff #institucional-contenido-colaboran .institucional-contenido-colaboran-txt li {
	margin-left:12px;
	line-height:20px;
	color:#FFF;
}

/*--------------------------------------------------------------------------------------------------*/
/* Servicios
----------------------------------------------------------------------------------------------------*/

#servicios-listado {
	width:921px;
	height:auto;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
}

#servicios-listado .clear {
	width:921px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#servicios-listado .foto-servicio {
	width:195px;
	height:auto;
	margin:0 33px 0 0;
	padding:5px;
	background-color:#c5d6cf;
	position:relative;
	float:left;
}

#servicios-listado .foto-servicio h3 {
	margin:0;
	padding:5px;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif;
	color:#175a40;
	text-align:center;
}

/*--------------------------------------------------------------------------------------------------*/
/* Portfolio
----------------------------------------------------------------------------------------------------*/

.portfolio-copy {
	width:931px;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif;
	color:#175a40;
	text-align:right;
}

.portfolio-listado {
	width:921px;
	height:auto;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
}

.portfolio-clear {
	width:921px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

.portfolio-listado .portfolio-descripcion {
	width:921px;
	height:auto;
	margin:12px 0 22px 0;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#707070;
}

.portfolio-listado .clear {
	width:921px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

.portfolio-listado .foto-portfolio {
	width:195px;
	height:auto;
	margin:0 33px 0 0;
	padding:5px;
	background-color:#c5d6cf;
	position:relative;
	float:left;
}

.portfolio-listado .foto-portfolio h3 {
	margin:0;
	padding:5px;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif;
	color:#175a40;
	text-align:center;
}

/*--------------------------------------------------------------------------------------------------*/
/* Tips
----------------------------------------------------------------------------------------------------*/

#tips-bienvenidos {
	width:450px;
	height:auto;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
}

#tips-bienvenidos strong {
	font:bold 13px Tahoma, Arial, Verdana, sans-serif;
	color:#175a40;
}

#tips-bienvenidos em {
	font:normal 11px Tahoma, Arial, Verdana, sans-serif;
	color:#ffb500;
}

#tips-archivo {
	width:470px;
	height:auto;
	/*min-height:415px;*/
	margin:0;
	padding:0 0 22px 0;
	position:relative;
	float:right;
	background-color:#175a40;
}

#tips-archivo #tips-archivo-top {
	width:431px;
	height:24px;
	margin:20px 20px 0 20px;
	padding:0;
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/home-tips-vertodas.jpg);
}

#tips-archivo #tips-archivo-top .tips-archivo-tips {
	width:361px;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#tips-archivo #tips-archivo-links {
	width:431px;
	height:auto;
	margin:0;
	padding:0;
}

#tips-archivo #tips-archivo-links .tips-resumen {
	width:431px;
	height:auto;
	margin:15px 0 0 20px;
	padding:0 0 12px 0;
	position:relative;
	float:center;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(images/home-tips-separador.jpg);
}

#tips-archivo #tips-archivo-links .tips-resumen {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
}

#tips-archivo #tips-archivo-links .tips-resumen a,
#tips-archivo #tips-archivo-links .tips-resumen em {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

#tips-archivo #tips-archivo-links .tips-resumen a:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------*/
/* Contacto
----------------------------------------------------------------------------------------------------*/

#contacto-form {
	width:450px;
	height:393px;
	margin:22px 0 0 10px;
	padding:0;
	position:relative;
	float:left;
	line-height:13px;
}

#contacto-telefonico {
	width:470px;
	height:434px;
	min-height:434px;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	float:right;
	background-color:#175a40;
}

#contacto-telefonico #contacto-telefonico-top {
	width:431px;
	height:24px;
	margin:20px 20px 0 20px;
	padding:0;
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/home-tips-vertodas.jpg);
}

#contacto-telefonico #contacto-telefonico-top .contacto-telefonico-titulo {
	width:361px;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}

#contacto-telefonico #contacto-telefonico-links {
	width:431px;
	height:auto;
	margin:0;
	padding:0;
}

#contacto-telefonico #contacto-telefonico-links .contacto-telefonico-resumen {
	width:431px;
	height:auto;
	margin:15px 0 0 20px;
	padding:0 0 12px 0;
	position:relative;
	float:center;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(images/home-tips-separador.jpg);
}

#contacto-telefonico #contacto-telefonico-links .contacto-telefonico-resumen {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:15px;
}

#contacto-telefonico #contacto-telefonico-links .contacto-telefonico-resumen a,
#contacto-telefonico #contacto-telefonico-links .contacto-telefonico-resumen em {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

#contacto-telefonico #contacto-telefonico-links .contacto-telefonico-resumen a:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------*/
/* Footer
----------------------------------------------------------------------------------------------------*/

.footer-title {
	margin:17px 0 3px 0;
}

.footer-text {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
}

.footer-text strong {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

.footer-text ul {
	list-style-type:none;
}

.footer-text li {
	margin-left:0;
	line-height:20px;
}

.footer-text li a {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
}

.footer-text li a:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

.footer-text li a.activo {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#ffc20e;
	text-decoration:none;
}

#footer-firma {
	padding-top:114px;
}

#news_mail {
	width:154px;
	height:18px;
	margin:3px 0 14px 0;
	padding:5px 8px 2px 8px;
	border:0px;
	background-color:#f6f9f7;
	font:italic 11px Verdana, Geneva, sans-serif;
	color:#175a40;
	position:relative;
	float:left;
}

#news_submit {
	width:85px;
	height:25px;
	margin:3px 0 14px 0;
	padding:0;
	border:0px;
	color: transparent;
	text-transform: capitalize;
	text-indent:-9000%;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/footer-submit.jpg);
	cursor:pointer;
	position:relative;
	float:left;
}

.footer-text span {
	margin-left:0;
	line-height:15px;
}

/*///////////////// DESPLEGABLE ///////////*/
h3{ margin: 10px 10px 0 10px; color:#FFF; font:11pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.boxgrid{ 
	/*width: 325px; 
	height: 260px; */
	width: 195px; 
	height: 146px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #205638; 
	/*background: #357a54;*/
	height: 100%; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 100px;
	left: 0;
}
.caption .boxcaption {
	top: 0;
	left: 0;
}