/* Hoja de estilos de Corporación Rinder

 AUTOR: Alberto Martinez

 Empresa:ALan&Pole 

  

--------INDICE DE CONTENIDOS-----------

Generales

			body

			enlaces

			encabezados

Estructura

			barra_izq

			navy-menu desplegable

			contenidos

				botones adaptables

				Noticias

				Trabajo

				Catalogo

					Detalle_catalogo

				familia

				vacia

				paginacion

				descargas							

			pie



---------------------------------------



*/





body{

margin-top:15px;

background-color:#fff;

font-size:12px;

font-family: Arial, Helvetica, sans-serif;

text-align:center; }



a{

color:#000000;

text-decoration:none;}



a:hover{

color:#cccccc;

text-decoration:underline;}



h1{

margin:0px;

padding:0px;

float:left;

font-size:20px;

padding:5px 15px 5px 30px ;

margin-top:10px;

color:#FFFFFF;

border-right:2px solid #000;}

h2{

margin:0px;

padding:0px;}

h3{

margin:0px;

padding:0px;}

h4{

margin:0px;

padding:0px;}

img{

borde:0px;}

p{

padding:5px 0px;

margin:3px 0px;}



/*----------------------------------Estructura----------------------------------------------------------*/

#wrapper{

width:970px;

margin:0px auto 0px auto;

position:static;

z-index:-1;

text-align:left;}





/*##############################    Barra izquierda"   ##################################################*/

		#barra_izq{

		position:relative;

		border-left:44px solid #fff;

		border-right:2px solid #fff;

		float:left;

		width:125px;

		background:#9abacb url(img/barra_izq_bg.gif) no-repeat bottom right;

		min-height:450px;

  		height:auto !important;

  		height:450px

		}

		

			

		

		

			#idioma{

			text-align:right;

				padding:30px 10px 0px 0px ;

			height:64px;

			}

			#idioma a{

			color:#FFFFFF;

			}

			

			#idioma p{

			padding:0px;

			font-weight:bold;

					color:#4e4b4a;

			}

				#barra_izq #idioma {

				text-align:right;

				height:104px;

				}

				#idioma form{

				padding-top:0px;

				margin:0px;

				}

				

				#barra_izq #Mapa_web, #barra_izq_index #Mapa_web{

				text-align:right;

				padding-right:10px;}

				

					

					#barra_izq #Mapa_web ul, #barra_izq_index #Mapa_web ul{

					list-style-type:none;

					padding:0px;

					margin:0px;}

					

						#barra_izq #Mapa_web ul li img.folder, #barra_izq_index #Mapa_web ul li img.folder{

						position:relative;

						top:1px;}

						

						#barra_izq #Mapa_web ul li, #barra_izq_index #Mapa_web ul li{

						padding:2px 0px;}

						#barra_izq #Mapa_web ul li.folder, #barra_izq_index #Mapa_web ul li.folder{

						padding:0px;}

						#barra_izq #Mapa_web ul li.folder a, #barra_izq_index #Mapa_web ul li.folder a{

						padding:0px 0px 4px 2px ;}

			

					

					

					#barra_izq #Mapa_web a, #barra_izq_index #Mapa_web a{

					background-color:transparent;

					color:#4e4b4a;

					font-size:12px;

					font-weight:bold;

					text-decoration:none;}

					

					#barra_izq #Mapa_web a:hover, #barra_izq_index #Mapa_web a:hover{

					text-decoration:underline;}

					

				

				#barra_izq #Aviso_legal, #barra_izq_index #Aviso_legal{

				position:absolute;

				bottom:0px;

				right:10px;

				width:110px;

				height:60px;

				padding-top:70px;

				text-align:right;}

			

				#barra_izq #Aviso_legal a, #barra_izq_index #Aviso_legal a{

				color:#fff;

				font-size:12px;

				text-decoration:none;

				}

				#barra_izq #Aviso_legal a:hover, #barra_izq_index #Aviso_legal a:hover{

				text-decoration:underline;}

				

				





#content{

		background:#dcdcdc url(img/content_bg.gif) no-repeat right top; 

		overflow:hidden;

		float:left;

		width:760px;

		padding:0px;

		text-align:left;

		margin-bottom:20px;}







			#cabecera{

			width:970px;

			margin:0px;

			padding:0px;

			height:84px;

			

			}

			

			

			

			

			

			#cabecera img{

			float:left;

			

			}

			

				#cabecera img h1{

				font-size:16px;

				color:#000;

				text-align:left;

				padding-left:40px;

				padding-top:6px;

				height:22px;

				background:#bcd4ec url(img/h1_bg.gif) no-repeat 10px 0px;

				vertical-align:bottom;

				

				

				}

				

				#cabecera img h2{

				font-size:15px;

				color:#000;

				text-align:left;

				padding-left:40px;

				padding-top:15px;

				height:40px;

				vertical-align:bottom;

				font-weight:bold;

				

				}

				

						

						

						#cabecera #navy{

						  z-index:200000;

						  height:18px;

							padding-top:60px!important;

						  float:left;

						  padding-top:60px;

						  width:690px;

						  background:#fff;

						  text-align:left;

						}	



