/*------------------------------------------
Version 1.0
Author: en la nevera
Website: http://enlanevera.com/
------------------------------------------*/


/********************************************
Normalizar estilos XHTML de diferentes navegadores
--------------------------------------------*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,div,body,html,p,blockquote,fieldset,input { /*Evitar la asignaci�n inconsistente de m�rgenes y rellenos a diferentes elementos HTML*/
	margin:0;
	padding:0; 
	}
ul,ol {/* Eliminamos las vi�etas de las listas */
	list-style:none 
	}
h1,h2,h3,h4,h5,h6,pre,code {/* Evitar el tama�o inconsistente de los diferentes encabezados y tambi�n etiquetas <pre> y <code> */
	font-size:1em; 
	}
a img,:link img,:visited img {/* Evitar el borde azul en im�genes que son links */
	border:none 
	}

/********************************************
Personalizar etiquetas
--------------------------------------------*/
body {
	margin:0;
	padding:0;
	background-image:url(../images/web/bg.gif);
	background-repeat:repeat;
	background-color:#f6f6f6;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	}
	
.clear {clear:both;margin:0;padding:0;border:0;font-size:1%;line-height:0.01em;}
.t_greysoft { color: #fcfcfc; background-color:#fcfcfc;}
.t_white { color: #fff; background-color:#fff;}



/********************************************
Contenedor
--------------------------------------------*/
.wrapper { /* Contenedor Generico */
	 margin:10px auto;
	 width:904px;
	 text-align:left;
	}
	
	
	
/********************************************
Header // Cabecera
--------------------------------------------*/
#header { /* Cabecera / Logo y menu de navegacion */
	width:100%;
	height:169px;
	margin:0;
	padding:0;
	background-image:url(../images/web/bg_header.png);
	background-repeat:no-repeat;
	clear:both;
	}
	#header h1 { /* Logo en el nevera */
		float:left;
		background-image:url(../images/web/logo_en_la_nevera.png);
		background-repeat:no-repeat;
		margin-left:20px;
		/*margin-right: -100px;*/
		width:294px;
		height:148px;
		}
		#header h1 span {
			display:none;
			}
	.nav { /* Menu superior de navegacion */
		font-size:0.7em;
		padding:114px 35px 0 0;
		margin:0;
		float:right;
		/**/
		height:18px;
		}
		.nav span.t_white { display: none;}
		.nav a {margin:0 4px;float:left;background-repeat:no-repeat;background-position:top;}
		.nav a span {display:none}
		a.nav_home { /* item home */
			background-image:url(../images/web/nav_off_home.gif);
			width:52px;
			height:20px;
			margin-top:7px;
			}
			a.nav_home:hover {
				background-image:url(../images/web/nav_over_home.gif);
				}
			a.nav_home_current {
				background-image:url(../images/web/nav_on_home.gif);
				width:52px;
				height:27px
				}
		a.nav_portfolio { /* item portfolio */
			background-image:url(../images/web/nav_off_portfolio.gif);
			width:77px;
			height:20px;
			margin-top:7px;
			}
			a.nav_portfolio:hover {
				background-image:url(../images/web/nav_over_portfolio.gif);
				}
			a.nav_portfolio_current {
				background-image:url(../images/web/nav_on_portfolio.gif);
				width:77px;
				height:27px
				}
		a.nav_nevera { /* item que es en la nevera */
			background-image:url(../images/web/nav_off_nevera.gif);
			width:160px;
			height:20px;
			margin-top:7px;
			}
			a.nav_nevera:hover {
				background-image:url(../images/web/nav_over_nevera.gif);
				}
			a.nav_nevera_current {
				background-image:url(../images/web/nav_on_nevera.gif);
				width:160px;
				height:27px
				}
		a.nav_servicios { /* item servicios */
			background-image:url(../images/web/nav_off_servicios.gif);;
			width:73px;
			height:20px;
			margin-top:7px;
			}
			a.nav_servicios:hover {
				background-image:url(../images/web/nav_over_servicios.gif);
				}
			a.nav_servicios_current {
				background-image:url(../images/web/nav_on_servicios.gif);
				width:73px;
				height:27px
				}
		a.nav_clientes { /* item clientes */
			background-image:url(../images/web/nav_off_clientes.gif);
			width:67px;
			height:20px;
			margin-top:7px;
			}
			a.nav_clientes:hover {
				background-image:url(../images/web/nav_over_clientes.gif);
				}
			a.nav_clientes_current {
				background-image:url(../images/web/nav_on_clientes.gif);
				width:67px;
				height:27px
				}
		a.nav_contacto { /* item contacto */
			background-image:url(../images/web/nav_off_contacto.gif);
			width:76px;
			height:20px;
			margin-top:7px;
			}
			a.nav_contacto:hover {
				background-image:url(../images/web/nav_over_contacto.gif);
				}
			a.nav_contacto_current {
				background-image:url(../images/web/nav_on_contacto.gif);
				width:76px;
				height:27px
				}
	
	
	
