@import url("reset.css");
/*
0. estructura
1. nav
2. footer
3. class
4. home
5. internas
*/
/*------0. estructura------*/
*, body{
	margin:0;
	padding:0;
	}
body{
	background:#EFF4F4 url(../images/background.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}
#content{
	margin:0 auto;
	width:960px;
	}
#main{
	height:605px;
	width:960px;	
	}
#main-int{
	background:#FFF;
	border:2px solid #E1731D;
	margin:0 auto;
	width:920px;
	margin-left:19px;
	position:absolute;
	padding-bottom:25px;
	}
#top{height:65px;}
#idiomas{
	color:#CCC;
	float:right;
	font:11px Arial, Helvetica, sans-serif;
	margin:15px 25px;
	}
#idiomas a{
	color:#CCC;
	text-decoration:none;
	}
#idiomas a:hover{
	text-decoration:underline;
	}
#buscador{
	float:right;
	margin:2px;
	height:22px;
	width:185px;
	background:url(../images/back-buscador.png) no-repeat left;
	}
#buscador input{
	border:0;
	background:none;
	width:100px;
	color:#666;
	padding-left:5px;
	font-size:11px;
	vertical-align:middle;
	height:22px;
	}
#buscador .btn-buscar{
	background:url(../images/btn-buscar.png) no-repeat;
	height:30px;
	width:40px;
	margin:1px 0;
	cursor:pointer;
	text-indent:-9999px;
	padding-top:30px;
	}
#normas{ width:10px;}
/*------1. nav------*/
#nav{	
	height:43px;
	margin-top:0;	
	width:960px;
	background:url(../images/etiqueta-left.png) no-repeat left bottom;
	font:700 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:3;
	}
#nav #nav-int{
	background:#E1731D;	
	height:25px;
	padding-left:20px;
	}
#nav .sombra{
	background:url(../images/sombra-nav.png) repeat-x left;
	height:2px;
	margin-top:-18px;
	}
#nav .etiqueta-right{
	background:url(../images/etiqueta-right.png) no-repeat right bottom;
	height:18px;
	}
ul.menu {
	list-style:none; 
	margin:0; 
	padding:0;
	}
ul.menu * {margin:0; padding:0}
ul.menu a {
	display:block; 
	text-decoration:none;
	color:#FFF;
	}
ul.menu li {
	position:relative; 
	float:left; 
	}
ul.menu ul {
	position:absolute; 
	top:25px; 
	left:0; 
	background:#091541; 
	display:none; 
	list-style:none;
	}
ul.menu ul li {
	position:relative; 
	border:1px solid #ccc; 
	border-top:none;
	width:130px; 
	margin:0;
	}
ul.menu ul li a {
	display:block; 
	padding:5px 7px; 
	background-color:#fff;
	font-size:12px;
	font-weight:400;
	color:#333;
	}
