@charset "utf-8";


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background-image:url(../img/background_body.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;*/
}
img {
	border:none;
} 


h2 { 
	margin: 3px auto;
	font-size:24px;
	font-weight:normal;
	font-weight:bold;
	padding-left:30px;
} 

h3 { 
	margin: 10px; auto;
	font-size:17px;
	font-weight:normal;
	
} 
h4, h4 a, h4 a:visited { 
	margin: 0 auto;
	font-size:17px;
	font-weight:normal;
	color:#FFF;
} 

h5, h5 a, h5 a:visited { 
	margin: 10 auto;
	font-size:17px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	display:block;
	width:100%;
	border-bottom:#CCC solid 1px;
	
}

hr {
	color: #1A1A1A;
	margin-top:16px;
	margin-bottom:16px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
} 


.social {
	width:150px;
	height:50px;
	line-height:0px;
}
.textbox {
	width:100%;
}

#contact_main {
	height:420px;
	margin-top:56px;
	width:100%;
	background-image:url(../img/background_contact.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
} 
#flashintro {
	height:550px;
	width:100%;
	background-image:url(../img/background_flash.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
} 
#header { 
	height:161px;
	text-align:center;
	width:100%;
	border-bottom:#CCC solid 1px;
} 
#mainbanner {
	width:100%;
	height:138px;
	background-image:url(../img/h_background.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
} 

#menu {
	text-align:center;
	margin:auto;
	width:780px;
	
} 
#menu a{
	float:left;
	display:block;
	width:125px;
	height:23px;
	background-image: url(../img/m_fondo.jpg);
	background-position:top center;
	background-color:#003;
	color:#FFF;
	text-decoration:none;
} 
#menu a:hover{
	background-position:bottom center;
} 
#menu a:visited{
	color:#FFF;
} 
.nombreproyecto {
	margin-top:46px;
} 
#floatlogo { 
	position:absolute;
	top:16px;
	left:16px;
} 
#floatlogocentro {
	text-align:center;
	width:100%;
} 
#colorwrapper { 
	width:100%; 
	margin: 0 auto;
	padding:14px 0;
	background-position:bottom;
	background-repeat:repeat-x;
	/*background-image:url(../img/h_background.jpg);*/
	background-color:#0d141d;
} 
#colorfade { 
	width:100%;
	height:260px;
	margin: 0 auto;
	padding:30px 0;
	background-position:center;
	background-repeat:repeat-x;
	background-image: url(../img/back_quienessomos.jpg);
} 
#colorstrips { 
	width:100%;
	height:300px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	background-position:top;
	background-repeat:repeat-x;
	background-image: url(../img/h_background.jpg);
	border-bottom:#CCC solid 1px;
	border-top: #CCC solid 1px;
} 
.colorcontainer { 
	width: 960px;
	margin: 0 auto;
} 

#wrapper { 
	position: relative;
	width: 960px; 
	margin: 0 auto;
	padding:0;
} 
.afiche
{
	width:100%;
	text-align:center;
	font-size:10px;
} 

.afiche img
{
	height:400px;
	width:293px;
	border:#CCC solid 1px;
} 
#afichebig
{
	height:800px;
	width:100%;
	background-color:#000;
	position:absolute;
	top:166px;
	z-index:500;
	display:none;
} 

.container { 
	position: relative;
	width: 935px; 
	margin: 0 auto; 
	background-image:url(../img/sqr_back.gif);
	background-position:top center;
	background-repeat:repeat-y;
	padding:0;
} 
.smcontainer {
	width: 853px; 
	margin:auto;
	padding:0;
}


.textenglish {
	float:left;
	margin-left:20px;
	width: 42%;
	font-size:12px;
}
.textenglish2 {
	width: 55%;
	font-size:12px;
	margin:0px auto;
}

.clear {
	clear:both;
}
.windowimg {
	line-height:0;
	margin:0;
	padding:0;
}
.textspanish {
	float: right;
	width: 42%;
	font-size:12px;
	margin-right:20px;
}

#marcocontacto {
	margin:auto;
}

#galeria {
	width:610px;
	height:370px;
	background-color:#066;
	overflow:hidden;
	border:0;
}
.galeriaabajo
{
	width:100%;
	text-align:center;
}

.galeriaabajo img
{
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;
	border:#999 solid 1px;
}

.logitos
{
	height:50px;
	text-align:center;
	bottom:0;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

.logitos table
{
	margin:auto;
}

.logitos td
{
	background-color:#000;
}
.logito
{
	margin-left:10x;
	margin-right:10px;
}
.logitos img, .logitos a
{
	border:none;
}
/* --------------------staff-------------- */
.listastaff {
	width:40%;
	float:left;
	text-align:right;
	padding-right:18px;
	margin-top:10px;
	border-right:#CCC solid 1px;
	height:400px;
}
.listastaff a, .listastaff a:visited{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
.cargo {
	color: #999;
	font-style:italic;
	font-size:12px;
	border-top:#CCC solid 1px;
}

.listastaff a:hover{
	color: #999;
	font-weight:normal;
}

.stafffotos {
	width:68%;
	float:right;
	border-left:#CCC solid 1px;

}

.stafftable {
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;

}
/*---------------------staffgallery------------------*/

.thumbnail img{
margin: 0 0px 0px 0;
line-height:10px;
/*border: #FFFFFF solid 1px;*/

}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover .imgborde{
border: #ccc solid 1px;
}

.start{ /*CSS for start image*/
position: absolute;
padding: 5px;
top:10px;
left:498px;
width:450px;
z-index:2;
border:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
visibility: hidden;
color: #FFF;
text-decoration: none;
top:0;
margin-top:5px;
border:#666666 solid 1x;
text-align:justify;
orphans:inherit;
font-weight:normal;
font-size:13px;
width:450px;
z-index:100;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ 
visibility: visible;
right:0;/*left:400px; */
z-index: 50;
position:absolute;
orphans:inherit;
}

/* --------------------fin staff-------------- */
.contacttitle {
	
}
.bigbutton
{
	width:120px;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 2px;
	border-left:none;
	border-right:none;
	background-color:#FFF;
	font-weight:bold;
	color:#666;
}

.proyecttable {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	margin-top:16px;
}
.proyecttable a:, a:hover, a:visited {
	text-decoration:none;
}
.proyecttable th {
	background-image: url(../img/h_background.jpg);
	background-position:left bottom;
	background-repeat: repeat-x;
	height:30px;
	padding-top:9px;
}
.proyecttable td {
	padding:8px;
	border-bottom:#333 solid 1px;
}
#proyectframe {
	background:none;
	overflow: auto;
	width:100%;
	height:300px;
}
#serviceframe {
	background:none;
	overflow: auto;
	width:100%;
	height:320px;
}

.perfiles {
	font-size:14px;
	line-height:110%;
	text-align:justify;
	orphans:inherit;
}

.titservicios {
	font-size:17px;
	font-weight:normal;
	color:#FFF;
}

#footer { 
	padding: 0 10px 0 20px;
	background:#DDDDDD;
	bottom:0;
	width:920px;
	margin:auto;
} 
#footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}

.myButton {
} 
.myButton a { 
	display: block; 
	/*text-indent: -5000px; */	 
	background-repeat: no-repeat; 
} 
.myButton a {background-position: top} 
.myButton a:hover {background-position:center} 
.myButton a:active {background-position:botom}
.myButton a:visited {background-position:botom}

.copyright{
	font-size:11px;
	color:#CCCCCC;
	margin-top:13px;
	display:block;
}