#wrap {
text-align:left;
color: #222;
}

.width{
margin:0 auto;
width: 960px;
}

hr{display: none;}
 
/* LogInForm ========================= */

#LogInForm{background: #000;
padding: 20px 0;
text-align: right;
display: none;
}

#LogInForm form{ color: #f1f1f1; margin-bottom: 10px;}


/* QueEsClickyhabla ========================= */

#QueEsClickyhabla{
display: none;
/*background: #000; */
/* color:#ff7800; */
}

/* General Stuff ========================= */
p{margin-bottom: 10px;}
strong{font-weight: bold;}
a{ color:#ff7800}
a:hover{text-decoration:none;}
a:focus, a:active {outline: none; text-decoration:underline;}

.wrong{color: #f00!important;}
.ok{color: #080!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: default}

::-moz-selection { background: #fc0; color: #000; }
::selection { background: #fc0; color: #000;}

h7{font-size:110%; margin-bottom: 10px; border-bottom: 1px dotted #CCCCCC;}
h8{font-size:105%; margin-bottom: 10px; color: #FF6600;}

h3{font-size:138.5%; margin-bottom: 10px}
/*h1,h2,h3{margin:1em 0;}*/
h1,h2,h3,h4,h5,h6,h7,h8,strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-left: 0!important; clear: left;}

.module{margin-bottom: 20px;}
.small{font-size: 85%;}
.small strong{color: #222!important}

/* Avisos ========================= */

.aviso{
padding: 20px 20px 10px 20px;
margin: 0 0 20px 0;
background: #ffc;
color: #4c4c3f;
}

.error{
background: #fcc;
color: #900;
}

.sucess{
background: #deffa4;
color: #040;
}

.aviso a{color: #6b5e2b; text-decoration: underline;}
.error a{color: #7a0000;}
.error a{color: #040;}

.aviso h5{
margin-bottom: 10px;
font-weight: bold;
font-size: 116%;
}

.aviso h6 a{
float: right;
background-image: url("http://www.logysweb.com/img/cross.png");
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
width: 16px;
height: 16px;
text-indent: -999999px;
}


/* 2.header ========================= */

#header{
background: #1f2124 url("http://www.logysweb.com/img/bg_header.png") repeat-x bottom left;
/*background: #1f2124 repeat-x bottom left;*/
border-top: 2px solid #000;}

#header h1{
float: left;
}

#header h1 a, #header h1 a:hover{
width: 268px;
height: 91px;
display: block;
/*background: url("http://www.logysweb.com/img/logo_1_rojoclaro.png") no-repeat 0 0;*/
background: url("http://www.logysweb.com/img/logo_1_rojo.png") no-repeat 0 0;
/*background: url("http://www.logysweb.com/img/logo_1_rojo_20.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_rojo_20_verde.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_rojo_20_modificado.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_rojo_20_modificado2.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_grisoscuro.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_grisclaro.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo_1_blanco.png") no-repeat 0 0;*/
/*background: url("http://www.logysweb.com/img/logo.png") no-repeat 0 0;*/
margin-top: 5px;
text-indent: -999999px;
behavior:url(js/iepngfix.htc);
}

* html #header h1 a, * html #header h1 a:hover{background: url("http://www.logysweb.com/img/logo.png") no-repeat 0 0;}


/* 2-1.TopMenu ========================= */

#TopMenu{float: right;}

#TopMenu form, #TopMenu h5{float: left;}

#TopMenu form{ margin: 2px 5px 0 0;}

#header h5{
	display: block;
	width: 560px;}

#header h5 a{
/*background: url("http://www.logysweb.com/img/btn_login.gif") no-repeat bottom center;*/
line-height: 15px;
color: #fff;
text-align: right;
padding: 5px 0px;
font-size: 85%;
text-transform: uppercase;
text-decoration:underline;
/*text-decoration: none;*/
color: #ccc}

#header h5 a:hover{color: #fff;}

#header h5 {
/*background: url("http://www.logysweb.com/img/btn_login.gif") no-repeat bottom center;*/
line-height: 15px;
color: #fff;
text-align: right;
padding: 5px 0px;
font-size: 85%;
text-transform: none;
text-decoration: none;
/*text-decoration: none;*/
color: #fff}










#TopMenu form{ margin: 2px 5px 0 0;}

#header h6{
	display: block;
	width: 560px;}

#header h6 a{
/*background: url("http://www.logysweb.com/img/btn_login.gif") no-repeat bottom center;*/
line-height: 15px;
color: #fff;
text-align: right;
padding: 5px 0px;
font-size: 85%;
text-transform: uppercase;
text-decoration:underline;
/*text-decoration: none;*/
color: #ccc}

#header h6 a:hover{color: #fff;}

#header h6 {
/*background: url("http://www.logysweb.com/img/btn_login.gif") no-repeat bottom center;*/
line-height: 15px;
color: #fff;
text-align: right;
padding: 5px 0px;
font-size: 85%;
text-transform: none;
text-decoration: none;
/*text-decoration: none;*/
color: #fff}

/* 2-2. NavBar ========================= */

#NavBar{
float: right;
clear: right;
margin-top: 40px;
*width:580px;
}


#NavBar li{
float: left;
background-image: url("http://www.logysweb.com/img/btn_tabs.png");
background-repeat: no-repeat;
background-position: right -100px;
margin:0 0 1px 5px;
}

#NavBar li a{
display: block;
background-image: url("http://www.logysweb.com/img/btn_tabs.png");
background-repeat: no-repeat;
background-position: left -150px;
padding: 0 10px;
line-height: 36px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #FFF;}

#NavBar li a:hover{color: #fff}

#NavBar li.active{
background-position: right 0;
margin-bottom: 0;
padding-bottom: 1px;
}

#NavBar li.active a{
background-position: left -50px;
color: #FFF;
/*color: #ff7800;*/
}


/* content ========================= */

#content{
margin: 0px auto;
padding: 20px 0;
background: #f7f7f7 url("http://www.logysweb.com/img/bg_content.gif") repeat-x 0 0;
border-bottom: 1px solid #dbdbdb;
line-height: 1.5em;
}

#content h6 a{
display: block;
font-size: 85%;
text-transform: uppercase;
padding: 1px 0 1px 20px;
background: transparent url("http://www.logysweb.com/img/icons/add.gif") no-repeat left center;
clear: both;
border-top: 1px dotted #777;
border-bottom: 1px dotted #777;
}

