HTML, BODY, INPUT {
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

* {
   padding: 0;
   margin: 0;
 }
#wrapper {
	width: 780px;
	margin: auto;
	border: 1px solid #333333;
	background-image: url(../images/bgd1px.jpg);
	background-repeat: repeat-y;
}

/*  =============================
	SECTION 1 : ENCABEZADO 
  	============================= */
	
#encabezado {
  background-color: #FFFFFF;  
}
    #encabezado h1 {
    }  
    #encabezado1 {
      background-color: #FFFFFF;  
      float: left; 
      width: 199px; 
      height: 199px; 
    }
    #encabezado2 {
	float: left;
	width: 355px;
	height: 199px;
	vertical-align: top;
    }
    #encabezado3 {
      float: left; 
      width: 220px;
      height: 199px; 
    }
	
/*  =============================
	SECTION 2 : BODYAREA 
  	============================= */
	
#bodyarea {
	float: right;
	width: 780px;
}

  
  #description {
	float: left;
	width: 645px;
  }
  
  #article_wide {
	text-align: left;
	width: 645px;
	background-color: #FFFFFF;
  }
  
  #icon_next {
	width: 50px;
	background-color: #FFFFFF;
	vertical-align: bottom;
  }

  #article_wide_img {
     width: 150px;
     float: right;
	 text-align: right;
	 color:#999999;
  }
  
  #article_wide_img p{
       color: #999999;
     FONT-FAMILY: Tahoma;
     FONT-SIZE: 11px;

  }

  #subarticle_wide {
	float: left;
	text-align: left;
	width: 300px;
	background-color: #FFFFFF;
  }

  #article_content {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	width: 600px;
  }
  
  .article_intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 50px;
	line-height: 32px;
	right: 0px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -4px;
	background-color: #255673;
	width: 40px;
	float: left;
	top: 0px;
	height: 35px;
	padding-left: 5px;
	padding-top: 5px;
  }

  .title {
	font-size: 50px;
	color: #255673;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
  }

  #separator_wide {
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-right: 50px;
	margin-left: 50px;
	position: relative;
  }

#footer {
  clear:both; 
  background-color: #D3DEE4;  
  padding: 1px; 
  text-align: center;
  font-size: 10px;
  color: #666666;
}

/* =====================================================
   
   LAYOUT FOR SINGLE ELEMENTS

   ===================================================== */

/*

a {
    text-decoration:none;
    background-color: #255673;
    color: #ffffff;
	padding: 1px;
	border: 1px solid #CDCBE1;
/*	color: #990000; */
/*
}

a:hover {
    color: #FFFFFF;
    background-color: #CDCBE1;
/*  color: #FFFFFF;
    background: #990000;  */
/*
}

*/
p {
    COLOR: #000033;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px;
}

#plain_img img {
	border: 2px solid #999999;
}


#description p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-bottom: 0;
}

#description p span  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #175B5C;
	font-weight: bold;
}

#description img {
	border: 2px solid #999999;
}


#article_wide a {
    text-decoration:none;
	padding: 1px;
/*    background-color: #255673;
    color: #ffffff;
	border: 1px solid #CDCBE1;
*/
}

/*
#article_wide a:hover {
    color: #FFFFFF;
    background-color: #CDCBE1;
}
*/



a.link {
    text-decoration:none;
    background-color: #255673;
    color: #ffffff;
	padding: 1px;
	border: 1px solid #CDCBE1;
}

a.link:hover{
    color: #FFFFFF;
    background-color: #CDCBE1;
}

#article_wide p {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 3px;
	margin-bottom: 0;
}

#article_wide p span {
	font-size: 16px;
	font-weight: bold;
	color: #255673;
	line-height: 2;

}
#article_wide li {
	COLOR: #000033;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 4px;
	MARGIN-TOP: 4px;
	padding-left: 5px;
	margin-left: 10px;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
	margin-right: 4px;
	vertical-align: top;
}

#article_wide img {
	text-align: center;
	border: 2px solid #999999;
}


#photo_list {
	margin: 0;
	padding: 10px 0px 4px 0px;
	vertical-align: top;
	text-align: left;	
}

#photo_list img {
	border: none;
	text-decoration: none;
	text-align: left;	
	border: 1px solid #999999;

}
#photo_list a {
	color: #666666;
    background-color: #FFFFFF;

}


ul.photo_list {
	margin: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: inline;
}

li.photo_list {
	display: inline;
	list-style-image: none;
	list-style-type:  none;
	margin: 0;
}

#footer a {
  color: 000033;
}

#tablestyle {
	border: 1px solid #999999;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}


/*  ============================
     
	 Tipos de letra resaltados

    ============================ */
	
.comentario {
	color: #666666;
	font-style: italic;
}

/*  =============================

	TABLAS

  	============================= */

td.color {
	border: 1px solid #737373;
	background-color: #F0F0F0;	

}

noprint {
   
}




/*  =============================

	MENU - LAYOUT 

  	============================= */

#menuBar {
	float: left;
	width: 120px;
	margin-right: 5px;
	height: 600px;
	background-color: #D3DEE4;
}  
  #menuBar ul {
	color: black;
	width: 120px;
	padding-left: 2px;
   }
   #menuBar li {
	list-style: none;
	border: 1px solid #FFFFFF;
	margin-bottom: 3px;
   }
   #menuBar a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #255673;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
   }
   
   #links{
	float: left;
	display: inline;
   }
   #block{
	display: block;
   }

   #links li{
	padding-left: 10px;
	padding-right: 10px;
   }

   #menuBar a:hover {
    background-color: #CDCBE1;
    color: #ffffff;
   } 
   
 #photo_container {
   float:left;
   width:600px; 
   text-align:center;
   margin:20 5 0 5px;
   font-weight:normal;
   display: block;
  }
 #photo_img {
   float:left;
   width:170;
   height:130px;
   padding: 15px;
 }
 
 #photo_desc {
   float:left;
   width:170;
   height:31px;
 }
 
 /* ============================
   	Preview de las fotos (ver preview.js)
	Muestra las fotos en grande
	al pasar el mouse por encima.
	============================ */
  
 #loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.title_h2 {
 width:300px;
 padding:12px 0 0 18px;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}

 
 
 /* ============================
   	El formulario de contacto
	============================ */
form {
  background-color: #66FF66;
  width: 400px;
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { display: block; } 
#inputfield, textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
#bancfield {
  width: 4em;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
#dcfield {
  width: 2em;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
#accountfield {
  width:  10em;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
  background-color: #d9d9d9; 
}



#calendar_div {
   float: left;
   margin-right: 20px;	
   width: 200px;
   height: 200px;
}

#calendar_div td {
background-color:#DAF4D3;
border-bottom:1px solid #A2ADBC;
border-right:1px solid #A2ADBC;
height:20px;
width:35px;
}
#calendar_div td a, #calendar_div td a:visited {
	background-color:#C4ECB9;
	color:#36404C;
	display:block;
	font-weight:bold;
	text-decoration:underline;
}
#calendar_div td a:hover, #calendar_div td a:active {
	background-color:#060;
	color:#EEEEEE;
	text-decoration:underline;
}

#calendar_div th {
background:#E4E7FF none repeat scroll 0 0;
border-bottom:1px solid #A2ADBC;
border-right:1px solid #A2ADBC;
border-top:1px solid #A2ADBC;
color:#000044;
font-size:11px;
font-weight:bold;
}

#calendar_div th a, #calendar_div th a:visited{
  text-decoration: none;	
}

#calendar_div th a:active{
  text-decoration: underline;	
}