/**************************************************

	G E N E R I C O

***************************************************/


body {
   margin: 30px;
   padding:0px;
   background-color:black;
}

html  {
	height:100%;
}

/**************************************************

	C A B E C E R A    D E L   S I T I O

***************************************************/

.Banner {
	height:300px;	
	background-color:maroon;
	margin: 0px;
}

.Content {
	text-align:left;	
	width:900px;	
	height:auto;
	margin: 0px auto;	
	background-color:white;
}

.Top {
	height:90px;
	background-color:black;
}

.TopRightContent {
	margin:0;
	padding:0;
	float:right;
	color:silver;
	font-family:Arial, Verdana, Tahoma;
	font-size:12px;
	width:180px;
}

.TopLeftContent {
	margin:0 0 10px 0;
	padding:0;
	float:left;
	color:silver;
	width:180px;
	height:70px;	
}

li.Celular {
	list-style:none;
	background-position: left bottom;
	background-repeat:no-repeat;
    padding-left:25px;
   	background-image: url('../images/celular.gif');
}

li.Telefono {
	list-style:none;
	background-position: left bottom;
	background-repeat:no-repeat;
    padding-left:25px;
   	background-image: url('../images/telefono.gif');
}

li.MSN {
	list-style:none;
	background-position: left bottom;
	background-repeat:no-repeat;
    padding-left:25px;
   	background-image: url('../images/msn.gif');
}

li.Mail {
	list-style:none;
	background-position: left bottom;
	background-repeat:no-repeat;
    padding-left:25px;
   	background-image: url('../images/mail.gif');
}

.SpaceMenu {
	 height:35px;
	 
}

.Menu {
	padding:0 0 0 32px; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:#fff url('../images/button1.gif'); 
	position:relative; 
	border:1px solid #000; 
	border-width:0 1px; 
	border-bottom:1px solid #444;
}

.Menu li {
	float:right;
	display:inline;
}

.Menu li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color:silver; 
	text-decoration:none; 
	font-size:11px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 8px; 
	cursor:pointer;
}

.Menu li a b {
	float:left; 
	display:block; 
	padding:0 16px 0 8px;
}

.Menu li.current a {
	color:#fff; 
	background:url('../images/button3.gif');
}

.Menu li.current a b {
	background:url('../images/button3.gif') no-repeat right top;
}

.Menu li a:hover {
	color:#fff; 
	background:#000 url('../images/button2.gif');
}

.Menu li a:hover b {
	background:url('../images/button2.gif') no-repeat right top;
}

.Menu li.current a:hover {
	color:#fff; 
	background:#000 url('../images/button3.gif'); 
	cursor:default;
}

.Menu li.current a:hover b {
	background:url('../images/button3.gif') no-repeat right top;
}

/**************************************************

	C O N T E N I D O

***************************************************/
div.Clear {
	clear:both;
}

ul.Servicios {
	clear:both;
	margin: 0px;
	padding:0px;
	list-style:none;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	margin-left:8px;
	color:Gray
}

.ImageBorder {
    border:0px;
}

li.ServiciosItem {

	margin-top:10px;
}

.Fontsize25 
{
    font-size:25px;
}

a.EnlaceGris{
	color:gray;
	text-decoration:none;
}

a.EnlaceGris:hover{
	color:black;
	text-decoration:none;
}

a.EnlacePlata {
	color:silver;
	text-decoration:none;
}

a.EnlacePlata:hover {
	color:white;
	text-decoration:none;
}

a.EnlaceNegro {
    color:Black;
    text-decoration:none;
}

a.EnlaceNegro:hover {
    color:Black;
    text-decoration:underline;
}

div.LeftContent {
	width: 660px;
	height:auto;
	margin: 0px;		
	float: left;
    padding: 0px;
}


div.Mensaje
{
    margin: 0px 0px 0px 20px;
    
}

span.TituloLeftRight {
    float: left;
    color: #000;    
    padding: 0px 5px 0px 5px;
    display: block;
    margin-right: 6px;
    font-family:Verdana, Tahoma, Arial;
    margin-top: 0px;
    font-size: 16px;
    font-weight:bold;
    width:190px;
    border-bottom:1px silver dotted;
}