/* HighlightArea ========================= */

#HighlightArea{
padding: 20px;
/*background: #f5eac8 url("http://www.logysweb.com/img/bg_hightlight.gif") repeat-x 0 0;*/
background: #000000 url("http://www.logysweb.com/img/HighlightArea_fondo.png") repeat-x 0 0;
/*border-bottom: 1px solid #edda9e;*/
border-bottom: 5px solid #CACACA;
color:#E5E5E5;

}

#HighlightArea h2{font-size: 250%;}
#HighlightArea p{margin-bottom: 0;font-size: 138.5%;}

/*#HighlightArea h4 a{
display: block;
background-image:url("http://www.logysweb.com/img/btn_big.png");
background-position: top right;
background-repeat: no-repeat;
text-align: center;
text-decoration: none;
color: #fff;
height: 50px;
padding-top: 13px;
line-height: 22px;
font-weight: normal;
behavior:url(js/iepngfix.htc);
}*/

#HighlightArea h4 a{
float:right;
width:260px;
text-align: center;
display: block;
padding: 10px 0;
/*margin: 0px 140px 0px 0px;*/
/*padding: 20px 20px 20px 80px;*/
-ms-border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
color: #fff!important;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.5px;
background-color:#c9d970;
background-image: url("http://www.logysweb.com/img/bg_btn.gif");
background-position: repeat-x;
background-position: center left;
border: 1px solid #679800;
behavior:url(js/border-radius.htc);
}

/*#HighlightArea h4 a:hover{background-position: bottom center;}*/

#HighlightArea h4 a strong{
display: block;
font-size: 160%;
text-transform: normal;
font-weight: bold;
text-transform: uppercase;
}

/* HomeArea ========================= */

#HomeArea{
background: #fcf9ef;
border-bottom: 1px solid #f8f1da;
padding: 20px;}


#Facts, #video{
float: right;
width: 460px;
height:280px;
}

#video{float: left;
background: #ccc;}

#Facts ul{margin-bottom: 10px;}

#Facts ul li{
padding: 5px 0 5px 30px;
background: url("http://www.logysweb.com/img/icons/checkbox-24x24.png") no-repeat 0 0px;
border-bottom: 1px dotted #f8f1da;
}

#Facts ul li.more{
	padding: 5px 0 5px 30px;
	background: url("http://www.logysweb.com/img/icons/bars-24x24.png") no-repeat 0 0px; font-weight: bold;}

#Facts ul li:last-child{border: none;}

#Facts h4 a{font-size: 160%;}

#Facts h4 a strong{
font-size: 50%;
display: block;}



/* main ========================= */

#main, #MainTitle, #FooterMain{
float: left;
width: 620px;}

/* Box ========================= */
.box{float:left;
width:300px;
margin: 0 0 20px 20px;
}

.box dd.BoxImage{
float: left;
width: 100px;
margin: 0;}

.box dd{
margin-left: 110px;
margin-bottom: 5px;}

.box dt{
font-weight: bold;
margin: 0 0 5px 0;
width: 190px;
float: right;
font-size: 108%;
}





