@charset "UTF-8";
/* CSS Document */

/*============================================
	  
	Cliente  : Rg Motor 
	Fecha    : Junio - 2007 
	Diseñador: Fernando Vesga
	 
	Colores  : #c5190b // rojo rg
			 : #8a0000 // rojo base
			 : #440a03 // marron oscuro
			 : #590401 // marron claro
			 : #d66907 // naranja
	
	Fuentes  : Georgia      // Gunplay
			 : Trebuchet MS // Texto		
			  
=============================================*/


/*********************************************
               LAYOUT
**********************************************/

*,html{
	margin:0;
	padding:0;
}

html{
	background-color:#000000;
}





body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	background: #8a0000 url(../img/bg.jpg) repeat-x;
	margin-top:0px;
	text-align:center;
	width: 882px;
	margin:0 auto; /* centra el contenedor */
}


	#contenedor{
		margin:0 auto; /* centra el contenedor */
		width: 698px;
		text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/	
	}
		
		
		#top{
			height:auto;
		}
		
		
		
		#logo{
			margin-top:24px;
		}
		
		#border{
			height:5px;
			background-color:#f6f4ed;
		}
		
		#contenido{
			margin-left:-2px; /*desplazamos la caja central para que los bordes punteados no nos resten espacio */
			border-right:#e3ddd0 dashed 1px;
			border-left:#e3ddd0 dashed 1px;
		}
			
			#main{
				float:left;
				width:493px;
			}
			
			#sideBar{				
				float:left;
				width:182px;
			}
				
				
					
		#bottom{
			padding-bottom:50px;
			clear:both;
			background-image:url(../img/bg_bottom.jpg);
			background-position:left top;
			background-repeat:repeat-x;
			background-color:#d66907;
		}
		
		#firma{
			position:relative;
			top:87px;
			*top:89px;
			z-index:3;
		}
			

/*********************************************
               NAVEGACIÓN
**********************************************/
		
    #nav {
		width:100%;
		height:30px;
		background:#b80808 url(../img/bg_menu.gif) repeat-x;
		overflow:hidden;
	}
	
	#contenedor_nav{
		margin:0 auto; /* centra el contenedor */
		width: auto;
		text-align:center;
		display:block;
	}
	
    #contenedor_nav ul {
		margin:0;
		padding:0;
		list-style:none;
    }
    #contenedor_nav li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#contenedor_nav li img{
		border-left:1px solid #440a03;
	}
	
	#contenedor_nav li.last img{
		border-right:1px solid #440a03;
	}
	
    #contenedor_nav a {
		text-align:center;
		width:auto;
		margin:0;
		padding:0;
		text-decoration:none;
      }
    
    
    #contenedor_nav a:hover img {
		position:relative;
		top: -30px;
    }
    
	
	#contenedor_nav a.select img{
		position:relative;
		top: -30px;
	}
	
	