ul.menu ul li a:hover {background-color:#ebebeb}
ul.menu li a:hover{background-color:#B5520F;}
ul.menu li a.activo{background:url(../images/menu-activo.gif) no-repeat bottom;  height:23px; }
ul.menu .menulink {padding:5px 10px;}

/*------2. footer------*/
#footer{
	bottom:0;
	height:20px;
	font-size:11px;
	margin:0 15px;
	width:890px;
	position:absolute;
	padding-bottom:4px;
	}
#footer .copy{font-size:10px; color:#666; font-style:italic; line-height:2.8em;}
#footer .ico-rss{vertical-align:bottom; margin:2px 4px;}

/*------3. class------*/
a{
	text-decoration:none;
	color:#E3741C
	}
.left{float:left}
.right{float:right}
.middle{vertical-align:middle}
.bottom{vertical-align:sub}
hr{height:1px; border:0; background:#999; margin:5px 0;}
*+HTML hr{margin:0}
p{font-size:12px; line-height:1.5em; color:#333}
h1{
	color:#091541;
	font-weight:700;
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h2{
	color:#E1731D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.clear{clear:both}
.capitalize{text-transform:uppercase}
.noborder{border:0;}

/*------4. home------*/
.container { width:690px; height:200px; overflow:hidden; position:relative; float:left}
div.slides { position:absolute; top:0; left:0;}
div.slides div,ul.slides li { 
position:absolute; 
top:0; width:690px; 
display:none;
}
#slider{
	width:900px;
	height:200px;
	margin:35px auto 0;
	}	
ul.descr { 
	width:194px;
	background:#11183E;
	height:189px;
	float:right;
	padding:10px 6px 2px;
	color:#FFF;
}
ul.descr li {float:left; font-size:12px; line-height:1.4em; border-bottom:1px solid #fff; padding:3px 0;}
ul.descr li.ultimo{border-bottom:0;}
ul.descr li a {color:#999;}
ul.descr li.active a {color:#FFF}
ul.descr h1{
	color:#FFF;
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	}

ul.descr hr{ height:1px; border:0; background:#999;margin:2px; padding:0;}
ul.descr span{
	color:#E1731D;
	font-size:14px;
	margin:0 10px 0 0;
	font-weight:700;
	float:left;
	}
#tres-columnas{
	width:908px;
	height:240px;
	margin:8px auto;
	float:left
	}
#tres-columnas h1{
	background:url(../images/back-h1.gif) no-repeat right;
	height:20px;
	line-height:1.2em;
	}
#tres-columnas h2{margin:8px 0 3px;}
#tres-columnas .btn-mas a{
	background:url(../images/btn-mas.png) no-repeat;
	height:25px;
	width:48px;
	float:right;
	margin-top:-20px;
	margin-right:-8px;
	text-indent:-9999px;
	}
#tres-columnas .btn-more a{
	background:url(../images/btn-more.png) no-repeat;
	height:25px;
	width:48px;
	float:right;
	margin-top:-20px;
	margin-right:-8px;
	text-indent:-9999px;
	}
#tres-columnas .productos{
	width:286px;
	height:245px;
	float:left;
	padding:0 10px;
	}
#tres-columnas .productos .minia-home{
	width:90px;
	height:90px;
	border:2px solid #a0a2b1;
	float:left;
	margin:5px 5px 5px 0;
	}
#tres-columnas .noticias{
	width:275px;
	height:245px;
	float:left;
	padding:0 10px;
	}
#tres-columnas .noticias .fondo{
	background:#fafafb;
	padding:0 5px;
	}
#tres-columnas .utility{
	width:298px;
	height:245px;
	float:right;
	}
#tres-columnas .banner{ 
	border:2px solid #999; 
	margin:0; padding:0; 
	width:298px;
	height:190px;
	}
#tres-columnas .newsletter {
	background:url(../images/label-newsletter.png) no-repeat;
	height:40px;
	width:270px;
	margin-right:-20px;
	margin-top:8px;
	padding:6px 30px;
	padding-top:3px;
	}
#tres-columnas .newsletter a{color:#FFF;}
#tags{
	width:930px;
	height:40px;
	margin:0 -15px 7px;
	}
#tags .int{
	width:905px;
	height:40px;
	margin:0 15px;
	border:2px solid #cfd1d8; 
	background:#ECEDED;
	}
#tags h1{
	background:url(../images/label.png) no-repeat;
	height:40px;
	width:150px;
	margin-left:-20px;
	margin-top:2px;
	padding:6px 30px;
	color:#FFF;
	}
#tags .int p{
	width:770px;
	position:absolute;
	margin-top:-53px;
	margin-left:100px;
	}
.int p a{color:#666}
/*------5. internas------*/
#contenido-int{
	width:900px;
	min-height:494px;
	margin:45px auto 0;
	margin-left:0;
	}
#contenido-unico{
	width:850px;
	min-height:494px;
	margin:45px auto 0;
	}
#contenido-unico2{
	width:850px;
	min-height:850px;
	margin:45px auto 0;
	}
