/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
  font-family: "FuturaCEBold",Arial,Helvetica,sans-serif;
  font-family: 'Metrophobic',Georgia, sans-serif;
	vertical-align: baseline;
}


* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
  font-family: "FuturaCEBold",Arial,Helvetica,sans-serif;
  font-family: 'Metrophobic',Georgia, sans-serif;
	outline: none;
}

* table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* Si no ponemos esta linea del form, los cuadrados laterales se
	rompen por abajo.  */
* form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.pointer {
	cursor: pointer;
}

a:link img, a:hover img, a:visited img, a:active img{ 
	text-decoration: none;
	border: none;
	otline: 0;
}


a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
  font-family: 'Metrophobic',Georgia, sans-serif;
}
a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a:hover {
	color: #aa8849;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
  font-family: 'Metrophobic',Georgia, sans-serif;
}

img {
	border: 0 none;
}

textarea,
select,
input {
	resize: none;
	outline: none; 
}


@font-face {
	font-family: 'FuturaCEBold';
	src: url('../fonts/FuturaCE-Bold.eot');
	src: local('Futura CE Bold'), local('FuturaCE-Bold'), url('../fonts/FuturaCE-Bold.woff') format('woff'), url('../fonts/FuturaCE-Bold.otf') format('opentype'), url('../fonts/FuturaCE-Bold.svg#FuturaCE-Bold') format('svg');
}

.color_heimdall {
	color: #F36E00;
}

html,
body {
	    width: 100%;
	    height: 100%;
}

body {
/*
	background: url(../imagenes/ipad_fondo_3.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/DNA/ipad_dna.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/ESADEBAN/ipad_esadeban.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/teresa_helbig/ipad_teresahelbig.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/ESCALEA/ipad_escalea.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/MD-Journal/ipad_journal.jpg) no-repeat fixed left top #000000;
	background: url(../imagenes_de_webs/HOMBCN/ipad_hom.jpg) no-repeat fixed left top #000000;
*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
	background-color: #000000;

	-moz-transition: opacity 1s ease;  /* FF3.7+ */
	-o-transition: opacity 1s ease;  /* Opera 10.5 */
	-webkit-transition: opacity 1s ease;  /* Saf3.2+, Chrome */
	transition: opacity 1s ease;
}

.clear_both {
	clear: both !important;
	display: block !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#linea_superior {
	width: 100%;
	height: 30px;
	background-color: #000000;
	color: #FFFFFF;
	overflow: hidden;
	list-style: none outside;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

#linea_superior li {
	float: left;
	font-size: 10px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
#linea_superior a,
#linea_superior a:visited {
	color: #F36E00;
}
#principal {
	min-width: 1024px;
	min-height: 640px;
	margin-left: 0px;
	overflow: hidden;
	text-align: center;
/* 	
	min-width: 1000px;
	height: 920px;
	overflow: hidden;
	color: #FFFFFF;
	position: relative;
	top: 0px;
	left: 0;
	z-index: 10;
*/
}
#fondo {
	position: relative;
	float: left;
	width: 864px;
	height: 100%;
	border-left: 160px solid #000; /* ancho y color del menú */  
	margin-left: -160px;
}







#container {
	min-width: 864px;
	min-height: 640px; 
	overflow: hidden;
	color: #FFFFFF;
	position: relative;
/* 	top: 30px;  */
	left: 0;
	z-index: 10;	
}

#cuadrados {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

#cuadrados .cuadrados_fila {
	width: 1024px;
	height: 128px;
	overflow: hidden;
}

#cuadrados .trans {
	background-color: #000000;
	width: 128px;
	height: 128px;
	float: left;
	display: inline;
}

