/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	/*border: none;*/
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 0 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var{
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	outline-color: #ffffff;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Para empezar un layout centrado: */

html {
	font: 70% Arial, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	overflow: auto;
	color: #7D7D7D;
}

body {
	text-align: center;/* Hack para que IE6 no de problemas */
	background: #FFFFFF none no-repeat;
}

form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* capas */
#contenedor{
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 33px; 				/*Desde arriba, colocar al 50% de la pantalla*/
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -372px; /*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	width: 731px;
	height: 543px;
	text-align:left;
}

/*ESTRUCTURA PRINCIPAL*/
#cabecera {width:100%; height:auto;}


#pie-pagina{width:100%; padding:25px 0 30px 0;}
#line-gray{width:100%; height:1px; background: #dddddd;}
#line-gray2{width:100%; height:1px; background: #eaeaea;}

/*cabecera*/
#cabecera #logo {height: 42px;}
#cabecera #idiomas {height: 20px; text-align: right;}
#cabecera #idiomas #castellano {width:auto; margin:0 5px 0 0; display:inline;}
#cabecera #idiomas #ingles {width:auto; display:inline;}

#cabecera #wraper-menu {height:16px;}
#cabecera #wraper-menu #menu{width:50%; float:left;}
#cabecera #wraper-menu #acceso-clientes{float:right;}

/*home*/
#home-video-texto{
	padding:15px 0 12px 0; 
	height:214px;
}
#home-video-texto #video{
	background:blue;
	float:left; 
	width:478px; 
	height:214px;
}
#home-video-texto #texto{
	float:right; 
	width:235px; 
	height:214px;
}
#home-video-texto #texto #nombreblog{
	margin-top:13px;
}
#home-flashfrases{
	height:136px
}
#home-containerfichas{
	background: #ffffff url(../imagenes/img-home-fondo-sombra.png) no-repeat top; 
	padding-top:13px;
}
#home-containerfichas #titulo{
	width:100%; 
	height:24px;
}
#home-containerfichas #fichas{
	width:100%; 
	height:100px; 
	min-height:107px; 
	padding-bottom:7px;
}
#home-containerservicios{
	padding:30px 0 0 0;
}
#home-containerservicios #fichas{
	width:100%; 
	height:92px; 
	padding-bottom:10px;
}

/*servicios*/
#servicios-containertexto{
	background: #ffffff url(../imagenes/img-home-fondo-sombra.png) no-repeat top; 
	padding-top:18px;
}

/*contacto*/
#contacto-containermapa{
	padding:27px 0 0 0; 
	min-height:270px; 
	height:270px;
}
#contacto-containerdatos{
	background: #ffffff url(../imagenes/img-home-fondo-sombra.png) no-repeat top; 
	padding-top:18px;
	min-height: 200px;
	height: 200px;
}
#formulario{
	float:right; 
	width:300px;
}

/*portfolio - trabajos*/
#portfolio-flashtrabajos{
	margin:15px 0 12px 0; 
	min-height:390px; 
	height:390px;
	background: Blue;
}
#portfolio-listaclientes{
	background: #ffffff url(../imagenes/img-home-fondo-sombra.png) no-repeat top; 
	padding-top:18px;
	height: 100px;
	min-height: 100px;
}

/*portfolio grafico*/
#portfolio-grafico-texto{
	margin:22px 0 12px 0; 
	height:111px;
	background: Blue;
}
#portfolio-grafico-propuestas{
	background: #ffffff url(../imagenes/img-home-fondo-sombra.png) no-repeat top; 
	padding-top:18px;
	height: 550px;
	min-height: 550px;
	/*background: Orange;*/
}
ul#menu-grafico{
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}
ul#menu-grafico li{
	margin:0 23px 0 0;
	padding: 0;
	display: inline;	
}
/*capas portfolio grafico*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 731px; /*Width of Carousel Viewer itself*/
	height: 427px; /*Height should enough to fit largest content's height*/
	margin-left: 0px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 731px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding: 11px;
	background: #f0f0f0;
}
#contador{
	text-align:center; 
	padding-top:42px;
}
/*capas portfolio grafico*/

/*estudio*/
#estudio-contenido{
	padding:27px 0 12px 0;
}

/*textos*/
#home-containerservicios #fichas p, #home-containerfichas #fichas p{
	text-align: justify;
}
.texto1{
	color: #828180;
	text-decoration: none;
	word-spacing: Normal;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 11pt;
}
.texto2{
	color: #9D9D9D;
	text-decoration: none;
	word-spacing: Normal;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 11pt;
}
.texto3{
	color: #fb9a61;
	line-height: 12pt;
	font-weight: bold;
}
#servicios-containertexto p{
	text-align: justify;
	width:600px;
}
#pie-pagina p{
	color: #FCFCFC;
}
/*links*/
#home-containerfichas a{
	color: #f29863;
	font-weight: bold;
}
#home-containerfichas a:hover{
	color: #f26f21;
}
#home-video-texto #texto a{
	color: #9D9D9D;
	text-decoration: none;
	word-spacing: Normal;
	letter-spacing: 0;
	text-indent: 0px;
}
#home-video-texto #texto a:hover{
	color: #f26f21;
}
.link1,.link1:visited{
	color: #9D9D9D;
	text-decoration: none;
	word-spacing: Normal;
	letter-spacing: 0;
	text-indent: 0px;
}
.link2,.link2:visited{
	color: #575757;
	text-decoration: none;
	word-spacing: Normal;
	letter-spacing: 0;
	text-indent: 0px;
}
.link2:hover{
	color: #989898;
}
.link3{
	color: #f29863;
	font-weight: bold;
}
.link3:hover{
	color: #f26f21;
}

/*listas*/
ul.home-texto{
	list-style: none; 
	margin: 0 0 0 0;
	padding: 0;
}
ul.home-texto li{
	background-image: url(../imagenes/img-list-bullet.png); 
	background-repeat: no-repeat; 
	background-position: 0 50%; 
	padding: 4px 0 4px 10px; 
	margin: 0;
	color:#7d7d7d;
}
UL.portfolio-listadoclientes{
	padding: 0px;
	float: left;
	margin: 0px;
	width: 100%;
	list-style-type: none
}

UL.portfolio-listadoclientes li{
	padding: 2px 4px 2px 0;
	margin: 6px 10px 2px 0;
	display: inline;
	float: left;
	width: 18%;
} 

/*formularios*/
#formulario input{
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario input.checkbox {
	width: 25px;
	border: none;
}
#formulario select {
	width: 210px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}
#formulario textarea {
	width: 210px;
	height: 90px;
	margin-bottom: 8px;
	overflow: auto;
	border: 1px solid #c0c0c0;
}
#formulario label {
	display: block;
	float: left;
	text-align: left;
	width: 60px;
	padding-right: 5px;
	font: normal normal bold 8pt/17pt Arial, Helvetica, sans-serif;
}
#formulario br {
	clear: left;
}
#formulario .enviar {
	margin-top: 15px;
	width: 90px;
	border: 1px solid #c0c0c0;
}

/*clases*/
.remarcar{
	color: #454545;
}
.blanco{
	color: #ffffff;
}