/****************************************
SudPoint.com
/*****************************************/
html, body {
	min-width: 710px;

	text-align: center;
	
	background-image: url(images/fondo.gif);
	background-repeat: repeat;	
	background-color: #339999;
	
	margin: 0;
	padding: 0;
	
/*   background: #fff;*/
   color: #000;
}
/*************************************/
img {
	border: 0;
	margin: 0;
	padding: 0;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin: 0px;
	padding: 0px;
}
a:link {
   background: #fff;
   color: #037;
}
a:visited {
   background: #fff;
   color: #636;
}
/*******************************/
#contenido {
	width: 862px;	
	height: auto;
		
	margin: 0 auto;
	padding: 0;
		
	text-align: left;

	background-image: url(images/fondocuerpo.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #31659C;

	line-height: 16px;
}

/*******************************/
#encabezado {
	width: 702px;
  	height: 80px;
	
  	padding: 0;
	margin: 0;

	clear: both;
}
/*******************************/
/*#cuerpo {
	width: 700px;
  	padding: 0;
	margin: 0;

	clear: both;
}
/*******************************/
#pie {
	width: 862px;
	height: 20px;
  	padding: 0px;
	margin: 0px;

	text-align: center;
	
	clear: both;

	font-size: 10px;
	color: #FFFFFF;
	
	background-image: url(images/pie.gif);
	background-repeat: no-repeat;	
}
/*************************************/
#mainNav {
	width: 175px;

	margin: 0;
	padding: 0;
	
	float: left;
}
#mainNav img {
	float: left;	
	border: 0;
}
/*************************************/
#mainNav .menu {
	height: 180px;
	width: 150px;
	padding: 30px 0 0px 30px;
	margin: 0;
	float: left;
		
	text-align: left;	
	
	background-image: url(images/fondomenu.gif);
	background-repeat: no-repeat;	
}
#mainNav .menu ul {
	margin:0; 
	padding:0;
}
#mainNav .menu li {
	height: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	font-size: 0;
	display: block;
	text-indent: 20px;
	
	background:transparent url(images/btn/menu.gif) no-repeat 0px 0px;
}
#mainNav .menu a {
	display: block;
	border: 0;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #31659C;
	font-size:10px; 
	overflow:hidden;
	
	background:transparent url(images/btn/menu.gif) no-repeat 150px 0px;
}
#mainNav .menu a:link, a:visited, a:active {
}
#mainNav .menu a:hover {
	color: #FFFFFF;
	background-position: -151px 0;	
	z-index: 50;
}
/***************************************/
#mainNav .enlaces {
	margin: 0;
	padding: 0 0 0 25px;

	float: left;
}
#mainNav .enlaces img {
	padding: 0 0 4px 0;
	border: 0;
	border-bottom: 1px solid #B9D0EA;
}
#mainNav .enlaces a:link, a:visited, a:active {
}
#mainNav .enlaces a:hover {
	padding: 0 0 0 4px;
	float: left;
	border: 0;
}
/**********************************************/
.portafolioSeparadorTrabajos {
	clear: both;
	border-bottom: 1px solid #B9D0EA;
	padding: 0;
	margin: 0 0 16px 0;
}
/*************************************/
.separador {
	clear: both;
	padding: 0;
	margin: 0 0 24px 0;
}
/*************************************/
/* Titulo principal */
h1 {
	width: 470px;
	height: 18px;

/*	position: absolute;
	left: 200px;
	top: 160px;*/
	
	text-align: right;
	
	color: #64C3E1;
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	padding: 0px;
	margin: 0 0 16px 0;
}
/******************************/
/* subtitulos caja chica*/
h3 {
	width: 230px;
	height: 18px;
/*	position: relative;
	left: -20px;*/
	float: left;

	padding: 5px 0 0 0;
	margin: 0;
/*	margin-top: 20px;	*/

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #31659C;
	text-indent: 35px;
	
	background-image: url(images/cajas/chica_r1_c1.gif);
	background-repeat: no-repeat;
}
h4 {
	width: 230px;
	height: 28px;
	
	float: left;
		
	padding: 0 0 12px 0;
	margin: 0;
	
	background-image: url(images/cajas/chica_r4_c1.gif);
	background-repeat: no-repeat;
}
/******************************/
/* subtitulos caja grande*/
h5 {
	width: 480px;
	height: 18px;
	float: left;

	padding: 5px 0 0 0;
	margin: 0;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #31659C;
	text-indent: 35px;
	
	background-image: url(images/cajas/grande_r1_c1.gif);
	background-repeat: no-repeat;
}
h6 {
	width: 480px;
	height: 28px;
	
	float: left;
		
	padding: 0 0 12px 0;
	margin: 0;
	
	background-image: url(images/cajas/grande_r4_c1.gif);
	background-repeat: no-repeat;
}
h2 {
/*	text-transform: uppercase;*/
	font-weight: bold;
	font-size: 10px;
	color: #7B2424; /*#9C6531;*/
	padding: 0 0 10px 0;
	margin: 0;
}
/**********************************/

