body {
    color: #333;
    background: #f7f7f7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin-top: 10px;}

#page {
    width: 780px; 
    margin: 0 auto;
    border: 1px solid #ccc;
    background: white;
}


#logo {
    position: absolute;
    z-index: 10;
    margin: 4px 0em 15px 15px;
}

	
#header {
    position: relative;
    width: 100%;
    font-size: 90%;
    background: white;
}	

#header .container {
    float: right;
    margin: 10px 10px 0 0;
    font-size: 90%;
    min-height: 40px;
	}
	

#header .users ul {
    list-style-type: none;
    line-height: 1em;
    margin-top: -0.2em;
    z-index: 20;
}

#header .users a {
    display: block;
    padding: 0 1em;
    color: #069;
    background: white;
    text-decoration: none;
}

#header .users a:hover {
    color: #39f;
}

#header .users li {
    float: left;
    margin-right: -1px;
    background: white;
    font-weight: bold;
    text-align: center;
}

#header .users li ul {
    position: absolute;
    width: 17em;
    margin-left: -11em;
    left: -999em;
    border: 1px solid #069;
    border-bottom: 0.5em solid #069;
}


#header .users li ul a {
    width: 15em;
    padding: 0.3em 0 0 2em;
    text-align: left;
}

#header .users li ul a:hover {
    background: #afcde2;
}



#header .users li:hover ul, #header .users li.subMenu ul {
    left: auto;
}

#header .users li ul li {
    padding: 0;
    margin-bottom: -1px; 
    line-height: 1.2em;  
}


#header .support a:hover {
    background: #069 ;
    color: white;
}

#header .support ul a { background: white; }

#header .support ul a:hover {
    background: #39f;
    color: #39f;
}


#header .divider {
    float: right;
    width: 100%;
    height: 17px;
    background: #2A6193  no-repeat bottom left;
    clear: both;
}

#header .wrapper {
    height: 30px;
  	background: #e2e6ed;
    clear: right;
	width: 100%;
	margin-top: 20px;}






#header .menu {
    position: absolute;
    clear: both;
	width: 780px;
}

#header .menu li {
    float: left;
    text-align: center;
    background: #2A6193;
    font-weight: bold;
  #  margin: 0.5em 0;
    margin:0;
    padding:0;
    background:url("/images/dr.gif") no-repeat right top;
}

#header .menu a {
    display: block;
    padding: 0.2em 1em;
    color: white;
    text-decoration: none;
   # background:url("/images/iz.gif") no-repeat left top;
    padding:5px 15px;}
    

#header .menu li .sub {
    background: #5c96bb ;
}

#header .menu li .sub > a:hover {
    background: #dce4ea ;
}

#header .menu, #header .menu ul {
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 1em;
    clear: left;
}

    
    

#header .menu i {
    padding: 0 0 0.5em 0;
    margin: 0 1em 0.5em 1em;
    display: block;
    border-bottom: 1px solid #2A6193;
}

#header .menu a:hover {
    background:url("/images/izon.gif") no-repeat left top;
}

#header .menu li ul a:hover {
    color: #336699;
    background: #dce4ea url("");
}



#header .menu li:hover {

    background:url("/images/dron.gif") no-repeat right top;

}


#header .menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
#header .menu li ul {
    position: absolute;
    width: 19em;
    margin-left: 0em;
    left: -999em;
    border-bottom: 0.3em solid #336699;
}

#header .menu li ul li {
    width: 19em;
    background: #5c96bb;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: -1px;
    line-height: 1.2em;/* */
}

#header .menu li ul a {
    width: 17em;
    padding: 0.3em 0em 0em 2em;
        background: url("");
}

#header .menu li ul a:hover {
    width: 17em;
}

#header .menu li:hover ul, #header .menu li.subMenu ul {
    left: auto;
}

#header .menu li ul ul {
    margin: -1.2em 0em 0 17em;
}

#header .menu li:hover ul ul, #header .menu li.subMenu ul ul {
    left: -999em;
}

#header .menu li:hover ul, #header .menu li li:hover ul,
#header .menu li.subMenu ul, #header .menu li li.subMenu ul {
    left: auto;
}





.clear {
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin-top: -1px;
    clear: both;
}




#specials {
	background: #ffffff;
	border-bottom: 1px solid #686868;
	position: relative;
	height: 225px;
width: 780px;
border-top: 1px #000000 solid;}

#specials div {
	width: 259px;
	height: 225px;
	background-repeat: no-repeat;
	position: absolute;}

#specials .package1 {

	left;
	background-color: #ffffff;
border-right: 1px #b1b1b1 solid;
}


#specials .package2 {
	left: 260px;
	background-color: #ffffff;
	border-right: 1px #b1b1b1 solid;
	}