.opacity_85 { filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; }
.opacity_80 { filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
.opacity_75 { filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; }
.opacity_70 { filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }
.opacity_65 { filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; }
.opacity_60 { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; }
.opacity_55 { filter: alpha(opacity=55); -moz-opacity: .55; opacity: .55; }
.opacity_50 { filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
.opacity_45 { filter: alpha(opacity=45); -moz-opacity: .45; opacity: .45; }
.opacity_40 { filter: alpha(opacity=40); -moz-opacity: .40; opacity: .40; }
.opacity_35 { filter: alpha(opacity=35); -moz-opacity: .35; opacity: .35; }
.opacity_30 { filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30; }
.opacity_25 { filter: alpha(opacity=25); -moz-opacity: .25; opacity: .25; }
.opacity_20 { filter: alpha(opacity=20); -moz-opacity: .20; opacity: .20; }
.opacity_15 { filter: alpha(opacity=15); -moz-opacity: .15; opacity: .15; }
.opacity_10 { filter: alpha(opacity=10); -moz-opacity: .10; opacity: .10; }
.opacity_5 { filter: alpha(opacity=5); -moz-opacity: .05; opacity: .05; }
.opacity_0 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

/*
.opacity_85 { filter: alpha(opacity=46); -moz-opacity: .46; opacity: .46; }
.opacity_80 { filter: alpha(opacity=43); -moz-opacity: .43; opacity: .43; }
.opacity_75 { filter: alpha(opacity=40); -moz-opacity: .40; opacity: .40; }
.opacity_70 { filter: alpha(opacity=37); -moz-opacity: .37; opacity: .37; }
.opacity_65 { filter: alpha(opacity=35); -moz-opacity: .35; opacity: .35; }
.opacity_60 { filter: alpha(opacity=33); -moz-opacity: .33; opacity: .33; }
.opacity_55 { filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30; }
.opacity_50 { filter: alpha(opacity=27); -moz-opacity: .27; opacity: .27; }
.opacity_45 { filter: alpha(opacity=25); -moz-opacity: .25; opacity: .25; }
.opacity_40 { filter: alpha(opacity=22); -moz-opacity: .22; opacity: .22; }
.opacity_35 { filter: alpha(opacity=20); -moz-opacity: .20; opacity: .20; }
.opacity_30 { filter: alpha(opacity=17); -moz-opacity: .17; opacity: .17; }
.opacity_25 { filter: alpha(opacity=15); -moz-opacity: .15; opacity: .15; }
.opacity_20 { filter: alpha(opacity=12); -moz-opacity: .12; opacity: .12; }
.opacity_15 { filter: alpha(opacity=10); -moz-opacity: .10; opacity: .10; }
.opacity_10 { filter: alpha(opacity=7); -moz-opacity: .07; opacity: .07; }
.opacity_5 { filter: alpha(opacity=2); -moz-opacity: .02; opacity: .02; }
.opacity_0 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
*/

.opacity_box {
	background-color: #000000;
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
	width: 100%;
	height: 100%;
	position: absolute !important;
	overflow: hidden;
	z-index: 5 !important;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
}


.opacity_box2 {
	background-color: #234554;
	background-color: #234552;
	filter: alpha(opacity=35);
	-moz-opacity: .35;
	opacity: .35;
	width: 100%;
	height: 100%;
	position: absolute !important;
	overflow: hidden;
	z-index: 5 !important;
	margin: 0 !important;
	padding: 0 !important;
	left: 0;
	top: 0;
}

.opacity_box_full {
/*
	filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;
*/	
}


#logo {
	position: relative;
	z-index: 10;
	width: 160px;
	height: 128px;
	text-align: center;
	margin-top: 120px;
	margin-left: 0;
}

#titular {
	position: absolute;
	width: 768px;
	height:  150px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 40px;
	padding: 0;
	top: 0px;
	left: 0px;
	text-align: left;
	z-index: 20;
}

#titular h2,
#titular h2 a {
	font-family: "FuturaCEBold", Arial, Helvetica, sans-serif;
  font-family: 'Cabin Sketch', cursive, Arial;
	font-size: 29px;
	font-size: 28px;
	text-transform: uppercase;
}

#titular h2 a,
#titular h2 a:visited {
	color: #F36E00;
}

#titular h2 a:hover {
	color: #636363;
	color: #7a6286;
}



#logo h1,
#menu li a,
#menu2 li a,
#selected_works *,
h4.box_title,
a.to_works,
.inner,
#follow_us h4,
#follow_us a,
#content *,
#error_404 *,
#work *,
#clients *,
#office_hours *,
#company_facts *,
#thumbnails * {
	position: relative;
	z-index: 20;
}

#barra_menu {
	float: left;
	position: fixed;
	background-color: #000;
	width: 128px;
	width: 160px;
	height: 100%;
	min-height: 640px;
	display: none;
}

#menu {
	color: #FFFFFF;
	position: relative;
	margin-top: 25px;
	margin-left: 0px;
	width: 160px;
	height: 128px;
	height: 256px;
	z-index: 10;
	list-style: none outside;
	padding-top: 0;
}

#menu li {
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
}

