/* CSS Document */

img, div, input { behavior: url("css/resources/iepngfix.htc") }

/* CSS Document */
body,html {
	padding:0px;
	margin:0px;	
	font-family:Arial,Helvetica,sans-serif;
	text-align: center;
}

body{
	background:url(../img/bg3_repeat.gif) top center repeat-y;
}

div#bgBox{
	background: transparent url(../img/bg3.gif) top center no-repeat;
}

div#canvas {
	width:838px;
	text-align: left;
	/* top right bottom left*/
	margin: 0px auto 0px auto;
	padding-top:10px;
	display:block;
	position:relative;
	/*border:1px solid #00f;*/
}

div#lang {
	display: inline;
	margin-left:60px;
}

h1 {
	margin: 0px 0px 2px 0px;
	background: #CCC url(../img/barraTitol.jpg) center left no-repeat;
	border-left: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F1414;	
	padding: 2px 1px 1px 8px;
	font-weight: bold;
}

h1 a img {
	vertical-align: middle;
	border:none;
}

ul, ul.recuadro {
	text-align: left;	
	margin: 0px;
	padding: 3px;
	list-style: none;
	background-color: #FFF;
	font-size:12px;
}

ul li {
	margin-left:0px;
	margin-bottom: 4px;
}

ul.recuadro li {
	background: url(../img/ulli.png) left 2px no-repeat;
	padding-left: 15px;
}

ul.recuadro ul li{
	font-size:11px;	
}

ul.recuadroNormal p{
	font-size:12px;
	margin:6px 0px 6px 0px;
	padding:0px 0px 0px 0px;
}

ul.recuadroNormal li{
	background: url(../img/ulli.png) left 2px no-repeat;
	padding-left: 15px;
	margin-bottom:15px;
}


ul.accesoDirecto{
  padding-left:0px;
  padding-top:10px;
}


ul.accesoDirecto li{
  margin-left:15px;
  font-weight:bold;
}

ul.accesoDirecto li li{
  font-weight:normal;
}

ul.accesoDirecto li li a{
  background:url(../img/link.png) no-repeat left 50%;
  padding-left:15px;
}
ul.menu {
	background-color: #FFF;
	font-size:0.7em;
	font-weight: bold;
}

ul.menu li {
	background:none;
	padding: 0px;
	margin: 2px 2px;
	line-height: 14px;
}

ul.menu li a {
	background: none;
	border-left: 4px solid #B92A27;
	padding-left: 3px;
	color: #000;
	text-decoration: none;
	display:block;
	width: 95%;
}

a.lang_link {
	color: #AAA;
	font-size: 0.85em;
}

ul.menu li a:hover {
	border-left: 4px solid #B92A27;
	padding-left: 3px;
	color: #FFF;
	text-decoration: none;
	background: #B92A27;
}

ul.submenu {
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
}

ul.submenu li {
	line-height: 70%;
	font-weight: bold;	
}

ul.submenu li a {
	color: #000;
	background: none;
	text-decoration: none;
}

ul.submenu li a:hover {
	color: #B92A27;
	text-decoration: none;
}

p {
	margin:10px 0px;
}

a {
	color:#000;
	text-decoration: none;
	
}

a:hover {
	color:#B92A27;
	text-decoration:none;
}

a.contactLink{
	display:block;
	float:left;
	height:18px;	
	margin:63px 2px 0px 2px;	
}

a#comunicaLink{
	width:55px;
}

a#trabajaLink{
	width:125px;
}

a#clientesLink{
	width:80px;
}

.floatimg {
	/*display:inline;*/
	border: none;
	float:left;
	clear:left;
}

img.floatimgRight {
	float:right;
	clear: right;
	margin-left:20px;
	margin-top:15px;

}

img.floatimgLeft {
	float:left;
	clear: left;
	margin-right:20px;
	margin-top:15px;	
}

a.linkimg {
	background: url(../img/link.png) center left no-repeat;
	padding-left: 15px;
}

.pager{
	text-align: right;
	font-size: 12px;
	padding: 2px;
	margin-bottom: 2px;
	color: #B92A27;
}

p.cabeceraListadoTrabajos {
	font-size: 10px;
	color: #888;
	font-weight: bold;
	margin-top: 0px;
/*	border-bottom: 1px solid #AAA;*/
}