/*############### menu	desplegable ###################################+/*/

									

					

									

					

												/* Root = Horizontal, Secondary = Vertical */

						ul#navmenu-h {

						  margin: 0;

						  border: 0 none;

						  padding: 0;

						 /* width: 500px; For KHTML*/

						  list-style: none;

						  height: 26px;

						  background:transparent url(img/ul_bg.gif) repeat-x;

						  float:left;

						  z-index:20000000;

						}

						

						ul#navmenu-h li {

						  background: transparent url(img/li_bg.gif) no-repeat left top;

						  margin: 0;

						  margin:0px;

						  padding: 0px;

						  float: left; /*For Gecko*/

						  display: inline;

						  list-style: none;

						  position: relative;

						  z-index:20000000;

						}

						

						ul#navmenu-h ul {

						  margin: 0;

						  border: 0 none;

						  padding: 0;

						  width: 160px;

						  list-style: none;

						  display: none;

						  position: absolute;

						  top: 24px;

						  left: 0;

						  z-index:20000000;

						}

						

						ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{

						  clear: both;

						  display: block;

						  font: 1px/0px serif;

						  background:#e4e4e4 url(img/ul1_bg2.gif) no-repeat left bottom;

						  content: ".";

						  height: 0;

						  visibility: hidden;

						  z-index:20000000;

						}

						

						ul#navmenu-h ul li {

						  width: 220px;

						  float: left; /*For IE 7 lack of compliance*/

						  display: block !important;

						  margin:0px;

						  padding: 0px;

						  display: inline; /*For IE*/

						  background: transparent url(img/li_bg.gif) no-repeat left top;

						  z-index:20000000;

						}

						

						/* Root Menu */

						ul#navmenu-h a {

						  border: 0px;

						  padding: 0px 23px 2px 23px;

						  margin:0px;

						  float: none !important; /*For Opera*/

						  float: left; /*For IE*/

						  display: block;

						  background: transparent url(img/a_bg.gif) no-repeat right top;

						  color: #000;

						  font: 13px/22px Arial,Verdana,  Helvetica, sans-serif;

						  text-decoration: none;

						  height: auto !important;

						  height: 1%; /*For IE*/

						  z-index:20000000;

						}

						

						/* Root Menu Hover Persistence */

						ul#navmenu-h a:hover,

						ul#navmenu-h li:hover a,

						ul#navmenu-h li.iehover a {

						  background:transparent url(img/a_bg.gif) no-repeat right top;

						  color: #000;

						  z-index:20000000;

						}

						

						ul#navmenu-h li:hover ul a,

						ul#navmenu-h li.iehover ul a {

						font-size:12px;

						line-height:130%;

						  z-index:20000000;

						}

						

						/* 2nd Menu */

						ul#navmenu-h li:hover li,

						ul#navmenu-h li.iehover li {

						  background:#e4e4e4 url(img/li_bg2.gif) no-repeat left bottom;

						  color: #000;

						  padding-bottom:4px;

						  border-top:3px solid #e4e4e4;

						  z-index:20000000;

						}

						ul#navmenu-h li:hover li a,

						ul#navmenu-h li.iehover li a {

						  float: none;

						  background-image:none;

						  z-index:20000000;

						}

						

						/* 2nd Menu Hover Persistence */

						ul#navmenu-h li:hover li a:hover,

						ul#navmenu-h li:hover li:hover a,

						ul#navmenu-h li.iehover li a:hover,

						ul#navmenu-h li.iehover li.iehover a {

						  background: #bfbebe;

						  background:transparent url(img/a_hover.gif) no-repeat left top;

						  color: #000;

						  z-index:20000000;

						}

						

						ul#navmenu-h li:hover li:hover ,

						ul#navmenu-h li:hover li:hover,

						ul#navmenu-h li.iehover li.iehover {

						  background: #bfbebe;

						  background:transparent url(img/li_hover_bg2.gif) no-repeat left bottom;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 3rd Menu */

						ul#navmenu-h li:hover li:hover li a,

						ul#navmenu-h li.iehover li.iehover li a {

						  background-image:none;

						  background:none;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 3rd Menu Hover Persistence */

						ul#navmenu-h li:hover li:hover li a:hover,

						ul#navmenu-h li:hover li:hover li:hover a,

						ul#navmenu-h li.iehover li.iehover li a:hover,

						ul#navmenu-h li.iehover li.iehover li.iehover a {

						  background:transparent url(img/a_hover.gif) no-repeat left top;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 4rd Menu */

						ul#navmenu-h li:hover li:hover li:hover li a,

						ul#navmenu-h li.iehover li.iehover li.iehover li a {

						  background-image:none;

						  background:none;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 4rd Menu Hover Persistence */

						ul#navmenu-h li:hover li:hover li:hover li a:hover,

						ul#navmenu-h li:hover li:hover li:hover li:hover a,

						ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,

						ul#navmenu-h li.iehover li.iehover li.iehover li.iehover a {

						  background:transparent url(img/a_hover.gif) no-repeat left top;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 5th Menu */

						ul#navmenu-h li:hover li:hover li:hover li:hover li a,

						ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a {

						  background-image:none;

						  background:none;

						  color: #000;

						  z-index:20000000;

						}

						

						/* 5th Menu Hover */

						ul#navmenu-h li:hover li:hover li:hover li:hover li a:hover,

						ul#navmenu-h li.iehover li.iehover li.iehover li.iehover li a:hover {

						  background:transparent url(img/a_hover.gif) no-repeat left top;

						  color: #000;

						}

						

						ul#navmenu-h ul ul,

						ul#navmenu-h ul ul ul,

						ul#navmenu-h ul ul ul ul {

						  display: none;

						  position: absolute;

						  z-index:20000000;

						  top:-3px;

						  left: 220px;

						  

						}

						

						/* Do Not Move - Must Come Before display:block for Gecko */

						ul#navmenu-h li:hover ul ul,

						ul#navmenu-h li:hover ul ul ul,

						ul#navmenu-h li:hover ul ul ul ul,

						ul#navmenu-h li.iehover ul ul,

						ul#navmenu-h li.iehover ul ul ul,

						ul#navmenu-h li.iehover ul ul ul ul{

						  display: none;

						}

						

						ul#navmenu-h li:hover ul,

						ul#navmenu-h ul li:hover ul,

						ul#navmenu-h ul ul li:hover ul,

						ul#navmenu-h ul ul ul li:hover ul,

						ul#navmenu-h li.iehover ul,

						ul#navmenu-h ul li.iehover ul,

						ul#navmenu-h ul ul li.iehover ul,

						ul#navmenu-h ul ul ul li.iehover ul {

						  display: block;

						  background:transparent url(img/ul1_bg2.gif) no-repeat left bottom;

						  width:220px;

						  padding-bottom:80px;

						  z-index:1000;

						}

						

						ul#navmenu-h li:hover  li:hover ul,

						ul#navmenu-h ul li:hover  li:hover  ul,

						ul#navmenu-h ul ul li:hover li:hover  ul,

						ul#navmenu-h ul ul ul li:hover li:hover  ul,

						ul#navmenu-h li.iehover li.iehover  ul,

						ul#navmenu-h ul li.iehover li.iehover ul,

						ul#navmenu-h ul ul li.iehover li.iehover ul,

						ul#navmenu-h ul ul ul li.iehover li.iehover ul {

						  display: block;

						  background:transparent url(img/ul2_bg2.gif) no-repeat left bottom;

						  width:220px;

						  padding-bottom:80px;

						}					

									

					

