@charset "utf-8";
/* CSS Document */
/*******************************GENERAL STYLES*******************************/
*{
	margin:0;
	padding:0
}
body {
	background-color:#000000;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
#contenedor {
	margin:0px;
	padding:0px;
	top:0px;
}
#contenido {
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:1000px;
	height:748px;
	font-family:Arial, sans-serif;
	letter-spacing:1px;
	font-size:12px;
	color:#000000;
	margin-top:0px;
	padding:0px;
}
img, a, a:hover, a:link, a:visited {
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	outline:none;
}
a span.links {
	display:none;
}
input,textarea {
	background-color:#333333;
	border:medium none;
	color:#FFFFFF;
	font-weight:bold;
	height:15px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:6px 5px;
	width:200px;
}
.textarea {
	height:150px;
	width:250px;
}

.color {
	background-color:#000066;
}
.color-text {
	color:#000066;
}
.color-selected {
	color:#669999;
}
.error {
	color:#009933;
	font-weight:900;
	font-size:17px;
}
.error_text {
	font-size:12px;
	color:#009933;
}
#preload img{
	height: 0; 
	width: 0; 
	border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}

table.alojamiento_web {
	font-size:12px;
	background-color:#333;
}
table.alojamiento_web tr th{
	background-color:#666;
	color:#fff;
	font-weight:bold;
}
table.alojamiento_web tr td {
	background-color:#fff;
	color:#666;
	font-weight:normal;
}

ul.mapa_del_sitio {
	padding-left:170px;
	text-align:left;
}
ul.mapa_del_sitio li {
	font-size:15px;
}
ul.mapa_del_sitio li a:hover{
	text-decoration:underline;
}
ul.mapa_del_sitio li ul{
	padding-left:30px;
	font-size:13px;
}
ul.mapa_del_sitio li ul li a:hover{
	text-decoration:underline;
}

/***********************************************LOADING STYLES************************************/
#loading {
	background-image:url(../images/loading1.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#333;
	overflow:auto;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:99999999;
}
#loading1 {
	background-color:#333;
	overflow:auto;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:9999991;
}
.loading_text{
	padding-top:40%;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/********************************************LINKS************************************/
#contacto, #diseno_audiovisual, #diseno_web, #dibujo_cad, #diseno_grafico, #portfolio_link, #dyd_blog {
	clear:left;
	float:left;
	cursor:pointer;
}
#contacto {	
	background-image:url(../images/phono.png);
	background-repeat:no-repeat;
	width:180px;
	height:149px;
	margin-top:-110px;
	margin-left:65px ;
	position:relative;
	z-index:100;
}

#diseno_audiovisual {
	margin-top:415px;
	margin-left:0px;
	width:160px;
	height:130px;
	z-index:110;
}

#diseno_web {
	margin-top:-35px;
	margin-left:345px;
	width:300px;
	height:110px;
	z-index:109;
}

#dibujo_cad {
	margin-top:-60px;
	margin-left:710px;
	width:200px;
	height:100px;
	z-index:108;
}

#diseno_grafico {
	margin-top:-590px;
	margin-left:620px;
	width:150px;
	height:350px;
	z-index:107;
}

#portfolio_link {
	margin-top:-270px;
	margin-left:840px;
	width:150px;
	height:200px;
	z-index:106;
}
#promo {
	background-image:url(../images/promo.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	position:absolute;
	display:inline-block;
	width:244px;
	height:241px;
	margin-top:-50px;
	margin-left:740px;
	z-index:105;
}
#promo:hover {
	background-position:left -241px;
}

#dyd_blog{
	margin-top:-661px;
	margin-left:249px;
	width:250px;
	height:250px;
	z-index:104;
}