/* module_vinetas ========================= */
#module_vinetas ul{margin-bottom: 10px;}

#module_vinetas ul li{
padding: 5px 0 5px 30px;
background: url("http://www.logysweb.com/img/icons/checkbox-24x24.png") no-repeat 0 0px;
border-bottom: 1px dotted #f8f1da;
}

#module_vinetas ul li.more{
	padding: 5px 0 5px 30px;
	background: url("http://www.logysweb.com/img/icons/bars-24x24.png") no-repeat 0 0px; font-weight: bold;}


#module_vinetas ul li.proteccion{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_paraguas48x48.png") no-repeat 0 0px; font-weight: bold;}


#module_vinetas ul li.favorita{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_favorita48x48.png") no-repeat 0 0px; font-weight: bold;}


#module_vinetas ul li.bonus{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_rate48x48.png") no-repeat 0 0px; font-weight: bold;}


#module_vinetas ul li.company{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_company48x48.png") no-repeat 0 0px; font-weight: bold;}

#module_vinetas ul li.checkbox{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_checkbox48x48.png") no-repeat 0 0px; font-weight: bold;}


#module_vinetas ul li.bars{
	padding: 15px 0 15px 50px; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
	background: url("http://www.logysweb.com/img/icons/iconos_bars48x48.png") no-repeat 0 0px; font-weight: bold;}







#module_vinetas ul li:last-child{border: none;}

#module_vinetas h4 a{font-size: 160%;}

#module_vinetas h4 a strong{
font-size: 50%;
display: block;}





/* SideBar ========================= */

#SideBar, #HighlightArea .clickyhabla, #FooterSide{
float: right;
width: 300px;
}

/* MainTable ========================= */

.MainTable{width: 100%; }

