/***********************************************/ 
/*            ESTILO  LRYASOC  2006            */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/***********************************************/
/***********************************************/ 
/*            DESARROLLADO POR                 */
/* Soluciones Web Globales                     */
/* www.mexwebs.com                             */
/* webmaster@mexdesign.com                     */
/***********************************************/
/***********************************************/ 
/*     MEXWEBS DEVELOPER TEAM                  */
/*    Hugo Enrique Flores González             */
/*    programador1@mexwebs.com                 */
/***********************************************/ 
/***********************************************/ 
/*            ULTIMA MODIFICACION              */
/*                2007-01-31                   */
/*                   POR                       */
/*        Hugo Enrique Flores González         */
/*          programador1@mexwebs.com           */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {

	font-family: Tahoma, Arial;

	font-size: 85%;

	line-height: 1.3;

	margin: 0px;

	text-align:center;

    	color: #333333;

	background-color: #EBEBEB;

}

#pagecontainer

{

	margin:10px auto 0px auto;

	width: 770px;

	text-align: left;

	display:block;

	height: auto;

	padding: 0;

    color: #4E4E4E;

	background-color: #EEEEEE;

	border: 1px solid #5C6165;

}

#photocontainer

{

	margin-left:auto;

	margin-right:auto;

	width: 550px;

	text-align: left;

	padding: 0px;

	margin-bottom: 5px;

	margin-top: 5px;

	background-color: #FFFFFF;

	display:block;

	height: auto;

}

#photocontainer p {

    text-align:center;

}

a:link {

	color: #680D12;

	text-decoration: none;

}

a:visited {

	color: #650A0F;

	text-decoration: none;

}

a:hover {

	color: #650A0F;

	text-decoration: underline;

}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {

	font-family: Tahoma, Arial;

	margin: 0px;

	padding: 0px;

}

h1{

 display: block;

 margin: 0px 0px 0px 0px;

 padding: 5px 5px 5px 7px;

 font-weight:bold;

 color: #CDC3C2;

 background-color: #61060B;

 background-image: url(../images/h1bg.jpg);

 font-size: 14px;

 text-align: left;

}
h1 a,h1 a:link,h1 a:visited{
 color:#C8C9C4;
}

h1 a:hover{
 color:#C9C9C9;
}
h2{

 display: block;

 margin: 10px 0px 0px 5px;

 padding: 2px 3px 0px 15px;

 font-weight:bold;

 background-image: url(../images/dot.jpg);

 background-repeat: no-repeat;

 background-position: left;

 font-size: 100%;

 text-align: left;

}

	h2 a:hover {

		color: #650A0F;

		text-decoration: none;

	}

h3{

 font-size: 100%;

 color: #650A0F;

 padding: 2px 0 0 20px;
 
 background: url(../images/doth3on.jpg) no-repeat left;

}

	h3 a,h3 a:hover,h3 a:link,h3 a:visited {
   color: #626262;
	}

h4{

 display: block;

 margin: 1px 0px 0px 5px;

 padding: 1px 3px 0px 20px;

 font-weight:bold;

 font-size: 100%;

 text-align: left;
 
 background: url(../images/doth3on.jpg) no-repeat left;

}

	h4 a:link {

		color: #650A0F;

	}

	h4 a:visited {

		color: #650A0F;

	}

	h4:hover {

		color: #650A0F;
		
		background: url(../images/dotmn2.jpg) no-repeat left;

	}

h5{

  color: #07749E;

}

	h5 a:link, h5 a:visited {

	  color: #07749E;

	}

ul{

 list-style-type: square;

}

ul ul{

 list-style-type: disc;

}

ul ul ul{

 list-style-type: none;

}

p{

 margin    : 5px 0px;

 text-align: justify;

}

form {

 margin: 0;

 padding: 0;

}

hr {

  clear: both;

}

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

/* Layout Divs                                 */

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

#masthead{

    clear: both;

	width: 770px;

	height: 95px;

	display:block;

	background-image: url(../images/headbg.jpg);

}

	#logo{

		height: 60px;

		float:left;

		font-size: 11px;

		margin: 10px 0px 0 16px;

		clear: both;

	}

#intro{

	margin-left: 228px; 

	padding: 0px;

	display:block;

	margin: 0px 1px 0px 1px;

	float: left;

	width: 310px;

}

