@charset "utf-8";

/* Reset  */
body {
	margin: 0;
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-image: url(../imgs/img_bgbody.png);
	background-repeat: repeat-x;
	background-color: #C3C3C3;
	line-height: 1.4em;
}

h1,h2,h3,h4,h5,h6,ul,li,em,strong,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style:normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

a:visited {
	color: #000000;}

#wrapper {
	text-align: left;	/* esto anula text-align: center en el elemento body. */
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	width: 962px;
	border-right: thin solid #666;
	border-bottom: thin solid #666;
	border-left: thin solid #666;
}

#wrapper #topnav {
	background: url(../imgs/img_bmenu.jpg)  repeat-x;
	height: 36px;
	border-top: thin solid #333333;
	border-bottom-width: thin;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin-bottom: 20px;
	list-style-type: none;
}

#wrapper #header {
	height: 80px;
	background: url(../imgs/img_logo.jpg) no-repeat right;
}

/**** MENU PRINCIPAL ****/
.menu {
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
}
 
.menu li{
    display: block;
    float: left;
	overflow: hidden;
    padding: 0;
    cursor: pointer;
    width: 113px;
    height: 36px;
    margin-right: 0px;
    background-image:url(../imgs/menu_lunatica3.jpg);
    background-repeat:no-repeat;
}

.menu a{
	display:block;
	height:36px;
	text-indent:-9999px;
	outline:none;
}

#menu1 {background-position:0px 0px;}
#menu2 {background-position:-113px 0px;}
#menu3 {background-position:-226px 0px;}
#menu4 {background-position:-339px 0px;}
#menu5 {background-position:-452px 0px;}
#menu6 {background-position:-565px 0px;}

#menu1:hover {background-position: 0 bottom;}
#menu2:hover, .lunatica {background-position: -113px bottom;}
#menu3:hover, .servicios {background-position: -226px bottom;}
#menu4:hover, .portfolio {background-position: -339px bottom;}
#menu5:hover, .contact {background-position: -452px bottom;}
#menu6:hover, .blog {background-position: -565px bottom;}

/**** CONTENIDO PRINCIPAL  ****/
#wrapper #maincontent {
	width: 886px;
	margin-right: 38px;
	margin-left: 38px;
}

#wrapper #maincontent #leftbox {
	width: 650px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#wrapper #maincontent #leftbox img{
	text-align: center;
	margin-left: 20px;	
}

/**** CONTENIDO PRINCIPAL PORTFOLIO  ****/
#wrapper #maincontent #portleft {
	width: 670px;
	float: left;
	margin-right: 10px;
	line-height: 1.4em;
}

#wrapper #maincontent #portleft img {
	margin-right: 10px;
	margin-bottom: 20px;
	border: medium solid #666;
	height: 90px;
	width: 90px;
}

/**** CONTENIDO PRINCIPAL SERVICIOS  ****/
#screen{
	position:relative;
	width:950px;
}

	#navigation{
		width:950px;
		height: 81px;
	}
		#navigation ul{
	margin-left:38px;
	list-style: none;
		}
			#navigation li{
	float:left;
	width: 200px;
	height: 59px;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 0;
			}
				#navigation a{
	font-weight:bolder;
	text-decoration:none;
	display:block;
	text-indent:-9999em;
	width:200px;
	height:81px;
	background-image: url(../imgs/btn_servicioss.jpg);
				}
				
	a#replaced {background-position:0px 0px; border:none}
	a#replaced2 {background-position:-200px 0px;border:none}
	a#replaced3 {background-position:-400px 0px;border:none}
	a#replaced4 {background-position:-600px 0px;border:none}
	
	a#replaced:hover {background-position:0px bottom;border:none}			
	a#replaced2:hover {background-position:-200px bottom;border:none}	
	a#replaced3:hover {background-position:-400px bottom;border:none}	
	a#replaced4:hover {background-position:-600px bottom;border:none}			
	
#sections{
	position:relative;
	overflow:hidden;
	width:920px;
	height:auto;
	clear:left;
}
	#sections ul{
	width:7000px;
	list-style: none;
	}
		#sections li{
		float:left;
		padding-bottom: 11px;
		padding-left: 40px;
		margin-top: 20px;
		}
	
			#sections p{
	line-height:1.4em;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
			}
			
#wrapper #screen #sections #col3{
	width: 239px;
	float: left;
	margin-right: 30px;
	padding: 15px;
	background: url(../imgs/bg_webazul.jpg) no-repeat;
}
#wrapper #screen #sections #col3v{
	width: 239px;
	float: left;
	margin-right: 30px;
	padding: 15px;
	background: url(../imgs/bg_webverde.jpg) no-repeat;
}

