/* CSS Document */

html, body{ 
 margin:0;
 padding:0;
 text-align:center;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:800px;
 text-align:left;
 margin:20px auto;
}
 
#header{
 position:relative;
 height:254px;
 width:800px;
 background:url(../images/flash-banner.jpg) left top no-repeat;
 border:1px solid #cfcfcf;
 margin-bottom:5px;
}

#header-in {
 width:800px;
 height:179px;
 border:1px solid #cfcfcf;
 margin-bottom:5px;
}

#maincol{
 float:left;
 display:inline;
 position:relative;
 width:684px;
}

#rightcol {
 float:left;
 width:114px;
 border:1px solid #cfcfcf;
}
 
#footer{
 width:800px;
 height:150px;
 clear:both;
 background:url(../images/footer-bg.jpg) right top no-repeat;
 margin:20px 0;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* Estilos generales */


/* Logo */

.logo h1 {
 margin:10px 0;
 padding:0;
 float:left;
}

.logo h1 a {
 background:url(../images/naos-plaza-logo.jpg) left top no-repeat; 
 width:341px; 
 height:94px;
 display:block;
 text-indent:-1600em;
 overflow:auto;
}

.slogan {
 background:url(../images/slogan-naos-plaza.jpg) left top no-repeat;
 width:281px;
 height:17px;
 float: right;
 position:relative;
 right:10px;
 top:89px;
}

/* Header Interno */

.pic-header {
 width:233px;
 height:179px;
 background:url(../images/header-in-pic.jpg) right bottom no-repeat;
 float:left;
}

.flashBanner {
 width:567px;
 height:179px;
 background:url(../images/flash-banner-in.jpg) left top no-repeat;
 float:left;
}

/* Bordes Rojos */

.red-border {
 width:99%;
 height:4px;
 background-color:#a4091b;
 border:1px solid #cfcfcf;
 clear:both;
}

/*** Menu Principal ***/

.mainMenu {
 width:99%;
 height:25px;
 border:1px solid #cfcfcf;
 background:url(../images/menu-bg.jpg) left top repeat-x;
 margin-bottom:10px;
}

.mainMenu ul {
 margin:0;
 padding:0;
}

.mainMenu ul li {
 list-style:none;
 display:inline;
 margin-left:2px;
}

.mainMenu ul li a {
 height:20px;
 display:inline-block;
 text-decoration:none;
 font-size:14px;
 color:#8a8a8a;
 padding:0px 6px;
 margin:1px;
}

.mainMenu ul li a:hover, .mainMenu ul li a.active {
 border:1px solid #aeaeae;
 background:url(../images/menu-bg-hvr.jpg) left center repeat-x;
 color:#a4091b;
 margin:0;
}

/* Titulos de la seccion */

.titulos-gnrl {
 background:url(../images/title-heading.jpg) left top no-repeat;
 clear:both;
 width:462px;
 height:36px;
}

.titulos-gnrl h2 {
 font-size:18px;
 color:#a4091b;
 margin:0;
 padding:5px 0px 0px 40px;
}