/* masthead end */

#c1{

	width: 770px;

	display:block;

	clear: both;

}

#c2 {

	display: block;

	background-image: url(../images/leftcolumn.jpg);

	background-repeat: repeat-y;

	background-position: left;

}

#c3 {

	background-image: url(../images/rightcolumn.jpg);

	background-repeat: repeat-y;

	background-position:right;

	display: block;

}

	#left_column {

		width: 226px;

		float: left;

		border-right: 1px solid #414549;

	}

		#menu {

		}

			#menu ul {

				margin:0px;

				padding: 0px;

			}

				#menu ul li {

				    background-color: #999999;

					margin: 0 0 0 0;
					
					border-bottom:2px solid #545358;

					list-style-type: none;

					padding: 5px 10px 5px 0;

					height: 28px;

				}

					#menu ul li div {

						background-image: url(../images/mnlibg.jpg);

						background-repeat: repeat-y;

						background-position: right;

						height: 28px;

					}

						#menu ul li a {

							background-color: #B8B8B8;

							color: #696969;

							margin: 0px 10px 0px 0;

							padding: 6px 4px 6px 25px;

							list-style-type: none;

							background-image: url(../images/dotmn1.jpg);

							background-repeat: no-repeat;

							background-position: 5px;

							display: block;

							font-weight: bold;

							font-size: 13px;

						}

							#menu ul li a:link {

								color: #696969;

							}

							#menu ul li a:visited {

								color: #696969;

							}

							#menu ul li a:hover {

								background:#D6D6D6 url(../images/dotmn2.jpg) no-repeat;

								background-position: 5px;

								color: #4C4C4C;

								text-decoration: none;

							}

	#right_column {

		width: 229px;

		float: right;

		border-left: 1px solid #414549;

	}

	.topsection {

	    height: 348px;

	}
	
	#left_column .topsection {

	    height: 377px;

	}	

	.features {

		margin: 0;

		font-size: 85%;

		padding: 5px;

		text-align: left;

	}
	
		.features h2, .features h2 a:link, .features h2 a:visited{

			font-weight:bold;

			color: #B6BBC1;

		}

			.features h2 a:hover{

				color: #650A0F;

			}

		.features h3, .features h3 a:link, .features h3 a:visited{

			font-weight:bold;

			color: #C11112;

		}

		.features div, .features p {

			padding: 1px;

			clear: both;

			font-size: 90%;

		}

		#searchbox {

			padding: 25px 10px 0px 0px;

			vertical-align: middle;

			float: right;

			color: #FFFFFF;

			font-size: 90%;
			
			width:300px;
		}

			#searchboxlabel {

			    border-right: 2px solid #686D71;border-left: 2px solid #686D71;

				padding: 15px 5px 0px 0px;

				margin-right:5px;

				float: left;

			}

				#searchboxlabel a ,#searchboxlabel a:link ,
				#searchboxlabel a visited,#searchboxlabel a:hover {
				
				  margin-left:3px;

					padding-left: 10px;

					background-image: url(../images/dotsearch.jpg);

					background-repeat: no-repeat;

					background-position: left;
					
					width:180px;
					
					color:#FFFFFF;

				}

			#searchboxform {

			    vertical-align: middle;
					
			}
			

			#searchboxcriterion {

				margin: 0px;

			}

		#servicios {

			background-image: url(../images/aguilabg.jpg);

			background-position: center middle;

			background-repeat: no-repeat;
			
			line-height:10px;

		}



		#utils{

			font-size:80%;

			display:block;

			text-align: center;

			clear: both;

			margin: 0px;

			padding: 5px;

			color: #A7A9AD;

			background-color: #EEEEEE;

		}
		#utils ul{
			margin:0;
			padding:0px;
			list-style:none;
			overflow:hidden;
		}		
		#utils ul li{
				float:left;
				margin: 0px 0px;
				padding:0px 0px 0px 0px;
				list-style-type: none;
				height:24px;
				text-align:center;
		}				

