@charset "utf-8";
/* CSS Document */

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
background:url(images/header1.jpg) repeat-x #d9f3f4;



}
#wrapper {
	width: 970px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
}

#logo {
	width:886px;
	height:339;
	margin: auto;
	padding-top: 20px;
}

#topbanner {

}
#flash { 
margin-left: 3px;
}

/* Begin CSS Popout Menu */





#footer {
	clear: left;
	text-align: right;
	font-size: 12px;
	width: 887px;
	height: 25px;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
}


.nscomputadoras a{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;
	color:#900;
	font-size: 10px;
	
}

#mainCont {
float: left;
margin-left: 2px;
width: 730px;
}
#mainCont .pageHead {
background: url(images/header.jpg) no-repeat;
width: 733px; height: 83px;
padding: 0px;
margin: 0px;
}
#mainCont h1 span {
color: #fff;
font-size: 16pt;
position: relative; top: 10px; left: 10px;
}
#mainCont p {
font-size: 12px;
}
#mainCont p .head { 
font-size: 14px;
color: #990000;
}
#mainCont ul li {
font-size: 12px;
}
#rightbar {
width: 150px;
}
#rightnav {
width: 145px;
position: relative; left: 10px;
}
#rightnav ul {
list-style-type: none;
text-align: left;
}
#rightnav ul li {
list-style-image: url(images/arrow.jpg);
}
#rightnav a {
color: #990000;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
#pie {
	background-image: url(images/footerbottombg.png);
	background-repeat: repeat-x;
	float: left;
	height: 41px;
	width: 886px;
}
#contenedor {
	width: 960px;
	margin: auto;
	background-image: url(images/bg_main.png);
	background-repeat: repeat-y;
	background-position: center center;
	height: 701px;
}

#cont_texto {
	height: 260px;
	width: 885px;
	background-image: url(images/quienes.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #900;
	border-bottom-color: #059dc3;
	border-left-color: #900;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 42px;
	margin-left: auto;

}
#area_texto {
	float: left;
	height: 250px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	white-space: normal;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #059dc3;
}
.fblanco {
	color: #FFF;
}
#login {
	margin: auto;
	height: 100px;
	width: 350px;
}
#foto_quienes {
	float: left;
	height: 250px;
	width: 325px;
}
#cont_contac {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	height: 340px;
	width: 855px;
	background-image: url(images/contactenos.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 40px;
	background-position: right top;
	padding-left: 30px;
	padding-top: 10px;
	margin-bottom: 43px;
}
.titulo_descontac {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	height: 25px;
	width: auto;
}
.titulo_descontac1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	height: 20px;
	width: auto;
	padding-top: 15px;
}

#cont_prod {
	float: left;
	height: 345px;
	width: 655px;
	margin-left: 10px;
	margin-top: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #09C;
	border-right-color: #09C;
	border-left-color: #09C;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	
}
#lista {
	height: 325px;
	width: 400px;
	margin-top: 20px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 0px;
	list-style-position: inside;
	list-style-image: url(images/bullet2-normal.gif);
	list-style-type: square;
}

#lista ul.listilla{width:autopx; padding:0px; text-align:left;}
#lista ul.listilla li{
	width:400px;
	height:auto;
	border-bottom:1px dashed #990000;
	list-style:none;
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;

}

#menu {
	height: 325px;
	width: 170px;
	margin-left: 40px;
	margin-top: 20px;
	float: left;
	padding-left: 20px;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	border: 1px dotted #09C;
	margin-bottom: 16px;
}

#menu ul.leftmenu{width:160px; padding:0px; text-align:left;}
#menu ul.leftmenu li{
	width:130px;
	height:22px;
	border-bottom:1px dashed #990000;
	list-style:none;
	font-size:12px;
	color: #09C;
	font-family:Arial, Helvetica, sans-serif;
}
#menu ul.leftmenu li a{
	width:120px;
	height:22px;
	display:block;
	background:url(images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#069;
	line-height:22px;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#menu ul.leftmenu li a:hover{
	background:url(images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#990000;
	line-height:22px;
	text-decoration:right;
	width: 120px;
	height:22px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	float: left;
	height:22px;
}
#menu ul.leftmenu1 li{
	width:100px;
	height:22px;
	border-bottom:1px dashed #000;
	list-style:none;
	font-size:12px;
	color: #09C;
	font-family:Arial, Helvetica, sans-serif;
}
#menu ul.leftmenu1 li a{
	width:120px;
	height:22px;
	display:block;
	background:url(images/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#069;
	line-height:22px;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#menu ul.leftmenu1 li a:hover{
	background:url(images/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#990000;
	line-height:22px;
	text-decoration:right;
	width: 120px;
	height:22px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	float: left;
	height:22px;
}


#foto_prod {
	float: left;
	height: 252px;
	width: 254px;
	border: 1px solid #900;
	padding-top: 2px;
}
#datos_prod {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	height: 254px;
	width: 350px;
	margin-left: 10px;
	text-align: left;
	border: 1px solid #09C;
}





#titulo_prod {
	float: left;
	height: 20px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	border-bottom:1px solid #900;
}
.titulo_prod{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#069;
	width:auto;
	float:left;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:auto;
	
}
#desc_prod {
	float: left;
	height: 50px;
	width: 300px;
	margin-left: 10px;
}
.descripcion_prod{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	width:300px;
	float:left;
	text-align:left;
	margin-left:10px;

}
#caracterist {
	float: left;
	height: 112px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}
#otras_fotos {
	float: left;
	height: 76px;
	width: 616px;
	margin-top: 10px;
	border: 1px solid #09C;
}
#cont_menu {
	float: left;
	height: 250px;
	width: 145px;
}

.caracteristicas{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	
}





.arrowlistmenu{
	width: 150px; /*width of accordion menu*/
	text-align:left;
	
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 10px Arial;
	color: #FFF;
	background: blue url(images/titlebar.GIF) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 14px Arial;
	color: #FFF;
	background: blue url(images/titlebar.GIF) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	
	
}

.arrowlistmenu .menuheader a.hover:{color:#999; }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:url(images/titlebar-active.gif);
padding-left:15px;



}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 10px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	
padding-bottom: 2px; /*bottom spacing between menu items*/
text-align:left;
}

.arrowlistmenu ul li a{
color: #666;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight:normal;
border-bottom: 1px solid #dadada;
font-size: 80%;
}

.arrowlistmenu ul li a:visited{
	color: #666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #006EC7;
background-color: #E5F6FE;
}
#contenido_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	float: left;
	height: 330px;
	width: 480px;
	overflow: scroll;
	text-align: left;
	list-style-position: inside;
	list-style-image: url(images/bullet2-normal.gif);
	list-style-type: square;
	padding: 10px;
}


#foto_vent {
	float: left;
	height: 300px;
	width: 152px;
	margin-left: 2px;
	background-image: url(images/fig5.gif);
	background-repeat: no-repeat;
	background-position: -18px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #963;
	border-bottom-color: #963;
}