/* Diseņado por Complemento Creativo */
* {
padding: 0;
margin: 0;
} 
ol, ul {
     list-style: none
}

body {
margin:0;
padding: 0;
font: 12px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}

#jrwrap {
width: 825px;
_width: 820px;
margin: 0 auto;
background-color:  #fff;
}

#jrcenter {
background:   url(images/fondo.jpg) repeat-x;
height: 632px;
}

/*---------------------------- LAYOUT ----------------------------*/

#home {
width: 805px;
_width: 825px;
height: 372px;
_height: 360px;
background : url(images/fondo_home.jpg) repeat-x;
margin-left:10px;
margin-right:10px;
}

		#home h1 {
		font: 28px Arial, Verdana, Tahoma, sans-serif;
		font-weight: bold;
		color:#fff;
		text-align:center;
		margin-top:40px;
		margin-bottom:30px;
		}

		#home #ima1 {
		float:left;
		margin-right:1px;
		margin-left:12px;
		}
		
		#home #ima2 {
		float:left;
		margin-right:1px;
		}

		#home #ima3 {
		float:left;
		margin-right:1px;
		}

/*--------------------------- GENERAL ----------------------------*/

/*---------------------------- Logo----------------------------*/
/* IE7 Only */
*:first-child+html #jrheader {
background : #fff url(images/logo_servioficina.jpg) no-repeat;
height: 80px;
margin-bottom:10px;
_margin-bottom:10px;
margin-left:10px;
}

#jrheader {
background : #fff url(images/logo_servioficina.jpg) no-repeat;
height: 80px;
margin-bottom:10px;
margin-left:10px;
}

#contenedor {
width: 825px;

}

#login {
position: relative;
width: 260px;
height: 61px;
background : #fff url(images/login.jpg) no-repeat;
top: 9px; left: 480px;
_top: 5px; _right: 10px;
color: #103f9f;
font: 13px Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
}

#log {
	float:left;
	width: 96px;
	color: #000;
	font: 13px Arial, Verdana, Tahoma, sans-serif;
	text-align:center;
	margin-top:15px;
}
#log2 {
	float:left;
	width: 60px;
	color: #000;
	font: 13px Arial, Verdana, Tahoma, sans-serif;
	text-align:center;
	margin-top:25px;
	
}

#pass {
	float:left;
	width: 120px;
	color: #000;
	font: 13px Arial, Verdana, Tahoma, sans-serif;
	text-align:center;
	margin-top:15px;
}

		#log input { 
		font: 11px Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		border-top: 1px solid #6b6b6b; 
		border-right: 1px solid #6b6b6b;
		border-bottom: 1px solid #6b6b6b;
		border-left: 1px solid #6b6b6b;
		width: 80px; 
		margin-left:7px;
		}
		
		.button { 
		font: 11px Arial, Verdana, Tahoma, sans-serif;
		color: #000;
		border-top: 1px solid #6b6b6b; 
		border-right: 1px solid #6b6b6b;
		border-bottom: 1px solid #6b6b6b;
		border-left: 1px solid #6b6b6b;
		width: 60px; 
		margin-left:10px;
		}

/*---------------------------- Menu Principal----------------------------*/

/* IE7 Only */
*:first-child+html #navi {
width: 825px;
text-align:center;
padding-bottom:6px;
_padding-bottom:1px;
}
#navi {
width: 825px;
text-align:center;
padding-bottom:48px;
_padding-bottom:1px;
}
		
		#navi #bot2 {
		float:left;
		width: 766px;
		_width: 766px;
		height: 34px;
		background-color : #000;
		color: #666666;
		font: 12px Arial, Verdana, Tahoma, sans-serif;
		line-height: 18px;
		padding-left:60px;
		}
		
		#navi #bot2 ul {
		margin-left:50px;
		}
		
		#navi #bot2 li {
		float:left;
		height: 18px;
		list-style-type:none;
		padding-top:1px;
		padding-right:12px;
		padding-left:12px;
		border-right: 1px dotted #fff;
		margin-top:6px;
		}
		
		#navi #bot2 .sin {
		float:left;
		height: 18px;
		list-style-type:none;
		padding-top:1px;
		padding-right:12px;
		padding-left:12px;
		border-right: 1px dotted #000;
		margin-top:6px;
		}
		
		#navi #bot2 li a {
		display:block;
		text-decoration:none;
		color: #fff;
		font-weight:bold;
		letter-spacing:1px;
		}
		#navi #bot2 li a:hover {
		font-weight:bold;
		color:#fff;
		text-decoration:underline;
		}
		
		/* IE7 Only */
		*:first-child+html #relle {
		width: 805px;
		_width: 825px;
		height: 12px;
		background : #fff url(images/relle.jpg) repeat-x;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:4px;
		}
		
		#relle {
		width: 805px;
		_width: 825px;
		height: 12px;
		background : #fff url(images/relle.jpg) repeat-x;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:-40px;
		_margin-bottom:10px;
		}
