/* @charset "utf-8"; */
body {
	background-image: url(../img/fondofijo.jpg);
}

.pie {

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

	font-size: 10px;

	color: #666666;

}

.pie_blanco {

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

	font-size: 10px;

	color:#000000;

}.titulo1 {

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

	font-size: 12px;

	color: #333333;

	text-transform: capitalize;

	font-style: normal;

	font-weight: bold;

}

.titulo_principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #99390F;

}

.borde {

	border-color:#666666;

	border-style:dashed;

	border-width:1px;

}


/* Aquí modificamos el Contenedor*/
.cont{   
	text-align:center;   
	padding: 5px;   
	margin: 0 auto;   
	/* width:500px; */
	float: left; */
	}
	
	/* Ahora la sombra */
.sombra
	{   
	margin:10px;   
	background:#CCCCCC; 
	/* Color de la sombra */   
	border: solid 1px #CCCCCC; 
	/* Color del borde */   
	width: 500px;
	}
	/* Veamos el texto */
.text{   
	border:solid 1px #CCCCCC;   
	margin:-10px 2px 2px -10px; 
	/* Aqui están los famosos márgenes negativos*/   
	padding:3px;   
	background:#FFFFFF; 
	/* Le damos un color de fondo */
	}

.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px; 
} 

.shadow, 
.content{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
} 


.content{ 
   background-color: #fff; /*background color of content*/ 
   color: #000; /*text color of content*/ 
   border: 1px solid #000; /*border color*/ 
   padding: .5em 2ex; 
} 
.td_borde {
	color: #D9D9D9;
	background-color: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
.titulo_detalle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A32403;
	background-color: #EFEFEF;
	font-weight: bold;
}

.borde1 {

	border-color:#666666;

	/*border-style:dashed; */

	border-width:1px;

}
.borde_pie {

	border-color:#666666;

	border-style:dashed;

	border-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#000000;

}
.left{float:left; margin:0 15px 4px 0;}
.centro{float:center; margin:0 15px 4px 0;}
.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:2px 2px 2px 2px;
}
.photo1{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:4px 16px 0px 3px;
}
.photo2{
float:right;
border:1px solid #bababa;
padding:1px;
background-color:#ffffff;
margin:1px 10px 1px 2px;
}
#marqueecontainer{
position: relative;
width: 235px; /*marquee width */
height: 450px; /*marquee height */
background-color: #F5F5F5;
overflow: hidden;
border: 1px solid grey;
padding: 2px;
/*padding-left: 4px;*/
}

#contenedor
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 750px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}


.servicios {

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

	font-size: 12px;

	color:#000000;

}
.photo3{
border:1px solid #bababa;
padding:2px; background:#E6F2FF;
margin:6px 18px 2px 5px;
}

/*Para la paginación de resultados */
.pag {
	position: relative;
	padding: 5px;
	margin: 5px 5px 0 5px;
	font-size: 10px;
	height: 10px;
}

.pag a, .pag span {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pag span.actual {
    border: 1px solid #DEDEDE;
    font-weight: bold;
    background: #3D7FB8;
    color: #fff;
}

.pag a {
    border: 1px solid #CDE2F1;
    text-decoration: none;
	color: #666666;
}

.pag a:hover {
    border-color: #A6D2F2;
	background:#EAEAEA;
}

.pag a.antsig {
    font-weight: bold;
	color: #3373AF;
}

.pag span.antsig {
    color: #666;
}

.pag span.antsig {
	border: 1px solid #ddd;
	color: #999;
}

.headerstyle{
display:block;
margin:30px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}
.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}
h3{
margin:20px 0 8px 0;
font-size:1.4em;
}
/*body{
  margin:0;
  padding:<length> 0 0 0;
 }


 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:<length>;
 }
 @media screen{
  body>div#header{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#contenidox{
  height:100%;
  overflow:auto;
 }
 */