span.TituloLeftRightAdmin {
    float: left;
    color: #000;    
    padding: 0px 5px 0px 5px;
    display: block;
    margin-right: 6px;
    font-family: Verdana, Tahoma, Arial;
    margin-top: 0px;
    font-size: 12px;
    font-weight:bold;
    width:190px;
    border-bottom:1px silver dotted;
}

.FormSelect 
{
    font-size:12px;
    color:Gray;
    font-family:Verdana, Tahoma, Arial;
    width:170px;
}

span.TituloCentro {
    float: left;
    color: #000;    
    padding: 3px 5px 0px 5px;
    display: block;
    margin-right: 6px;
    font-family:Verdana, Tahoma, Arial;
    margin-top: 5px;
    font-size: 20px;
    width:96%;
    border-bottom:1px silver dotted;
}

span.TituloContenido {
    float: left;
    color: #000;    
    padding: 3px 5px 0px 5px;
    display: block;
    margin-right: 6px;
    font-family:Verdana, Tahoma, Arial;
    margin-top: 5px;
    font-size: 16px;
    font-weight:bold;
    width:96%;
}

div.CenterContent {
    margin-left:150px;
	height:auto;
	width:420px;
	margin: 5px 0 5px 0;
	border-style:dotted;
	border-width:1px;
	border-color:silver;
    float:left;
    padding:5px;
}

div.Contenido {
	clear:both;	
	color:gray;
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	
}

span.Capital
{
    float: left;
    color: #000;
    border: 1px dotted  silver;
    padding: 3px 5px 1px 5px;
    display: block;
    margin-right: 6px;
    font-family:Verdana, Tahoma, Arial;
    margin-top: 5px;
    font-size: 80px;
    line-height: 60px;
}

div.RightContent {
	width:200px;
	height:auto;
    margin: 5px 0 5px 5px;
    margin-bottom:5px;
	border-left: dotted;
   	border-width:1px;
	border-color:silver;
	float:right;	
    padding:5px;
}

p.Sangria {
	margin-left:10px;
}

p.MargenTop15 {
     margin-top:15px;
     padding-top:15px;
}

p.SangriaLeft {
	margin-left:10px;
	margin-top:25px;
}


.MenuElements {
    list-style:none;
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	margin-top:5px;
}

.MenuItem {	
	margin-top:5px;
	text-align:justify;
}

.MenuItem a:link, a:visited {	
	text-decoration:none;
	color:gray;
}

.MenuItem a:hover{	
	text-decoration:none;
	color:black;
}

.MenuItem a:active{	
	text-decoration:none;
	color:maroon;
}


/**************************************************

	P I E   D E   P Á G I N A

***************************************************/
.Footer {
	clear:both;
	height:100px;
    background-image:url('../images/footer-bg.gif');
    background-repeat:repeat-x;
    background-color:Black;
    width:auto;	
    margin: 5px 0 0 0;
    float:inherit;
}
.Footer ul {
    float:right;	
	display:block;
	list-style-type:none;
	font-family:Verdana, Tahoma, Arial;
	font-size:x-small;
    margin-top:15px;
    margin-right:5px;
    color:silver;	
}


/**************************************************

	F O R M U L A R I O S

***************************************************/
ul.Fila {list-style-type:none;margin:0;padding:0;margin-bottom:0.2em;}
ul.Fila li{float:left;width:40%;margin:0;padding:0.5em 0 0.7em 0;padding-left:2em;}
ul.Fila .peque{float:left;width:12%;margin:0;padding:0;padding-left:2em;}
ul.Fila .doble{float:left;width:45%;margin:0;padding:0;padding-left:2em;}
ul.Fila .triple{float:left;width:95%;margin:0;padding:0.5em 0 0.7em 0;padding-left:2em;}
ul.Fila .cuatriple{float:left;width:22%;margin:0;padding:0;padding-left:2em;}
ul.Fila li label{display:block;margin-bottom:0.2em;}
ul.Fila li select{margin-bottom:0.2em;width:85%;display:inline;}
ul.Fila li .selectmedio{margin-bottom:0.2em;width:45%;display:inline;}