/*##############################     Fin de menu desplegable    ##################################################*/

				



/*##############################    Contenidos encabezados   ##################################################*/



		#migas{

		padding:4px 2px 1px 27px ;

		background:#c8ddee url(img/migas_bg.gif) no-repeat 22px top;

		border-bottom:1px solid #879cad;

		font-size:11px;

		position:relative;

		height:18px;

		clear:both;

		float:left;

		width:760px;

		}

		

			#migas ul{

			display:inline;

			}

				

				#migas ul li{

				display:inline;

				padding:0px;

				}

				

					#migas ul li a{

					color:#000000;

					text-decoration:none;

					}



						#migas ul li a:hover{

						color:#000000;

						text-decoration:underline;

						}

			

		#cabecera2{

			width:760px;

			margin:0px;

			padding:0px;

			height:166px;

			background:transparent url(img/cabcera_bg.gif) repeat-x;

			overflow:hidden;

			border-bottom:2px solid #FFFFFF;

			float:left;

			clear:both;

			position:relative;

			

			}

			

			#cabecera2 img{

			border:0px;

			margin:0px;

			

			}

			

				#cabecera2 #encabezado_sup{

				font-size:16px;

				color:#000;

				text-align:left;

				padding:0px;

				height:20px;

				height:28px !important;

				background:#bcd4ec url(img/h1_bg.gif) no-repeat 10px 0px;

				vertical-align:bottom;

				

				

				}

				

				

						

					#cabecera2 h1{

					font-size:22px;

					color:#000;

					font-weight:normal;

					text-align:left;

					padding-left:20px;

					padding-top:2px;

					height:22px;

					vertical-align:bottom;

					

					

					}

				

				#cabecera2  #encabezado_inf{

				text-align:left;

				padding:0px;

				height:55px;

				background:#bcd4ec url(img/h2_bg.gif) repeat-x;

				float:left;

				width:760px;

				clear:both;

				position:relative;

				

				}

				span.volver{

				font-size:12px;

				font-weight:bold;

				padding:0 20px;}

				

					

				span.volver a:hover{

				color:#000000;

				text-decoration:underline;}

				

				

				

					#cabecera h2{

					font-size:15px;

					color:#000;

					text-align:left;

					padding-left:40px;

					padding-top:15px;

					height:35px;

					background:#bcd4ec url(img/h2_bg.gif) repeat-x;

					vertical-align:bottom;

					font-weight:bold;

					

					}

				

		

		

		#content_index{

		width:760px;

		text-align:left;

		float:left;

		background-color:#FFFFFF;

		/*background:#000 url(img/index.jpg) no-repeat left top;*/

		}

		

		

/*#########################botones adaptables#################################################3*/

		

		a.btn{

		color:#FFFFFF;

		font-weight:bold;

		display:block;

		height:23px;

			cursor:hand;/*nuestro amigo explorer 6 vuelve a las andadas*/}

			

			

		a:hover.btn{

		color:#FFFFFF;

		font-weight:bold;

		display:block;

		height:23px;

		text-decoration:none;

			cursor:hand;/*nuestro amigo explorer 6 vuelve a las andadas*/}

		

		

		

		a.btn span{

		background:transparent url(img/boton_bg.gif) repeat-x;

		padding-top:3px;

		float:left;

		height:23px;}

		

		a.btn span.btn_trabajo{

		background:transparent url(img/btn_trabajo.gif) repeat-x;

		padding-top:3px;

		float:left;

		height:23px;}

		

			a.btn .pre_btn{

			padding:0px;

		width:6px;

		height:23px;

		background:transparent url(img/pre_btn.gif) no-repeat;}

		

			a.btn .pre_btn_trabajo{

			padding:0px;

		width:6px;

		height:23px;

		background:transparent url(img/pre_btn_trabajo.gif) no-repeat left top;}

		

		a.btn .post_btn{

			padding:0px;

		width:5px;

		height:23px;

		background:transparent url(img/post_btn.gif) no-repeat;}

		

		a.btn .post_btn_trabajo{

			padding:0px;

		width:6px;

		height:23px;

		background:transparent url(img/post_btn_trabajo.gif) no-repeat;}

	/*#########################fin de botones adaptables#################################################3*/	

	

