/* CSS Document */


body { 
	background:#fff;
	background-image:url(fondo-body.jpg);
	background-attachment:fixed; 
	line-height: 18px;
	
}

#bk-div1 {
		margin:0px auto;
        border: 1px solid black;
        background: white;
		width:800px;
}

#bk-div2 {
		margin:0px auto;
        border: 1px solid black;
        background: white;
		width:195px;
}

#bk-div3 {
		margin:0px auto;
        border: 1px solid black;
        background: white;
		width:255px;
		height:520px;		
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right:25px;
	font-size:15px;
	text-align:right;
	line-height:20px;
	margin-bottom:0px;
	padding-bottom:3px;
	background:url(imagenes/bgrd_topnav_systxt.gif) repeat-x bottom;
	color:  #666666;
}



.h1 {
	color: #ff4e11;
	font-weight: bold;
	background:url(imagenes/5.gif) repeat-x bottom;
	padding-top:2px;
}

.h11 {
	text-align:center;
	background:url(images/h1.jpg);
}


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	text-decoration: underline;
}


#main {
	background:#F7F7F7;
	float:left;
	width:400px;
}
#sidebar {
	background:#F7F7F7;
	float:right;
	width:400px;
}


.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
}

.negrita {
	color:#000;
	font-weight:900;
	font-size:11px;
	
	
}

.contenido1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	border: 1px solid #E6E6E6;
	text-indent: 0pt;
}


.footer_viejo {
	background-image: url(images/allefooter.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	font-variant: normal;
	color: #ffffff;
	text-align: center;

}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	color: #777777;
}

.linknews {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	color: #FFFFFF;
	font-variant: normal;
}

.TextField {
        BORDER-RIGHT: #8A8A8A 1px solid;
        BORDER-TOP: #8A8A8A 1px solid;
        BORDER-LEFT: #8A8A8A 1px solid;
        BORDER-BOTTOM: #8A8A8A 1px solid;
        FONT-WEIGHT: normal;
        FONT-SIZE: 10px;
        COLOR: black;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        BACKGROUND-COLOR: #EAEAEA;
        TEXT-DECORATION: none
}

.Boton {                                                                                    
        FONT-WEIGHT: bold;
        FONT-SIZE: 10px;
        CURSOR: hand;
        COLOR: #333CCC;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        BACKGROUND-COLOR: #DDDDDD;
        TEXT-ALIGN: center;
        TEXT-DECORATION: none;
        border: 0.5px solid #000;

}


/*- Menu Tabs J--------------------------- */

#tabsJ {
	float:left;
	width:100%;
	background:#F4F4F4;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #24618E;
}
#tabsJ ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#tabsJ li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsJ a {
	float:left;
	background:url("images/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabsJ a span {
	float:left;
	display:block;
	background:url("images/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
	background-position:0% -42px;
}
#tabsJ a:hover span {
	background-position:100% -42px;
}

#tabsJ #current a {
	background-position:0% -42px;
}
#tabsJ #current a span {
	background-position:100% -42px;
	color:#FFF;
}

.Estilo4 {
	color: #EBEBEB
}

/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:100%;
          background:#F4F7FB;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("images/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("images/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }

/*- Menu Tabs 4--------------------------- */

    #tabs4 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #6B78A9;
      }
    #tabs4 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#6B78A9;
      }
    #tabs4 a:hover {
      background-position:0% -42px;
      }
    #tabs4 a:hover span {
      background-position:100% -42px;
      }

      #tabs4 #current a {
              background-position:0% -42px;
      }
      #tabs4 #current a span {
              background-position:100% -42px;
      }

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #666;
      }
    #tabsF ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url("images/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url("images/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

        #tabsF #current a {
                background-position:0% -42px;
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }

#menu{
	width:800px;
	padding:0px auto;	
	background:#045C97 url(images/menub_bg.gif) repeat-x;

}
.servicios {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	font-variant: normal;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}


<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->


.box_1 {
	margin: 1px auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 1px 1px 1px 1px;
	BORDER: black 1px solid;
	BACKGROUND-COLOR: #F3F3F3;
	width:100%;
}

.box_2 {
	margin: 1px auto;
	padding: 1px 1px 1px 1px;
	BORDER: black 1px solid;
	BACKGROUND-COLOR: #F3F3F3;
	width:100%;
}

.listadocs {
	list-style-image: url(images/iconos/redball.gif);
}

#menu{
    margin: 0px auto;
	width:800px;
	background:#045C97 url(images/menur_bg.gif) repeat-x;

}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.Estilo6 {color: #667667;
font-size:12px;}