#menu li a {
	color: #FFFFFF;
	display: block;
	background-image: url(../es/imagenes/navegacion_web3.png);
	height: 23px;
}
/*
#menu li a#soluciones_internet_item		{ background-position: 3px 0; margin-top: 5px; }
#menu li a#webs_corporativas_item 		{ background-position: 3px -23px; }
#menu li a#revistas_item 			{ background-position: 3px -46px; }
#menu li a#blogs-revista_item 			{ background-position: 3px -69px; }
#menu li a#ecommerce_item 			{ background-position: 3px -92px; }
#menu li a#webs_sociales_item 			{ background-position: 3px -115px; }
#menu li a#internet_movil_item 			{ background-position: 3px -138px; }
#menu li a#creatividad_item 			{ background-position: 3px -161px; }

#menu li a#soluciones_internet_item:hover, #menu li a#soluciones_internet_item.selected	{ background-position: 3px -184px; }
#menu li a#webs_corporativas_item:hover, #menu li a#webs_corporativas_item.selected		{ background-position: 3px -207px; }
#menu li a#revistas_item:hover, #menu li a#revistas_item.selected				{ background-position: 3px -230px; }
#menu li a#blogs-revista_item:hover, #menu li a#blogs-revista_item.selected			{ background-position: 3px -253px; }
#menu li a#ecommerce_item:hover, #menu li a#ecommerce_item.selected		{ background-position: 3px -276px; }
#menu li a#webs_sociales_item:hover, #menu li a#webs_sociales_item.selected		{ background-position: 3px -299px; }
#menu li a#internet_movil_item:hover, #menu li a#internet_movil_item.selected		{ background-position: 3px -322px; }
#menu li a#creatividad_item:hover, #menu li a#creatividad_item.selected		{ background-position: 3px -345px; }
*/
#menu li a#soluciones_internet_item		{ background-position: 3px 0; margin-top: 5px; }
#menu li a#creatividad_item 			{ background-position: 3px -23px; }
#menu li a#empresa_item 			{ background-position: 3px -46px; }
#menu li a#contacto_item 			{ background-position: 3px -69px; }

#menu li a#soluciones_internet_item:hover, #menu li a#soluciones_internet_item.selected	{ background-position: 3px -115px; }
#menu li a#creatividad_item:hover, #menu li a#creatividad_item.selected			{ background-position: 3px -138px; }
#menu li a#empresa_item:hover, #menu li a#empresa_item.selected				{ background-position: 3px -162px; }
#menu li a#contacto_item:hover, #menu li a#contacto_item.selected			{ background-position: 3px -185px; }

#menu li a span {
	display: none;
}



#menu2 {
	color: #FFFFFF;
	position: absolute;
	top: 425px;
	left: 0px;
	width: 160px;
	height: 128px;
	z-index: 10;
	list-style: none outside;
	padding-top: 0;
}

#menu2 li {
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
}

#menu2 li a {
	color: #FFFFFF;
	display: block;
	background-image: url(../es/imagenes/navegacion_web2.png);
	height: 23px;
}

#menu2 li a#empresa_item		{ background-position: 3px 0; margin-top: 5px; }
#menu2 li a#contacto_item 		{ background-position: 3px -23px; }

#menu2 li a#empresa_item:hover, #menu2 li a#empresa_item.selected	{ background-position: 3px -184px; }
#menu2 li a#contacto_item:hover, #menu2 li a#contacto_item.selected	{ background-position: 3px -207px; }

#menu2 li a span {
	display: none;
}


/*
#pantalla, #pantalla2, #pantalla3 {	
	color: #FFFFFF;
	position: absolute;
	z-index: 10;
	list-style: none outside;
	text-align: left;
}

#pantalla {
	top: 512px;
	top: 636px;
	left: 515px;
	width: 1300px;
	height: 128px;
	height: 1px;
}

#pantalla2 {	
	top: 0;
	left: 1152px;
	width: 4px;
	height: 256px;
}

#pantalla3 {
	top: 512px;
	left: 384px;
	width: 512px;
	width: 1300px;
	height: 128px;
}


#pantalla li {
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
}
*/
#barra_lateral_der {
  position: relative; 
  float: right;
  margin-right: 0px;
  widht: 256px;
}

#informacion {
  position: relative;
  float: left;
}


#datos {
  position: absolute;
  top: 384px;
  left: 64px;
  width: 512px;
  width: 537px;
  background-color: #000;
  color: #fff;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 26px;
  padding-bottom: 26px;
  vertical-align: middle;
  text-align: justify;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  z-index: 40;
  
}


#datos:hover {
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#datos h3 {
  font-family: 'Cabin Sketch', cursive, Arial;
  color: #f36e00;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 20px;
  vertical-align: middle;
  text-align: justify;
}
#datos ul {
  float: left;
  width: 205px;
  margin-left: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 25px;
}