/*-----------------------------------Noticias--------------------------------------------------------------------*/	

		

			#content_noticia{

		

		float:left;

		width:760px;

		padding:5px 0px 18px 0px ;

		background-color:#dcdcdc;

		text-align:left;

		min-height:124px;

		height:auto!important;

		height:121px;}

		

		

		#content_individual{

		padding:20px;}

		

		*html #content_noticia{

		background:transparent url(img/content_trabajo_bg.gif) no-repeat 50px bottom;}

		

		#encabezado_wrapper{

		background:transparent url(img/encabezado_wrapper_bg.gif) no-repeat left top;

			height:55px;}

			

			#encabezado_extensible{

		    background:transparent url(img/encabezado_extensible_bg.gif) repeat-x;

			height:55px;

			width:auto;

			padding:0px;

			float:left;

			clear:both;}

			

				#extensible_firstchild{

				background:transparent url(img/firstchild_bg.gif) no-repeat left top;

				height:55px;

				width:32px;

				float:left;

				padding:0px;}

				

				#extensible_lastchild{

				background:transparent url(img/lastchild_bg.gif) no-repeat left top;

				height:55px;

				width:31px;

				float:left;

				padding:0px;}

				

				#encabezado_wrapper h1{

				border:0px;

				float:left;

				padding:0px ;

				font-size:22px;}

					

				

				

				

			.noticia{

			position:relative;

			padding:0px 0px 0px 0px ;

			overflow:hidden;

			width:100%;

			margin:0px ;

			border-bottom:3px solid #FFFFFF;

			z-index:0;

			}

			

			.noticia img{

			float:left;

			padding:0px;

			margin:0px 0px 0px 20px ;}

			

				

			.noticia h3{

			font-size:16px;

			color:#000;

			text-align:left;}

			

			.noticia_texto{

			width:550px;

			text-align:left;

			margin:10px 30px 20px 0px!important;

			margin:10px 30px 0px 0px ;

			padding-left:20px;

			float:left!important;

			float:none;}

			

			

			

			

			.noticia_texto a:hover{

			color:#FFFFFF;}

			

			



			.noticia_comp{

			position:absolute;

			right:20px;

			bottom:5px;

			width:540px;

			height:20px;

			text-align:right;

			padding:0px 20px 0px 0px ;

			margin:0px;

			color:4e4b4a;

			font-size:14px;

			font-weight:bold;}

			

			.noticia_comp a{

			text-decoration:none;}

				

				.noticia_comp a:hover{

				color:#666666;

				text-decoration:underline;}

			

			

/*-----------------------------------fin de noticias--------------------------------------------------------------------*/





/*-----------------------------------------trabajo  --------------------------------------------------------------------*/

			#content h1.ofertas{

			padding:0px 25px 10px 25px ;

			font-size:24px;}

			

			#content h1.noticias{

			padding:0px 25px 10px 25px ;

			font-size:24px;

			border:0px;}

				#content_trabajo{

				width:760px;

				background-color:#dcdcdc;

				padding:20px 0px 0px 0px ;

				margin:0px;

				text-align:center;

				min-height:138px;

  				height:auto !important;

  				height:135px;}

				

				#content_trabajo_home{

				width:760px;

				background-color:#dcdcdc;

				padding:0px 0px 0px 0px ;

				margin:0px;}

				

				*html #content_trabajo{

				text-align:left;}

				

				#content_trabajo h2{

				text-align:left;

				font-size:16px;

				padding-left:25px;

				padding-top:0px;

				margin:0px;}

				

				#content_trabajo h3{

				margin:0px 0px 20px 0px ;

				color:#e20a16;

				text-align:left;

				font-size:20px;

				padding-left:25px;}

				

				.busqueda_cat_trabajo {

				margin-top:6px;

				width:250px;

				float:left;

				z-index:0;

				}

				

				.busqueda_cat_trabajo {

				background-image: none !important;

				background:transparent url(img/busqueda_cat_bg.gif) no-repeat 0px 17px;

				height:42px;

				padding-left:10px;

				}



				

				.busqueda_cat_trabajo input {

				float:left;

				}

				

				.busqueda_cat_trabajo input#text {

				border:1px solid #b4babd;

				height:16px;

				width:180px;

				}

				

				

				

				

				

				

				

				

				.item_trabajo{

					padding-bottom:10px;

					overflow:hidden;

					background:#f8f8f8 url(img/item_familia_bg.gif) repeat-x;

					width:663px;

					margin:10px 0px 20px 25px;

					float:left;}

			

			*html .item_trabajo{

			margin:0px 0px 20px 25px ;}

			

			*html .trabajo{

			margin:0px 0px 0px 20px;}

			

				

			.trabajo h3{

			color:#e20a16;

			text-align:left;}

			

			.trabajo_texto{

			float:right;

			width:650px;

			text-align:left;

			padding:15px 0px 0px 20px ;}

			

				

				

				.trabajo_texto .trabajo_desc{

				float:left;

				text-align:left;

				padding:0px 0px 0px 20px ;}

					

					.trabajo_texto .trabajo_desc .desc_tit{

					color:#83827e;}

				

				

				.trabajo_texto P{

				padding:0PX;

				margin:0px;}



			.foto_trabajo{

			float:left;

			padding:15px 10px 10px 10px ;}

			p.trabajo_comp{

			padding:0px 20px 5px 0px ;

			clear:both;

			width:100%;

			float:right;}

			

			.trabajo_comp a, .trabajo_comp a img, .trabajo_comp p{

			text-decoration:none;

			border:0px;

			height:23px;

			float:right;

			margin-right:5px;}

			

			

	

/*-----------------------------------------fin de trabajo  --------------------------------------------------------------------*/







/*-----------------------------------------descarga  --------------------------------------------------------------------*/

			

				#content_descarga{

		overflow:hidden;

		float:left;

		width:760px;

		padding:0px ;

		min-height:169px;

  		height:auto !important;

  		height:340px;

		text-align:left;

		background-color:#dcdcdd;

		}

		

		*html #content_descarga{

		background:transparent url(img/content_trabajo_bg.gif) no-repeat 50px bottom;}

		

		

			

			

			

				

					

				

				

				

			.descarga{

			padding:10px 10px 10px 20px ;

			overflow:hidden;

			width:660px;

			margin:0px ;

			/*border-bottom:1px solid #ccc;*/

			text-align:left;}

			

			.descarga img{

			float:left;

			padding:0px;

			margin:10px;}

			

			*html .descarga{

			width:660px;

			margin:0px 0px 0px 20px;

			padding:10px 0px 10px 20px ;}

			

				

			.descarga h3{

			font-size:16px;

			color:#000;

			text-align:left;}

			

			.descarga_texto{

			width:580px!important;

			width:630px;

			text-align:left;

			margin:0px 30px 0px 0px ;

			float:left;}

			

			

			

			div.descarga a{

					color:#787575;

					font-weight:bold;

					margin-top:15px;

					width:120px;}

			.descarga_texto a:hover{

			color:#ccc;}

			

			

			*html .descarga_texto{

			width:580px;}



			.descarga_comp{

			margin:0px;

			float:right;

			padding:0px;

			color:4e4b4a;

			font-size:14px;

			font-weight:bold;}

			

			.descarga_comp a{

			text-decoration:none;}

					

					

					

	/*--------------------------------------------Formulario de descarga---------------------------------------------------------------------------*/				

					#content_descarga form {

			

			padding:20PX;}

			

				

				#content_descarga form p{

				clear:both;

				padding:10px 0px 0px 0px ;

				margin:0px;}

				

				#content_descarga label{

				width:120px;

				margin:0px ;

				font-size:12px;

				font-weight:bold;

				float:left;}

				

				

				#content_descarga .boton{

				margin:0px 5px 0px 0px;

				width:auto; }

				

				#content_descarga .checradio{

				float:left;

				width:auto; }

				

				#content_descarga input, #content_descargatextarea, #content_descargaselect{

				width:200px;

				border:1px solid #b4babd;

				font-family:Arial, Helvetica, sans-serif;}

				

				#content_descarga .inputsubmit{

				width:120px;

				border:1px solid #b4babd;

				font-family:Arial, Helvetica, sans-serif;}

				

				#content_descarga .inputcheck

				{

				width:auto;

				}

					

			    #content_descarga .mensaje{

				color:#CC3300;

				}

			

	

