html
{
    background-color:#eeeff3;
}

body {
	font-size: 12px;
	color:	#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	background-image:url(img/bgWeb.gif);
	background-repeat:repeat-x;
}

#contenedor {
	width: 1000px;
	margin: auto;
	position: relative;
	text-align:left;
	overflow:auto;
}

#topcabecera
{
    margin-top:30px;
    background-image:url(img/bgCabTop.png);
    background-repeat:no-repeat;
    height:15px;
}

#cabecera{
	width: 982px;
	height:96px;
	background-image:url(img/bgCab.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fafafc;
	
}

#cuerpo 
{
    height:auto;
	width:982px;
	overflow:auto;
	background-image:url(img/bgpaneles.gif);
	background-repeat:repeat-y;
}

#menu
{
    clear:both;
	width: 982px;
	height:40px;
	background-image:url(img/bgMenu.png);
	background-repeat:repeat-x;
    font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bolder;
	float: left;
}

.listamenu
{
    list-style-type: none;
    margin-left:0px;
    padding:0;
    margin-top:0px;
}

#menu .opcMenu {
	height: 40px;
	width: 120px;
	text-align: center;
	border-right: 1px #afc2c5 solid;
	line-height: 40px;
	cursor: pointer;
	float: left;
}

.encima_menu {
	height: 40px;
	width: 120px;
	text-align: center;
	border-right: 1px #afc2c5 solid;
	line-height: 40px;
	cursor: pointer;	
	float: left;
}

#menu .opcMenuSin {
	height: 40px;
	width: 200px;
	text-align: right;
	line-height: 40px;
	font-size: 18px;
	cursor: pointer;
	float: left;
}

#menu a {
	color: #FFFFFF;	
	text-decoration:none;
}

#menu a:hover {
	color: #9896d0;	
	text-decoration:none;
}

#ColumnaI {
	float:left;
	width:670px;
}

#ColumnaD {
	float:right;
	width:312px;
}

#ColumnaT {
	width:982px;
}

#panelSup
{
    margin-top:10px;
    margin-left:10px;
    background-image:url(img/panelSup.png);
    background-repeat:no-repeat;
    height:15px;
}

#panelInf
{
    margin-bottom:10px;
    margin-left:10px;
    background-image:url(img/panelInf.png);
    background-repeat:no-repeat;
    height:15px;
}

#panel
{
    width:650px;
    margin-left:10px;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
}

#panel680
{
    width:650px;
    margin-left:10px;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
    height: 680px;
}

#panel400
{
    width:650px;
    margin-left:10px;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
    height: 400px;
}

#panel240
{
    width:650px;
    margin-left:10px;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
    height: 240px;
}

.zona_buscador
{
    float:left;
    margin:10px;
    width:95%;
}

.zona_galeria
{
    width:630px;
    margin:10px;
}

#panelfotos
{
    width:650px;
    margin-left:10px;
    background-image:url(img/fondofotos.jpg);
    background-repeat:no-repeat;
    background-position:right;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
}

#paneltaller
{
    width:650px;
    margin-left:10px;
    background-image:url(img/fondotaller.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
}

#panelllantas
{
    width:650px;
    background-image:url(img/fondollantas.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin-left:10px;
    font-weight:bold;
    border-left:solid 1px #a4a8ab;
    border-right:solid 1px #a4a8ab;
    background-color:#FFFFFF;
}

.sinborde 
{
    border: 0px;
    cursor: pointer;
}

.zona_logo 
{
    float:left; margin-left:15px;
}

.zona_banners 
{
    float:left;margin:10px; width:98%;
}
.zona_pie2
{
    float:left; margin-top:15px; margin-left:10px;
}

.zona_legal
{
    float:right; margin-top:15px; margin-right:10px;
}

.zona_acceso
{
    float:right; margin-top:10px; margin-right:20px;
}

.parrafo
{
    padding:10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#000000;
    font-size:12px;
    font-weight:bold;
}

.parrafo300
{
    padding:10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#000000;
    font-size:12px;
    font-weight:bold;
    width: 300px;
}

.parrafo400
{
    padding:10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#000000;
    font-size:12px;
    font-weight:bold;
    width: 400px;
}

#pie{
    clear:both;
	width: 982px;
	height:40px;
	background-image:url(img/bgPie.png);
	background-repeat:repeat-x;
	text-align:left;
	font-size: 10px;
	font-weight:bolder;
	color:#2724aa;
}

#botpie
{
    background-image:url(img/bgPieBot.png);
    background-repeat:no-repeat;
    height:15px;
}


#pie a
{
	color:#2724aa;
	font-weight:bolder;
	text-decoration:none;
}

#pie a:hover
{
	color:#2724aa;
	font-weight:bolder;
	text-decoration:underline;
}

/********** LOGIN **********/
h1
{
    font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#1911ff;
	font-size: 40px;
	font-weight:bolder;
	margin: 0 0 0 10px;
	display: none;
}

h2
{
    font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#1911ff;
	font-size: 30px;
	font-weight:bolder;
	margin: 0 0 0 10px;
}

h3
{
   	margin: 0px 0px 0px 0px;
   	padding-right:10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#FFFFFF;
    font-size:16px;
    text-align:right;
    font-weight:bold;
    background-color:#221f93;
}

h4
{
   	margin: 0px 0px 0px 10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#000000;
    font-size:12px;
    font-weight:bold;
}

h5
{
   	margin: 0px 0px 0px 10px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana;
	color:#000000;
    font-size:12px;
    font-weight:bold;
}

#acceso
{
    float:left; 
    margin-left:10px;
    margin-top:10px;
    width:290px;
}


#acceso a
{
    color:#FFFFFF;
    text-decoration:none;
}

#acceso a:hover
{
    color:#FFFFFF;
    text-decoration:underline;
}

#banners
{
    float:right; 
    margin:20px 0 10px 5px;
}

#menugst
{
    float:left; 
    margin:0 0 0 5px;
}

.boton50
{
    float:left;
    width:50px;
    height:27px;
    padding:0px 0px 0px 0px;
    background-image: url(img/btn50.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    color:#000000;
    font-size:12px;
    font-weight:bold;
}

.boton50:hover
{
    background-image: url(img/btn50over.png);
    background-repeat:no-repeat;
}

.boton75
{
    float:left;
    width:75px;
    height:27px;
    padding:0px 0px 0px 0px;
    background-image: url(img/btn75.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    color:#000000;
    font-size:12px;
    font-weight:bold;
}

.boton75:hover
{
    background-image: url(img/btn75over.png);
    background-repeat:no-repeat;
}

.boton100
{
    float:left;
    width:100px;
    height:27px;
    padding:0px 0px 0px 5px;
    background-image: url(img/btn100.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    color:#000000;
    font-size:10px;
    font-weight:bold;
}

.boton100:hover
{
    background-image: url(img/btn100over.png);
    background-repeat:no-repeat;
}

.caja_001 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
}

.caja_50 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 50px;
}

.caja_100 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 100px;
}

.caja_115 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 115px;
}