.EspacioSimple {
	padding:0;
}

.EspacioMedio {
	padding:0.5em 0 0.7em 0;
}

.FormatoGris {
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	color:gray;
}

.FormatoError 
{    
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	color:Red;
}

.FormatoNegro {
	font-family:Verdana, Tahoma, Arial;
	font-size:small;	
	color:black;
}

.Justificar {
    text-align:justify;
}

.Negrita {
	font-weight:bold;
}

.FondoNegro {
    background-color:Black;
}

.Cursiva {
    font-style:italic;
}

.Centrar 
{
    text-align:center;
}

.txtArea542 {
	width:542px;
	height:100px;
}

.txt240 {
	width:240px;
}

.txt542 {
	width:542px;
}

.Fuente {
    font-family:Verdana, Tahoma, Arial;
}

/******************************************************

	P R E G U N T A S  M A S  F R E C U E N T E S

*******************************************************/

span.Question {
	clear:both;
	color:gray;
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	margin:0 0 0 15px;
	padding:0px;	
}

span.Question:hover {
	color:black;
	cursor:pointer;
}

img.ImageToggle {	
	margin-right:10px;
}

div.Answer{
	cursor:default;
	color:black;
	font-family:Verdana, Tahoma, Arial;
	font-size:small;
	margin:5px 0 0 40px;
	padding:0px;		
}

/**************************************************

	G A L E R Í A   D E   I M Á G E N E S

***************************************************/

div.Gallery {
    
}

div.ContentGallery {
	width: 900px;
	height:auto;
	margin: 0px;	
	/*border-style: dotted;
	border-width: 1px;
	border-color: silver;*/
	float: left;
    padding: 0px;
}

ul.posts  {
    padding: 0;
    margin: 0;
    }
ul.posts  li {
    width: 670px;
    border: 1px solid #eee;
    background-color: #F9F9F9;
    background-image: none;
    float: left;
    clear: both;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 5px;
    }
ul.posts  a {
    text-decoration: none;
    color: #999;
    font-size: 9px;
    font-family: Verdana, Tahoma, Arial;
    }
.posts  img {
    display: block;
    float: left;
    border: 1px #ccc solid;
    background: white;
    padding: 3px;
    margin: 0 10px 0 0;
    }
ul.posts  h1 {
    padding: 5px 0 0 0;
    margin: 0;
    color: #CC0033;
    font-family: Verdana, Tahoma, Arial;
    font-size: 1.2em;
    }
ul.posts  p {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: Verdana, Tahoma, Arial;
    font-size:11px;
    }

div.GalleryItem 
{
    border-bottom-style:dotted;
	border-color:gray;
	border-width:1px;
	width:96%;
	height:auto;
	margin:15px 15px 15px 0px;
	float:left;
	overflow:hidden;
	font-family:Verdana, Tahoma, Arial;
}


div.GalleryDetailsItem {
	border-style:dotted;
	border-color:White;
	border-width:1px;
	width:100px;
	height:117px;
	margin:15px 15px 15px 10px;
	float:left;
	overflow:hidden;
}

div.SmallGallery 
{
  /*  width:330px;
    height:660px;
    position:*/
}

div.SmallGalleryPreview 
{
    width:64px;
    height:48px;
    float:left;
    border-color:Black;
    border-width:1px;
    border-style:solid;
    margin: 0px 0px 10px 0px;
    padding:0px;        
}
div.SmallGalleryView
{   
    clear:both; 
    width:298px;
    height:223px;
    float:right;
    border-width:1px; 
    border-style:solid;
    border-color:Black;
    margin: 0px 5px 0px 5px;
    padding: 0px;
}


div.HomeSmallGalleryView
{   
    width:128px;
    height:96px;
    float:left;
    border-width:1px; 
    border-style:solid;
    border-color:Gray;
    margin: 15px 0px 0px 35px;
    padding: 0px;
}