p{
padding:5px 35px 5px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
color: #2D2D2D;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:5px;
width:auto;
text-align:center;
font-size:14px;
background:url(images/fondo1.jpg) repeat-x bottom;
border-bottom:1px solid silver;
border-top:1px solid silver;
font-weight:bold;
color:#000;

}

h2.plantitulo {
font-family:Geneva, Arial, Helvetica, sans-serif;
margin-top:5px;
width:auto;
text-align:center;
font-size:14px;
background:url(images/fondo1.jpg) repeat-x bottom;
border-bottom:1px solid silver;
border-top:1px solid silver;
font-weight:bold;
color:#003399;

}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:5px;
width:auto;
text-align:center;
padding:3px;
font-size:12px;
background:url(images/borde.jpg) repeat-x top;
border-bottom:1px solid #DFDFDF;
font-weight:bold;
line-height:20px;
color: #25497E;

}
.contenido ol li{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:3px 3px 3px 300px;
font-size:12px;
color:#25497E;
list-style-type:none;
text-align:justify;
list-style-image: url(images/mw.gif);
padding:3px 25px 3px 3px;
}
.contenido img{
margin:0px 20px 5px 0px;
padding:0px;
float:left;

}
.recuadro{
background-image:url(images/box.gif);

}
#pointermenu{
border-top: 7px solid black; /*optional border across top*/
margin: 0;
padding: 0;
}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background-color: black;
background: black url(images/leftround.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
float: left;
color: white;
font-weight: bold;
padding: 2px 11px 7px 7px;
text-decoration: none;
background: url(images/pointer.gif) bottom center no-repeat;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
color: white;
background-color: #045C97;
}

#pointermenu ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(images/rightround.gif) bottom right no-repeat; /*optional right round corner*/
}

div.box {
	background: url(images/box-bottom.gif) no-repeat left bottom;
	width: 380px;
	padding: 0 17px 18px 12px;
	margin: 10px 0;
}

div.box h2 {
	background: url(images/box-top.gif) no-repeat left top;
	margin: 0 -17px 15px -12px;
	padding: 15px 40px 0 55px;
	height: 27px;
	font: bold 16px/1.2 Arial;
	color: #fff;
}


/*=========================================== ICONOS PARA LAS LISTAS ============================================*/
.perli {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.perli li {
  background: #fff url("images/per-icon.gif") 0 3px no-repeat;
  padding: 5px 0 14px 32px;
}

.libiz {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.libiz li {
  background: #fff url("images/libiz-icon.gif") 0 3px no-repeat;
  padding: 8px 0 15px 32px;
}

.growbiz {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.growbiz li {
  background: #fff url("images/growbiz-icon.gif") 0 3px no-repeat;
  padding: 11px 0 15px 32px;
}

.corp {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.corp li {
  background: #fff url("images/corp-icon.gif") 0 3px no-repeat;
  padding: 15px 0 15px 32px;
}

.backup {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.backup li {
  background: #fff url("images/backup.png") 0 3px no-repeat;
  padding: 10px 5px 25px 53px;
}

.precio {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right:25px;
	font-size:17px;
	text-align:right;
	line-height:20px;
	margin-bottom:0px;
	padding-bottom:3px;
	background:url(imagenes/bgrd_topnav_systxt.gif) repeat-x bottom;
	color:#FF0000;
}

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*ORANGE*/
ul.menu.orange{
background-color:#DC4900;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#F46D00;
}

.nombre{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;

}

.informacion{
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
line-height: 18px;
}

.precio2{
font-family: Verdana, Arial, Helvetica;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
padding-right:5px;
padding-top:10px;
}

.vermas{
font-family: Verdana, Arial, Helvetica;
font-size:11px;
color:#ff4e11;
font-weight:bold;
padding-right:15px;
padding-top:10px;
}

.testimonio {
	background: #EEE;
	line-height: 18px;
	border: dashed #666 1px;
	font-size:14px;
	margin-bottom:20px;
}

.comentario {
	
	margin-top:10px;
	padding:5px;
	background-color:#FFFFFF;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#FF9900;
}

.videoy {
	
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	background-color:#FFFFFF;
	width:490px;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color: #F00;
}


.videos {
	
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	background-color:#FFFFFF;
	width:435px;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#0066FF;
}


.email {
	margin-top:10px;
	padding:5px;
	background-color:#FFFFFF;
	width:650px;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#060;
}


.titulazo {
	margin-top:10px;
	padding:5px;
	background-color:#FFFFFF;
	width:650px;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#060;
}


.titulazo {
	margin-top:10px;
	padding:5px;
	background-color:#FFFFFF;
	width:650px;
	font-size:13px;
	line-height: 18px;
	border-style:solid;
	border-width:1px;
	border-color:#060;
}