#content{

	margin-left: 228px; 

	padding:0px 0px 0px 0px;

	display:block;

	margin: 0px;

	float: left;

	width: 313px;
	
	overflow:hidden;
	
	background-color: #EEEEEE;
	
	color:#979797;

}

	.story {

    	color: #979797;

		background-color: #EEEEEE;

		clear: both;

		font-size: 90%;

		background-image: url(../images/storybg.jpg);

		background-position: bottom left;

		background-repeat: no-repeat;

		padding: 2px 2px 3px 1px;

		margin: 0px;
		
		text-align:justify;

	}

		.story h2, .story h2 a {

			  font-weight:bold;

			  color: #650A0F;

			  font-size: 100%;

			  margin: 2px 0 5px 0;

  		}

			.story h2 a {

				  color: #650A0F;

			}

		.story h3 {

		    margin: 0 0 5px 0;

		}

		.story img{

			padding: 1px;

			margin: 1px 2px;

		}

		.story p{

			margin: 0px;

			padding: 0px 0px 5px 0px;

		}

		.story div {

			padding: 0 5px 5px 0;

		}

		.story div div {

			padding: 0px;

		}

		.story td {

		   font-size: 100%;

		}

		.story table{

		 font-size: 100%;

		 margin: 0px;

		 padding: 0px;

		}

		.box {

			width: 242px;

			background-color: #ffffff;

			padding: 3px;

			margin: 0px 5px 10px 0px;

			clear: right;

			float: left;

			font-size: 85%;

			background-image: url(../images/boxbg.jpg);

			background-position: bottom right;

			background-repeat: no-repeat;

			border-bottom: 1px solid #D2D2D2;

			text-align: left;

		}

			.box h2 {

				  font-weight:bold;

				  color: #333333;

				  text-transform: uppercase;

				  font-size: 120%;

				  margin: 0 0 5px 0;

			}

			.box h2 a:link{

				  color: #333333;

			}

			.box h2 a:visited{

				  color: #3B6A81;

			}

			.box h2 a:hover {

				color: #650A0F;

				text-decoration: underline;

			}

			.box h4{

				display: block;

				margin: 0px;

				padding: 0px 0px 0px 10px;

				font-weight:bold;

				color: #3B6A81;

				text-transform: uppercase;

				font-size: 100%;

				background-image: url(../images/dot1.jpg);

				background-position: left;

				background-repeat: no-repeat;

			}

			.box p, .box a {

				font-size: 100%;

			}



/* C1 end */



.properties {

	padding: 2px;

	clear: both;

	font-size:9px;

	display: block;

	text-align:left;

	font-style:italic;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

}

.paginate {

	padding: 5px 0 0 0;

	clear: both;

	font-size:90%;

	display: block;

	text-align:center;

}

	.paginate a {

	    padding: 1px 3px 1px 3px;

	}

	.paginate b {

		font-weight: bold;

		color:#aaaaaa;

	}

.subcategory {

	width: 175px;

	float: left;

	padding: 5px;

	margin: 2px;

	text-align:left;

}

	.subcategory a {

	   background-image: url(../images/doth3.jpg);

	   background-repeat:no-repeat;

	   background-position: left;

	   padding-left: 15px;

	}

.attachments, .attachments_imgs {

	padding: 3px 0 0 0;

	clear: both;

	display: block;

}

	.attachments ul, .attachments_imgs ul {

	  margin: 0px;

	  padding: 2px;

      list-style-type: none;

	}

	.attachments li, .attachments_imgs li {

	    list-style-type: none;

	    background-image: url(../images/dot3.jpg);

		background-repeat: no-repeat;

		background-position: left;

		margin-left: 5px;

		padding-left: 15px;

	}

.attributes {

	padding: 0;

}

	.attributes h3 {

	  display: none;

	}

	.attributes ul {

	  margin: 0px;

	  padding: 2px;

      list-style-type: none;

	}

	.attributes li {

	    list-style-type: none;

	}

.agencias {

  margin: 0px;

  padding: 2px;

  list-style-type: none;

  clear: both;

  font-size: 90%;

}

	.agencias li {

	    list-style-type: none;

		margin: 3px 0px 3px 5px;

		padding: 2px 2px 2px 15px;

		background-color: #EFF1F1;

		background-image: url(../images/square.jpg);

		background-repeat: no-repeat;

		background-position: 4px 50%;

	}

		.agencias li a, .agencias li a:link, .agencias li a:visited {

		   color: #333333;

		   text-transform:uppercase;

		}

.end {

	clear: both;

	font-size:10%;

	padding: 0px;

	margin:0px;

}