div.GalleryDetailsItem:hover {
	border-style:solid;
	border-color:#F3F3F3;
	border-width:1px;
	background-color:White;
	cursor:pointer;
}

div.GalleryDetailsItemImage 
{
	border-style:dotted;
	border-color:White;
	border-width:1px;
	width:100px;
	height:117px;
	margin:15px 15px 15px 10px;
	float:left;
	overflow:hidden;    
}

div.GalleryDetailsItemImage:hover {
    
}

div.TitleGallery
{
    margin:15px 15px 15px 0px; 
    color:black;	
	width:inherit;
	font-weight:bold;
}

div.TitleDetails 
{
    font-weight:normal;
    font-size:10px;
}

div.Image 
{    
    width:50px;
    height:50px;
    float:left;
    margin:15px 15px 15px 10px;
    border-style:dotted;
	border-color:gray;
	border-width:1px;
}





/**************************************************

	T A B s   D E   L A   G A L E R Í A

***************************************************/
div.TabContent {
    height:700px;
    width:98%;
}

div.TabTitle {
    float: left;
    padding: 5px 5px 0px 5px;
    font-family:Verdana, Tahoma, Arial;
    margin-top: 5px;
    border-bottom:1px silver dotted;
    width:98%;
}

div.TabTitleLeft 
{
    float:left;
    width:90%;
    color: #000;                        
    font-size: 20px;       
}

div.TabTitleRight 
{
    width:5%;
    float:right;
    color: #000;                        
    font-size: 11px;     
    padding: 0px;
    margin-bottom:0px;
    
}

div.TabTituloVolver {
    float:right;
    
}

div.TabContentLeft {
    float:left;
    width:200px;
}
div.TabContentMiddle {
    float:left;
    margin-left:10px;
    width:252px;
    font-weight:bold;
}

div.TabContentRight 
{
    float:right;
    width:400px;
}

div.TabDetails 
{
    text-align:justify;
    margin-top:20px;
    height:auto;
    clear:both;
    width:100%;
    
}

span.TabTitle {
    float: left;
    color: #000;    
    padding: 3px 5px 0px 5px;
    display: block;
    margin-right: 6px;
    font-family:Verdana, Tahoma Arial;
    margin-top: 5px;
    font-size: 12px;
    font-weight:bold;
    width:100%;
    border-bottom:1px silver dotted;
}

.ImageBig {
    height:480px;
    width:640px;
    border: solid 1px gray;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    float:right; 
    overflow:hidden;   
}

div.ImageSet {
    height:48px;
    width:64px;
    border: solid 1px gray;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    float:left;        
}

ImagePreview 
{
    height:640px;
    width:480px;
    overflow:hidden;    
}

.Volver {
    position:absolute;
    float:right;
    left:350px;
    top:200px;
}

/**************************************************

	M o d a l   p o p u p

***************************************************/


.Progress {
    display:block;	
    padding: 2px 3px;	
    width:400px;	
    height:auto;
    border: solid 1px #808080;
}

.BodyPopup {
    background-color:#FFFFCC;
    height:200px;
    width:400px;   
}

.Header {
	cursor:move;
	background: url(../images/fondopanel.png) repeat-x 0px 0px;
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 0px 10px;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.9;
	font-family: Verdana, Tahoma, Arial;
}

.modalbackground {
	background-color:Gray;
	_filter:alpha(opacity=60);
	_opacity:0.6;
}

.txt280 {
    width:280px;
}

.textarea280_100 {
    width:280px;
    height:100px;
}


/**************************************************

	A D s

***************************************************/
.Ads {
    width:160px;
    text-align:center;
    height:auto;
}

/**************************************************

	P A G I N A C I Ó N

***************************************************/
div.PageTop {
    font-family:Verdana, Tahoma, Arial;
    font-size:smaller;
    text-align:right;
}

div.PageDown {
    font-family:Verdana, Tahoma, Arial;
    font-size:smaller;
    text-align:right;
}

span.PageInit {
  border:0px;
}

span.PageBack {
  border:0px;  
}
span.PageNext {
    border:0px;
}

span.PageLast {
    border:0px;
}