p.resumenListadoTrabajos {
	margin:5px;
	width:570px;
}

p.resumenListadoImagenes {
	text-align: center;
}

p.resumenListadoImagenes img {
	display: inline;
	border: none;
	padding: 10px;
}

a.linkMoreInfo {
	font-weight:bold;
	font-size: 11px;
	text-align:right;
	width:97%;
	padding-right: 15px;
	background: url(../img/link.png) right center no-repeat;
	margin-bottom: 4px;
}

a.linkMoreInfo_new{
	font-weight:bold;
	font-size: 11px;
	text-align:right;
	width:97%;
	padding-right: 15px;
	background: url(../img/link.png) right center no-repeat;
	margin-bottom: 4px;

}

a.linkMoreInfo_noimg{
	font-weight:bold;
	font-size: 11px;
	text-align:right;
	width:97%;
	padding-right: 15px;
/*	background: url(../img/link.png) right center no-repeat;*/
	margin-bottom: 4px;

}
a.sizeFix{
  font-size:12px;
}

a.linkMoreInfoPdf{
	font-weight:bold;
	font-size: 11px;
	padding: 3px 3px 3px 35px;	
	background: url(../img/pdf_icon.gif) left center no-repeat;
	margin-bottom: 4px;
}

a.linkMoreInfoWmv{
	font-weight:bold;
	font-size: 11px;
	padding: 3px 3px 3px 20px;	
	background: url(../img/wmv_icon.gif) left center no-repeat;	
	line-height:20px;
}

a.linkCart{
	font-weight:bold;
	font-size: 11px;
	padding: 3px 3px 3px 35px;
	line-height:26px;		
	background: url(../img/cart.gif) 10px center no-repeat;
	color:#346eaa;
}

a.linkCart:hover{
	color:#5e91c6;
}

a.planetThumb{
	border:none;
}

a.planetThumb:hover{
	border:none;
}

a.planetThumb img{
border:none;
}

object {
	margin:0px;
	padding:0px;
}

div.clearer {
	clear:both;
	visibility:hidden;
	font-size:1px;
}

/************************/
/*** PORTFOLIO STYLES ***/
/************************/

.playerDiv{
	position:relative;
	width:551px;
	margin:0 auto 15px auto;
	height:1px;
	z-index:1;
	left: 0px;
	top: 0px;
	background:url('../img/menu_video_bg.gif') repeat-x left 20px;
	text-align:center;
	border:1px solid #CCC;
	display:none;
}

.videoBox{
	height:266px;
	display:none;
}

.imageBox{
	height:266px;
	width:358px;
	display:none;
	background:url('../img/img_shadow.gif') no-repeat right top;	
	margin:0 auto 0 auto;
}
.imageBox img{
	float:left;
	margin-top:0px;
	padding:0px;
	background:#F0F0F0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top:none;
	border-bottom:none;
}
.menuVideo{
	height:100%;
	width:217px;
	float:left;
	border-right: 1px solid #CCC;		
	overflow:auto;
	background:url('../img/menu_video_bg.gif')  repeat-x left top;
}
.menuVideo p{
	margin-left:10px;
}
.menuVideo A, .menuVideo A:link, .menuVideo A:visited, .menuVideo A:active {
	font-weight:bold;
	color:#000;
	margin-left:15px;
	padding: 1px 3px 1px 17px;
	background: url('../img/play_ico.gif') no-repeat 2px 2px;
}
.menuVideo A:hover {
	color: #fff;
	background: url('../img/play_ico_over.gif') no-repeat 2px 1px #B92A27;
}
.playerBox{
	width:auto;
	height:auto;
	padding:0px;	
}
.playerApp{
	width:auto;
	float:right;
	margin:auto auto 0px auto;
	}	
.botonCerrar{
	display:block;
	height:15px;
	width:48px;
	background:url('../img/boton_cerrar.gif') no-repeat left top;
	cursor:pointer;
	float:right;
}
.barraPlayer{
	background:url('../img/barra_player_bg.gif') repeat-x left top;
	height:15px;
	width:auto;
}

div.fichaProducto{
	padding:5px;
	background: url('../img/ficha_producto_bg.gif') repeat-x left top;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;		
	border-bottom: 1px solid #EEEEEE;
}

div.solicitarProducto{
	float:left;
	display:block;
	float:left;
	width:165px;
	margin-bottom:30px;

}