/********************************************
Content // Contenido
--------------------------------------------*/
#content { /*Contenido / Todo los contenidos */
	width:863px;
	padding:25px 20px 10px 20px;
	background-image:url(../images/web/bg_content.png);
	background-repeat:repeat-y;
	}
	
	
	.colleft { /* Columna izquierda */
		float:left;
		width:550px;
		padding-right:9px;
		background-image:url(../images/web/linea_punteada_vertical.gif);
		background-repeat:repeat-y;
		background-position:right;		
		}
		
		/**/
		.info_home { /* Informacion en la nevera home */
			margin:0 0 20px 0;
			padding:0;
			}
			.info_home h2 {
				background-image:url(../images/web/titulo_fresco_directo.gif);
				background-repeat:no-repeat;
				width:548px;
				height:72px;
				margin:0;
				clear:both;
				}
				.info_home h2 span {display:none}
			.info_home img.cub {
				float:left;
				}
			.info_home p {
				font-size:0.9em;
				float:left;
				width:310px;
				margin:10px 0 0 10px;
				}
			.info_home a {
				color:#666;
				}
		
		/**/
		.last_work_home { /* Ultimos trabajos home */
			margin:0px;
			padding:0;
			}
			.last_work_home h2 {
				background-image: url(../images/web/titulo_ultimos_trabajos.gif);
				background-repeat:no-repeat;
				width:352px;
				height:36px;
				margin-bottom:10px;
				}
				.last_work_home h2 span {display:none}
				
			.work_home {
				float:left; 
				margin-right:16px; 
				width:172px;
				}
			.work_home_2 {
				float:left;  
				width:172px;
				}
				.work_home p.tit, .work_home_2 p.tit {
					font-size:0.9em;
					font-weight:bold;
					margin-top:10px;
					margin-left:8px;
					}
				.work_home p.text, .work_home_2 p.text {
					font-size:0.8em;
					margin-left:8px;
					}
					.work_home p.text a.link, .work_home_2 p.text a.link {
						color:#666;
						font-size:0.9em;
						text-decoration:none;
						}
				.work_home p.date, .work_home_2 p.date {
					font-size:0.7em;
					color:#e20a16;
					margin-left:8px;
					}
				
					
			/**/
			.info_nevera { /* Informacion en la nevera */
				margin:0 0 30px 0;
				padding:0;
				}
				.info_nevera h2 {
					background-image: url(../images/web/titulo_nosotros.gif);
					background-repeat:no-repeat;
					width:537px;
					height:57px;
					}
					.info_nevera h2 span {display:none}
				.info_nevera p {
					font-size:0.9em;
					margin:20px 0 0 0px;
					}
					.info_nevera p a { font-size:1em; color:#000;}
					
		
		.title_trabajos{
		    padding:5px;
		    margin:0 0 10px 0;
            height: 25px;
		}
				
		/**/
		.paginator { /* Paginador */ 
			margin:0 0 10px 0;
			height: 25px;
					
		}
			.pag_prev, .pag_next, .pag_next2 a { /* Botones paginador */
				text-align:center;
				font-size:0.7em;
				}
				.pag_prev a, .pag_next a, .pag_next2 a {
					background-repeat:no-repeat;
					color:#666;
					text-transform:uppercase;
					text-decoration:none;					
					}
					
			.pag_prev {float:left;margin-top:3px;}
				.pag_prev a {
				    background-image:url(../images/web/anterior_rojo.gif); 
				    padding:2px 5px 2px 16px;
				    background-repeat: no-repeat;
				}
				.pag_prev a:hover {
				    background-image:url(../images/web/anterior.gif);
				    background-repeat: no-repeat;
				}
			
			.pag_prevb {float:left;margin-top:3px;}
                .pag_prevb a {
                    background-image:url(../images/web/pag_anterior_rojo.gif); 
                    padding:2px 11px 2px 5px;
                    background-repeat: no-repeat;
                }
                .pag_prevb a:hover {
                    background-image:url(../images/web/pag_anterior.gif);
                    background-repeat: no-repeat;
                }
					
			.pag_next {float:right;margin-top:3px;}
				.pag_next a {
				    background-image:url(../images/web/siguiente_rojo.gif);
				    padding:2px 10px 2px 5px;
				    background-repeat: no-repeat;
				}
				.pag_next a:hover {
				    background-image:url(../images/web/siguiente.gif);
				    background-repeat: no-repeat;
				}
			
			.pag_nextb {float:right;margin-top:3px;}
                .pag_nextb a {
                    background-image:url(../images/web/pag_siguiente_rojo.gif);
                    padding:2px 10px 2px 10px;
                    background-repeat: no-repeat;
                }
                .pag_nextb a:hover {
                    background-image:url(../images/web/pag_siguiente.gif);
                    background-repeat: no-repeat;
                }
					
			.pag_next2 {float:left;width:450px; height: 25px; text-align:center;}
				.pag_next2 a {padding:5px 7px 5px 7px;}
				.pag_next2 a:hover{background-color: #ccc7c3}
				.pag_next2 a.pagina_selected {background-color:#fe0005; color:#FFF}
			.tit_category { /* Titulo categoria */
				text-align:center;
				color:#666;
				}
				
				
				
		/**/ 
		.top_b { /* Ancla subir */
			text-align:right;
			font-size:0.7em;
			width:100%;
			margin:50px 0 0 0;
			font-weight:700;
			}
			.top_b a {
				color:#666;
				text-decoration:none;
				}
			
			
		/**/
		.tit_portfolio { /* Titulos del portfolio / home */
			font-size:0.7em;
			text-transform:uppercase;
			}
			.tit_portfolio span {
				background-color:#cec8c3;
				padding:2px 5px;
				font-weight:700;
				color:#fff;
				}
				.tit_portfolio span a {
					color:#fff;
					text-decoration:none;
					}
				.tit_portfolio span.info_p {
					background-color:#fff;
					color:#666;
					margin:0 0 0 10px;
					text-transform: none;
					font-weight:normal;
					}
			.tit_portfolio img {
				margin:2px 0 0 5px;
				}
		.pre_work {
				float:left; 
				margin:5px 0 25px 13px; 
				width:168px;
				}
				.pre_work img {
					border:1px solid #cec8c3;
					}
				.pre_work p.tit {
					font-size:0.9em;
					font-weight:bold;
					margin-top:5px;
					}
				.pre_work p.date {
					font-size:0.7em;
					color:#e20a16;
					}		
		
		
		
		
		/**/	
		.view_portfolio { /* Muestra de cada uno de los proyectos / portfolio */
			margin:0 0 20px 0;
			padding:0;
			}
			.view_portfolio p.title_p {
				color:#666;
				font-weight:bold;
				font-size:1.1em;
				text-transform:uppercase;
				margin-bottom:3px;
				text-align:left;
				}
			.view_portfolio p.date_p {
				color:#e20a16;
				font-size:0.75em;
				text-align:left;
				}
			.view_portfolio img.img_prin {
				border:1px solid #cec8c3;
				}
			.view_portfolio p.txt_p {
				font-size:0.8em;
				}
				.view_portfolio p.txt_p a {color:#666;}
				
			.view_portfolio img.img_sec {
				border:1px solid #cec8c3;
				margin:15px 19px 15px 0;
				float:left;
				}
				.view_portfolio img.img_sec2 {
					border:1px solid #cec8c3;
					margin:15px 0px;
					float:left;
					}
				.view_portfolio .divImageTrabajo{
					margin:15px 17px 15px 0;
					float: left;
					}
					.view_portfolio .divImageTrabajo img {
						border:1px solid #cec8c3;
						padding:1px;
						}
				.view_portfolio .bloqueDivImageTrabajo{
					clear: both;
					height:145px;
					}
				.view_portfolio .divPaginador{
					clear: both;
					color: #000;
					text-align: center;
					/*font-size: 11px;*/
					font-size: 0.7em;
					}
				.view_portfolio .divPaginador .bloqueNoSelected{
					color: #666;
					text-decoration: none;
					}
				.view_portfolio .divPaginador .bloqueSelected{
					color: red;
					text-decoration: none;
					}
			.view_portfolio p.tags_p {
				background-color:#f6f6f6;
				/*border-top:1px solid #cbcbcb;*/
				font-size:0.7em;
				text-align:left;
				padding:10px;
				/*min-height:80px;*/
				color:#666;
				line-height:1.5em;
				}
				.view_portfolio p.tags_p a {color:#666;}
				.view_portfolio p.tags_p span {color:#e20a16;text-transform:uppercase; font-size:0.8em; font-weight:700;}
				
				
			/**/
			#imagen_grande {
				margin:15px 0 0 0;
				text-align:center;
				}
							
				
				
	.colright { /* Columna derecha */
		float:right;
		width:294px;
		margin-left:10px;
		}
		/**/
		.contact_home { /* Contacto home */
			margin:0 0 20px 0;
			width:294px;
			height:168px;
			clear:both;
			}
			a.contact_h {
				background-image: url(../images/web/posit_postal.jpg);
				background-repeat:no-repeat;
				background-position:top;
				display:block;
				width:294px;
				height:168px;
				}
				a.contact_h:hover {
					background-image:url(../images/web/contacta_rollover.jpg);
					}
					a.contact_h span { display:none;}
			
		/**/	
		.multi_home { /* Multimedia home */
			margin:20px 0 0 0;
			padding:0;
			}
			.multi_home h2 {
				background-image: url(../images/web/titulo_multimedia.gif);
				background-repeat:no-repeat;
				width:161px;
				height:39px;
				margin-bottom:8px;
				}
				.multi_home h2 span {display:none}
			
			.bannerClass{
				height:275px;
				width:294px;
				}
				
		/**/
		.visit_portfolio { /* imagen Visita nuestro portfolio */
			margin:20px 0;
			padding:0;
			}
			.visit_portfolio a {
				width:285px;
				height:134px;
				background-image:url(../images/web/iman_nosotros.gif);
				background-repeat:no-repeat;
				background-position:top;
				display:block;
				}
				.visit_portfolio a span { display:none;}
				
		/**/
		.visit_portfolio_2 { /* imagen Visita nuestro portfolio */
			margin:-80px 0 0 500px;
			}
			.visit_portfolio_2 a {
				width:285px;
				height:134px;
				background-image:url(../images/web/iman_nosotros.gif);
				background-repeat:no-repeat;
				background-position:top;
				display:block;
				}
				.visit_portfolio_2 a span { display:none;}
				
				
		/**/
		.port_cate { /* Portfolio categorias */
			margin-bottom:20px;
			padding:0px;
			}
			.port_cate h2 {
				background-image: url(../images/web/titulo_categorias.gif);
				background-repeat:no-repeat;
				width:112px;
				height:27px;
				}
				.port_cate h2 span {display:none}
				
			.port_cate ul {
				font-size:0.9em;
				margin-top:20px;
				}
				.port_cate ul li {
					background-image:url(../images/web/linea_punteada_horizontal.gif);
					background-repeat:repeat-x;
					background-position:0 24px;
					padding:0 0 19px 0px;
					}
					.port_cate ul li a {
						color:#666;
						text-decoration:none;
						font-size:1.0em;
						}
						.port_cate ul li a img {
							vertical-align:middle;
							margin-right:3px;
							}
						.port_cate ul li a:hover {
							color:#e20a16;
							}
						.port_cate ul li a.current {
							color:#e20a16;
							text-decoration:none;
							}
							
							
		/**/
		.port_nube { /* Portfolio nube tags */
			margin-bottom:20px;
			padding:0px;
			}
			.port_nube h2 {
				background-image: url(../images/web/titulo_nubetags.gif);
				background-repeat:no-repeat;
				width:129px;
				height:21px;
				margin-bottom:10px;
				}
				.port_nube h2 span {display:none}
				
				.port_nube a {
					color:#666;
					text-decoration:none;
					font-size:1em;
					}
					.port_nube a:hover {text-decoration:underline;}
				
					.port_nube a.tag_01 {font-size:1.4em;font-weight:bold;}
					.port_nube a.tag_02 {font-size:1.2em;font-weight:bold;}
					.port_nube a.tag_03 {font-size:1.0em;font-weight:bold;}
					.port_nube a.tag_04 {font-size:0.8em;}
					.port_nube a.tag_05 {font-size:0.7em;}
					.port_nube a.tag_06 {font-size:0.6em;}
					.port_nube a.tag_07 {font-size:0.5em;}
				
			
	/**/
	.cont_services { /* Servicios - contenido */
		width:199px;
		margin:0 21px 0 0;
		float:left;		
		}
	.cont_services_2 { /* Servicios - contenido */
		width:199px;
		float:left;		
		}
		.cont_services ul, .cont_services_2 ul {
			font-size:0.75em;
			margin-top:10px;
			}
			.cont_services ul li, .cont_services_2 ul li {
				background-image:url(../images/web/linea_punteada_horizontal.gif);
				background-repeat:repeat-x;
				background-position:bottom;
				padding:8px 0 8px 10px;
				}
		.cont_services h2, .cont_services_2 h2 {
			background-repeat:no-repeat;
			background-position:top;
			display:block;
			width:199px;
			height:63px;
			}
			.cont_services h2 span, .cont_services_2 h2 span { display:none}
				
				h2.h2_services_web {background-image: url(../images/web/tit_disenio_web.gif);}
				h2.h2_services_graf {background-image: url(../images/web/tit_disenio_grafico.gif);}
				h2.h2_services_3d {background-image: url(../images/web/tit_3D.gif);}
				h2.h2_services_mul {background-image: url(../images/web/tit_multimedia.gif);}
				
		ul.services_web {
			background-image:url(../images/web/fondo_disenio_web.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			height:270px;
			}
		ul.services_graf {
			background-image:url(../images/web/fondo_disenio_grafico.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			}
		ul.services_mul {
			background-image:url(../images/web/fondo_multimedia.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			height:180px;
			}
			
			
	/**/
	.txt_legal { /* Textos de los apartados - enlanevera - Aviso Legal - Informaci�n general */
		text-align:justify;
		padding-right:20px;
		font-size:0.9em;
		}
		.txt_legal p {
			margin-bottom:10px;
			}
			.txt_legal p a {color:#666666;}
			.txt_legal p.tit {
				color:#fff;
				background-color:#cec8c3;
				font-size:0.9em;
				padding:3px;
				font-weight:700;
				text-transform:uppercase;
				}
			
			
	/**/
	ul.list_sitemap { /* Listado en el sitemap */
		margin: 10px 0 10px 20px;
		width:250px;
		}
		ul.list_sitemap li {
			background-image:url(../images/web/linea_punteada_horizontal.gif);
			background-repeat:repeat-x;
			background-position:0 24px;
			padding:0 0 19px 0px;
			}
			ul.list_sitemap li ul {
				margin: 20px 0 -10px 20px;
				}
				ul.list_sitemap li ul li {
						background-image: none;
						padding:0 0 10px 0px;
						}
						ul.list_sitemap li ul li a {
							color: #666;
							}
		ul.list_sitemap li a {
			color:#333;
			text-decoration:none;
			font-size:1em;
			}
			ul.list_sitemap li a:hover {
				text-decoration: underline;
				color: #F00;
				}
	
	
	/**/
	.clients_left { /* Clientes */
		width:260px;
		float:left;
		text-align:center;
		}
	.clients_right {
		width:260px;
		float:right;
		text-align:center;
		}
		.clients_left img, .clients_right img {
			margin-bottom:20px;
			}
			
			
	/**/
	.txt_interfaz {
		font-size:0.7em;
		}
	/**/
			
	
	/**/
				form.contact_form { /* Formulario de contacto */
					margin:0;
					padding:0;
					}
					form.contact_form fieldset {
						border:0px;
						padding:5px 0;
						margin:15px 0px;
						}
					form.contact_form label {
						width:150px;
						text-align:right;
						margin:2px 2px 0 0;
						color:#666;
						font-size:0.8em;
						float:left;						
						}
					form.contact_form input, form.contact_form textarea {
						margin:0 0 10px 0;
						border:1px solid #ccc;
						padding:2px;
						}
					form.contact_form textarea {
						width:380px;
						height:100px;
						}
					form.contact_form input.input_text {
						width:250px;
						}
					form.contact_form input.input_button {
						font-size:0.7em;
						padding:2px 5px;
						border:1px solid #ccc;
						color:#333;
						cursor:pointer;
						}
						.divbuttons {
							margin:5px 0 0 150px;
							}
					form.contact_form em {
						font-weight: normal;
						font-style: normal;
						margin:0 4px 0 2px;
						font-size:1.2em;
						color:#0099FF;
						}
						p.ca_ob {
							font-size:0.65em;
							margin-top:15px;
							color:#b2b2b2;
							}
				


/********************************************
Footer // Pie
--------------------------------------------*/
.footer { /* Footer / Enlaces y validadores */
	width:864px;
	height:35px;
	background-image:url(../images/web/bg_footer.png);
	background-repeat:no-repeat;
	padding:35px 20px 15px 20px;
	}
	
	ul.links_footer { /* Enlaces del footer / aviso legal / informacion general ... */
		font-size:0.7em;
		margin:0;
		padding:0;
		display:block;
		color:#666;
		}
		ul.links_footer li, ul.links_footer_val li {
			display:inline;
			/*margin-right:15px;*/ /* comentado 08/04/09 */
			float:left;
			/*font-size:1.1em;*/ /* comentado 08/04/09 */
			vertical-align:bottom;
			/*
			clase nuevas 08/04/09
			*/
			border-right: 1px dotted #ccc;
			margin-right: 7px;
			padding: 1px 7px 1px 0;
			color: #666;
			}
			ul.links_footer li img {
				vertical-align:middle;
				}
				ul.links_footer li img.logo_calidad {
					margin-left:20px;
					}
			ul.links_footer li a, ul.links_footer_val li a {
				color:#666;
				text-decoration:none;
				
				}
				ul.links_footer li a:hover, ul.links_footer_val li a:hover {
					color:#222;
					text-decoration:none;
					}
			ul.links_footer li.eln_redes { /* li de las comunidades My space, youtube, facebook, hi5 */
				float:right;
				}
				
			/*
			clase nuevas 08/04/09
			*/
			ul.links_footer li.add {
				background-image: url(../images/web/add-off.gif);
				background-repeat: no-repeat;
				background-position: left;
				padding-left: 14px;
				}
				ul.links_footer li.add:hover {
				background-image: url(../images/web/add-on.gif);
				}
			ul.links_footer li.sigue a {
				margin: 0 1px 0 1px;
				}idth: 16px;
				height: 16px;
				}
			ul.links_footer li.sigue a span { display: none;}
			ul.links_footer li.sigue p.l-face a {
				background-image: url(../images/facebook-off.png);
				background-repeat: no-repeat;
				background-position: top;
				width: 26px;
				height: 16px;
				border: 1px solid red;
				}
				
				
/* FELICITACION CORNER LABEL */
.label-corner {position: absolute;top: 0px;right: 0px; z-index: 10;}