.titulos-gnrl h2.home 				{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.info-h2 			{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.pictures-h2 		{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.areas-h2 			{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.clientes-h2 		{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.desarrolladores-h2 {background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}
.titulos-gnrl h2.contactenos-h2 	{background: url(../images/home-tit-ico.png) 10px 5px no-repeat;}

/* Textos Generales */

.txt-cont {
 width:99%;
 min-height:480px;
 clear:both;
 margin:5px 0;
 border:1px solid #cfcfcf;
}

.txt-cont a {
 text-decoration:none;
 color:#C00;
 font-size:12px;
}

.txt-cont a:hover {text-decoration:underline;}

.txt-cont2 {
 width:99%;
 clear:both;
 margin:5px 0;
}

.home-content {
 float:left;
 width:50%;
}

.home-content p, .txt-cont p {
 font-size:14px;
 text-align:justify;
 color:#656565;
 padding:4px 10px;
}

.home-bg {
 float:left;
 width:50%;
 min-height:400px;
 background:url(../images/home-pic.jpg) right bottom no-repeat;
}

.txt-cont ol, .txt-cont ul {
 color:#a4091b;
 font-size:12px;
 font-weight:bold;
}

.txt-cont ul li {list-style:square;}

.gallery {
 width:115px;
 height:115px;
 border:1px solid #a4091b;
 float:left;
 margin:20px;
}

.border-none, .gallery img {border:none;}

h3 {
 width:97%;
 height:27px;
 background:url(../images/h3-title.jpg) left center repeat-x;
 font-size:18px;
 color:#8b8d94;
 padding-top:3px;
 padding-left:10px;
 border:1px solid #cfcfcf;
 margin-left:3px;
 margin-top:10px;
}

/* Areas y Precios */

.areas-menu {
 float:left;
 width:130px;
}

.areas-menu ul {
 margin:0;
 padding:0;
}

.areas-menu ul li {list-style:none;}

.areas-menu ul li.areas-link {}

.areas-menu ul li.areas-link a {
 background:url(../images/mini-title.jpg) left center no-repeat;
 width:109px;
 height:21px;
 padding-top:3px;
 padding-left:10px;
 font-size:12px;
 text-decoration:none;
 color:#8b8d94;
 display:block;
 margin-bottom:2px;
}

.areas-menu ul li.areas-link a:hover, .areas-menu ul li.areas-link a.active-areas {
 background:url(../images/mini-title-act.jpg) left center no-repeat;
 color:#fff;
}

.areas-display {
 float:left;
 width:535px;
}

/** Clientes **/

.clientes-tb th {
 background:url(../images/h3-title.jpg) left center repeat-x;
 border:1px solid #ccc;
 font-size:13px;
 color:#999;
}

.clientes-tb td {
 border:1px solid #ccc;
 border-top:none;
}

/* Footer */

.footer-info {
 width:500px;
 min-height:120px;
 float:left;
 background:url(../images/naos-plaza-footer-logo.jpg) left bottom no-repeat;
 font-size:11px;
 color:#979696;
}

.footer-info a {
 text-decoration:none;
 color:#a4091b;
}

.footer-info a:hover {text-decoration:underline;}

.footer-menu {
 width:300px;
 min-height:150px;
 float:left;
}

.footer-menu ul {
 width:210px;
 float:right;
 position:relative; 
 top:30px;
 margin:0;
 padding:0;
}

.footer-menu ul li {
 list-style:none;
 display:inline;
 margin-right:1px;
}

.footer-menu ul li a {
 display:inline-block;
 width:24px;
 height:24px;
 text-decoration:none;
 text-indent:-1600em;
 overflow:hidden;
}


.footer-menu ul a.home-f-btn 	{background:url(../images/ico-inicio.png) left center no-repeat;}
.footer-menu ul a.info-f-btn 	{background:url(../images/ico-info.png) left center no-repeat;}
.footer-menu ul a.pics-f-btn 	{background:url(../images/ico-fotos.png) left center no-repeat;}
.footer-menu ul a.areas-f-btn 	{background:url(../images/ico-areas.png) left center no-repeat;}
.footer-menu ul a.client-f-btn 	{background:url(../images/ico-clientes.png) left center no-repeat;}
.footer-menu ul a.desar-f-btn 	{background:url(../images/ico-desarrollo.png) left center no-repeat;}
.footer-menu ul a.contact-f-btn {background:url(../images/ico-contacto.png) left center no-repeat;}

.footer-menu img {
 clear:both;
 float:right;
 position:relative;
 top:40px;
}

/**** Formulario ****/

label, form {
 font-size:12px;
 color:#a4091b;
}
input, textarea {
 font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#535859;
 background:url(../images/form-field-bg.jpg) left top repeat-x;
 border:1px solid #cfcfcf;
}

input.titulo, textarea {width:260px;}
input.titulo {color:#a4091b;}
textarea {background:none;}