/*********************************************
               OTROS
**********************************************/

		/* Destacados */
		
		#info{
			width:518px;
			background-color:#FFF;
			margin-top:15px;
		}
		
		#destacadoficha #info{
			width:518px;
			background-color:#FFF;
		} 
		
		.destacado h3{
			padding:3px;
			color:#440a03;
		}
		
		.destacado img{
			margin-right:15px;
		}
			
			.imgDesc1{
				padding-bottom:5px;
				border-bottom:1px solid #440a03;
			}
			
			.imgDescFicha{
				margin-bottom:1px;
			}
			
			#destacadoficha{
				width:518px;
				margin-top:-15px;
				margin-bottom:10px;
				*margin-top:-20px;
				
			}
			
			.oficial, #destacadoficha{
				padding-bottom:17px;
				background-image:url(../img/pattern.gif);
				background-repeat:repeat-x;
				background-position:bottom;
			}
		
		.destacado p{
			line-height:12pt;
			padding:3px;
			color:#333;
			margin-bottom:1px;
		}
		
		#miniDestacados{
			margin-top:5px;
			width:518px;
			padding-bottom:5px;
			margin-bottom:10px;
			background-image:url(../img/pattern.gif);
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#miniGaleria{
			margin-top:5px;
			width:518px;
			padding-bottom:15px;
			margin-bottom:10px;
			background-image:url(../img/pattern.gif);
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		#miniDestacados .desc, #miniGaleria .desc{
			float:left;
		}
		
		#miniDestacados .primero, #miniGaleria .primero{
			margin-right:5px;
		}
		
			.desc span a:link, .desc span a:visited{
				font-size:1em;
				width:251px;
				padding-left:5px;
				padding-top:3px;
				height:29px;
				color:#d66907;
				display:block;
				background-image:url(../img/bandaDes.jpg);
				background-repeat:no-repeat;
				*margin-top:-5px;
				*padding-top:1px;
			}
			
			#miniGaleria .desc span{
				font-size:1em;
				width:251px;
				padding-left:5px;
				padding-top:3px;
				height:29px;
				color:#d66907;
				display:block;
				background-image:url(../img/bandaDes.jpg);
				background-repeat:no-repeat;
				*margin-top:-5px;
				*padding-top:1px;
			}

			.desc span a:hover{
				background-image:url(../img/bandaDesOn.jpg);				
			}
		
		#miniDestacados br, #miniGaleria br{
			clear:left;
		}
		
		
		#h3ficha{
			padding:3px;
		}
		
		#otros{
			margin-top:10px;
			border-top:1px solid #8a0000;			
		}
		
		#otros li{
			display:inline;
			margin-right:-4px;
		}	
		
		#otros li img{
			margin:0;
			padding:0;
		}
		
		#paginacion{
			margin-top:5px;
			width:100%;
			text-align:center;
		}
		
		#paginacion li{
			color:#d66907;
			display:inline;
		}
		
		#paginacion li a{
			color:#d66907;
			font-size:.8em;
			text-decoration:underline;
		}
		
		#paginacion li a:hover{
			text-decoration:none;
		
		}
		
		
		
		/*  Tabs  */
		
		.sector a{
			font-size:1em;
		}
		
		.sector a:link, .sector a:visited{
			padding:1px;
			border-bottom:1px dotted #e3ddd0;
		}
		
		.sector a:hover{
			background-color:#e3ddd0;
			padding:1px;
			border-bottom:1px dotted #e3ddd0;
		}
		 
		.colProyectos{
			float:left;
			width:271px;
			margin-top:10px;
		}
						
			.colProyectos li{
				border-top:1px dotted #e3ddd0;
				border-right:1px dotted #e3ddd0;
				border-left:1px dotted #e3ddd0;
			}
			
				#colProyectosIzq li, #colProyectosDer li{
					border-left:0;
					border-right:0;
				}
			
			.colProyectos li:hover{
				background-color:#ef342b;
			}
			
			.colProyectos li span{
				padding:5px;
				display:block;
				width:auto;
				height:auto;
			}
		
			.colProyectos li a:hover{
				color:#fff;
			}

		.TabbedPanelsContent h5{
			font-family:"Trebuchet MS", Arial, sans-serif;
			margin-top:20px;
			margin-bottom:5px;
		}
		
		
		
		