/*-----------------------------------------fin de descarga  --------------------------------------------------------------------*/









/*-----------------------------------------Catalogo --------------------------------------------------------------------*/

				#content_catalogo{

				overflow:hidden;

				padding:20px 0px 100px 0px ;

				min-height:407px;

  				height:auto !important;

				background-color:#dcdcdc;

  				height:407px;

				margin:0px;}

				

					#content #encabezado_catalogo{

						background:#dcdcdc url(img/encabezado_catalogo_bg.gif) no-repeat left top;

						height:105px;

						margin:0px;}

						

						#encabezado_catalogo h1{

						border-right:0px;

						padding-left:40px;

						width:auto;

						float:none;

						margin:0px;}

				

				

				#content_catalogo h2{

				text-align:left;

				clear:both;

				float:left;

				width:694px;

				font-size:25px;

				padding:0px 20px 10px 20px ;}

		

		

				#cabecera2 span.catalogo{

				display:block;

				font-size:12px;

				color:#000;

				text-align:left;

				padding:0px;

				height:18px;

				vertical-align:bottom;

				font-weight:bold;

				padding-left:0px;

				

				}

				.busqueda_cat2, .busqueda_cat3 {

				margin-top:6px;

				width:210px;

				float:left;

				border-right: 2px solid #333333;

				z-index:0;

				}

				

				.busqueda_cat{

				margin-top:6px;

				padding:0px 10px 0px 20px;

				width:220px;

				float:left;

				border-right: 2px solid #333333;

				z-index:0;

				background:transparent url(img/busqueda_cat_bg.gif) no-repeat 20px bottom;

				height:40px;

				}

				

				.busqueda_cat2 {

				padding-left:10px;

				}

				

				.busqueda_cat2 input {

				float:left;

				}

				

				.busqueda_cat2 input#text {

				border:1px solid #b4babd;

				height:16px;

				width:180px;

				}

				

				

				

				.busqueda_cat3 {

				padding-left:10px;

				width:150px;

				border:0px;

				}

				

			

						#select_catalogo{

						float:left;}

					

					#select_catalogo select{

					border:1px solid #cccbcb;

					width:220px;

					z-index:0;}

				

				

				.item_catalogo{

				position:relative;				

				height:156px;

				width:132px;

				background:#333366 url(img/item_catalogo_bg.jpg) repeat-x;

				margin-left:17px;

				float:left;

				margin-bottom:17px;

				text-align:left;

				padding:10px 10px 10px 10px ;}

				

				*html .item_catalogo{

				margin-left:12px;}

				

				.item_catalogo p{

					padding:0px;

					margin:0px;}

				

					.item_catalogo img{

					border:0px;}

					

					.item_catalogo a.ver{

					width:37px;

					height:20px;

					display:block;

					padding-left:10px;

					padding-top:3px;

					background-image:url(img/ver.gif);

					font-size:14px;

					font-weight:bold;

					color:#FFFFFF;

					text-decoration:none;}

					

					.familia_tit{

					

					font-size:12px;

					font-weight:bold;

					color:#c31115;

					}

					

					.familia{

					

					font-size:12px;

					font-weight:bold;

					color:#000;

					}

					.esq{

					position:absolute;

					bottom:0px;

					right:0px;}













