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

body
	{
		margin:0px;
		padding:0px;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-color: #2A292B;
		background-position: 50% 0%;
		background-image:url(images/experimenta.jpg);
		width: 100%;
		height: 100%;
		font-family: "Trebuchet MS", Helvetica, Arial;
		font-size:13px;
		color:#FFF;
	}
	
p
	{
		padding:0px;
		margin:0px;
	}

ul	
	{
		margin:0;
		padding:0;
	}

img 
	{ 
		border:none; 
	}


/*-----------------LayOut------------------------*/

.clear
	{
		clear:both;
		float:none;
	}
	
.header
	{
		width:100%;
		height:110px;
		top:0px;
		position:fixed;
		z-index:100;
	}
	
.header li
	{
		margin:0;
		padding0;
		display:inline;
		list-style:none;
	}
	
.header_centrador
	{
		width:950px;
		margin-left:auto;
		margin-right:auto;
	}
	
.logo
	{
		height:60px;
		width:331px;
		float:left;
		margin-top:25px;
		
	}
	
.menucont
	{
		width:500px;
		float:right;
		margin-top:38px;		
	}
	

.menucont a
	{
		text-decoration:none;
		font-size:14px;
		color:#FFF;
		font-weight:bold;
		float:left;
		margin:3px;
		padding:3px;
		display:block;
		height:17px;
	}
	
.menucont a:hover
	{
		background-image:url(images/redbkg.png);
	}
	
.container
	{
		width:950px;
		margin-left:auto;
		margin-right:auto;
		min-height:5000px;
		/*margin-top:140px;*/
		position: relative;
	}
	
.container_contact
	{
		width:950px;
		margin-left:auto;
		margin-right:auto;
		position: relative;
		margin-top:10px;
	}
	

.container_1020
	{
		height:1020px;
		padding-top:120px;
	}
	
.cont_sobre
	{
		position:0 50%;
		padding:20px;
	}
	
.titular
	{
		color:#FFF;
		font-size:22px;
		font-weight:bold;
		float:right;
		text-align:right;
		margin-right:30px;
	}
	
.cont_sobre_white
	{
		min-height:340px;
		padding:10px;
		background:url(images/blackgauss.png);
		border:10px solid #fff;
	}
	
.cont_sobre_white a
	{
		color:#FFF;
		text-decoration:none;
		border-bottom:1px dashed #fff;
	}
	
.cont_sobre_white a:hover
	{
		color:#F00;
		border-bottom:1px dashed #F00;
		font-weight:bold;
	}
	
.cont_sobre_white_text
	{
		width:480px;
		float:left;
	}
	
.cont_sobre_white_text2
	{
		width:auto;
		float:left;
		margin-top:40px;
		margin-left:40px;
		
	}
	
.cont_sobre_white_text3
	{
		width:auto;
		float:left;
	}

.cont_sobre_white_imagen
	{
		width:380px;
		float:right;
	}
	
.social
	{
		width:380px;
		float:right;
	}
	
.contact
	{
		position:fixed;
		top:120px;
		right:0px;
		height:250px;
		width:40px;
		z-index:2;
	}
	
.eutopia
	{
		position:fixed;
		bottom:20px;
		right:10px;
		height:40px;
		width:96px;
		z-index:2;
	}
	
.strongred
	{
	color: #F00;
	font-weight: bold;
	}
	
.strongred2
	{
		color:#F00;
		border-bottom:1px #F00 dashed;
	}

.proyectosthumb
	{
		width:200px;
		height:176px;
		border:#900 5px solid;
		margin-bottom:10px;
		margin-right:10px;
		float:left;
	}
	
.hometop
	{
		height:330px;
	}

.homebottom
	{
		height:250px;
	}
	


/*-------------------SHOTS------------------------------*/

.shot1
	{
		float:left;
		width:280px;
		margin:5px;
		height:240px;
	}
	
.shot1 a
	{
		padding-left:5px;
		display:block;
		border-bottom:none;
		font-size:16px;
	}
	
.shot1 a:hover
	{
		border-bottom:none;
		
	}
	
	
.shot2
	{
		float:left;
		width:280px;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:5px;
		height:240px;
	}
	
.shot2 a
	{
		border-bottom:none;
		font-size:16px;
	}
	
.shot2 a:hover
	{
		border-bottom:none;
	}
	
.shot3
	{
		float:left;
		width:290px;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:5px;
		height:240px;
	}
	
.title-home-shots
	{
		display:block;
		padding-left:30px;
		height:18px;
		background: url(images/cross.png) no-repeat;
		font-size:18px;
		margin-bottom:10px;
	}
	
.text-home-shots
	{
		display:block;
		padding:5px;
		font-size:16px;
	}
	

a.clientesshots
	{
		width:280px;
		display:block;
		height:240px;
		text-decoration:none;
		background-image:url(images/somoshome.png);
	}
	
a.clientesshots:hover
	{
		background-position:0 290px;
	}

a.servicesshots
	{
		width:280px;
		display:block;
		height:240px;
		text-decoration:none;
		background-image:url(images/servicieshome.png);
	}
	
a.servicesshots:hover
	{
		background-position:0 290px;
	}

.proyectos
	{
		width:870px;
		height:450px;
	}
	
.vlogombia_texto
	{
		float:right;
		width:550px;
	}
	
.vlogombia_texto a
	{
		text-decoration:none;
		color:#F00;
		font-weight:bold;
		border-bottom:1px #F00 dashed;
	}
	
.vlogombia_texto a:hover
	{
		color:#FC0;
		border-bottom:1px #FC0 dashed;
	}
	
.vlogombia_imagen
	{
		width:310px;
		float:left;
	}
	
.titulo_proyectos
	{
		font-size:16px;
		color:#F00;
		font-weight:bold;
	}
	
a.blog
	{
		width:290px;
		height:120px;
		display:block;
		background:url(images/blog.png);
		border-bottom:0px;
	}
	
a.blog:hover
	{
		opacity:0.6;
		border-bottom:0px;
	}

a.portafolio
	{
		width:290px;
		height:120px;
		display:block;
		border-bottom:0px;
		background:url(images/portafolio.png);
	}	
	
a.portafolio:hover
	{
		opacity:0.6;
		border-bottom:0px;
	}

	
/*------------video gallery---------------------*/

.gallery img 
	{ 
		margin:5px; 
		border:none; 
	}
	
.gallery a 
	{ 
		outline:none;
		border-bottom:none;
	}
	
.gallery a:hover
	{
		border-bottom:none;
	}

.left 
	{ 
		float:left;
	}
	

/* -------------Form --------------------*/

	label
	{
		float: left;
		width: 130px;
		font-weight: bold;
		text-align: right;
		display:block;
		margin-right:2px;
	}
	
	input, textarea
	{
		width: 180px;
		margin-bottom: 5px;
		color:#333;
		border:#999 1px dotted;
	}
	
	textarea
	{
		width: 250px;
		height: 150px;
	}
	
	.boton
	{
		clear:both;
		margin-left:130px;
		width:125px;
		height:25px;
		text-align:center;
		line-height:31px;
		color:#fff;
		font-weight:bold;	
	}
	
	.boxes
	{
	width: 1em;
	}
	
	#submitbutton
	{
		margin-left: 80px;
		margin-top: 5px;
		width: 40px;
	}
	
	br
	{
	clear: left;
	}

/* -----------End Form ---------------------*/