/* CSS Document */

/* COMMON */
* {
  margin: 0;
  padding: 0;
}

html,body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
	background-color: #EDEDED;
	color: #303140;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-align: center;
}

a {
	color: #000000;
	text-decoration: underline;
	-moz-outline-style: none; /* Saca un recuadrito que hay alrededor del link */
  	outline: none; /* Saca un recuadrito que hay alrededor del link */
}
a:hover {
	color: #000000;
	text-decoration: none;
}
img {
	border: none;
}

.nedstat , .spam {
	display: none;
}

.centered {
	text-align: center;
}
#container-page {
	margin: 0 auto;
	width: 752px;
	background: url(images/bgnd-fondo.png) repeat-y;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#container-head {
	margin: 0 5px;
	background: url(images/bgnd-head.png) no-repeat;
	text-align: left;
	position: relative;	
	height: 123px;
}

#head-logo {
	font: 1px sans-serif;
	text-indent: -9999px;
}

#head-logo a {
	width: 81px;
	display: block;
	text-decoration: none;
	height: 91px;
	position: absolute;
	top: 31px;
	left: 40px;
}

#container-nav {
	height: 25px;
	background: url(images/bgnd-nav.png) repeat-x;
	margin: 0 5px;
}

#nav, #lang {
	list-style: none none;
}

#nav li, #lang li {
	margin: 0;
	padding: 0;
	list-style: none none;
	display: inline;
	text-indent: -9999px;
	text-decoration: none;
}

#nav a, #lang a {
  float: left;
  display: block;
  background: url(images/bgnd-nav-btn.png) no-repeat;
  text-decoration: none;
  height: 24px;  
}

#lang {
	position: absolute;
	right: 10px;
}

#lang a {
	width: 33px;
}

#nav #nav-inicio a {
	width: 95px;
}
#nav #nav-inicio a:hover,#nav #nav-inicio a.selected {
	background-position: 0 -24px;
}

#nav #nav-servicios a {
	width: 105px;
	background-position: -95px 0;
}

#nav #nav-servicios a:hover,#nav #nav-servicios a.selected {
	background-position: -95px -24px;
}

#nav #nav-portfolio a {
	width: 114px;
	background-position: -200px 0;
}

#nav #nav-portfolio a:hover,#nav #nav-portfolio a.selected {
	background-position: -200px -24px;
}

#nav #nav-extras a {
	width: 100px;
	background-position: -314px 0;
}

#nav #nav-extras a:hover,#nav #nav-extras a.selected {
	background-position: -314px -24px;
}

#nav #nav-contacto a {
	width: 121px;
	background-position: -414px 0;
}

#nav #nav-contacto a:hover,#nav #nav-contacto a.selected {
	background-position: -414px -24px;
}

#lang #lang-spa a {
	background-position: -670px 0;
}

#lang #lang-spa a:hover,#lang #lang-spa a.selected {
	background-position: -670px -24px;
}

#lang #lang-eng a {
	background-position: -703px 0;
}

#lang #lang-eng a:hover,#lang #lang-eng a.selected {
	background-position: -703px -24px;
}

#container-footer {
	height: 139px;
	background: url(images/bgnd-footer.png) repeat-x;
	background-color: #242530;
	width: 742px;
	position: absolute;
	left: 5px;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
}

#container-footer-spacer {
	height: 150px;
	clear: both;
}

#footer-lamp a {
	display: block;
	position: absolute;
	top: 13px;
	left: 22px;
	width: 82px;
	height: 102px;
	background: url(images/bgnd-footer-lamp.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
}

#footer-text {
	text-align: right;	
	margin: 20px 10px 0 0;
}

#footer-text h3 {
	color: #E0E0E0;
	line-height: 20px;
	font-size: 12px;
}

#footer-text p,#footer-text a {
	color: #E0E0E0;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 8px;
}

#footer-text p strong,#footer-text h3 strong {
	color: #E99F00;
}

.header {
	margin: 0 5px;
}

.content {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.high {
	font-weight: bold;
	color: #8e188c;
}
/* INDEX */

#idx-container-header {
	border-bottom: 2px solid #edb233;	
}

#idx-container-content h2 {
	display: none;
}

#idx-container-proyecto {
	position: relative;
	background: url(images/idx-proyecto-back.png) no-repeat;
	width: 356px;
	height: 161px;
	margin-bottom: 15px;
}

#idx-container-proyecto p,#idx-container-proyecto h3 {
	margin-left: 90px;
}