.MainTable, .MainTable th, .MainTable td, .MainTable tr{border: 1px solid #ccc;vertical-align: top;}

.MainTable td, .MainTable th{padding: 5px; text-align: center; }

.MainTable tr td:first-child{text-align: left; color: #222!important}

.MainTable th{font-weight: bold;color: #777; }
.MainTable th strong{color: #000; font-size: 197%;}

.MainTable .price a{
display: block;
margin-bottom: 5px;
}

.MainTable .price{color: #777;}
.MainTable .price strong{
font-size: 108%;
display: block;
color: #222;}

/* MainBtn ========================= */

.MainBtn a{
text-align: center;
display: block;
padding: 10px 0;
margin: 0px 140px 0px 0px;
/*padding: 20px 20px 20px 80px;*/
-ms-border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
color: #fff!important;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
background-color:#c9d970;
background-image: url("http://www.logysweb.com/img/bg_btn.gif");
background-position: repeat-x;
background-position: center left;
border: 1px solid #679800;
behavior:url(js/border-radius.htc);
}

/* MainBtn1 ========================= */

.MainBtn1{
background-image: url("http://www.logysweb.com/img/btn_main.gif");
background-position: right top;
background-repeat: no-repeat;
text-align: center;
}

.MainBtn1 a{
display: block;
background-image: url("http://www.logysweb.com/img/btn_main.gif");
background-position: 0 -30px;
background-repeat: no-repeat;
line-height: 30px;
height: 30px;
color: #fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

/*.MainBtn1:hover{background-position: right -60px;}*/

/*.MainBtn1 a:hover{background-position: 0 -90px;}*/

/* Blockquote ========================= */

blockquote{
background: #f1f1f1;
border: 1px solid #ccc;
border-bottom: none;
padding: 20px 20px 10px 20px;
}

blockquote p{
font-family: Georgia, serif;
font-style: italic;
}

blockquote p strong{font-style: italic;}

.vcard{
background: url("http://www.logysweb.com/img/bocadillo.gif") no-repeat top left;
font-weight: normal;
margin-bottom: 20px;
padding-top: 20px;}

.vcard dt{float: left;}

.vcard dt img{
display: block;
padding: 4px;
border: 1px solid #ccc;}

.vcard dd{margin-left: 60px;font-size: 85%;}
.vcard dd.fn{font-size: 100%; font-weight: bold;}



/* Main Form ========================= */

input[type="text"], select, textarea{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 2px;
color: #777;
}
select{padding: 1px;}

input[type="text"]:focus, select:focus, textarea:focus{
color: #222!important;
border-color: #777;
}
input[type="submit"]{
color: #040;
background:#c9d970 url(../img/bg_btn.gif) repeat-x center left;
border: 1px solid #679800;
padding: 1px 10px;
*padding:0;
margin-top: 5px;
font-weight: bold;
width: auto;
cursor: pointer;
color: #fff!important;
height:35px;
}

input[type="submit"]:hover, input[type="submit"]:focus{
background: #040;
}


.MainForm{
margin-bottom: 20px;
clear: both;
}

.MainForm label{
display: block;
margin: 15px 0 2px 0;
}

.MainForm label em{
font-style: italic;
font-family: Georgia, Times, serif;
color: #777;
}

.MainForm label.checkbox{
font-weight: bold;
color: #777;
}









.MainForm input.short{width: 40px;}

.MainForm label.checkbox input{width: auto;}

.MainForm select {
border:1px solid #ccc;
border-top: 2px solid #ccc;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 153.9%;
}


.MainForm input, .MainForm textarea{
padding: 5px;
font-weight: bold;
width: 250px;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 153.9%;
}

.MainForm .full{color: #222;}

.MainForm input.wrong{
border-color: #f00;
color: #f00;
background: #ffd5d5;
}

.MainForm input.ok{border-color: #080;}
/*
.MainForm p{margin: 10px 0;}

.MainForm p input{
color: #040;
border: 2px solid #040;
background: #deffa4;
padding-left: 20px;
padding-right: 20px;
width: auto;
cursor: pointer;
}

.MainForm p input:hover{
background: #040;
color: #fff!important;
}

.MainForm p input.wait, .MainForm p input.wait:hover{
background: #f1f1f1;
color: #777!important;
border-color: #777;}

.MainForm p img{ vertical-align: middle;}

.MainForm p input.wrong:hover{background: #f00}

.MainForm p.SmallCopy{
font-size: 85%;
color: #777;
}
*/
.MainForm strong{color: #f00;}

.MainForm strong.BigText{color: #777;font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 153.9%;}

.MainForm strong.ok{color: #040;}

.MainForm strong em{
text-decoration: underline;
font-weight: bold;}

.MainForm textarea, .MainForm input.large{
width: 550px;
color: #777;
}

/* checks */

.MainForm fieldset {border-top: 1px solid #777; margin-bottom: 20px;}

.MainForm fieldset legend{
font-size: 108%;
padding-right: 10px;
font-weight: bold;
text-transform: uppercase;
}

.MainForm fieldset fieldset {margin: 15px 0 0 0; border: none;}

.MainForm fieldset fieldset legend{
font-size: 100%;
padding-right: 0px;
font-weight: normal;
text-transform: none;}

.MainForm fieldset fieldset label{
margin: 4px 0;
color: #777;
font-weight: bold;
}

.MainForm fieldset fieldset input{
border: none;
width: auto;
}

.MainForm fieldset fieldset.inline label{
display: inline;
margin-right: 10px;
}

/* SecondForm ========================= */

.SecondForm li{padding: 2px 0; }

.SecondForm label{
float: left;
width: 80px;
}

.SecondForm input, .SecondForm textarea{ width: 180px;}

.SecondForm p{margin:5px 0 0 80px;}

.SecondForm p input{width: auto;}


/* Logos ========================= */

.logos{margin-bottom: 5px;}

.logos li{
float: left;
margin:0 10px 10px 0; /*ARRIBA IZQUIERDA ABAJO DERECHA*/
}




/* Footer ========================= */

#footer{
background: #444 url("http://www.logysweb.com/img/bg_footer.gif") repeat-x 0 0;
padding: 20px 0;
clear: both;
color: #f1f1f1;
}

#footer a{color: #ccc;}

#footer ul{float: left;}

#footer ul li{float: left;}

#footer ul li a {
display: block;
margin-right:10px;
}

/* Share */

.share li a{padding-left: 20px;
background-position: left center;
background-repeat: no-repeat;}

.share li.facebook a{background-image: url("http://www.logysweb.com/img/facebook.gif")}
.share li.twitter a{background-image: url("http://www.logysweb.com/img/twitter.gif")}
.share li.SendFriend a{background-image: url("http://www.logysweb.com/img/icons/email_go.png")}


/* Clear Fix ========================= */

#header:after, #content:after, .module:after, .width:after, .logos:after, .vcard:after, #footer:after, .SecondForm li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header, * html #content, * html .module, * html .logos, * html .vcard, * html #footer, * html .SecondForm li{display: inline-table;}

/* Hides from IE-mac \*/
#header, #content, .module, .logos, .vcard, #footer, .SecondForm li {height: 1%;}
#header, #content, .module, .logos, .vcard, #footer, .SecondForm li {display: block;}
/* End hide from IE-mac */

/* IE6 hacks */

* html .user{display: inline;}















/* Galeria de Imagen http://designm.ag/tutorials/image-rotator-css-jquery/*/
#mainGaleria {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}


.main_image  {
    width: 600px;
    height: 456px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(/img/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(/img/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}
/* Fin de Galeria de Imagen */

/* Inicio de Galeria de Imagen thubmail vertical */
.image_thumb  {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(/img/nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.0em;
    margin: 5px 0;
    padding: 0;
	color:#333;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
/* Fin de Galeria de Imagen thubmail vertical */