#datos_home {
  position: absolute;
  top: 100px;
  left: 220px;
  width: 512px;
  width: 537px;
  background-color: #000;
  color: #f36e00;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 26px;
  padding-bottom: 26px;
  vertical-align: middle;
  text-align: justify;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  z-index: 40;
  
}


#datos_home:hover {
  color: #fff;
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#datos_home h3 {
  font-family: 'Cabin Sketch', cursive, Arial;
  text-transform: uppercase;
  font-size: 34px;
  line-height: 34px;
  vertical-align: middle;
  text-align: center;
}


#dicho, #areas {
	position: absolute;
  right: 50px;
  top: 448px;
	width: 256px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-style: italic;
	line-height: 20px;
	font-size: 13px;
	color: #FFF;
	background-color: #000;
	padding-top: 5px;
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#areas  {
  top: 384px;
  text-align: left;
  font-style: normal;
  font-size: 16px;
  padding-top: 26px;
  padding-left: 25px;
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  z-index: 40;
}

#areas:hover {
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#areas ul {
  margin-left: 25px;
  margin-top: 10px;
  line-height: 25px;
  font-family: 'Cabin Sketch', cursive, Arial;
  color: #f36e00;
  font-size: 16px;
  font-style: italic;
}
#areas h3 {
  font-family: 'Cabin Sketch', cursive, Arial;
  color: #f36e00;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 20px;
  vertical-align: middle;
  text-align: justify;
}

#pres, #pres_index {
	position: absolute;
	top: 256px;
  top: 448px;
	left: 128px;
  left: 128px;
	width: 384px;
  width: 768px;
	height: 256px;
  height: 128px;
/*	background-color: #02090a;
	z-index: 400; */
	z-index: 20;
	font-size: 12px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	color: #FFF;
}
#pres {
	top: 195px;
	left: 128px;
}
#pres_index canvas#diagonal {
	width: 384px;
	height: 400px;
	background-color: #FFF;
	color: #000;
}

.texto {
	position: relative;
	z-index: 20;
}
#pres .texto img, #pres_index .texto img {
	float: left;
}

#pantalla_text {
	position: absolute;
	top: 310px;
	left: 200px;
	background: url(../imagenes/fondo_horizontal_1.png) top left no-repeat;
	width: 512px;
	height: 256px;
	z-index: 1000;
}
#cuadrado_texto_1, #cuadrado_texto_2, #cuadrado_texto_3 {
	position: absolute;
	top: 490px;
	left: 500px;
	background: url(../imagenes/cuadrado_texto_1.png) top left no-repeat;
	width: 135px;
	height: 135px;
	z-index: 1100;
}
#cuadrado_texto_2 {
	top: 350px;
	left: 350px;
	background: url(../imagenes/cuadrado_texto_2.png) top left no-repeat;
}
#cuadrado_texto_3 {
	top: 490px;
	left: 120px;
}



#formContacto {
	position: absolute;
	display: block;
	top: 256px;
	left: 128px;
	width: 256px;
	height: 384px;
	z-index: 20;
	font-size: 12px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	color: #FFF;
}
#form_texto {
  font-size: 14px;
	margin-top: 40px;
}

#form_campos {
	position: absolute;
	top: -45px;
	left: 256px;
	width: 384px;
	height: 558px;
	z-index: 20;
	font-size: 12px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	color: #FFF;
	background-color: #000;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


#form_campos:hover {
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
	#form_campos p {
		margin-top: 60px;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 14px;
		font-style: normal;
	}
	
	#form_campos p .desc_campo {
		display: block;
		float: left;
		line-height: 25px;
		width: 90px;
		margin-top: 10px;
	}
	
	#form_campos p input, #form_campos p textarea {
		display: block;
		float: left;
		width: 250px;
		height: 25px;
		line-height: 25px;
		margin-top: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		font-size: 14px;
		font-style: normal;
		color: #999;
		vertical-align: middle;
	}
	
	#form_campos p textarea {
		height: 200px;
		width: 340px;
		line-height: 20px;
	}
#formContactoResultado {
	position: absolute;
	top: 150px;
	left: 50px;
	z-index: 40;
}