#specials .package3 {
	left: 521px;
	background-color: #ffffff;}
	
	
#specials .button {
	background: url('/images/boton.gif') no-repeat;
	height: 23px;
	width: 114px;
	display: block;
	float: right;
	text-align: center;
	color: #fff;
	font: bold 10pt Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 7px;
	}
	
	
#specials a.button:hover {
	color: #F7C945;
	}
	

#specials a:hover {
	color: #f63c3c;
	}
	
	
#specials h2 {
	font: 17pt Tahoma, sans-serif;
	color: #336799;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-left: 10px;
	margin-top: 15px;
	}
#specials h3 {
	font: 14pt Tahoma, sans-serif;
	margin: 0;
	line-height: 1em;
	font-weight: normal;
	padding-left: 20px;
	color: #F28049
	}
	
	#specials h4 {
	font: 14pt Tahoma, sans-serif;
	margin: 0;
	line-height: 1em;
	font-weight: normal;
	padding-left: 20px;
	color: #F28049;
padding-top: 1em;
padding-bottom: 0.5em;}
#specials ul {
	margin: 15px 0 0 0;
	padding-left: 30px;
	}




#paquetes{
	margin-top: 2px;
	border: 1px #000000;
	border-top: 1px #aaa9a9 dotted;
	border-bottom: 1px #aaa9a9 dotted;
overflow: auto;}

#celda
{
float: left;
width: 193px;
border-right: 1px #898989 dotted;}

#celda2
{
float: left;
width: 193px;
}

#celda h2,#celda2 h2{
color: #237f9b;
font-size: 12px;
margin-left: 5px;
margin-top: 7px;
text-align: center;}

#celda h3{
color: #333333;
font-size: 12px;
margin-left: 10px;
margin-top: 7px;
clear: right;}


h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #7c7c7c;
    font-size: 180%;
    font-weight: bold;
    margin: 0;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}

ul {
    list-style-type: none;
    padding: 0;
}

#body {
	position: relative;
margin-top: 1.5em;
width: 780px;}
	

.bullet {
color: #D44D3D;
font-size: 8pt;
font-weight: bold;
margin-right: 5px;
text-decoration: none;}


#leftNav {

    width: 180px;
margin: 0em;}

#leftNav li {
    background: #ffffff ;
}

#leftNav a {
    display: block;
    width: 100%;

    padding: 1px 0 2px 2px;
    width: 100%;
    text-decoration: none;
}

#leftNav .current {
    background: #ffffff;
font-size: 1.4em;}

#leftNav a:hover{
background-color: #efa518;
color: #000000;
}

#leftNav .current a {
    color: #286287;
}

#colizd {
	float: left;
	width: 191px;
margin-left: 5px;}

#colcentro{
font-family: Tahoma, sans-serif;
	width: 770px;
float: center;
	margin-left: 6px;
margin-right: 6px;}

#colcentro p {
	padding: 10px 8px;
	margin: 0;
font-size: 12pt;
}

#colder{ 

	float: left;
	width: 180px;
margin-left: 30px;}

#colizd,#colder
{
	font-size: 8pt;
	font-family: Tahoma, sans-serif;
}

#colizd p,
#colder p
{
	padding: 10px 8px;
	margin: 0;
font-size: 9pt;
}


#colizd .alt1
#colder .alt1
{
border-color: #F29503;
}

#colder .footer{
	background: #FEF2CE url('/images/iz_c_f.gif') top center no-repeat;
}

#colcentro .footer{	
	background: #FFF url('/images/mid_col_footer.gif') top center no-repeat;
}
	
#colizd .footer
{	background: #FFF url('/images/right_col_footer.gif') top center no-repeat;
}


#colder .footer,
#colizd .footer,
#colcentro .footer{
	height: 7px;
	margin: 1em -1px -1px -1px;
	overflow: hidden;
	position: relative;
	clear: none;
}

#colizd .alt1,
#colder .alt1,
#colcentro .alt1
{
	border-color: #BBBBBB;
	border-width: 0 1px;
	border-style: solid;
	margin-bottom: 10px;
}

#colder .alt1 h2{
	background: url('/images/orange_header.gif');
}

#colcentro .alt1 h2,
#colcentro .alt1 h1{
	background: url('/images/blue_header.gif');
	}

#colizd .alt1 h2 {
	background: url('/images/orange_header2.gif');
	}
	
#colder h2,
#colizd h2,
#colcentro h1, 
#colcentro h2 {
	margin: 0 -1px;
	color: #fff;
	font: bold 10pt Tahoma, sans-serif;
	padding-top: 7px;
	margin-bottom: 5px;
	padding-left: 16px;
	height: 23px;
	}
	