/*-----------------------------------------fin de Catalogo  --------------------------------------------------------------------*/





/*-----------------------------------------detalle --------------------------------------------------------------------*/

#content_detalle{

				overflow:hidden;

				float:left;

				width:760px;

				background-color:#dbdbdb;

				padding:20px 0px 0px 0px ;

				text-align:center;}

				

				#content_detalle h2{

				text-align:left;

				font-size:20px;

				padding-left:43px;

				margin:0px;}

				

				#content_detalle h3{

				margin:0px 0px 20px 0px ;

				color:#e20a16;

				text-align:left;

				font-size:20px;

				padding-left:43px;}



				.detalle{

				

				width:588px;

				overflow:hidden;

				padding:10px;

				background:#dbdbdb url(img/detalle_foto_bg.gif) repeat-x;

				clear:both;

				margin:0px 20px 0px 40px!important;

				margin:0px 70px 0px 0px;

				text-align:left;}

				

					.detalle .foto_detalle{

					float:left;

					margin-bottom:40px;

					margin-left:10px;}

					

					

					.detalle .texto_detalle {

					width:290px;

					float:left;

					overflow:hidden;

					}

					

						.detalle p {

						font-size:14px;

						color:#4e4b4a;

						margin:0px;

						padding:0px 0px 10px 0px ;

						}

						

						.detalle p strong{

						font-size:14px;

						color:#4e4b4a;

						margin:0px;

						padding:0px ;

						}

						

						.fotos_miniatura{

						overflow:hidden;

						float:right;

						width:220px;

						text-align:right;

						font-size:14px;

						font-weight:bold;}

							

							.fotos_miniatura p{

							padding-right:15px;}

							

								

							.foto_miniatura{

							text-align:center;

							margin:5px;

							float:left;

							height:63px;

							width:97px;

							background:#CCCCCC url(img/foto_miniatura_bg.gif) repeat-x;

							padding-top:8px}

							

							

							*html .foto_miniatura{

							margin:3px;}

							

							

								.foto_miniatura img{

								margin:0 auto;

								border:0px;}

								

								

				#tabla_imagen{

				clear:both;

				overflow:hidden; 

				background:transparent url(img/tabla_imagen_bg.gif) no-repeat 4px 0px;

				padding-top:60px;

								

				}

				

					#tabla_imagen p{

					padding-left:60px;

					clear:both;

					text-align:left;

					font-size:14px;

					font-weight:bold;

								

				}

				

					#tabla_imagen .borde_imagen{

					

					width:588px;

					overflow:hidden;

					padding:20px 10px 50px 10px ;

				background:#dbdbdb url(img/borde_imagen_bg.gif) repeat-x;

					clear:both;

				margin:0px 20px 0px 40px!important;

				margin:0px 70px 0px 0px;

					text-align:center;}	

					

						#tabla_imagen .borde_imagen img{

						margin:0 auto;}		



/*-----------------------------------------fin de detalle --------------------------------------------------------------------*/