.caja_130 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 130px;
}

.caja_170 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 170px;
}

.caja_300 {
    border:solid 1px #1911ff; 
    background-color:#FFFFFF;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
    color: #000000;
    width: 300px;
}

.borrado
{
    clear:both;
}

.btn 
{
    height:25px;
    padding:0px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
    color:#000000;
    font-size:11px;
    font-weight:bold;
}

.tblcab {
	background-color: #221f93;
    height:30px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

.tblpie 
{
    height:30px;
	color:#221f93;
	font-weight:bold;
	font-size:14px;
}

.tblfilapar {
	background-color: #eeeeee;
	height:20px;	
}

.tblfilaimpar {
	background-color: #dcdcdc;
	height:20px;	
}

.tblfilaon {
	background-color: #dbdbdb;	
	height:20px;
	
}

/* root element for scrollable */
.vertical {  
	position:relative;
	overflow:hidden;	
}

.horizontal {  
	position:relative;
	overflow:hidden;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	height:20000em;	
	margin: 0px;
}

.items h3 {
	margin: 0px;
	font-size:12px;
	color:#5c0670;
	font-weight: bold;
}

.item_job {
	border-bottom:1px solid #ddd;
	margin: 0px;
	padding:0px;
	font-size:12px;
	height:150px;
}

.item_job img {
	margin-top: 10px;
	margin-left: 20px;
}

.item_install {
	margin: 0px;
	padding:0px;
	font-size:12px;
	width:130px;
}

#actions {
    font-size:11px;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.foto
{
    border:solid 1px #C9C9C9;
}

.lightbox
{
    border:solid 1px #C9C9C9;
}

#fichafoto
{
    float:left;
    margin-left:10px;
    width:280px;
}

#fichatexto
{
    background-color:#d8dee3;
    float:right;
    margin-right:10px;
    width:350px;
}

/* the thumbnails */
#triggers {
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
}

.prev {
	left:0;
	border-left:0;
}

.next {
	right:0;
	border-right:0;
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/*** override styling in external stylesheets ***/



/* remove margins from the image */
.items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:20px 15px;
} 


/* tooltip styling */
#tooltip {
	display:none;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}



/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}

.txtrojo
{
    color:Red;   
    font-weight:bold;
}

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
}

.modal h2 {
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(img/transparent.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:441px;
}

.cabtab 
{
    background-color:#000084;
    font-weight:bold;
    color:White;
    height:30px;
    font-size:12px;
}

.footerstyle
{
    background-color: #CCCCCC;
    color: #000000;
}

.pagerstyle
{
    background-color: #999999;
    color: #000000;
    text-align: center;
}

.pagerstyle:hover
{
    color: #000000;
    text-align: center;
}

.GridView
{
    background-color: #ffffff;
    border: 1px solid #999999;
    width: 100%; 
}

.RowStyle
{
    background-color: #EEEEEE;
    color: #000000;
    font-weight: bold;
}

.AlternateRow
{
    background-color: #DCDCDC;
}

.align_center
{
    text-align: center;
}

.align_right
{
    text-align: right;
}

.align_left
{
    text-align: left;
}

.align_right_5
{
    text-align: right;
    margin-right: 5px;
}

.validacion
{
    color:Red;
    visibility:hidden;
}

.panelSup_class
{
    margin-top:10px;
    margin-left:10px;
    background-image:url(img/panelSup.png);
    background-repeat:no-repeat;
    height:15px;
}

.panelInf_class
{
    margin-bottom:10px;
    margin-left:10px;
    background-image:url(img/panelInf.png);
    background-repeat:no-repeat;
    height:15px;
}

.clase_mapa
{
    clear:both; margin-left:10px; margin-right:10px; border:solid 1px #cccccc;
}

.volver
{
    margin-left: 290px; margin-top: 10px;
}

.margen_10
{
    margin-left:10px; margin-top:10px;
}
.ul_banners
{
    list-style-type: none;
    margin-left:0px;
    padding:0;
    margin-top:0px;
}

.ul_banners li
{
    list-style: none;
    display: inline;
}

.ul_menu
{
    margin-top: 30px;
    width:250px; 
    font-size:20px;
}

.navy
{
    color:Navy;
}