#empresa {
	position: absolute;
	display: block;
	top: 384px;
	left: 256px;
	width: 512px;
	height: 128px;
	z-index: 20;
	font-size: 14px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	font-style: normal;
	line-height: 20px;
	text-align: left;
	color: #FFF;
	background-color: #000;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#empresa:hover {
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#texto_empresa {
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#nosotros {
	position: absolute;
	display: block;
	top: 532px;
	left: 256px;
	width: 512px;
	font-size: 14px;
	font-family: Georgia,Constantia,Palatino,'Palatino Linotype','Lucida Bright',Lucidabright,'Lucida Serif',Lucida,'DejaVu Serif','Bitstream Vera Serif','Liberation Serif',serif,Times,'Times New Roman';
  font-family: 'Metrophobic',Georgia, sans-serif;
	line-height: 20px;
	text-align: left;
	color: #FFF;
	background-color: #000;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	z-index: 10;
}
#nosotros:hover {
	opacity: 1; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#texto_nosotros {
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#empresa_tecnologias {
	position: absolute;
	display: block;
	display: none;
	top: 420px;
	left: 580px;
	width: 256px;
	height: 256px;
	z-index: 10;
}




#posiciona_slider {
	color: #FFFFFF;
	position: absolute;
	top: 384px;
	left: 384px;
	height: 256px;
	z-index: 100;
	text-align: left;
}

/* Presentacion clientes */
.texto h3{ margin: 10px 10px 0 10px; color:#FFF; font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
.texto .boxgrid{ 
	width: 128px; 
	height: 128px; 
	margin: 0px; 
	float: left; 
	background:#161613; 
	border: solid 0px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	.texto .boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		}
	.texto .boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font: 10pt "Lucida Grande", Arial, sans-serif; 
	}
				
.texto .boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000;
	background: #263c30;
	background: #0e2a2b;
	background: #353c0e;
	height: 128px; 
	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)";
}
 	.texto .captionfull .boxcaption {
 		top: 128px;
 		left: 0;
 	}
 	.texto .caption .boxcaption {
 		top: 0px;
 		left: 0;
 	}
				
	h3 a{}
	
	
	
#titulo_trabajos, #titulo_contacto, #titulo_empresa {
	width: 180px;
	height: 25px;
	padding-left: 5px;
	vertical-align: middle;
	background-color: #f36e00;
	color: #FFF;
	font-size: 16px;
  font-style: normal;
  font-family: 'Metrophobic',Georgia, sans-serif;
	line-height: 25px;
}
#titulo_trabajos {
	position: absolute;
	top: -30px;
	left: -87px;
	width: 210px;
}	
#titulo_contacto {
	position: absolute;
	top: -30px;
	left: 150px;
	z-index: 30;
}
#titulo_empresa {
	position: absolute;
	top: -10px;
	left: -50px;
	z-index: 30;
}
/* -------------------------*/
/*   panel -------------------------*/
#panel {
  position: absolute;
  top: 384px;
  left: 128px;
  width: 896px;
  height: 100%;
  background_color: #000;
  color: #fff;
  z-index: 30;
}












/* -------------------------*/


/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}





#loopedslider {
	position: absolute;
	top: 384px;
	left: 256px;
}

  .container {
    width: 1024px;
    height: 640px;
    width: 256px;
    height: 256px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .slides {
    position:absolute;
    top:0;
    left:256px;
  }
  .slides > div {
    position:absolute;
    top: 0;
    width: 256px;
    display: none;
  }


#coin-slider {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 800px;
}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/* **************************************************************************************************** */

#pres_treballs {
	position: absolute;
	width: 512px;
	height: 384px;
	top: 128px;
	left: 384px;	
}



/*@media screen and (min-width: 896px) {*/
/*@media screen and (min-device-width: 800px) {*/
/*@media screen and (max-width: 800px) {*/
@media screen and (min-device-width: 896px) {
    body {
/*
	background: url(../imagenes_de_webs/MD-Journal/journal.jpg) no-repeat fixed left top #000000;
*/

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 160px top;
	background-color: #000000;
	
	-moz-transition: opacity 1s ease;  /* FF3.7+ */
	-o-transition: opacity 1s ease;  /* Opera 10.5 */
	-webkit-transition: opacity 1s ease;  /* Saf3.2+, Chrome */
	transition: opacity 1s ease;
    }
    
    #principal {
	min-width: 1184px;
	min-height: 800px;
	height: auto;
	height: 100%;
    }
    
    #barra_menu {
	display: block
    }
    
    #fondo {
	width: 1024px;
	min-height: 800px;
	height: auto;
	height: 100%;
	margin-left: 0;
    }
    
    #container {
	min-width: 1024px;
	min-height: 800px;
	height: auto;
	height: 100%; 
    }
}
/*
@media screen and (max-width:400px) { 
    body {
        font-size:0.7em; 
    }
    img { 
        width:200px; 
    }
}
*/