#datos {
	width: 480px;
	height: 100%;
	
  	padding: 20px 20px 20px 20px;
	margin: 0;
	float: left;
		
	text-align: left;
}

#derecha160{
	width: 165px;
	height: 100%;
	
  	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
		
	text-align: left;
}
/*************************************/
.columnaDatosIzq {
	width: 250px;
  	padding: 0 0 12px 0;
	margin: 0;	
	
	float: left;

	text-align: left;
}

.columnaDatosDer {
	width: 210px;
	
  	padding: 0 0 12px 0;
	margin: 0;
	
	float: left;
		
	text-align: left;	
}
.columnaImgDer {
	width: 210px;
	
  	padding: 0;
	margin: 40px 0 20px 0;
	
	float: left;
}

.columnaDatosMed {
	width: 460px;
  	padding: 0 0 12px 0;
	margin: 0;	
	float: left;

	text-align: left;
}
/***************************************/
.cajaChica {
	width: 190px;
	
  	padding: 20px 20px 16px 20px;
	margin: 0;
	float: left;
		
	text-align: left;	

	background-image: url(images/cajas/chica_r2_c1.gif);
	background-repeat: repeat-y;
}
.cajaGrande {
	width: 440px;
	
  	padding: 20px 20px 16px 20px;
	margin: 0;
	float: left;
		
	text-align: left;	

	background-image: url(images/cajas/grande_r2_c1.gif);
	background-repeat: repeat-y;
}
.cajaGrandeCentro {
	width: 440px;
	
  	padding: 20px 20px 16px 20px;
	margin: 0;
	float: left;
		
	text-align: center;	

	background-image: url(images/cajas/grande_r2_c1.gif);
	background-repeat: repeat-y;
}
.cajaGrande img {
	float: left;
	border-top: 4px solid #FFFFFF;
}
.cajaGrandeSwf {
	width: 440px;
	padding: 0 0 16px 0;
	margin: 0;
	float: left;
}
.cajaGrandeTablas {
	width: 473px;
	
  	padding: 10px 5px 16px 2px;
	margin: 0;
	float: left;
		
	text-align: left;	

	background-image: url(images/cajas/grande_r2_c1.gif);
	background-repeat: repeat-y;
}
.cajaGrandeDatDer {
	width: 300px;
	float: right;
	padding: 0;
	margin: 0;
}
.cajaGrandeDatPortafolio {
	width: 210px;
	min-height: 168px;
	float: right;
	padding: 0;
	margin: 0 0 8px 0;
	clear: right;
}
.cajaGrandeDatPortafolio2 {
	width: 200px;
	min-height: 88px;
	float: right;
	padding: 0;
	margin: 0 0 8px 0;
	clear: right;
}
.cajaSubChicaIzq {
	width: 210px;
	
  	padding: 0 10px 0 0px;
	margin: 0;
	float: left;
		
	text-align: left;	
}
.cajaSubChicaDer {
	width: 210px;
	
  	padding: 0 0 0 10px;
	margin: 0;
	float: left;
		
	text-align: left;	
}
/*****************************************/
/*
.tab10 {
  	padding-left: 10px;
}
.tab20 {
  	padding-left: 20px;
}
.tab30 {
  	padding-left: 30px;
}
.tab40 {
  	padding-left: 40px;
}

.tabular {
 	background-color: Blue;
}
/********************************************/
.formularios {
	color: #31659C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;

	background-color: #C2D7ED;
	border: 2px solid #C2D7ED;
	
	margin: 0 0 4px 0;
	
	border-bottom-color: #FF0000;
	border-bottom: 1px solid #31659C;
	
/*	border-right-color: #31659C;
	border-right-width: 1px;
	border-right-style: solid;
	*/
/*	margin-bottom: 6px;*/
}
/*********************************************/
.separadorUnderline {
	clear: both;
	border: 0;
	padding: 0;
	border-bottom: 1px solid #B9D0EA;
	padding: 0;
	margin: 0 0 16px 0;
}
.separadorAmplio {
	clear: both;
	border: 0;
	padding: 0;
	border-bottom: 1px solid #B9D0EA;
	padding: 0;
	margin: 16px 0 16px 0;
}

/*
.columnaBanner {
	width: 153px;
	height: 210px;
	
	float: left;
	
	margin-bottom: 16px;
}*/