/*---------------------------- Buscador ----------------------------*/


/*---------------------------- Tablas ----------------------------*/



/*---------------------------- Formularios ----------------------------*/
 form {
	width: 350px;
	text-align: left;
	margin-left: 0px;
}


 fieldset {
	width: 350px;
	margin: 10px;
	border: 1px solid #434242;
	padding : 1em;
}

 legend {
	color:#434242;
	clear: both;
	padding: 5px 0px 10px 0px;
	font: 14px Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;	
}

 form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

 form input {
	display: block;
	margin-top: 3px;
}

 form input:hover{ 
background:#EEEEEE;

}

 form select {
	float: left;
	display: block;
}

 form label.field-uno {
	clear: left;
}

 form label.field-uno {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

 form label.field-uno input{
	float: left;
	width: 150px;
	padding: 0px;
	border-top: 1px solid #ccc; 
	border-right: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	border-left: 1px solid #ccc;
}

 form label.field-dos {
	margin: 0px 10px 0px 0px;
	width: 150px;
}

 form label.field-dos input {
	width: 150px;
	padding: 0px;
	border-top: 1px solid #ccc; 
	border-right: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	border-left: 1px solid #ccc;
}

textarea {
	display: block;
}

textarea:hover{ 
background:#EEEEEE;

}

form textarea {
	margin-top: 3px;
}
 .button { 
	margin: auto;
}

/*---------------------------- Menu Lateral----------------------------*/


/*---------------------------- Detalle ----------------------------*/


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

/*---------------------------- Contenido ----------------------------*/
		/* IE7 Only */
		*:first-child+html #imagenes {
		width: 805px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		margin-top:4px
		}
		
		#imagenes {
		width: 805px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		margin-top:40px;
		_margin-top:10px;
		}
/*-------------- Derecha --------------*/
#izquierda {
		float:left;
		width: 200px;
		margin-right:4px;
		margin-left:10px;
}

#izquierda img {
		margin-bottom:-6px;
}

#derecha {
		float:right;
		width: 590px;
		_width: 580px;
		margin-right:10px;
}

#derecha h1{
		font: 17px Arial, Verdana, Tahoma, sans-serif;
		font-weight:bold;
		color: #ed1e24;
		text-align: left;
		line-height: 18px;
		margin-bottom:10px;
}

#derecha h2{
		font: 15px Arial, Verdana, Tahoma, sans-serif;
		font-weight:bold;
		color: #222;
		text-align: left;
		line-height: 18px;
		margin-bottom:10px;
}

#derecha p{
		font: 13px Arial, Verdana, Tahoma, sans-serif;
		color: #171717;
		text-align: justify;
		line-height: 18px;
		margin-right:26px;
}


/*-------------- izquierda --------------*/

/*-------------- tablas --------------*/
table{
	margin-top:10px;
	}

.clas1{
	background:#7e7e7e;
	border: 1px solid #fff;
	color:#fff;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}
.clas2{
	color:#2a2a2a;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:3px;
	border-bottom: 1px solid #7e7e7e;
	border-right: 1px solid #7e7e7e;
	border-left: 1px solid #7e7e7e;
	}
.clas3{
	color:#666;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	}
.clas4{
	background:#666;
	border: 1px solid #fff;
	color:#fff;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	}
/*---------------------------- Varios ----------------------------*/

/*---------------------------- Pie de Pagina ----------------------------*/

#jrpie {
clear : both; 
} 

#footer {
	clear : both; 
	background-color: #d1d1d1;
	height:50px;
	margin:10px;

}

#footer #texto {
	width:825px;
	margin:auto;

}

#footer #texto .uno{
	float:left;
	text-align:left;
	margin-top:8px;
	margin-left:8px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer #texto .uno a{
	color: #000000; 
	text-decoration: none;
}

#footer #texto .uno a:hover{
	color: #000000; 
	text-decoration: underline;
}

#footer #texto .dos{
	float:right;
	text-align:right;
	margin-top:10px;
	margin-right:26px;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer #texto .dos a{
	color: #000000; 
	text-decoration: none;
}

#footer #texto .dos a:hover{
	color: #000000; 
	text-decoration: underline;
}