#contenido-int.tecno{background:url(../images/back-tecno.gif) no-repeat left 120px; margin-left:0;}
#contenido-int.subtecno{background:url(../images/back-tecno.gif) no-repeat left 250px; margin-left:0;}
#migas{
	height:10px;
	font-size:11px;
	text-align:right;
	margin-right:20px;
	*margin-bottom:5px;
	}

ul#menuint, ul#menuint ul {
  list-style-type:none;
  padding:0;
	float:left;
	width:185px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
ul#menuint{
		margin:8px;
	}
ul#menuint a {
  display: block;
  text-decoration: none;	
	}
ul#menuint li {margin-top: 0px;}
ul#menuint li a {
	border-bottom:1px  #ccc dotted;
	padding-left:50px;
  color: #333;	
  padding: 0.5em;
	padding-left:30px;
	border-left:5px solid #e5e5e5;
	background:url(../images/bg2.jpg) repeat 0 0;
	}
ul#menuint li a:hover,ul#menuint li a.activo{background:#fff; border-left:5px solid #999}
ul#menuint li a.activo{background:#fff; border-left:5px solid #999}

#textoint{
	float:right;
	width:650px;
	margin:20px;
	}
#textonews{
	float:left;
	width:600px;
	margin:20px;
	text-align:justify
	}
#textobuscar{
	float:left;
	width:850px;
	margin:15px;
	text-align:justify	
	}
#textoint h1{ 
	background:url(../images/back-h1int.gif) no-repeat right;
	height:29px;
	line-height:30px;
	margin-bottom:15px;
	}
#textoint h2{
	color:#333;
	font-size:13px;
	margin-bottom:8px;
	line-height:1.5em;
	font-weight:700
	}
#textoint ul, #enlaces ul{margin:10px 0;}
#textoint li, #enlaces li{
	margin-left:20px;
	font-size:12px;
	line-height:1.5em;
	color:#333;
	background:url(../images/flecia-lista.gif) no-repeat left 5px;
	padding-left:15px;
}
#enlaces li{
	margin-left:0px;
	font-size:12px;
	line-height:1.5em;
	color:#333;
	background:url(../images/flecia-lista.gif) no-repeat left 5px;
	padding-left:15px;
}
#enlaces li a{
	color:#333
}
#textoint tr{height:30px;}
#textoint td img{width:120px; height:50px;border:1px solid #ccc; margin:13px;}
#textoint img, #textonews img, #main-trabajos img{ border:2px solid #999; margin:10px;}
#textonews img{float:left;  margin:0 10px 10px;}
#textonews img.big{width:580px; margin:10px 0;}
#textonews .subtitulo{ color:#091541; font-size:12px; margin-top:10px; font-weight:700}
#textonews .fecha{font-size:11px; line-height:2em;}
#textonews .bar, #textbuscar .bar{ 
	background:#fafafb; 
	padding:5px;
	height:17px;
	font-size:12px;
	margin:10px 0;
	border-bottom:2px solid #ccc;
	}
#textbuscar{ 
	margin:20px;
	}
#textonews .bar img{width:16px; height:16px; border:none;}
#textonews li{font-size:12px; }
#textonews ul{ margin-bottom:20px;}
#textonews li a{ background:url(../images/flecia-lista.gif) no-repeat left; padding-left:20px; line-height:1.5em;}
#pag{font-size:12px;padding-bottom:2em;margin:2em 0 1em 0;text-align:center}
#pag a{cursor:pointer;color:#E3741C;text-decoration:none;display:inline-block; border:1px solid #E3741C;padding:.3em .5em .3em .5em;margin:.15em .1em;text-align:center}
#pag a.pP,#pag a.nP{border-color:#E3741C;padding-right:.5em}
#pag a.pP{margin-right:1.2em}
#pag a.nP{margin-left:1.2em;}
#pag a:hover,#pag a.sel{background-color:#ccc;border:1px solid #E3741C}
#pag a.sel{color:#444;font-weight:bold}
#textoint blockquote{
	background:#f3f3f5;
	font-size:12px;
	color:#333;
	line-height:1.5em;
	padding:10px;
	border:1px solid #e7e7eb
	}