/*-----------------------------------------familia--------------------------------------------------------------------*/		

			#content_familia{

				overflow:hidden;

				width:760px;

				background-color:#dcdcdc;

				padding:20px 0px 0px 0px ;

				margin:0px;

				text-align:center;}

				

				*html #content_familia{

				text-align:left;}

				

				#content_familia h2{

				text-align:left;

				font-size:20px;

				padding-left:25px;

				padding-top:0px;

				margin:0px;}

				

				#content_familia h3{

				margin:0px 0px 20px 0px ;

				color:#e20a16;

				text-align:left;

				font-size:20px;

				padding-left:25px;}

				

				

				

				.item_familia{

					padding-bottom:10px;

					overflow:hidden;

					background:transparent url(img/item_familia_bg.gif) repeat-x;

					width:663px;

					margin:0px 0px 0px 25px;}

			

			*html .item_familia{

			margin:0px 0px 0px 25px ;}

			

			*html .familia{

			margin:0px 0px 0px 20px;}

			

				

			.familia h3{

			color:#e20a16;

			text-align:left;}

			

			.familia_texto{

			float:right;

			width:490px;

			text-align:left;

			padding:15px 0px 0px 20px ;}

			

				

				.familia_texto .ref{

				float:left;

				text-align:left;

				padding:0px 20px 0px 0px ;

				border-right:1px solid #a8aaab;}

				

				.familia_texto .familia_desc{

				float:left;

				text-align:left;

				padding:0px 0px 0px 20px ;}

					

					.familia_texto .familia_desc .desc_tit{

					color:#83827e;}

				

				

				.familia_texto P{

				padding:0PX;

				margin:0px;}



			.foto_familia{

			float:left;

			padding:15px 10px 10px 10px ;}

			p.familia_comp{

			margin:60px 20px 0px 0px ;}

			

			.familia_comp a, .familia_comp a img, .familia_comp p{

			text-decoration:none;

			border:0px;

			height:23px;

			float:right;}



/*-----------------------------------------fin de familia --------------------------------------------------------------------*/

/*-----------------------------------------vacia --------------------------------------------------------------------*/



#content_vacia{

				float:left;

				width:760px;

				text-align:justify;

				padding:0px;

				margin:0px;

				min-height:172px;

  				height:auto !important;

  				height:170px;}









				

				

				#degradado_content{

				width:694px;

				text-align:justify;

				padding:10px;

				margin:0px auto;

				min-height:129px;

  				height:auto !important;

  				height:118px;}*/

				

			#content_vacia h1{

			border:0px;

			padding:0px 0px 0px 0px ;

			font-size:22px;

			float:none;

			margin-top: 0px;}

				

				#content_vacia p{

				padding:0px;

				line-height:150%;}

				

				#content_vacia ul{

				list-style-type:none;

				list-style-position:outside;}

				

				

				

				#content_vacia h2, #content_vacia h3, #content_vacia h4, #content_vacia h5 {

				clear:both;}

				

				#content_vacia h2{

				font-size:20px;}

				

				#content_vacia h3{

				font-size:22px;}

				

				#content_vacia h4{

				font-size:19px;

				padding:10px 0px 5px 0px;

				color:#555;}

				

				

				#content_vacia h5{

				font-size:16px;

				padding:5px 0px 2px 0px;

				color:#555;}

				

				#content_vacia a{

				color:#036eb9;

				text-decoration:underline;}

				#content_vacia a:hover{

				color:#3396dc;

				text-decoration:underline;}

				

				

	/*--------------------------------------------Formulario de vacío---------------------------------------------------------------------------*/

			#content_vacia form {

			padding:20PX;}

			

				

				#content_vacia form p{

				clear:both;

				padding:10px 0px 0px 0px ;

				margin:0px;}

				

				#content_vacia label{

				width:120px;

				margin:0px ;

				font-size:12px;

				font-weight:bold;

				float:left;}

				

				

				#content_vacia .boton{

				margin:0px 5px 0px 0px;

				width:auto; }

				

				#content_vacia .checradio{

				float:left;

				width:auto; }

				

				#content_vacia input, #content_vacitextarea, #content_vaciselect{

				width:200px;

				border:1px solid #b4babd;

				font-family:Arial, Helvetica, sans-serif;}

				

				#content_vacia .inputsubmit{

				width:100px;

				}

				

				

				

				

				

/*-----------------------------------------fin de vacia --------------------------------------------------------------------*/





#fondo_cuadrados{

background:transparent url(img/content_trabajo_bg.gif) no-repeat 20px bottom;

height:120px;

float:left;

clear:both;

width:100%;}

















/*-----------------------------------------paginacion --------------------------------------------------------------------*/













			

			#paginacion{

			text-align:right;

			background-color:#afadad;

			padding:0px ;

			clear:both;

			overflow:hidden;

			text-align:center;}

			

			#dentro_pag{

			background-color:#afadad;

			padding:0px;

			margin:0px;

			color:#fff;

			font-weight:bold;}

				#dentro_pag p.cierre{

				padding:0px;

				margin:0px;

				font-weight:normal;}

			

			#paginacion a{

			color:#fff;

			font-size:14px;

			font-weight:bold;			

			padding:3px;}

			

			#paginacion .current{

			color:#000;

			background-color:#FFFFFF;

			font-size:14px;

			font-weight:bold;			

			padding:3px;}





/*-----------------------------------------fin paginacion --------------------------------------------------------------------*/				

			

		#pie{

text-align:right;

width:870px;

margin:0px auto;

padding:0px;

color:#8f9394;

font-size:12px;

clear:both;

}







#pie p, #pie img{

float:right;

margin:0px;

padding:5px 0px 0px 0px ;

}

		



			

.pie{

border-top:2px solid #FFFFFF;

border-bottom:2px solid #FFFFFF;}







/*----------------------------------/fin deEstructura----------------------------------------------------------*/



/*---------------------------------------------FCKeditor-----------------------------------------------------------*/

.leftimage{float: left; margin-right: 10px;padding:5px 0;}

.rightimage{float: right;margin-left: 10px;padding: 5px 0;}



.ok{

	color:#009900;

	font-weight:bold;

}



.mensaje{

	color:#FF0000;

	font-weight:bold;

}



.WCHhider{

width:220px;

}









#content_corporacion{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:154px;

  				height:auto !important;

  				height:148px;

				background:#dcdcdc url(http://www.rinder.com/img/fondocorporacion.jpg) no-repeat left top;

				position:relative;}

				

				#content_corporacion p{

				clear:both;

				float:left;}

				

				body .problema{

				text-align:left;

				 clear: both; 

				 float: left; 

				 width: 100%;

				 padding-top:0px;}

				 

				 body .problema embed{

				text-align:center;

				 clear: both;  

				position:relative;}

				

				