#colcentroda h3 {
	margin: 0 -1px;
	font: bold 15pt Tahoma, sans-serif;
	padding-top: 7px;
	margin-bottom: 15px;
	padding-left: 16px;
	height: 23px;
	}	
	
#colcentro h4 {
	margin: 0 -1px;
	color: #000482;
	font: bold 10pt Tahoma, sans-serif;
	padding-top: 7px;
	margin-bottom: 5px;
	padding-left: 16px;
	height: 23px;
	}

#colcentro h5 {
	margin: 0 -1px;
	color: #000000;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	margin-bottom: 10px;
	padding-left: 12px;
text-decoration: none;}
	
	
#colcentroda{
font-family: Tahoma, sans-serif;
	width: 530px;
float: left;
margin-left: 20px;
margin-right: auto;}

#colcentroda p {
	padding: 10px 8px;
	margin: 0;
font-size: 12pt;
}


#colcentroda .footer{	
	background: #FFF url('/images/mid_col_footerda.gif') top center no-repeat;
}
#colcentroda .footer{
	height: 7px;
	margin: 1em -1px -1px -1px;
	overflow: hidden;
	position: relative;
	clear: none;
}

#colcentroda .alt1
{
	border-color: #BBBBBB;
	border-width: 0 1px;
	border-style: solid;
	margin-bottom: 10px;
}

#colcentroda .alt1 h2,
#colcentroda .alt1 h1{
	background: url('/images/blue_header.gif');
	}

#colcentroda h1, 
#colcentroda h2 {
	margin: 0 -1px;
	color: #fff;
	font: bold 10pt Tahoma, sans-serif;
	padding-top: 7px;
	margin-bottom: 5px;
	padding-left: 16px;
	height: 23px;
	}
	
#colcentroda h4 {
	margin: 0 -1px;
	color: #000482;
	font: bold 10pt Tahoma, sans-serif;
	padding-top: 7px;
	margin-bottom: 5px;
	padding-left: 16px;
	height: 23px;
	}

#colcentroda h5 {
	margin: 0 -1px;
	color: #000000;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	margin-bottom: 10px;
	padding-left: 12px;
text-decoration: none;}
	
	#tbhd        {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt;  color: #FFFFFF; text-decoration: none; font-weight: bold; padding-left: 5px }
	
#tbhdc       {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt; color: #FFFFFF; text-decoration: none; text-align: center; font-weight: bold }
#tbc         {font-family: Geneva, Verdana, Arial, Helvetica; font-size: 8pt; color: #003366; text-decoration: none; text-align: center }

#migas{
font-variant: small-caps;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
margin-top: 2pt;
margin-left: 4pt;
margin-bottom: 2pt;}


--------------


#header .wrapper {
       height: 30px;
  	background: white;
    clear: right;
	width: 100%;
	}

   #tabsI {

      float:left;
      width:100%;
      background: #e1e1e1;
      line-height:normal;
          border-bottom: 1px #F69F4B solid;
}
    #tabsI ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("/images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("/images/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

        #tabsI #current a {
                background-position:0% -42px;
        }
        #tabsI #current a span {
                background-position:100% -42px;
        }
        

#tabsI li .sub {
    background: #5c96bb ;
}

#tabsI li .sub > a:hover {
    background: #fff8d1 ;
}



#tabsI li ul a:hover {
    color: #336699;
    background: #dce4ea;
}


#tabsI li ul {
    position: absolute;
    width: 19em;
    margin-left: 0em;
    left: -999em;
    border-bottom: 0.3em solid #336699;
}

#tabsI li ul li {
    width: 19em;
    background: #5c96bb;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: -1px;
    line-height: 1.2em;/* */
}

#tabsI li ul a {
    width: 17em;
    padding: 0.3em 0em 0em 2em;
        background: white;
}

#tabsI li ul a:hover {
    width: 17em;
}

#tabsI li:hover ul, #tabsI li.subMenu ul {
    left: auto;
}

#tabsI li ul ul {
    margin: -1.2em 0em 0 17em;
}

#tabsI li:hover ul ul, #tabsI li.subMenu ul ul {
    left: -999em;
}

#tabsI li:hover ul, #tabsI li li:hover ul,
#tabsI li.subMenu ul, #tabsI li li.subMenu ul {
    left: auto;
}



div#footer {
	clear: both;
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	background: white url(/i/bg/navigation/navi_bars.png) 0px -450px repeat-x;
	text-align: center;
}
div#footer.simple {
	margin-top: 10px;
	background: white;
	height: 40px;
}

div#sidebar-end {
	width: 189px;
	height: 30px;
	position: relative;
	background: white url(/i/bg/sidebar_end.png) left top no-repeat;
	padding: 0;
	clear: both;
}
body#main div#sidebar-end, body.simple div#sidebar-end {
	background: white !important;
}