#textoint blockquote a.enlace{
	background: url(../images/flecia-lista.gif) no-repeat left center;
	padding:20px;}
#textoint blockquote h1{
	background:none; line-height:1.2em; color:#666; font-size:15px; margin:0}
#col-dx{
	float:right;
	width:240px;
	height:300px;
	margin-top:20px;
	}
#col-dx #rss{
	height:71px;
	background:url(../images/btn-rss.jpg) no-repeat center;
	text-align:center;
	}
#col-dx #rss-eng{
	height:71px;
	background:url(../images/btn-rss-en.jpg) no-repeat center;
	text-align:center;
	}
#col-dx #rss a, #col-dx #rss-eng a{
	height:71px;
	display:block;
	text-indent:-9999px;
	}
#col-dx .utility{
	margin:10px;
	background:#fafafb;
	padding:10px;
	border-bottom:2px solid #ccc;
	}
#col-dx li{
	margin:10px;
	font-size:13px;
	}
#col-dx li a{
	color:#091541; 
	background:url(../images/flecia-menuint.png) no-repeat left;
	padding-left:30px;
	}
#col-dx .tags, #col-dx .tags a{
	font-size:13px;
	color:#091541;
	line-height:1.6em;
	}
.ficha a{
	width:250px;
	margin-top:40px;
	margin-left:10px;
	height:150px;
	float:left;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
	}
.ficha2 a{
	margin-top:15px;
	}
.ficha img, .ficha-exito img, .ficha-exito-eng img{ border:2px solid #999; margin:0 10px 0 0;}
.ficha a:hover{
	background:#f3f3f5;
	border:1px solid #ccc;
	width:250px;
	}
#FrogJS{
	width: 655px;
	height: 340px;
	margin: 0 auto;
	}
#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
	}
#main-trabajos {
	padding:60px 20px 20px 20px;
	margin-top:10px;
	border:1px solid #e7e7eb;
	background:#f3f3f5;
	margin-bottom:20px;
}
.peque{
	width:600px;
	}
#enlaces{
	width:160px;
	border:1px solid #e7e7eb;
	background:#f3f3f5;
	padding:10px;
	margin-right:40px;
	position:absolute;
	top:65px;
	right:0;
}
/*scroll menu productos*/
#main-scroll {
	position:relative;
	overflow:hidden;
	height:450px;
	margin-top:10px;
	border:1px solid #e7e7eb;
	background:#f3f3f5;
}
#main-scroll2 {
	position:relative;
	overflow:hidden;
	height:550px;
	margin-top:10px;
	border:1px solid #e7e7eb;
	margin-bottom:20px;
	background:#f3f3f5;
}
#pages {
	position:absolute;
	height:20000em;
}
.page {
	height: 450px;
	width:770px;
	padding-left:240px;
	padding-top:40px;
}
.scrollable {
	position:relative;
	overflow:hidden;
	width: 590px;
	height: 450px;
}
.item {
	float:left;
	width:580px;
	height:400px;
	padding:10px;
	margin-top:40px;
}
#main_navi {
	float:left;
	margin-top:60px;
	margin-left:10px;
	position:absolute;
	z-index:2;
}
#main_navi li {
	background-color:#ebebeb;
	clear:both;
	color:#11183E;
	font-size:12px;
	height:75px;
	padding:10px;
	width:190px;
	cursor:pointer;
	line-height:1.2em;	
	border:1px solid #ccc;
}
#main_navi li:hover {background-color:#ccc;}
#main_navi li.active {background-color:#f3f3f5; border:1px solid #f3f3f5;}
#main_navi img {
	float:left;
	margin-right:10px;
	border:2px solid #999;
	width:75px; height:75px;
}
#main_navi strong {display:block;}
#main-scroll div.navi {margin-left:250px;}
#productos, #entrada-pro{
	height:40px;
	margin-top:15px;
	z-index:2;
	margin-left:3px;
	position:absolute;
	}
