﻿
/* Estilo predefinido para todo el sitio */
body, html { font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   background-image:url(../images/bg.jpg);
   background-repeat:no-repeat;
   background-position:center;
   background-color:#00152A;
   margin-top:0px;
   margin-left:0px;
   color:#666666;
   height:100%;  
 }

table{ font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   margin:0;
   padding:0;

   border:none
   }

#tabla1{ height:100%}

/* Liga predefinida */
 
a {
	text-decoration : none;
	color:#333333;
}

a:hover{
	text-decoration : underline;
	color:#333333;
}

span.no_parte a
{
	font-weight:bold;
	text-decoration: underline;
	color:Blue;
}
	
span.no_parte a:hover
{
	font-weight:bold;
	text-decoration : underline;
	color:blue;
}

a.no_parte
{
	font-weight:bold;
	text-decoration: underline;
	color:Blue;
}
	
a.no_parte:hover
{
	font-weight:bold;
	text-decoration : underline;
	color:blue;
}

img
{
	border:0;
	}

/* Estilos de colores */

.blanco{ color:#FFFFFF }
.grisClaro{ color:#999999; }
.rojo {color:#EA0000;}
.grisBuscador{color:#CCCCCC;}
.gris{color:#666666;}
.azul{color:#003567;}
.pieFoto {color:#5a5a5a;font-size:8px; text-align:justify; }

/* Tipografia bold */
.negrita{ font-weight:bold }

/* Estilos de tamaños */
.t10{ font-size:10px;}
.t11{ font-size:11px;}
.t12{ font-size:12px;}
.t8{ font-size:8px; }
.t14{ font-size:14px;}
.t20 {font-size:20px;}
.t16{ font-size:16px;}


/* Estilos de background */
.bgBlanco{ background-color:#ffffff; } 

/* Estilos para ligas */
a.grisClaro { color:#999999;
text-decoration:none}

a.grisClaro:hover { color:#999999;
text-decoration:underline}

a.blanco{ color:#FFFFFF;
text-decoration:none}

a.blanco:hover{ color:#FFFFFF;
text-decoration:underline}

a.rojo{ color:#EA0000;
text-decoration:none}

a.rojo:hover{ color:#EA0000;
text-decoration:underline}

.nota
{
	font-size:10px;
}

.combo 
{ font-size:11px;
}
.cajaTexto 
{ font-size:11px;
}

.tamCaja250 
{ width:250px;
  font-size:11px; 
}

.tamCaja200_12 
{ width:200px;
  font-size:12px; 
}

.tamCaja200 
{ width:200px;
  font-size:11px; 
}
.tamCaja150
{ width:150px;
  font-size:11px; 
}

.tamCaja160
{ width:160px;
  font-size:11px; 
}

.tamCaja125
{ width:125px;
  font-size:11px; 
}

.tamCaja156
{ width:156px;
  font-size:11px; 
}


.tamCaja100
{ width:100px;
  font-size:11px; 
}

.tamCaja80 
{ width:80px;
  font-size:11px; 
}

/* Estilo para listas  */

ul
{
    
    list-style-position:outside
}    
    
.bordeGris{ border: solid 1px #999999 }
.bordeGrisTop{ border-top: solid 1px #999999}
.bordeGrisBottom{ border-bottom: solid 1px #999999}
.bordeGrisLaterales{ border-left: solid 1px #999999; border-right: solid 1px #999999;}

.pageSelected
{  
   text-align:center;
   padding: 3px 3px 3px 3px;
   margin: 1px;
   display:inline;
   border: 1px solid #003567;
   font-weight:bolder;
   /*background-color: #999999;*/
   color: #003567; 
 }
 
 
 .bgBuscador
 {
	vertical-align:top; 
	background-repeat:repeat-y; 
	border-bottom: 3px #666666 solid;
	}
	
 

.bgGris
{
	background-color:#666666;
	
	}


.bordeGrisClaroBottom{ border-bottom: solid 1px #E9E9E9; } 
	
/**  ------------------------------ Checkboxlist ------------------------------ **/
chkList
{
    font-size:10px;
}

.chkList td
{
     width: 220px;    
}



/**  ------------------------------ ModalPopup ------------------------------ **/

.modalBackground 
{
    background-color:Black;
    filter:alpha(opacity=45);
    opacity:0.2;
} 

.modalBackground_default
{
    background-color:Black;
    filter:alpha(opacity=85);
    opacity:0.2;
} 

.containerModal
{
    width: 500px;
    height: 350;
    border: solid 1px #000000;
    background-color:#FFFFFF;
}


.containerModalTestimonios
{
    width: 700px;
    height: 500;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 


.containerModalMaps
{
    width: 600px;
    height: 530px;
    border: solid 1px #000000;
    background-color:#FFFFFF;
} 

.modalClose
{
    right: 7px;	
    background: url(../images/ic_cerrar.gif) no-repeat;	
    width: 27px;	
    height: 19px;
    cursor: pointer;	
    position: absolute;	
    top: 0px;	
   
}
    
/**  ------------------------------ ModalPopup  Mensajes(Error/Advertencias/etc) ------------------------------ **/
.modalpopupMsg
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.containerMsg
{
    width: 380px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.headerMsg
{
    background: url(../images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
    text-align:left;
} 

.headerMsg .msgMsg
{
    font-weight: bold;
}         

.bodyMsg
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
} 

.bodyMsg .msgMsg
{
   	color: #000;
   	font-size:11px;
   	text-align:left;
   	padding-left:20px;
}  

.bodyMsg .msgMsg2
{
   	color: #000;
   	font-size:11px;
   	text-align:left;
   	padding-left:40px;
}

.footerMsg
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.closeMsg
{
    right: 7px;	
    background: url(../images/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}
      


/**  ------------------------------ Gridview Classes------------------------------ **/
.alternatingrowstyle{
    background-color:#EAEAEA;
}
.headerstyle{
    background:url(../images/bg_gridview.gif) repeat scroll right center;
    color:#FFF;
    height:20px;
}

.headerstyle th 
{
    color:#FFF;
    border:1px solid #bbbbbb;
   
}  
.headerstyle a 
{
     color:#FFF;
     text-decoration:none;
  
}    

.sortascheaderstyle{
    background:#61758D url(../images/ic_arriba.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#61758D url(../images/ic_abajo.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle{
    background:url(../images/bg_gridview.gif) repeat scroll right center;
    color:#FFFFFF;
    font-size:10px;
    text-align:center;
    height:10;
} 

.pagerstyle select{
    font-size:10px;
    width:45px;
    color:#333333;
    font-weight:bold;
}  

.gotopage{
     font-size:10px;
     width:20px;
     font-weight:bold;
     text-align:center;
}



/**  ------------------------------ Ajax Loading Classes------------------------------ **/
#progressBackgroundFilter { 
  position:fixed; 
  top:-11px; 
  bottom:11px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:Black;  
  filter:alpha(opacity=30); 
  opacity:0.5; 
  z-index:1000; 
} 

#processMessage 
{
  border-style:inset;
  border-width:1px;
  border-color:black; 
  position:fixed;  
  top:40%;  
  left:43%; 
  padding:10px; 
  width:14%; 
  z-index:1001; 
  color:#000; 
  background-color:#fff; 
  text-align:center;
} 
         
.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}    
.bordeTBL 
{ border:solid 1px #000
}


/* -- */

.colorBg{background-color:#CCCCCC;}

.bgGrisMedio{ background-color: #CCCCCC ; }

.topBorder { border-top: #CCCCCC solid 1px }
.leftBorder{ border-left: #CCCCCC solid 1px }

.titProducto{ font-family: arial black, arial;
			  font-size:16px;
			  font-weight:bold;
			  color:#003567; }

.listaGuion{ list-style-image:url(../images/bullet_guion.jpg); }
.negrita{ font-weight:bold}

.negro { color:#000000 }

.bordeGrisMedio{ border: solid #999999 1px }

.bgGrisClaro{ background-color:#f5f5f5}



/*-------------------------------------------  Accordion Classes -------------------------------------------*/
.accordionHeader
{
    cursor: pointer;
}

accordionContent
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color: #515151;
 /*   border-bottom: 1px dashed #2F4F4F;*/
  padding: 0px; 
    
}
ul.lst_gallery
{
	list-style-type:none;
	
	margin-left:-50px;
	float:left;
}
ul.lst_gallery li{margin: 8px 8px 8px 8px;float:left;width:170px;}
ul.lst_gallery img{float:left;}
ul.lst_gallery div.img{float:left; height:134px;}
ul.lst_gallery div.titulo{margin-top:5px;float:left;width:150px;}
ul.lst_gallery .lupaGal{margin-top:5px;}

.btnClose{cursor:pointer;}