#content_looking_man{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:154px;

  				height:auto !important;

  				height:148px;

				background:#dcdcdc url(http://www.rinder.com/img/looking_man.jpg) no-repeat left top;}

				

				

#content_lampsys{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:154px;

  				height:auto !important;

  				height:148px;

				background:#dcdcdc url(http://www.rinder.com/img/content_lampsys.jpg) no-repeat left top;}

				#content_lampsys-bottom{

					float:left;

					width:720px;

					text-align:justify;

					padding:20px 14px 20px 26px ;

					margin:0px;

					min-height:376px;

					height:auto !important;

					height:376px;

					background:#dcdcdd url(http://www.rinder.com/img/lampsys_bottom.jpg) no-repeat right bottom;}

				

	#content_mano_ok{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:154px;

  				height:auto !important;

  				height:148px;

				background:#dcdcdc url(http://www.rinder.com/img/fondomensajegerencia.jpg) no-repeat left top;}

				

	#content_uneteanosotros{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/uneteanosotros.jpg) no-repeat left top;}

				

				#content_uneteanosotros_en{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/peopleing.jpg) no-repeat left top;}

	#content_fondoindiapune{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/fondoindiapune.jpg) no-repeat left top;}

				

	#content_india_delhi{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/fondoindiadelhi.jpg) no-repeat left top;}

				

	#content_india_chakan{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/fondoindia.jpg) no-repeat left top;}

				

	#content_sist_electricos{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#f8f8f8 url(http://www.rinder.com/img/sist_electricos.jpg) no-repeat left top;}

				

				

	#content_industrial{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdc url(http://www.rinder.com/img/fondoindustrial.jpg) no-repeat left top;}

		

	#content_lightsystems{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:416px;

  				height:auto !important;

  				height:416px;

				background:#dcdcdd url(http://www.rinder.com/img/fondolightsystems.jpg) no-repeat left top;}			

				#content_lightsystems-bottom{

							float:left;

							clear:both;

							width:720px;

							padding:20px 14px 20px 26px ;

							margin:0px;

							height:157px;

							background:#dcdcdc url(http://www.rinder.com/img/lightsystems-bottom.jpg) no-repeat left 38px;}

							

							

							

		#content_descargas{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:300px;

  				height:auto !important;

  				height:340px;

				background:#dcdcdd url(http://www.rinder.com/img/descargas.jpg) no-repeat right top;}								

							

		#content_links{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:240px;

  				height:auto !important;

  				height:240px;

				background:#dcdcdd url(http://www.rinder.com/img/links.jpg) no-repeat right top;}								

							

		#content_contacto{

				float:left;

				width:720px;

				text-align:justify;

				padding:20px 14px 20px 26px ;padding:20px 14px 20px 26px ;padding:20px 14px 20px 26px ;padding:20px 14px 20px 26px ;

				margin:0px;

				min-height:216px;

  				height:auto !important;

  				height:216px;

				background:#dcdcdd url(http://www.rinder.com/img/contacto.jpg) no-repeat right top;}

				

				

		

		

		#content_contacto form{

		padding:0px;

		}

		

		#map{

		float:left;

		clear:both;

		margin:0px 0px 0px 25px!important;

		margin:0px 0px 0px 12px;}	

				

											

							

		

				

	

				

				

				

				

				

				

				

/*---------------------------------------------fin de FCKeditor-----------------------------------------------------------*/





/*---------------------------------------------mapa web-----------------------------------------------------------*/









#content_mapaweb{

				background:#dcdcdc url(img/mapa_web_bg.jpg) no-repeat right top;

				float:left;

				width:760px;

				text-align:justify;

				padding:20px;

				margin:0px;

				min-height:172px;

  				height:auto !important;

  				height:170px;}



#content_mapaweb a:hover{

color:#666666;

}



	#content_mapaweb ul{

	list-style-type:none;

	margin:0px 0px 30px 0px ;

	padding:0px;

	}



		#content_mapaweb ul li{

		background:transparent url(img/mapaweb_li.gif) no-repeat left top;

		font-size:14px;

		font-weight:bold;

		list-style-type:none;

		}

		

			#content_mapaweb ul li a{

			padding-left:50px;

			}

		

				#content_mapaweb ul ul {

				padding-left:42px;

				font-size:13px;

				margin:10px;

				}

				

				#content_mapaweb ul ul li{

				background:none;

				padding-left:0px;

				font-size:12px;

				font-weight:normal;

				}

				

					#content_mapaweb ul ul li a{

					padding-left:10px;

					}

					

					

						#content_mapaweb ul ul ul li{

						list-style-type:disc;

						padding-left:0px;

						margin-left:20px;

						}

						

							#content_mapaweb ul ul ul li a{

							padding-left:0px;

							}

							

							

			





/*---------------------------------------------fin de mapa web-----------------------------------------------------------*/



#mensaje span.rojo{

color:#FF0000;

padding-left:25px;

}



#mensaje span.verde{

color:#009900;

padding-left:25px;

}



#content_contacto .inputcheck

{

	width:auto;

}