div.nombreProducto{
	width: 100%;
	font-weight: bold;
	color: #000;
	margin-bottom: 3px;
}

div.nombreCliente{
	font-size: 11px;
	margin-bottom: 2px;
}

div.tipoProducto{
	font-size: 10px;
	color: #888;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 1px;
}

div.verTrabajo{
	font-size: 10px;
	color: #000;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 1px;
}
.contactoBack{
	float: right;
	border: 0px;	
}

.contactoBack img, .linksExternos img{
  border:0px;
}

.linksExternos{
  float: right;
  padding:7px 13px 0px 0px;
}

div.verTrabajo a{
	background: url(../img/link.png) left 50% no-repeat;
	padding-left:15px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;	
	padding-left:15px;
	margin-left:0px;
	margin-top:15px;
	font-weight: bold;
	background: url(../img/ulli.png) center left no-repeat;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;	
	padding-top: 10px;
	font-weight: bold;	
}

table.uneteTable{
	width:610px;
}

a.uneteBut{
	margin:10px auto 10px auto;
	width:200px;
	display:block;
	background: url(../img/backBoton.gif) top center repeat-x; 
	border: 1px solid #BBB;
	color: #941818;
	font-size: 11px;
	font-weight: bold;
	padding:3px;
	text-align:center;
	}

div#ofertas button{
	margin:10px auto 10px auto;	
	background: url(../img/backBoton.gif) top center repeat-x; 
	border: 1px solid #BBB;
	color: #941818;
	font-size: 11px;
	font-weight: bold;
	padding:3px;
	}

div#ofertas button:hover{
	cursor: pointer;	
	}

div#ofertas table{
	margin:10px 10px 10px 15px;
	border-collapse:collapse;
	}

div#ofertas table tr td{
	font-size:11px;
	border-bottom:1px dashed #CCC;
	border-right:1px dashed #CCC;
	padding:5px;
	text-align:center;
}

div#ofertas h2{
	background:none;
	padding:0;
	margin:0;
	}

table.full{
	width:580px;
}

table.twoColumns td{
	width:50%;
	padding:5px;	
	vertical-align:top;
}


/* estilos para fila de promocion */
p.promoTitle{
	margin:3px 3px 1px 3px;
	padding:0;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#030303;
}

p.promoDesc{
	margin:1px 3px 2px 3px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696969;
}
/**/

table.multiLangTable p{	
	font-size:12px;
	}

.englishText{
	/*font-style:italic;*/	
	color:#7F1414;

}

span.nota{
	font-size:10px;
	text-align:center;
	color:#666666;
}


/*solicite demo*/
div.soliciteDemo p{
	margin:5px 3px 5px 3px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696969;
}

div.soliciteDemo p.soliciteTitle{
	margin:5px 3px 5px 3px;
	padding:0;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#030303;
}

/* comming soon */

p.comingSoon{
	color:#d0272d;
	font-size:13px;
	font-family:Verdana;
	font-weight:bold;
}

ul.comingSoon li{
	margin:5px 5px 5px 15px;	
}

li.inProduction{
	background:url(../img/ico_production.gif) right top no-repeat;
	padding:4px 20px 4px 5px;
}
li.inDraft{
	background:url(../img/ico_draft.gif) right top no-repeat;
	padding:4px 20px 4px 5px;
}


span.inProduction{
	background:url(../img/ico_production.gif) left top no-repeat;	
	padding:4px 4px 4px 20px;
}
span.inDraft{
	background:url(../img/ico_draft.gif) left top no-repeat;
	padding:4px 4px 4px 20px;
}

/* tab button */
.tab-button-view-demo-container{
	display:block;
	width:150px;
	height:37px;
	margin:15px auto 0px auto;	
}

.tab-button-left {
	background:transparent url(../img/button_a.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:37px;
	width:4px;
}
.tab-button-middle {
	background:transparent url(../img/button_a.png) no-repeat scroll -20px 0;
	color:#666;
	display:block;
	float:left;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:19px;
	line-height:19px;
	padding:4px 4px 10px 5px;
	text-decoration:none;
}
.tab-button-right {
	background:transparent url(../img/button_a.png) no-repeat scroll -346px 0;
	display:block;
	float:left;
	height:37px;
	width:10px;
}