#productos h1,  #entrada-pro h1{
	background:url(../images/label-int.png) no-repeat;
	height:40px;
	width:178px;
	margin-left:-20px;
	margin-top:2px;
	*margin-top:-10px;
	padding:6px 30px;
	color:#FFF;
	}
.ficha-exito, .ficha-exito-eng{
	width:390px;
	margin-top:60px;
	margin-left:10px;
	height:315px;
	float:left;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
	}
.ficha-proyectos, .ficha-proyectos-eng{
	width:180px;
	margin-top:40px;
	margin-left:10px;
	height:155px;
	float:left;
	padding:8px;
	border:1px solid #CCC;
	background:#FFF;
	}
.custom-tip {
	z-index: 13000; width: 130px; color: #fff; line-height:1.0em;
}
.custom-title {display:none}
.custom-text {
	padding:8px; font: 12px Tahoma, Geneva, sans-serif; background: #333; border:1px dotted #CCC
}

#main-trabajos .video{margin-left:60px; margin-top:20px;}
.ficha-proyectos2{
	margin-top:10px;
	}
.ficha-proyectos img, .ficha-proyectos-eng img{
	width:175px;
	height:125px;
	margin-bottom:4px;
	background:#CCC;
	border:2px solid #999;
	}
.ficha-exito img, .ficha-exito-eng img{margin-bottom:5px;}
.ficha-exito a{
	float:right; 
	margin-left:10px;
	margin-top:0px; 
	background:url(../images/btn-detalles.jpg) no-repeat; 
	width:100px; 
	height:22px;
	text-indent:-9999px;
	}
.ficha-exito-eng a{
	float:right; 
	margin-left:10px;
	margin-top:0px; 
	background:url(../images/btn-details.jpg) no-repeat; 
	width:100px; 
	height:22px;
	text-indent:-9999px;
	}
.ficha-exito a:hover{
	background:url(../images/btn-detalles-roll.jpg) no-repeat; 
	}
.ficha-exito-eng a:hover{
	background:url(../images/btn-details-roll.jpg) no-repeat; 
	}
.ficha-proyectos a.btn{
	float:right; 
	margin-right:40px;
	background:url(../images/btn-detalles.jpg) no-repeat; 
	width:100px; 
	height:22px;
	text-indent:-9999px;
	}
.ficha-proyectos-eng a.btn{
	float:right; 
	margin-right:40px;
	background:url(../images/btn-details.jpg) no-repeat; 
	width:100px; 
	height:22px;
	text-indent:-9999px;
	}
.ficha-proyectos a.btn:hover{
	background:url(../images/btn-detalles-roll.jpg) no-repeat; 
	}
.ficha-proyectos-btn a.btn:hover{
	background:url(../images/btn-details-roll.jpg) no-repeat; 
	}
iframe{border:3px solid #ced0d9;}
.btn a{
	float:right; 
	margin-top:30px;
	margin-right:35px; 
	background:url(../images/ir-web.png) no-repeat;
	width:125px; 
	height:28px;
	text-indent:-9999px;
	}
.btn a:hover{background:url(../images/ir-web-roll.png) no-repeat}
#contacto{margin-left:20px; margin-top:50px; position:absolute; width:300px;}
.contacto{margin-top:20px;}
.contacto label{ font:12px Arial, Helvetica, sans-serif; #margin:-8px 0;}
.contacto input{ width:200px; height:20px; border:1px solid #666; margin:2px 0; #margin:-8px 0;}
.contacto textarea{ width:300px; height:120px; border:1px solid #666}
.contacto .btn-contacto{float:right; width:80px; margin-top:10px; cursor:pointer}
.contacto .peque{ font-size:12px; margin-bottom:4px;}