﻿@charset "utf-8";
/* CSS Document */

/* Estilos comunes: cuerpo, textos, botones */

body {
	background-color:#fffded;
	text-align:center;
	font-family: verdana;
	font-size: 10px;
	display:block;
	width:100%;
	margin:auto;
	padding:0px;
}

span {
	color: #999;
	font-size: 10px;
	text-decoration:none;
}

.textroman {color: #333333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-decoration:none; }
.textromanlink:hover {color:#ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; background-color:#000000; text-decoration:none; }

A {color:#666666; text-decoration:none;}
A:visited {color:#999999; text-decoration:none;}

#boton_series_on {
	position:absolute;
	background:url(../img/series_on.png);
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}

#boton_series {
	position:absolute;
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}
	
a#series { background-image:url(../img/series_off.png); height:36px; width:76px; display:block; }
a#series span { display:none; }
a#series:hover { background-image:url(../img/series_on.png); }

#boton_series2 {
	position:absolute;
	top:86px;
	left:53px;
	width:76px;
	height:36px;
	}
	
a#series2 { background-image:url(../img/series_on.png); height:36px; width:76px; display:block; }
a#series2 span { display:none; }
a#series2:hover { background-image:url(../img/series_on2.png); }

#boton_proyectos_on {
	background:url(../img/proyectos_on.png);
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}

#boton_proyectos {
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}
	
a#proyectos { background-image:url(../img/proyectos_off.png); height:42px; width:93px; display:block; }
a#proyectos span { display:none; }
a#proyectos:hover { background-image:url(../img/proyectos_on.png); }

#boton_proyectos2 {
	position:absolute;
	width:93px;
	height:42px;
	left:156px;
	top:86px;
	}
	
a#proyectos2 { background-image:url(../img/proyectos_on.png); height:42px; width:93px; display:block; }
a#proyectos2 span { display:none; }
a#proyectos2:hover { background-image:url(../img/proyectos_on2.png); }

#boton_servicios_on {
	background-image:url(../img/servicios_on.png);
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}

#boton_servicios {
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}
	
a#servicios { background-image:url(../img/servicios_off.png); height:45px; width:108px; display:block; }
a#servicios span { display:none; }
a#servicios:hover { background-image:url(../img/servicios_on.png); }

#boton_servicios2 {
	position:absolute;
	width:108px;
	height:45px;
	left:259px;
	top:82px;
	}
	
a#servicios2 { background-image:url(../img/servicios_on.png); height:45px; width:108px; display:block; }
a#servicios2 span { display:none; }
a#servicios2:hover { background-image:url(../img/servicios_on2.png); }

#boton_nosotros_on {
	position:absolute;
	background-image:url(../img/nosotros_on.png);
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}

#boton_nosotros {
	position:absolute;
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}
	
a#nosotros { background-image:url(../img/nosotros_off.png); height:45px; width:91px; display:block; }
a#nosotros span { display:none; }
a#nosotros:hover { background-image:url(../img/nosotros_on.png); }

#boton_nosotros2 {
	position:absolute;
	width:91px;
	height:45px;
	left:380px;
	top:82px;
	}
	
a#nosotros2 { background-image:url(../img/nosotros_on.png); height:45px; width:91px; display:block; }
a#nosotros2 span { display:none; }
a#nosotros2:hover { background-image:url(../img/nosotros_on2.png); }

#boton_logo {
	position:absolute;
	width:211px;
	height:120px;
	right:86px;
	top:19px;
	}
	
a#logo { background-image:url(../img/logo_off.png); height:120px; width:211px; display:block; }
a#logo span { display:none; }
a#logo:hover { background-image:url(../img/logo_off.png); }

#contacto {
	position:absolute;
	background:transparent;
	width:800px;
	height:10px;
	left:0px;
	top:790px;
	}

/* Elementos Home */
#container_home {
	background: url(../img/bg_home.jpg) center no-repeat; 
	text-align:center;
	border:0px;
	padding:0px;
	margin:auto;
	width:800px;
	height:800px;
	z-index:1;
	}
	
#header {
	position:relative;
	top:0px;
	left:0px;
	width:800px;
	z-index:10;
	margin: 0 auto;
	}

#stage_home {
	position:absolute;
	background:transparent;
	width:699px;
	height:299px;
	left:51px;
	top:138px;
	z-index:5;
	}
	
#boton_linktoymatters {
	position:absolute;
	width:128px;
	height:18px;
	left:338px;
	top:740px;
	z-index: 7;
	}
	
a#linktoymatters { background-image:url(../img/spacer.gif); width:128px; height:18px; display:block; }
a#linktoymatters span { display:none; }
a#linktoymatters:hover { background-image:url(../img/spacer.gif); width:128px; height:18px; display:block;}

#boton_linkmargaritaweb {
	position:absolute;
	width:176px;
	height:13px;
	left:51px;
	top:735px;
	z-index: 7;
	}
	
a#linkmargaritaweb { background-image:url(../img/linkmargaritaweb_off.png); width:176px; height:13px; display:block; }
a#linkmargaritaweb span { display:none; }
a#linkmargaritaweb:hover { background-image:url(../img/linkmargaritaweb_on.png); }

#boton_linkmargaritablog {
	position:absolute;
	width:176px;
	height:13px;
	left:51px;
	top:748px;
	z-index: 7;
	}
	
a#linkmargaritablog { background-image:url(../img/linkmargaritablog_off.png); width:176px; height:13px; display:block; }
a#linkmargaritablog span { display:none; }
a#linkmargaritablog:hover { background-image:url(../img/linkmargaritablog_on.png); }

#boton_hampablog {
	background-image:url(../img/chapa_blog.png);
	position:absolute;
	width:100px;
	height:99px;
	left:235px;
	top:558px;
	z-index: 7;
	}
	
a#hampablog { width:100px; height:99px; display:block; }
a#hampablog span { display:none; }
a#hampablog:hover { background-image:url(../img/chapa_blog_on.png); }

#boton_youtube {
	background-image:url(../img/youtubeok.png);
	position:absolute;
	width:100px;
	height:99px;
	left:227px;
	top:663px;
	z-index: 7;
	}
	
a#youtube { width:100px; height:99px; display:block; }
a#youtube span { display:none; }
a#youtube:hover { background-image:url(../img/youtube.png); }