.contentend {

	clear: both;

	font-size:10%;

	padding: 0px;

	margin:0px;

	color: #A7A9AD;

	background-color: #FFFFFF;

}

.indent {

	margin-left: 20px;

}

#SimplePanel, #HiddenPanel {

	clear: both;

	width: 300px;

	font-size:100%;

	padding: 4px;

	margin: 10px;

	display:block;

	text-align: left;

	border: 1px dotted #3F3F3F;

	margin-left: auto;

	margin-right: auto;

}

	#SimplePanel a, #HiddenPanel a {

	   background-image: url(../images/dot.jpg);

	   background-repeat:no-repeat;

	   background-position: 1px 3px;

	   padding-left: 10px;

	}

/* C1 end */



/************* #siteInfo styles ***************/

#footer{

  display:block;

  clear: both;

  font-size: 80%;
text-align:center;
}
#footer ul{
      display:block;
			margin:0 auto 0 auto;
			padding:0px 0px 0px 70px;
			list-style:none;
			overflow:hidden;
				
}
	#footer ul li {
	      float:left;
				margin: 0px 0px;
				padding:0px 3px 0px 3px;
				list-style-type: none;
				height:24px;
				text-align:center;

	}

	#footer a:link{

		  color: #ffffff;

		  padding: 0 2px 0 2px;

	}

	#footer a:visited{

		  color: #cccccc;

		  padding: 0 2px 0 2px;

	}

	#footer a:hover {

		color: #C11112;

		text-decoration: none;

	}

#siteinfo{

	clear: both;

	display:block;

	background-image: url(../images/headbg.jpg);

}

	#copyright{

		padding: 3px;

		font-size: 75%;

	    color: #CCCCCC;

		text-align: left;

	}

	#mexdesign{

		padding: 3px;

		font-size: 75%;

		text-align: left;

	}

	#mexdesign a:link, #mexdesign a:visited {

	   color: #CCCCCC;

	}

	#icons{

	    clear: both;

		padding: 7px;

		font-size: 75%;

		float: left;

		vertical-align: middle;

	}

/* General Customize */

.more, .more:link, .more:visited {

	color: #650A0F;

	margin-top: 5px;

	padding-left: 13px;

	background-image: url(../images/dot3.jpg);

	background-position: 0 3px;

	background-repeat: no-repeat;

	text-align:right;

}

.more1, .more1:link, .more1:visited {

	font-size: 95%;

	clear:both;

	text-align:right;

	padding-right: 10px;

	background-image: url(../images/dot1.jpg);

	background-position: right;

	background-repeat: no-repeat;
	
	display:block;

}

/************** .story styles *****************/

.thumb {

  font-size: 85%;

  width: 165px;

  display:block;

  float:left;

  text-align:center;

  padding:3px;

  margin: 3px 6px 3px 0px;

  border: 1px solid #EEEEEE;

}

.corte {

  clear:both;

}

.doc_sep {

  clear:both;

  padding: 5px 0 0 0;

  margin: 0;

  border-bottom: 1px dotted #cccccc;

}

.sep {

  clear:both;

  border-bottom: 1px dotted #5C6165;

  font-size:10%;

}

.sep1 {

  clear:both;

  border-bottom: 1px dotted #5C6165;

  font-size:10%;

}

.sep2 {

  clear:both;

  border-bottom: 1px dotted #5C6165;

  font-size:50%;

  margin-bottom: 5px;

}

.dot {

  vertical-align: middle;

  padding: 0px 5px 0px 0px;

  border: 0px;

  margin: 0px;

}

.mexwebs {

  vertical-align: middle;

  margin: 0px 0px 0px 45px;

  border: 0px;

  padding: 0px;

}

.a-dotted {

  padding: 0px 10px 0px 15px;

  background-image: url(../images/dot.jpg);

  background-position: left;

  background-repeat: no-repeat;

  white-space: nowrap;

}
.story .a-dotted,.story  .a-dotted:visited,.story  .a-dotted:link {
	color: #C11112;
	font-size:85%;
}

.story .a-dotted:hover {
	color: #650A0F;
	text-decoration: underline;
	font-size:85%;
}

.a-dotted1 {
  padding: 0px 5px 0px 5px;
  white-space: nowrap;
	font-size:85%;
	border-left:1px solid #650A0F;
}