#idx-container-proyecto h3 {
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	text-transform: uppercase;
}

#idx-container-proyecto div.nav {
	position: absolute;
	top: 144px;
	right: 1px;
	height: 13px;
	width: 159px;
}

#idx-container-proyecto div.nav a {
	display: block;
	float: left;
	background: url(images/idx-cuadritos-nav.png) no-repeat;
	height: 13px;
	text-indent: -9999px;
	font-size: 1px;
	text-decoration: none;
}

#idx-container-proyecto #proyecto-versitio a {
	width: 72px;
	background-position: 0 -13px;
}

#idx-container-proyecto #proyecto-versitio a:hover {
	background-position: 0 0;
}

#idx-container-proyecto #proyecto-verportfolio a {
	width: 87px;
	background-position: -72px -13px;
}

#idx-container-proyecto #proyecto-verportfolio a:hover {
	background-position: -72px 0;
}

#idx-container-proyecto #proyecto-images {
	margin-left: 90px;
	margin-top: 10px;
}

#idx-container-proyecto #proyecto-images img {
	border: 1px solid #303140;
}

#proyecto-images #tl,#proyecto-images #tr {
	margin-bottom: 4px;	
}

#proyecto-images #tl,#proyecto-images #bl {
	margin-left: 6px;	
	margin-right: 6px;
}

#idx-container-servicios {
	position: absolute;
	background: url(images/idx-servicios-back.png) no-repeat;
	width: 330px;
	height: 161px;
	left: 382px;
	top: 0;
}

#idx-container-servicios ul {
	margin-left: 60px;
	margin-top: 10px;
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	list-style: none none;
}

#idx-container-servicios li {
	background: url(images/idx-servicios-bullet.png) no-repeat 2% 50%;
	padding-left: 20px;
}

#idx-container-servicios div.nav {
	position: absolute;
	top: 144px;
	right: 2px;
	height: 13px;
	width: 92px;
}


#idx-container-servicios div.nav a {
	display: block;
	height: 13px;
	width: 92px;
	background: url(images/idx-cuadritos-nav.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
}

#idx-container-servicios #servicios-iraservicios a {
	background-position: -159px -13px;
}

#idx-container-servicios #servicios-iraservicios a:hover {
	background-position: -159px 0;
}

#idx-container-concepto {
	background: url(images/idx-concepto-back.png) no-repeat;
	width: 712px;
	min-height: 144px;
	height: auto !important; /* For Modern Browsers */
	height: 144px;
}

#idx-container-concepto p,#idx-container-concepto h3 {
	margin-left: 80px;
	margin-right: 90px;
}

#idx-container-concepto ul {
	margin-left: 120px;
}

#idx-container-concepto h3 {
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

#idx-container-concepto p,#idx-container-concepto li {
	padding-bottom: 4px;
	line-height: 14px;
}

#idx-concepto-borde {
	background: url(images/idx-concepto-borde.png) no-repeat;
	width: 712px;
	height: 4px;
}

/* SERVICIOS - ESTRUCTURA */

#srv-container-header img {
	border-bottom: 2px solid #edb233;
}

#srv-container-content h2 {
	height: 37px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#srv-hosting-borde,#srv-servicios-borde {
	height: 4px;
}

#srv-servicios-container,#srv-hosting-container {
	padding: 10px 15px 10px 15px;
	min-height: 30px;
	height: auto !important; /* For Modern Browsers */
	height: 30px;
	margin-top: 5px;
}

h2#srv-h2-servicios {
	background: url(images/srv-servicios-header.png) no-repeat;
}

#servicios-container {
	width: 459px;
	float: left;
}

#srv-servicios-container {
	background: url(images/srv-servicios-back.png) no-repeat;
}

#srv-servicios-borde {
	background: url(images/srv-servicios-borde.png) no-repeat;
}

#srv-servicios-container h3 {
	/*cursor: pointer;*/
	font-size: 12px;
	margin: 4px 0;
}

.menu {
	color: red;
}

.menuhover {
	color: yellow;
}

#srv-servicios-container p {
	line-height: 150%;
	margin-left: 17px;
	margin-bottom: 10px;
}

#hosting-container {
	float: right;
	width: 230px;
}

h2#srv-h2-hosting {
	background: url(images/srv-hosting-header.png) no-repeat;
}

#srv-hosting-container {
	background: url(images/srv-hosting-back.png) no-repeat;
}

#srv-hosting-borde {
	background: url(images/srv-hosting-borde.png) no-repeat;	
}