.close_button, .close_button:hover {
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	height:80px;
	width:50px;
	cursor:pointer;
	float:right;
	position:absolute;
	right:40px;
	top:112px;
}
/********************************************MANCHAS************************************/
#diseno_web_m {
	background-image:url(../images/diseno_web_m.png);
	background-repeat:no-repeat;
	width:236px;
	height:235px;
	float:left;
	margin-top:273px;
	margin-left:390px;
	position:absolute;
	z-index:400;
}
#diseno_grafico_m {
	background-image:url(../images/diseno_grafico_m.png);
	background-repeat:no-repeat;
	width:142px;
	height:128px;
	float:left;
	margin-top:150px;
	margin-left:475px;
	z-index:1;
	position:absolute;
}
#dibujo_cad_m {
	background-image:url(../images/dibujo_cad_m.png);
	background-repeat:no-repeat;
	width:203px;
	height:187px;
	float:left;
	margin-top:370px;
	margin-left:680px;
	z-index:777777;
	position:absolute;
}
#audiovisual_m {
	background-image:url(../images/audiovisual_m.png);
	background-repeat:no-repeat;
	width:200px;
	height:244px;
	float:left;
	margin-top:170px;
	margin-left:40px;
	z-index:1;
	position:absolute;
}
#contacto_m {
	background-image:url(../images/contacto_m.png);
	background-repeat:no-repeat;
	width:150px;
	height:182px;
	float:left;
	margin-top:530px;
	margin-left:250px;
	z-index:999999;
	position:absolute;
}

/********************************************CONTENT************************************/
#content{
	background-image:url(../images/content_bg.png);
	background-repeat:no-repeat;
	float:left;
	height:700px;
	margin-left:110px;
	margin-top:0;
	position:absolute;
	width:769px;
	z-index:9999994;
}

.interior_content {
	background:none;
	width:450px;
	height:418px;
	padding-top:160px;
	padding-left:0px;
	padding-right:0px;
	overflow:hidden;
	color:#000000;
	letter-spacing:1px;
	line-height:25px;
	font-size:17px;
	font-weight:bolder;
	z-index:700;
}
.interior_content a {
	color:#1A1A1A;
	text-decoration:none;
}
.interior_content a:hover {
	color:#414141;
}
.interior_content a.error_page {
	color:#D11E1A;
	text-decoration:none;
}
.interior_content a.error_page:hover {
	color:#d14141;
}
.interior_content a img {
	border:10px #999999 solid;
}
.customers{
	float:left;
	margin-left:20px;
}
.customer_info{
	width:400px;
	margin-top:0px;
}
.customer_info a{
	color:#666666;
}
.interior_content a img {
	border:10px #999999 solid;
	opacity:1;
}

.form_style {
	float:left;
	display:block;
	position:absolute;
	margin-top:0px;
}
.input {
	width:150px;
	height:30px;
	left:150px;
	margin-top:3px;
}
#thankyou {
	padding-left:-150px;
	width:350px;
}
#buttonSubmit {
	background-image:url(../images/final_enviar.png);
	background-repeat:no-repeat;
	width:100px;
	height:64px;
	display:block;
	margin-top:25px;
}
#buttonSubmit:hover {
	background-position:left -64px;
}
/********************************************BOLUDECES************************************/

#alf_comentario {
	clear:left;
	background-image:url(../images/alf_comentario.png);
	background-repeat:no-repeat;
	width:100px;
	height:118px;
	float:left;
	margin-top:-435px;
	margin-left:255px ;
	position:relative;
	z-index:12;
}
.alf_comentario_hover {
	background-position:left -118px;
}
#alf {
	cursor:default;
	clear:left;
	float:left;
	margin-top:-315px;
	margin-left:240px;
	position:relative;
	width:100px;
	height:140px;
	z-index:13;
}
#hulk{
	clear:left;
	float:left;
	margin-top:-295px ;
	margin-left:690px ;
	position:relative;
}

.hulkDiv{
	overflow: hidden;
}
#hulk_image {
	background-image:url(../images/hulk.png);
	background-repeat:no-repeat;
	width:144px;
	height:170px;
}

#pancho {
	clear:left;
	float:left;
	margin-top:-245px;
	margin-left:155px ;
	position:relative;
}
.panchoDiv{
	overflow: hidden;
}
#pancho_image {
	background-image:url(../images/pancho.png);
	background-repeat:no-repeat;
	width:52px;
	height:108px;
}
.animationContainerHulk{
	height: 170px;
}
.animationContainerPancho{
	height: 108px;
}


.opacity {
	opacity: 0.75;
}