/*********************************************
               FORMATO
**********************************************/

		a{
			text-decoration:none;
			font-size:1em;
			font-weight:bold;
		}
		
			#sideBar dd a {
				display:block;
				width:170px;
			}
			
			#sideBar dd a:link, #sideBar dd a:visited {
				color:#d66907;
				background-image:url(../img/bulleton.jpg);
				background-repeat:no-repeat;
				background-position:right;
			}
			
			#sideBar dd a:hover,#sideBar dd a.selec  {
				color:#440a03;
				background-image:url(../img/bullet.jpg);
				background-repeat:no-repeat;
				background-position:right;
			}
			
			#sideBar p{
				padding:0;
				margin:0;
				width:168px;
			}
			
			#bottom p a:link, #bottom p a:visited, #info p a:link {
				font-size:1em;
				color:#8a0000;
				border-bottom:1px dotted #8a0000;
			}
			
			#bottom p a:hover, #info p a:hover{
				font-size:1em;
				color:#8a0000;
				border-bottom:1px solid #8a0000;
			}
				
			
			
		img{
			border:0;
		}
			
			.titImg {
				padding-bottom:2px;
				border-bottom:1px solid #d66907;
			}
			
			#sideBar img{
				margin-bottom:10px;
			}
			
		
		span{
			font-family:"Trebuchet MS", Arial, sans-serif;
			font-size:9pt;
		}
		
		h1,h2,h3,h4,h5{
			font-family:"Trebuchet MS", Arial, sans-serif;
			color:#d66907;
		}
		
		#h3ficha h3{
			background-color:#8a0000;
			color:#FFF;
			color:#fff;
		}	
			
		p{
			font-size:0.8em;
			line-height:14pt;
			color:#d66907;
		}
		
		
			p.bannerOficial{
				font-size:.9em;
				width:170px;
				background-color:#590401;
				padding:8px 0;
				text-align:center;
				margin-bottom:10px;
			}
			
			p.tecnico{
				width:518px;
				padding:3px;
				line-height:12pt;
				margin-bottom:50px;
			}
			
			#bottom p{
				text-align:center;
				font-size:.7em;				
				color:#8a0000;
			}
			
			
		
				
			
		
		cite, address{
			font-size:.7em;
			color:#444;
			font-style:normal;
		}
		
		ul{
			list-style:none;
		}
		
		
		
		#bottom ul{
			padding-left:5px;
		}
		
		#bottom ul a span{
			color:#444;
		}
			
		
		#links ul{
			margin:0;
			padding:0;
		}
		
		#links li{
			color:#444;
			line-height:16pt;
		}
		
		#links li a:link, #links li a:visited{
			color:#444;
			border-bottom:1px #e3ddd0 dotted;
			padding:1px;
		}
		
		#links li a:hover{
			background-color:#CCC;
			border-bottom:1px #e3ddd0 dotted;
			padding:1px;
		}
		
		#links span{
			color:#444;
		}
		
		
			
			
		#sideBar dl{
			margin-top:3px;
			margin-bottom:20px;
			width:170px;
		}
		
		#sideBar dt{
			margin-top:15px;
			color:#d66907;
			padding:5px;
			background-color:#440a03;		
		}
		
		#sideBar dd{
			font-size:0.8em;
			font-weight:bold;
			color:#d66907;
			line-height:15pt;
			border-bottom:1px solid #d66907;
		}
			
			
		#sideBar .separador{
			padding:5px;	
			background-image:url(../img/pattern.gif);
			background-repeat:repeat-x;
			background-position:bottom;
		}	

				
				
			
		
			

		
/*********************************************
               FORMULARIOS
**********************************************/

	#clientesForm {
		padding:0;
		font-family: "Trebuchet MS", Arial, san-serif; 
		color: #444; 
		padding-top:10px;
		width: 230px;
		text-align:left;
	}	
	
	#clientesForm label {
		display: block;
		float: left;
		margin-bottom: 5px;
		width: 50px;
		font-size:0.7em;
	}
	
	#clientesForm label.label2 {
		margin-left: 0px;
		margin-right:15px;
	}
	
	#clientesForm input{
		width: 160px;
		display: block;
		float: left;
		margin-bottom: 5px;
		font-size:0.7em;
		border:1px solid #e3ddd0;
	}
		
	
	#clientesForm #btn{
		width: 57px;
		float:right;
		border:0;
	}
	
	#clientesForm br {
		clear: left;
	}
	
	
	select{
		color:#8a0000;
		margin-top:5px;
		width:168px;
	}
	

/* clearfix*/


	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	<!-[if IE 7]>
	.clearfix {display:inline-block;}
	.clearfix {display:block;}
	<![endif]->
	
	
	
/*********************************************
               Calendar
**********************************************/

.mainCal {
	margin-top:10px;
	width:auto;
}

.month {
	font:bold .9em "trebuchet MS";
	color:white;
	padding:4px;
	background-color:#d66907;
}

.daysofweek {
	background-color:#890000;
	font:bold 12px verdana;
	color:white;
	padding:5px 0;
}

.days {
	font-size: 12px;
	font-family:verdana;
	color:black;
	background-color:#d66907;
	padding: 3px 3px 3px 3px;
	border:1px solid #a74000;
}

.days #today{
	font-weight: bold;
	color: white;
}

	.days #today a{
		width:auto;
		background:none;
		color: white;
	}
		.days #today a:link, .days #today a:link{
			font-weight: bold;
			color: white;
			border-bottom:1px dotted #890000;
		}
		
		.days #today a:hover{
			font-weight: bold;
			color: white;
			border-bottom:1px solid #890000;
		}

#calendarspace{
	margin-top:10px;
	margin-bottom:10px;
	
}