body.screenshots div#sidebar-end {
	background: white !important;
}

div#footer-content {
	width: 749px;
	left: 50%;
	margin: 0 auto !important;
	clear: both;
	text-align: left;
}

div#footer div#legal {
	clear: both;
	background: transparent url(/i/bg/navigation/navi_bars.png) 0 -150px repeat-x;
	width: 749px;
	height: 25px;
	overflow: hidden;
	margin: 0 auto;
}
div#footer.simple div#legal {
	background: transparent url(/i/bg/footer/footer_round.png) 0 0 repeat-x;
	height: 26px;
	overflow: hidden;
	line-height: 26px !important;
}
div#legal {
	font-size: 0.9em;
}
div#legal a {
	color: black;
}
div#legal span.copyright {
	float: left;
	margin-left: 10px;
	line-height: 28px;
}
div#legal span.legal-information {
	float: right;
	margin-right: 10px;
	line-height: 28px;
}

/* Secondary navigation in footer */

ul#secondary-navigation {
	display: block;
	width: 625px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
ul#secondary-navigation li {
	float: left;
	margin: 0 0 10px;
	display: block;
	padding: 0;
	width: 125px;
}
ul#secondary-navigation li a {
	text-decoration: none;
	color: #a7a9ac;
}
ul#secondary-navigation li a:hover {
	text-decoration: underline;
}
ul#secondary-navigation li.selected a {
	text-decoration: none;
	color: black;
}
ul#secondary-navigation li.selected li a {
	text-decoration: none;
	color: #0083b3;
}
ul#secondary-navigation li.selected li a:hover {
	text-decoration: underline;
}
ul#secondary-navigation li li a {
	text-decoration: none;
	color: #a7a9ac;
	padding-right: 5px;
}
ul#secondary-navigation li {
	font-size: 1em;
	font-weight: bold;
}
ul#secondary-navigation li ul {
	margin-top: 5px !important;
}
ul#secondary-navigation li li {
	font-size: 0.9em;
	line-height: 1.05em;
	font-weight: normal;
}
ul#secondary-navigation li ul {
	margin: 10px;
	margin: 0;
	padding: 0;
}
ul#secondary-navigation li li {
	float: none;
	display: block;
	margin: 0 0 4px;
	padding: 0;
}
ul#secondary-navigation li:hover a {
	color: black;
}
ul#secondary-navigation li:hover li a {
	color: #0083b3;
}
ul#secondary-navigation li:hover li a:hover {
	text-decoration: underline;
}

ul#secondary-navigation li.hover a {
	color: black;
}
ul#secondary-navigation li.hover li a {
	color: #0083b3;
}
ul#secondary-navigation li.hover li a:hover {
	text-decoration: underline;
}

li#nav-aboutus { clear: left; }

* html li#nav-download, * html li#nav-skypeout, * html li#nav-share, * html li#nav-shop, 
* html li#nav-extras, * html li#nav-aboutus, * html li#nav-partners, * html li#nav-blogs, 
* html li#nav-forums, * html li#nav-help {
	height: 13em;
}

/* language container in footer */

div#languages-container {
	background: transparent url(/i/bg/footer/language_container_top.png) top left no-repeat;
	width: 124px;
	padding-top: 5px;
	float: right;
	margin-bottom: 20px;
	margin-top: -30px;
	position: relative;
}

div#languages-container p {
	margin: 0;
	color: #a7a9ac;
	font-size: 1em;
	font-weight: bold;
	padding: 0 10px 5px;
	background: transparent url(/i/bg/footer/language_container_repeat.png) top left repeat-y;
}

div#languages-container ul {
	margin: 0;
	padding: 0;
	display: block;
}
div#languages-container ul li {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	font-size: 0.9em;
}

div#languages-container a {
	color: #a7a9ac;
	text-decoration: none;
}
div#languages-container a:hover {
	text-decoration: underline;
}
div#languages-container:hover p {
	color: black;
}
div#languages-container:hover a {
	color: #0083b3;
}
div#languages-container:hover a:hover {
	text-decoration: underline;
}
div#languages-container.hover p {
	color: black;
}
div#languages-container.hover a {
	color: #0083b3;
}
div#languages-container.hover a:hover {
	text-decoration: underline;
}

ul#languages {
	width: 124px;
	background: transparent url(/i/bg/footer/language_container_repeat.png) top left repeat-y;
}
ul#languages li {
	display: block;
	padding-left: 10px !important;
}
ul#languages li.last {
	background: transparent url(/i/bg/footer/language_container_bottom.png) bottom left no-repeat;
	padding-bottom: 10px;
}