/*******************************FOOTER LINKS*******************************/
.links_bottom {
	height:18px;
	margin:0px;
	padding:0px;
	border-bottom:2px #FFFFFF solid;
	border-left:2px #FFFFFF solid;
	border-right:2px #FFFFFF solid;
	width:992px;
}
.links_bottom ul {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	height:18px;
}
.links_bottom ul li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	height:18px;
}
.links_bottom ul li a {
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:4px 8px 2px;
}
.links_bottom ul li a:hover {
	background-color:#FFFFFF;
	color:#000000;
}

.contenedor_social_links {
	background:none;
	width:42px;
	height:300px;
	position:absolute;
	right:0;
	top:200px;
}
.contenedor_social_links:hover {
	width:152px;
}
.encuentrame {
	background-image:url(../images/social_links.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:42px;
	height:300px;
	position:relative;
	right:0;
	top:0;
}
.content_social_links{
	background-image:url(../images/bg_social_links.png);
	width:0px;
	height:300px;
	position:absolute;
	overflow:hidden;
	left:42px;
	top:0;
}

#content_social_links_style{
	width:100%;
	height:100%;
	padding:10px 5px;
	outline:none;
}
#rss, #facebook, #twitter, #flickr {
	display:block;
	margin-top:15px;
	margin-left:10px;
	opacity:0.7;
}
#rss {
	margin-top:0px;
	width:62px;
	height:62px;
}
#facebook {
	width:60px;
	height:63px;
}
#twitter {
	width:61px;
	height:61px;
}
#flickr {
	width:84px;
	height:51px;
}
#rss:hover, #facebook:hover, #twitter:hover, #flickr:hover {
	opacity:1;
}

#copyright_text, #copyright_text a {
	text-decoration:none;
	margin-top:5px;
	color:#FFFFFF;
	font-size:9px;
	font-family:Arial, sans-serif;
	font-weight:bold;
}
#swfContent {
	height:166px;
	left:-82px;
	position:relative;
	top:321px;
	width:257px;
}

.email_contact {
	background-image:url(../images/email1.png);
	background-repeat:no-repeat;
	width:100px;
	height:109px;
	display:block;
	cursor:pointer;
	float:right;
	position:absolute;
	right:40px;
	top:212px;
	z-index:1300;
}
.email_contact:hover {
	background-image:url(../images/email2.png);
	background-repeat:no-repeat;
}

.msn {
	background-image:url(../images/msn1.png);
	background-repeat:no-repeat;
	width:100px;
	height:109px;
	display:block;
	cursor:pointer;
	float:right;
	position:absolute;
	right:40px;
	top:330px;
	z-index:1100;
}
.msn:hover {
	background-image:url(../images/msn_over.png);
	background-repeat:no-repeat;
}
#mailinfo {
	letter-spacing:3px;
	float:left;
	top:215px;
	left:126px;
	position:relative;
	z-index:1400;
	background-color:#99FF00;
	color:#666666;
	border:2px #999900 solid;
	padding:2px 5px;
}
#msninfo {
	letter-spacing:3px;
	float:left;
	top:295px;
	left:126px;
	position:relative;
	z-index:1200;
	background-color:#99FF00;
	color:#666666;
	border:2px #999900 solid;
	padding:2px 5px;
}


a.menu_promo{
	background-image:url(../images/menu_promo1.png);
	background-repeat:no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color:#CCCCCC;
	display:inline-table;
	height:25px;
	padding:8px 25px;
	width:100px;
}
a.menu_promo:hover, a.menu_promo_selected{
	background-position:left -40px;
	color:#333333;
}
.planes {
	background-color:#999999;
	background-image:url(../images/fondo_promo.jpg);
	background-repeat:repeat-x;
	height:309px;
	margin:-1px auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
	width:430px;
}
.planes ul{
	padding-left:20px;
}

a.menu_seo{
	background-image:url(../images/menu_posicionamiento.png);
	background-repeat:no-repeat;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#CCCCCC;
	display:inline-table;
	height:25px;
	padding:8px 25px;
	width:170px;
	text-align:center;
}
a.menu_seo:hover, a.menu_seo_selected{
	background-position:left -40px;
	color:#333333;
}