#wrapper #screen #sections #col3y{
	width: 239px;
	float: left;
	margin-right: 30px;
	padding: 15px;
	background: url(../imgs/bg_webyell.jpg) no-repeat;
}

#wrapper #screen #sections #col3r{
	width: 239px;
	float: left;
	margin-right: 30px;
	padding: 15px;
	background: url(../imgs/bg_webrosa.jpg) no-repeat;
}
/**** CONTENIDO PRINCIPAL CONTACTO  ****/
#wrapper #maincontent #contactleft {
	width: 500px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

#wrapper #maincontent #contactright {
	width: 355px;
	float: left;
	padding-left: 10px;
}

#wrapper #maincontent #contactright label {
	font-size: 1em;
	color: #999;
	font-weight: bold;
}

#wrapper #maincontent #contactright form {
	background-color: #EFEFEF;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 5px;
}

#wrapper #maincontent #contactright select {
	background: url(../imgs/img_bg_rbox.jpg);
	border-style: solid;
	border-width: thin;
}

#wrapper #maincontent #contactright textarea {
	border-width: thin;
	border-style: solid;
	color: #333;
	background-image: url(../imgs/img_bg_txtfield.jpg);
	background-repeat: repeat-x;
}

/**** SIDEBOX LUNATICA****/
#wrapper #maincontent #rightbox {
	float: left;
	width: 200px;
	margin-top: 35px;
	border: thin solid #E2E2E2;
}
#rightbox h3 {
	border-width: 1px;
	padding: 7px;
	background-image: url(../imgs/img_degra_h3.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	line-height: 18px;
}
#rightbox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
#rightbox ul li a {
	display: block;
	text-decoration: none;
	color: #666;
	height: 30px;
	padding: 0;
	border-bottom: thin solid #DADADA;
	vertical-align: baseline;
	line-height: 30px;
}
#rightbox ul li a:hover {
	background: url(../imgs/img_bg_rbox.jpg) bottom repeat-x;
	text-decoration: none;
}

/**** SUPORT HOME H2 ****/
#wrapper #presuport {
	margin-left: 38px;
}

#wrapper #suport {
	height: 140px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#wrapper #suportizq {
	float: left;
	margin-right: 30px;
	width: 255px;
	background: url(../imgs/img_bh2izq.jpg) no-repeat;
	padding: 10px;
}

#wrapper #suportctr {
	float: left;
	margin-right: 30px;
	width: 255px;
	background: url(../imgs/img_bh2ctr.jpg) no-repeat;
	padding: 10px;
}

#wrapper #suportder {
	float: left;
	width: 255px;
	background: url(../imgs/img_bh2der.jpg) no-repeat;
	padding: 10px;
}

#wrapper #footer {
	background-image: url(../imgs/img_bfooter.jpg);
	background-repeat:  repeat-x;
	clear: both;
	padding: 12px 38px;
	margin-top: 20px;
	line-height: 1.3em;
}

#wrapper #footer a{
	color: #FFF;	
}

/**** LINKS CONTACTO H2 ****/
#wrapper #linksinf{
	float: left;
	margin-top: 20px;
	width: 886px;
	padding-top: 20px;
	background-image: url(../imgs/img_lineainf.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#wrapper #linklist {
	height: 130px;
	float: left;
	margin-right: 10px;
	width: 157px;
	margin-top: 15px;
	background-image: url(../imgs/img_bg_linklist.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 8px;
}
/* Links and Images */
a:link,a:visited,a:active {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	outline:none;
}

a:hover {
	text-decoration: underline;
	color: #F60;
}

:focus {
  -moz-outline-style:none;
}

img { border: none; }

/* Headlines */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

/* Formato de textos */

.txt {
font-size: 0.75em;
}

.txtcolder {
	padding-left: 7px;
}

.txtcolderbold {
	font-size: 1.4em;
	font-weight: bold;
}

.grison {
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}

.gris {
	font-size: 1.3em;
	font-weight: bold;
	color: #999;
}

.grisonbig {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

.disclaimer {
	color: #FFFFFF;
	text-align: right;
	padding-right: 20px;
	font-size: 0.8em;
}

.naranja {
	color: #F60;
	font-size: 1.2em;
	font-weight: bold;
}

.naranjabig {
	color: #F60;
	font-size: 1.8em;
	font-weight: bold;
}
.azulbig {
	color: #0066CC;
	font-size: 1.8em;
	font-weight: bold;
}

.verdebig {
	color: #269F40;
	font-size: 1.8em;
	font-weight: bold;
}

.marronbig {
	color: #D8A610;
	font-size: 1.8em;
	font-weight: bold;
}

.rosabig {
	color: #D72A8B;
	font-size: 1.8em;
	font-weight: bold;
}

.blacklink {
	font-size: 0.95em;
}

.whitelink {
	color: #FFFFFF;
}