.h1sep {

  margin: 0px 0px 5px 0px;

  border-bottom: 2px solid #999999;

}

/************** Custom Classes ***********************************/

input, select, textarea {

 border:1px solid #000;

 font-family:Arial, Helvetica, sans-serif;

 font-size: 10px;

 margin: 1px;

}

.inputclear {

 border:0px solid #000;

 margin: 0px;

 padding: 0px;

}

/* aqui van los tabuladores de las tablas de planes...*/

.tabulador {

  font-size: 85%;

  font-size: 10px;

  color: #333333;

  margin: 3px;

  border: 1px solid #CCCCCC;

}

.tabulador1 {

  font-size: 85%;

  font-size: 10px;

  color: #333333;

  margin: 3px;

}

.tabulador td, .tabulador1 td {

}

.tabulador th, .tabulador1 th {

  background-color:#CCCCCC;

  text-align:left;

}

.tabulador select, .tabulador1 select {

  font-size: 10px;

  color: #333333;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #333333;

  margin: 3px;

}

.freetable {

  border-bottom : 1px solid #ffffff;

  border-left: 1px solid #ffffff;

  font-size: 100%;

}

.freetable td {

  border-top : 1px solid #ffffff;

  border-right: 1px solid #ffffff;

}

.buttons{

 background-color: #D4D0C8;

 font-size: 10px;

 font-weight:bold;

 color:#000000;

 margin: 1px;

}

.radio {

 border: 0px;

 padding: 0px 0px 0px 0px;

 margin: 0px;

}



.breadcrumb {

  font-size: 85%;

  margin: 3px 0 3px 0;

}



.ObjectAttributes, .ObjectAttribute, .AttributeName, .AttributeValue {

  display: none;

}

/* Polls */

.polls_answers, .polls_answers1 {
  vertical-align: middle;
}
.polls .radio {
 border: 0px;
 padding: 0px 5px 0px 0px;
 margin:0px 5px 0px 0px;
}
.polls td{
  height:10px;
	padding:0px;    
}
			#searchbox div .cajas_input{
  			width:100px;

      }
			#searchbox div .cajas_select{
        width:100px;

      }
			#searchbox div .imgbuttom{
		    position:relative;
				margin:0px;
				/margin:0px 0px -10px 0px;
				padding:0px;
				z-index:1;
        border:0px;
      }
			
					#localizarnos {

			background:#FFFFFF url(../images/address.jpg);

			background-position: 5px;

			background-repeat: no-repeat;

			padding-left: 80px;

			height: 109px;
			
			clear:both;
			
			font-size:80%;

		}
		
		.details{
		  text-align:right;
			display:block;
			padding:3px 0px 5px 0px;
		}
		
		#right_column #noticias{
		
		  background:#CFCFCF;
		
		}
		#servicios h3{
		 background: url(../images/dot.jpg) no-repeat left;
		}
	  #noticias h4 ,#noticias h4 a,#noticias h4 a:link,
		#noticias h4 a:visited,#noticias h4 a:hover{
		color: #650A0F;
		background-image: none;
    padding-left:2px;
	}	
	#noticias .object_resume{
	  border-bottom:3px double #000000;
		padding-bottom:2px;
	}
		  #content h3{
		background: url(../images/doth6.jpg) no-repeat left;

	}
	
	#language {
	  float:right;
		padding:0px;
		margin:0px;
	}
	
	/* aqui van los tabuladores de las tablas de planes...*/

.tabulador {

  border-bottom : 1px solid #CCCCCC;

  border-left: 1px solid #CCCCCC;

  font-size: 85%;

  font-size: 10px;

  color: #333333;

  margin: 3px;

}

.tabulador td {

  border-top : 1px solid #CCCCCC;

  border-right: 1px solid #CCCCCC;

}

.tabulador th {

  background-color:#CFCFCF;

  text-align:left;

  border-right: 1px solid #CCCCCC;

}

.tabulador select {

  font-size: 10px;

  color: #333333;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #333333;

  margin: 3px;

}

.freetable {

  border-bottom : 1px solid #ffffff;

  border-left: 1px solid #ffffff;

  font-size: 100%;

}

.freetable td {

  border-top : 1px solid #ffffff;

  border-right: 1px solid #ffffff;

}