/* SERVICIOS - FORMATO */
#srv-hosting-container p {
	line-height: 1.5;
	margin-bottom: 4px;
}

#srv-hosting-container ul {
	margin: 0;
	list-style: none none;
}

#srv-hosting-container li {
	background: url(images/idx-servicios-bullet.png) no-repeat 2% 5px;
	padding-left: 20px;
	margin-bottom: 7px;
	line-height: 1.5;
}

/* PORTFOLIO - ESTRUCTURA */

#prt-container-header img {
	border-bottom: 2px solid #edb233;
}

#prt-encabezado {
	text-align: center;
	color: #333333;
	margin-bottom: 8px;
	line-height: 14px;
}
#prt-encabezado .caption {
	font-size: 9px;
}
.prt-container1, .prt-container2 {
	position: relative;
	width: 689px;
	height: 161px;
	margin: 0 auto;
}

.prt-container1 {
	background: url(images/prt-back-odd.png) no-repeat;
	margin-top: 10px;
}

.prt-container2 {
	background: url(images/prt-back-even.png) no-repeat;
	margin-top: 10px;
}

.prt-container-eachcontent {
	position: absolute;
	width: 280px;
	left: 10px;
	top: 7px;	
}

.prt-container-eachcontent h3 {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


.prt-images {
	height: 90px;
	padding-top: 10px;
}

.prt-images img {
	border: 1px solid #303140;
}

.prt-images .tl , .prt-images .tr {
	margin-bottom: 4px;	
}

.prt-images  .tl , .prt-images .bl {
	margin-left: 6px;	
	margin-right: 6px;
}

.prt-desc {
	position: absolute;
	left: 305px;
	top: 20px;
	width: 180px
}
.prt-desc h3 , .prt-caract h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #000;
	margin-bottom: 5px;
}
.prt-desc p {
	line-height: 15px;
}

.prt-caract {
	position: absolute;
	left: 520px;
	top: 20px;
	border-collapse: collapse;
}

.prt-caract td {
	height: 23px;
	width: 75px;
	/*background-repeat: none;
	text-indent: -9999px;
	background-position: center;*/
}

.prt-versitio {
	position: absolute;
	top: 144px;
	left: 615px;
	background: no-repeat;
}
.prt-versitio a {
	display: block;
	width: 72px;
	height: 13px;
	text-indent: -9999px;
	background: url(images/prt-versitio.png);
	background-position: 0 13px;
	text-decoration: none;
}
.prt-versitio a:hover {
	background-position: 0 0;
}

#prt-referencia {
	border-top: solid 1px black;
	margin-top: 10px;
}

#anchor-referencia {
	text-decoration: none;
}


#prt-referencia h3 {
	margin-top: 5px;
}

#prt-referencia table {
	border-collapse: collapse;
	width: 90%;
	margin-top: 10px;
}
#prt-referencia table td {
	padding: 5px 0;
}

#prt-referencia img {
	margin-bottom: 3px;
}
/* EXTRAS */

#xtras-container-header img {
	border-bottom: 2px solid #edb233;
}

#xtras-container-content h2 {
	height: 37px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

h2#xtras-h2-articulos {
	background: url(images/xtras-articulos-header.png) no-repeat;
}

h2#xtras-h2-links {
	background: url(images/xtras-links-header.png) no-repeat;
}

h2#xtras-h2-descargas {
	background: url(images/xtras-descargas-header.png) no-repeat;
}

#xtras-articulos-container {
	background: url(images/xtras-articulos-back.png) no-repeat;
	width: 704px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}
#xtras-articulos-borde {
	background: url(images/xtras-articulos-borde.png) no-repeat;
}
#xtras-articulos-container h3 {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 12px;	
}
#xtras-articulos-container p {
	margin-left: 45px;
	margin-right: 10px;
	margin-bottom: 6px;
	line-height: 14px;
}
#xtras-articulos-container #text p {
	line-height: 14px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 45px;
	margin-right: 10px;
}
#xtras-articulos-container #text h6 {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 45px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}

.brief {
	font-style: italic;
	color: #636363;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* CONTACTO */

#ctc-container-header img {
	border-bottom: 2px solid #edb233;
}

#ctc-container-content form,#ctc-container-content input {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding: 2px;
}

#ctc-container-content textarea {
	padding: 2px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	width: 300px;
}

#ctc-container-content select {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}
#ctc-container-content label {
	line-height: 20px;
}