/* cuando se usa FLOAT, hay que finalizar con esto o se hace lio.. */
.clearBoth {
	clear: both;
}

/*************************************************/
/* tablas de datos TARIFAS */
#tarifas table {
	width: 100%;
}
#tarifas tr {
}
#tarifas td {
	vertical-align: top;
}

#tarifas .info {
	width: 40%;
	padding: 0 0 0 5px ;			
	background-color: #D2DEEA;	
	font-weight: normal;
	font-size: 10px;
}
#tarifas .infoTab {
	width: 5%;
	background-color: #D2DEEA;	
}
#tarifas .datos {
	width: 20%;
	padding: 0 0 0 5px ;			
	font-size: 10px;
	background-color: #E7EFF7;	
}
#tarifas .datos2 {
	width: 30%;
	padding: 0 0 0 5px ;			
	font-size: 10px;
	background-color: #E7EFF7;	
}
#tarifas .datosTab {
	width: 10%;
/*	background-color: #E7EFF7;	*/
}
#tarifas .infoTit {
	width: 100%;
	padding: 0 0 0 5px ;						
	background-color: #BACBDB;
	font-weight: bold;	
}
#tarifas .rowTit {
	padding: 0 0 0 5px ;					
	font-weight: bold;
}
#tarifas .btn {
	height: 22px;
	background-image: url(images/btn/btn_contratar.gif);
	background-repeat: no-repeat;
	text-align: center;
/*	border: 8px 0 0 0;*/
}
#tarifas .btn a {
	color: #FFFFFF;
	border: 0;	
	text-decoration: none;
	background-color: #319A9C;
}
#tarifas .btn a:link, a:visited, a:active {
	border: 0;	
}
#tarifas .btn a:hover {
	color: #FFFFFF;
	border: 0;
	text-decoration: underline;
}
/***********************************/
#datos .submenu {
	width: 460px;
/*	height: 50px;*/
	
  	padding: 10px 10px 16px 10px;
	margin: 0;
/*	clear: both;*/
	float: left;
		
	text-align: left;	

	background-image: url(images/cajas/grande_r2_c1.gif);
	background-repeat: repeat-y;
	background-color: Aqua;
}
#datos .submenu a {
	height: 18px;
	color: #31659C;
	padding: 0 5px 0 6px;
	margin: 0 5px 0 0;
	
	border: 1px solid #E7EFF7;
	/*border-right: 5px solid #FFFFFF;	*/
	
	text-decoration:  none;
	
	display: block;
	float: left;
	
	background-color: #E7EFF7;
	
/*	background: transparent url(images/btn/menu_sub.gif) repeat-x;*/
}
#datos .submenu a:link, a:visited, a:active {
}
#datos .submenu a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #31659C;
	background-position:0 -18px;
	background-color: #98BAE0;
}
/***********************************/
#datos .enlaceImg img {
	margin: 0;
	padding: 0;
}
#datos .enlaceImg a {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	float: left;
	text-decoration: none;
}
#datos .enlaceImg a:visited, a:active, a:link {
}
#datos .enlaceImg a:hover {
	border-bottom: 1px solid #B9D0EA;
}
/***********************************/
#datos .imagen a {
	background-color: transparent;
	padding: 0 0 8px 0;
	border: 0;
	text-decoration:  none;
	display: block;
}
#datos .imagen a:link, a:active, a:visited {
	color: #319A9C;
}
#datos .imagen a:hover {
	text-decoration:  underline;
	color: #31659C;	
}
/*****************************************/
#datos p {
	padding:0px;
	margin: 0px 0px 8px 0px;
	line-height: 16px;
}
#datos em {
	color: #319A9C;
/*	background-color: transparent;	*/
	font-style: italic;
}
#datos strong {
	font-weight: bold;	
/*	color: #319A9C;*/
}
#datos ul {
	padding: 0 0 8px 0;
	margin:0; 
}
#datos li {
	padding: 0 0 5px 0;
	margin:0; 
	list-style-type: none;
	border-bottom: 1px dotted #76D1D3;
}
#datos img {
	padding: 0;
	margin: 0;
	border: 0;
}
#datos p a, li a {
	color: #319A9C;
	padding: 0 6px 1px 6px;
	border-bottom: 1px solid #76D1D3;
	text-decoration:  none;
}
#datos p a:link, p a:active, p a:visited {
	border-bottom: 1px solid #76D1D3;
}
#datos li a:link, li a:active, li a:visited {
	border-bottom: 1px solid #76D1D3;
}
#datos p a:hover, li a:hover  {
	color: #31659C;	
	border-bottom: 1px solid #31659C;
}
/***********************************/

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