@charset "UTF-8";
/* CSS Document */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
body {
	background:url(/images/fondo_header.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header {
	position:relative;
	width:900px;
	height:147px;
	margin-left:auto;
	margin-right:auto;
}
#header #logo {
	position:absolute;
	top:30px;
	left:10px;
}
#header #menu {
	position:absolute;
	right:0px;
	width:509px;
	height:100px;
}
#header .social_mediapanel {
	position:absolute;
	bottom:7px;
	right:10px;
	color:#949595;
}
#header .social_mediapanel a{
	text-decoration:none;
	color:#09F;
	}
#header #menu a {
	position:relative;
	top:50px;
	width:auto;
	height:40px;
	font-size:18px;
	padding:5px;
	padding-top:50px;
	padding-bottom:31px;
	margin-top:50px;
	color:#FFF;
	text-decoration:none;
}
#header #menu a:hover {
	background:url(/images/fondo_menu.jpg) repeat-x top;
	border:#FFF solid 1px;
	border-top:none;
	border-bottom:none;
	background-color:#395c84;
}
a {
	color:#f7941d;
	text-decoration:none;
}
strong {
	color:#f7941d;
	font-weight:bold;
}
a:hover {
	color:#f7941d;
	text-decoration:underline;
}
#principal {
	position:relative;
	width:900px;
	min-height:664px;
	height: auto !important;
	margin-left:auto;
	margin-right:auto;
}
#principal #media {
	background:url(/images/punteado.jpg) repeat-x bottom;
	position:relative;
	width:900px;
	min-height:310px;
	margin-top:30px;
	margin-bottom:30px;
}
#principal #media #textomedia {
	position:absolute;
	width:470px;
	left:420px;
	color:#a3a3a2;
}
#principal #media #textomedia p {
	line-height:20px;
}
#principal #media #textomedia h1 {
	color:#998675;
	font-size:18px;
	line-height:25px;
}
#principal #media #disenos {
	position:absolute;
	top:5px;
	left:30px;
}
#principal #cuadricula_media {
	position:relative;
	width:900px;
	min-height:332px;
}
#principal #cuadricula_media .columna {
	position:relative;
	float:left;
	width:300px;
	height:220px;
}
#principal #cuadricula_media .columna .texto {
	position:absolute;
	font-size:12px;
	color:#636363;
	top:30px;
	left:100px;
	width:200px;
	height:114px;
}
#principal #cuadricula_media .columna .texto p {
	text-align:left;
	line-height:18px;
}
#principal #cuadricula_media .columna .texto a {
	color:#636363;
	text-decoration:none;
}
#principal #cuadricula_media .columna .icon {
	position:relative;
	top:0px;
	left:30px;
}
#principal #cuadricula_media .columna h2 {
	width:100%;
	font-size:16px;
	color:#000;
}
#principal #cuadricula_media .columna p {
	text-align:justify;
}
#footer {
	background:url(/images/fondo_footer.jpg) repeat-x top #1a1b1f;
	/*position:relative;*/
	width:100%;
	min-height:206px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
}
#footer #submenu {
	position:relative;
	width:900px;
	min-height:206px;
	margin-left:auto;
	margin-right:auto;
}
#footer #submenu .columna {
	position:relative;
	float:left;
	width:300px;
	height:122px;
	color:#998675;
	font-size:12px;
}
#footer #submenu .columnamedia {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:50px;
	color:#998675;
}
#footer #submenu .columnamedia .texto {
	position:absolute;
	top:20px;
	left:100px;
	width:192px;
	height:50px;
}
#footer #submenu .columnamedia p {
	margin-bottom:5px;
}
#footer #submenu .columnamedia .texto a, #footer #submenu .columna .texto a {
	text-decoration:none;
	color:#998675;
}
#footer #submenu .columna .texto {
	position:absolute;
	top:30px;
	left:100px;
	width:192px;
	height:95px;
}
#footer #submenu .columnamedia .icon {
	position:absolute;
	left:75px;
	top:20px;
}
#footer #submenu .columna .icon {
	position:absolute;
	left:75px;
	top:20px;
}
#footer #submenu .columna h3 {
	color:#FFF;
	font-size:16px;
}
#footer #submenu .columnamedia h3 {
	color:#FFF;
	font-size:16px;
}
.separador {
	clear:both;
	padding:0px;
	margin:0px;
}
#breadcron {
	position:absolute;
	top:125px;
	left:30px;
	font-size:14px;
	color:#949595;
	width:300px;
	text-decoration:none;
}
#localizacion {
	position:absolute;
	top:125px;
	right:40px;
	font-size:14px;
	color:#949595;
	width:300px;
}
#localizacion a {
	text-decoration:none;
	color:#949595;
}
.actualpagina, .textobread2 {
	font-size:14px;
	color:#f7941d;
	text-decoration:none;
}
.textobread {
	font-size:14px;
	color:#949595;
	text-decoration:none;
}
.linkedin {
	position:absolute;
	left:371px;
	top:122px;
}
.cer_css {
	position:absolute;
	top:-20px;
	right:390px;
}
.cer_html {
	position:absolute;
	top:-20px;
	right:270px;
}
.cer_buscador {
	position:absolute;
	top:-35px;
	right:150px;
}

.cer_verisign {
	position:absolute;
	top:-75px;
	right:0px;
}

/*interiores*/
.columna_a {
	position:relative;
	float:left;
	width:661px;
	min-height:332px;
	height: auto !important;
}
.columna_b {
	position:relative;
	float:left;
	width:230px;
	min-height:332px;
}
.columna_b p {
	width:205px;
	height:40px;
	padding:10px 5px 10px 10px;
	color:#7d7d7d;
	background:url(/images/separador_lateral.jpg) no-repeat bottom;
}
.columna_b .desarrollos {
	width:210px;
	padding:10px 5px 30px 10px;
	color:#7d7d7d;
	background:url(/images/separador_lateral.jpg) no-repeat bottom;
}
.columna_b .desarrollos img {
	margin-top:20px;
}
.columna_b a {
	width:205px;
	height:40px;
	color:#7d7d7d;
	text-decoration:none;
}
.columna_a p {
	color:#7d7d7d;
	line-height:18px;
}
.columna_b p img {
	margin-right:5px;
}
.columna_b p .remarcado {
	margin-left:20px;
	color:#f7941d;
	text-decoration:none;
}
#tabla_contenido {
	position:relative;
	top:0px;
	left:0px;
	width:661px;
}
#tabla_contenido p {
	line-height:18px;
}
#tabla_contenidob {
	position:absolute;
	top:0px;
	right:0px;
}
#tabla_contenido #top {
	position:relative;
	background:url(/images/tabla_top.jpg) no-repeat;
	width:661px;
	height:41px;
}
#tabla_contenido #top h1 {
	position:absolute;
	top:15px;
	left:20px;
	/*color:#898989;*/
	color:#333;
	width:350px;
}
#tabla_contenido #tmedia {
	background:url(/images/tabla_media.jpg) repeat-y;
	position:relative;
	width:661px;
	min-height:500px;
}
#tabla_contenido #tmedia p {
	text-align:justify;
	line-height:16px;
}
#tabla_contenido #tmedia #contenido {
	position:relative;
	left:20px;
	width:600px;
	color:#7d7d7d;
	padding-top:20px;
}
#tabla_contenido #tmedia #contenido .separador_i {
	margin:20px 0 10px 0;
	width:600px;
	height:20px;
	clear:both;
}
#tabla_contenido #tmedia #contenido img {
/*margin:5px;*/
}
#tabla_contenido h2 {
	position:relative;
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	padding-top:10px;
	left:15px;
	color:#603913;
}
#tabla_contenido .celdat {
	width:100%;
	color:#7d7d7d;
	font-size:14px;
}
#tabla_contenido #bottom {
	background:url(/images/tabla_inferior.jpg) no-repeat;
	position:relative;
	width:661px;
	height:21px;
}
ul {
	list-style-image:url(/images/bullet.jpg);
	margin-left:20px;
}
li {
	line-height:18px;
}
.textoalternativo {
	color:#663300;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
}
#slides {
	position:absolute;
	top:24px;
	left:51px;
	z-index:200;
}
#slides img {
	position:absolute;
	top:0px;
	right:0px;
}
h3 {
	color:#663300;
	font-size:12px;
	line-height:18px;
}
.tablamedia {
	margin-left:auto;
	margin-right:auto;
}
.tablamedia h3 {
	text-align:center;
}
.textosimple {
	line-height:18px;
}
.portafolio a {
	width:150px;
	height:97px;
	float:left;
	display:block;
}
.limpia {
	clear:both;
}
/*============================*/

/*=== Custom Slider Styles ===*/

/*============================*/


.portafolio {
	position:relative;
	width:582px;
	height:400px;
	background:url(/images/slider/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
.nivo-controlNav {
	position:absolute;
	left:100px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}
.clientes{
	margin:0 auto;
	width:590px;
	min-height:1250px;
}

.qitem {
	width:126px;
	height:126px;	
	border:4px solid #222;	
	margin:10px 10px 10px 0;
	background: url('/images/clientes/bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}
		
		.qitem li {
			font-size:10px;	
			color:#CCC;
			list-style:none none;
			margin:0px;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

#header .desplegable {
	/* Resto de estilos...*/
    display: none;
	position:absolute;
	/*top:30px;*/
	color:#fff;
	z-index:999999;
	background:#0078ad;
	width:225px;
	text-transform:uppercase;
	border:1px solid #000;
	border-top:none;
}
#header .desplegable{
	display:none;
}
#header .desplegable a {
	display:inline-block;
	padding:10px 0 0 10px;
	margin:0px;
	width:213px;
	height:20px;
	text-align:left;
	color:#FFF;
	text-decoration:none;
}
#header .desplegable a:hover {
	background:#385b83;
}
#header .desplegable li {
	list-style:none;
	padding-bottom:none;
	border:none;
}
#header  .desplegable .ultimo_menu {
	border-bottom:none;
}