/*
---------- Index ------------------------------
1. Info about standards
2. General configurationes
3. Page total
4. Content
    4.1. Fullsize of content - Generel configurations for the content
		4.1.1. News
		4.1.2. Activities List
		4.1.3. Activities Detail
		4.1.4. Links
		4.1.5. Transfer
		4.1.6. Hotel
		4.1.7. Home
	4.2. Left width column of content
	4.3. Right small column of content
	4.4. Forms - general configuration 
	    4.4.1. Forms - Newsletter
		4.4.3. Forms - Feedback
	4.5 Popup
	
*/


/**************************************************************/
/*                                                            */
/*  1. Info about standards                                   */
/*                                                            */
/**************************************************************/

/*
---------- Important colors ------------------------------
Normal text = #4a4440
Yellow for text = #eba83a
Colored text = #c0682d
Grey for text = #919191
Red for attention and errors = #CC0000
*/


/**************************************************************/
/*                                                            */
/*  2. General configurationes                                */
/*                                                            */
/**************************************************************/

body, 
input, 
select, 
textarea {	
font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
color: #4a4440;
}

body {	
background: url(../images/bg_pattern.jpg);
padding-top: 2em;
margin: 0px;
}

div, 
p,
dl,
dl dt,
dl dd {
margin: 0px;
padding: 0px;
}

img { 
border: 0px; 
float: left;
}	

a {
color: #c0682d;
text-decoration:underline; 
}

a:hover { 
text-decoration: none; 
}

a.tooltip span {
display: none; 
margin: 0px 0px 0px 0px; 
width: 200px;
}

a.tooltip:hover span {
display:inline; 
position:absolute;
left: 340px;
}

ul,
li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.textcolor {
color: #c0682d;
}

p.page-top-text {
text-align: left;
}

/**************************************************************/
/*                                                            */
/*  3. Page total                                             */
/*                                                            */
/**************************************************************/
#all {
position: absolute;
background-color: transparent;
padding: 0px;
width: 710px;
left: 50%;
margin: 0px 0px 0px -355px;
}



/**************************************************************/
/*                                                            */
/*  4. Content                                                */
/*                                                            */
/**************************************************************/

/* Link for more details of a content */
a.backbutton,
a.more {
font: 12px/18px Georgia, sans-serif;
color: #c0682d;
text-decoration: none;
padding: 0px 3px 0px 3px;
}

a.backbutton:hover,
a.more:hover {
text-decoration: underline;
}


/*
---------- 4.1. fullsize of content - Generel configurations for the content ------------------------------
*/
div#content div.fullsize {
margin: 0px 18px 0px 35px;
width: 640px;
}

div#content div.fullsize h2 {
font: 18px/18px Georgia, sans-serif; 
color: #c0682d;
margin: 0px 0px 9px 0px;
padding: 0px;
}

div#content div.fullsize h3 {
font: bold 12px/18px Georgia, sans-serif; 
color: #c0682d;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

div#content div.fullsize h4 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

div#content div.fullsize p,
div#content div.fullsize div.left-width p {
float: none;
margin-bottom: 18px;
}

div#content div.fullsize div.left-width p#back{
padding: 36px 0px 0px 0px;
}

div#content div.fullsize div.left-width ul li {
margin-left: 60px;
}

div#content div.fullsize img {
border: 5px solid #ddccb0;
}

div#content div.fullsize img.a {
border: 0px;
}

div#content div.fullsize img.none-border {
border: 0px;
}

div#content div.fullsize img.text-left,
div#content div.fullsize img.text-right {
border: 5px solid #ddccb0;
margin: 0px 20px 9px 0px;
float: left;
}

div#content div.fullsize img.text-right {
margin: 0px 0px 18px 20px;
float: right;
}

div#content div.fullsize ul {
margin: 9px 0px 18px 0px;
padding: 0px;
list-style-image: url(../images/list-cruz.gif);
list-style-position: outside;
}

/* for older opera */
html:first-child>*:first-child+b\ody div#content div.fullsize ul {
list-style-image: url(../images/list-cruz-opera.gif);
}

/* for IE6 */
*html div#content div.fullsize ul { 
list-style-image: url(../images/list-cruz-ie.gif);
padding-bottom: 18px;
}

/* for IE7 */
*+ html div#content div.fullsize ul { 
list-style-image: url(../images/list-cruz-ie.gif);
padding-bottom: 18px;
}

div#content div.fullsize ul li {
line-height: 27px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 19px;
}


/* ---------- 4.1.1. News ------------------------------ */
div#content div.fullsize div.left-width h3.news-title {
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif !important;
color: #c0682d !important;
text-transform: uppercase !important;
}

div#content div.fullsize div.left-width div.news-detail,
div#content div.fullsize div.left-width div.news-detail-last {
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px dotted #4a4440;
}

div#content div.fullsize div.left-width div.news-detail-last {
border-bottom: none;
}

div#content div.fullsize div.left-width div.news-detail span,
div#content div.fullsize div.left-width div.news-detail-last span {
font-family: Georgia, sans-serif;
color: #919191;
display: block;
margin: 0px;
padding: 0px;
}

/* ---------- 4.1.2. Activities List ------------------------------ */
div#content div.fullsize div.activity-list {
float: left;
}

div#content div.fullsize div.activity-list p {
padding-bottom: 18px;
margin: 0px;
float: left;
}

div#content div.fullsize div.activity-list img {
border: none !important;
}

div#content div.fullsize div.activity-list h2 {
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif !important;
color: #c0682d !important;
text-transform: uppercase !important;
border-top: 1px dotted #4a4440;
border-bottom: 1px dotted #4a4440;
margin: 0px 0px 9px 0px;
padding: 2px 0px 2px 3px;
}

div#content div.fullsize div.activity-list div {
width: 420px;
float: left;
margin: 0px 20px 0px 0px;
} 

div#content div.fullsize div.activity-list dl {
float: left;
width: 200px;
margin-bottom: 18px;
}

div#content div.fullsize div.activity-list dl dt {
float: left;
width: 100px;
font-weight: bold;
}

div#content div.fullsize div.activity-list dl dd {
float: left;
width: 100px;
}

/* ---------- 4.1.3. Activities Detail ------------------------------ */
div#content div.fullsize div.left-width div.activity-detail h2 {
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif !important;
color: #c0682d !important;
text-transform: uppercase !important;
border-top: 1px dotted #4a4440;
border-bottom: 1px dotted #4a4440;
margin: 0px 0px 9px 0px;
padding: 2px 0px 2px 3px;
clear: both;
}

div#content div.fullsize div.left-width div.activity-detail dl {
float: left;
width: 420px;
margin-bottom: 18px;
}

div#content div.fullsize div.left-width div.activity-detail dl dt {
float: left;
width: 150px;
font-weight: bold;
}

div#content div.fullsize div.left-width div.activity-detail dl dd {
float: left;
width: 270px;
}

/* ---------- 4.1.4. Links ------------------------------ */
div#content div.fullsize a.chile-link {
font-weight: bold;
color: #4a4440;
}

div#content div.fullsize a.chile-link-url {
color: #919191;
text-decoration: none;
}

/* ---------- 4.1.5. Transfer ------------------------------ */
div#content div.fullsize div.left-width dl.prices-transfer {
float: left;
width: 420px;
margin-bottom: 18px;
}

div#content div.fullsize div.left-width dl.prices-transfer dt {
float: left;
width: 221px;
border-bottom: 1px dotted #4a4440;
}

div#content div.fullsize div.left-width dl.prices-transfer dd {
float: left;
width: 199px;
border-bottom: 1px dotted #4a4440;
}

/* ---------- 4.1.6. Hotel ------------------------------ */
div#content div.fullsize div.left-width dl.prices-hotel {
float: left;
width: 420px;
margin-bottom: 18px;
}

div#content div.fullsize div.left-width dl.prices-hotel dt {
float: left;
width: 221px;
border-bottom: 1px dotted #4a4440;
}

div#content div.fullsize div.left-width dl.prices-hotel dd {
float: left;
width: 199px;
border-bottom: 1px dotted #4a4440;
}

/* ---------- 4.1.6. Rent a car ------------------------------ */
div#content div.fullsize div.left-width dl.prices-auto {
float: left;
width: 420px;
margin-bottom: 18px;
}

div#content div.fullsize div.left-width dl.prices-auto dt {
float: left;
width: 165px;
border-bottom: 1px dotted #4a4440;
font-weight: bold;
}

div#content div.fullsize div.left-width dl.prices-auto dd {
float: left;
width: 255px;
border-bottom: 1px dotted #4a4440;
}

/* ---------- 4.1.7. Home ------------------------------ */
div#content div.fullsize div.left-width div.home h2 {
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif !important;
color: #c0682d !important;
text-transform: uppercase !important;
border-top: 1px dotted #4a4440;
border-bottom: 1px dotted #4a4440;
margin: 18px 0px 9px 0px;
padding: 2px 0px 2px 3px;
clear: both;
}

div#content div.fullsize div.left-width p.image-text {
min-height: 127px;
height:auto;
}

*html div#content div.fullsize div.left-width p.image-text { /* for ie6 + ie7 */
height: 127px;
}


/*
---------- 4.2. Left column of content ------------------------------
*/
div#content div.fullsize div.left-width {
width: 420px;
float: left;
margin: 0px 20px 0px 0px;
}

/*
---------- 4.3. Right small column of content ------------------------------
*/
div#content div.fullsize div.right-small {
width: 200px;
float: left;
clear: right;
}

div#content div.fullsize div.right-small img {
margin-bottom: 32px;
}

div#content div.fullsize div.right-small img.image-popup {
margin-bottom: 0px;
}

div#content div.fullsize div.right-small img.icon {
border: none;
}

div#content div.fullsize div.right-small h3.box-title {
font: bold 14px Georgia, sans-serif; 
text-transform: none !important;
color: #faf1e1;
background: #ddccb0; 
padding: 3px 10px 3px 10px;
margin: 0px 0px 2px 0px;
display: block;
border-top: 1px dotted #4a4440;
border-bottom: 1px dotted #4a4440;
width: 180px;
}

*html div#content div.fullsize div.right-small h3.box-title { /* for ie 6 */
/*width: 200px;*/
}

div#content div.fullsize div.right-small div.box {
float: left;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
width: 180px;
margin: 0px 0px 36px 0px;
background: #ecd8b4;
padding: 10px;
}

*html div#content div.fullsize div.right-small div.box { /* for ie 6 */
/*width: 200px;*/
}

div#content div.fullsize div.right-small div.box p {
margin: 0px 0px 14px 0px;
float: none !important;
}

div#content div.fullsize div.right-small div.box p.line {
padding: 0px 0px 0px 0px;
border-bottom: 1px dotted #4a4440;
}

/* news box on homepage */
div#content div.fullsize div.right-small div.box p.news {
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 14px 0px;
float: left;
min-height: 45px;
height: auto;
}

*html div#content div.fullsize div.right-small div.box p.news { /* for ie 6 + ie 7 */
height: 55px;
}

div#content div.fullsize div.right-small div.box p.news span {
font: 11px/16px Georgia, sans-serif;
color: #919191;
display: block;
}

div#content div.fullsize div.right-small div.box p.news img {
float: left;
margin: 0px 10px 0px 0px;
border: none;
}

div#content div.fullsize div.right-small div.box p.news a,
div#content div.fullsize div.right-small div.box p.news a:hover {
color: #4a4440;
}

/* links on home */
div#content div.fullsize div.right-small div.home-links {
float: left;
border-bottom: 1px dotted #4a4440;
width: 180px;
padding: 8px 10px 4px 10px;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
}

div#content div.fullsize div.right-small div.home-links.icon {
width: 151px;
}

div#content div.fullsize div.right-small div.home-links img {
margin: 0px 10px 0px 0px;
border: none;
}

div#content div.fullsize div.right-small div.home-links a {
color: #4a4440;
}

/* newsletter box */
div#content div.fullsize div.right-small div.box p {
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 16px 0px;
float: left;
}

/* link category box */
div#content div.fullsize div.right-small div.box ul.box-link-category,
div#content div.fullsize div.right-small div.box ul.box-link-category li {
list-style: none;
margin: 0px;
padding: 0px;
}

div#content div.fullsize div.right-small div.box ul.box-link-category li {
border-bottom: 1px dotted #4a4440;
list-style-image: none;
line-height: normal;
padding: 6px 0px 6px 0px;
}

div#content div.fullsize div.right-small div.box ul.box-link-category li.last {
border-bottom: none;
}

/*
---------- 4.4. Forms - general configuration ------------------------------
*/
form br {
clear: left; /* delete the float of labels and inputs */
}

form fieldset {
border: none;
margin: 0px 0px 18px 0px;
padding: 0px;
float: left;
}

form legend {
margin: 0px 0px 0px 0px;
padding: 0px 0px 18px 0px;
font: 18px/18px Georgia, sans-serif; 
color: #c0682d;
}

*html form legend { /* for ie 6 */
margin: 0px 0px 0px -7px;
}

* + html form legend { /* for ie 7 */
margin: 0px 0px 0px -7px;
}

form legend.small {
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #4a4440;
padding: 0px 0px 9px 0px;
}

form legend.small a {
color: #4a4440;
}

form label {
width: 150px;
margin: 0px 5px 9px 0px;
border-bottom: 1px dotted #4a4440;
float: left;
clear: left;
}

form input, 
form textarea {
margin: 0px 0px 9px 0px;
width: 250px;
padding: 5px 2px 5px 2px;
height: auto;
border: none;
background: #fff;
float: left;
}

form select,
form select.fb {
margin: 0px 0px 9px 0px;
width: 250px;
padding: 4px 2px 1px 2px;
height: auto;
border: none;
background: #fff;
float: left;
height: 22px !important;
}

form select.fb {
width: 255px;
}

form textarea {
float: left;
}

/* for the calendar */
.datepicker_tf {
width: 225px;
margin-right: 5px;
float: left;
}

.datepicker_button {
width: 16px !important;
height: 16px !important;
background: none;
}

form textarea {
padding: 3px 2px 3px 2px;
height: auto;
}

form select {
width: 258px;
}

.obligation {
color: #c0682d;
}

form ul.radio-two {
float: left;
width: 250px;
margin: 0px  !important; 
padding: 0px !important;
}

form ul.radio-two li {
display: inline;
margin: 0px 20px 0px 0px !important; 
padding: 0px !important;
}

form ul.radio-two li input {
width: auto;
background: none;
margin: 0px 3px 0px 0px;
height: auto;
float: none;
}

form input#send {
margin: 0px 0px 0px 154px;
padding: 0px 10px 0px 10px !important;
font-size: 14px; 
font-family: Georgia, sans-serif !important;
height: 25px;
width: auto !important;
clear: left;
float: left;
background: #c0682d;
border: 1px dotted #4a4440;
color: #fff;
}

form span.backbutton_reservation {
float: left;
margin: 3px 0px 0px 20px;
}

form input#send:hover {
background: #4a4440;
color: #fff;
}

form input#send-send,
form input#change-dates {
font: 14px Georgia, sans-serif; 
height: 25px;
padding: 0px 10px 0px 10px !important;
float: left;
font-family: Georgia, sans-serif !important;
width: auto !important;
background: #c0682d;
border: 1px dotted #4a4440;
color: #fff;
margin: 0px 8px 0px 0px;
}

form input#change-dates {
background: none;
color: #4a4440;
}

form input#change-dates:hover,
form input#send-send:hover,
form input#send:hover {
background: #4a4440;
color: #fff;
}

*html form input#send,
*html form input#send-send,
*html form input#change-dates { /* for ie 6 */
padding: 0px !important;
}

* + html form input#send,
* + html form input#send-send,
* + html form input#change-dates { /* for ie 7 */
padding: 0px !important;
}

/* error messages */
form dl {
float: left;
clear: right;
}

*html form dl { /* for ie 6 */
margin-bottom: 9px;
}

* + html form dl { /* for ie 7 */
margin-bottom: 9px;
}

form dl dt {
float: left;
width: 270px;
}

form dl dd {
float: left;
clear: right;
margin: 0px;
width: 210px;
color: #CC0000;
font-weight: bold;
}

form p.error {
color: #CC0000;
font-weight: bold;
margin: 0px 0px 0px 155px !important;
}

/* check page */
div#content div.fullsize dl.form-check {
float: left;
width: 640px;
margin-bottom: 18px;
}

div#content div.fullsize dl.form-check dt {
float: left;
width: 270px;
font-weight: bold;
}

div#content div.fullsize dl.form-check dd {
float: left;
width: 370px;
}

/*
---------- 4.4.1. Forms - Newsletter ------------------------------
*/
form#newsletterformbox,
form#newsletterformbox fieldset {
margin: 0px;
padding: 0px;
width: 175px;
float: left;
}

.newsletter_confirmation
{
display: block;
padding: 0px 0px 16px 0px;
}

form#newsletterformbox input {
width: 170px;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
height: auto;
padding: 5px;
}

p.error_newsletter{
color: #CC0000;

font-weight: bold;
}

form#newsletterformbox input#send {
margin: 0px 8px 0px 0px;
padding: 3px !important;
}

*html form#newsletterformbox input#send { /* for ie 6 */
display: block;
width: 40px;
padding: 1px 0px;
overflow: visible;
}

* + html form#newsletterformbox input#send { /* for ie 7 */
display: block;
width: 40px;
padding: 1px 0px;
overflow: visible;
}

form#newsletterformbox input#delete {
font-family: Georgia, sans-serif;
color: #4a4440;
float: left;
width: auto;
padding: 4px 0px 0px 0px;
background: none !important;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #4a4440;
}

form#newsletterformbox input#delete:hover {
border-bottom: none;
}

*html form#newsletterformbox input#delete { /* for ie 6 */
display: block;
width: 40px;
margin: 4px 0px 0px 0px;
padding: 1px 0px;
overflow: visible;
}

* + html form#newsletterformbox input#delete { /* for ie 7 */
display: block;
width: 40px;
margin: 4px 0px 0px 0px;
padding: 1px 0px;
overflow: visible;
}

form#newsletterform fieldset {
margin: 0px 0px 18px 0px;
}

form#newsletterform legend {
margin: 0px 0px 0px 0px;
padding: 0px 0px 18px 0px;
font: 18px/18px Georgia, sans-serif; 
color: #c0682d;
width: 420px;
}

*html form#newsletterform legend { /* for ie 6 */
margin: 0px 0px 0px -7px;
}

* + html form#newsletterform legend { /* for ie 7 */
margin: 0px 0px 0px -7px;
}

form#newsletterform input {
margin: 5px 0px 0px 0px;
}

form#newsletterform input.radio {
width: auto;
margin: 0px 3px 0px 0px;
padding: 0px;
height: auto;
}

*html form#newsletterform input.radio { /* for ie 6 */
background: none;
}

* + html form#newsletterform input.radio { /* for ie 7 */
background: none;
}

form#newsletterform input#send {
margin: 0px 0px 0px 0px;
font: 14px Georgia, sans-serif; 
height: 25px;
padding: 0px 10px 0px 10px !important;
float: left;
font-family: Georgia, sans-serif !important;
width: auto !important;
background: #c0682d;
border: 1px dotted #4a4440;
color: #fff;
margin: 0px 8px 0px 0px;
}

form#newsletterform input#send:hover {
background: #4a4440;
color: #fff;
}


/*
---------- 4.4.2. Forms - Reservation ------------------------------
*/
form#reservation ul#choise-reservation {
list-style-image: none !important;
float: left;
width: 250px;
margin: 0px; 
padding: 0px;
}

form#reservation ul#choise-reservation li {
margin: 0px 0px 9px 0px; 
padding: 0px;
}

form#reservation ul#choise-reservation li input {
width: auto;
margin: 9px 5px 0px 0px;
padding: 0px;
height: auto;
}

*html form#reservation ul#choise-reservation li input { /* for ie 6 */
background: none;
margin-top: 5px;
}

* +  html form#reservation ul#choise-reservation li input { /* for ie 7 */
background: none;
margin-top: 5px;
}

form#reservation ul#room {
list-style-image: none !important;
float: left;
width: 250px;
margin: 0px; 
padding: 0px;
}

form#reservation ul#room li {
margin: 0px 0px 9px 0px; 
padding: 0px;
}

form#reservation ul#room li input {
width: auto;
height: auto;
margin: 0px 5px 0px 0px;
}

*html form#reservation ul#room li input { /* for ie 6 */
background: none;
}

* + html form#reservation ul#room li input { /* for ie 7 */
background: none;
}

form#reservation ul.language {
list-style-image: none !important;
float: left;
width: 250px;
margin: 0px  !important; 
padding: 0px !important;
}

form#reservation ul.language li {
display: inline;
margin: 0px 20px 0px 0px !important; 
padding: 0px !important;
}

form#reservation ul.language li.last {
margin: 0px 0px 0px 0px !important; 
}

form#reservation ul.language li input {
width: auto;
margin: 0px 3px 0px 0px;
height: auto;
float: none;
}

*html form#reservation ul.language li input { /* for ie 6 */
background: none;
}

* + html form#reservation ul.language li input { /* for ie 7 */
background: none;
}

form#reservation div select.time {
width: 50px;
float: left;
} 

form#reservation div p.time_space {
float: left;
margin: 0px 10px 0px 10px;
}

/*
---------- 4.4.3. Forms - Feedback ------------------------------
*/
form.feedback {
margin-top: 0px !important;
}

form.feedback label {
width: 150px;
margin: 0px 5px 4px 0px;
border-bottom: none;
float: left;
clear: left;
}

form.feedback input, 
form.feedback textarea {
margin: 0px 0px 9px 0px;
width: 178px;
padding: 5px 2px 5px 2px;
height: auto;
border: none;
background: #fff;
float: left;
font-size: 11px;
}

form.feedback input#send {
margin: 0px;
}

form.feedback p.error {
margin: 0px !important;
}

/*
---------- 4.5. Popup ------------------------------
*/

body#popup {
background: #f6e1be url(../images/bg_popup.gif) no-repeat;
padding: 0px;
margin: 0px;
}

div#popup-all {	
padding: 20px 30px 36px 30px;
width: 440px;
float: left;
}

div#popup-all h1 {
font: 24px Georgia, sans-serif;
padding:0px;
margin: 0px 0px 48px 0px;
color: #c0682d;
clear: right;
}

div#popup-all h2 {
font: 18px/18px Georgia, sans-serif; 
color: #c0682d;
margin: 0px 0px 9px 0px;
padding: 0px;
}

div#popup-all h3 {
font: bold 12px/18px Georgia, sans-serif; 
color: #c0682d;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

div#popup-all h4 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

div#popup-all div#popup-top {	
height: 40px;
display: block;
float: right;
}

div#popup-all div#popup-fullsize {	

}

div#popup-all div#popup-fullsize p {
float: none;
margin-bottom: 18px;
}

div#popup-all div#popup-fullsize img {	
border: 5px solid #ddccb0;
}

div#popup-all div#popup-fullsize img.full {	
float: none;
margin-bottom: 18px;
}

div#popup-all div#popup-fullsize img.none-border {
border: 0px;
}

div#popup-all div#popup-fullsize img.text-left,
div#popup-all div#popup-fullsize img.text-right {
border: 5px solid #ddccb0;
margin: 0px 20px 9px 0px;
float: left;
}

div#popup-all div#popup-fullsize img.text-right {
margin: 0px 0px 18px 20px;
float: right;
}

div#popup-all div#popup-fullsize ul li {
margin-left: 60px;
}

div#popup-all div#popup-fullsize ul {
margin: 9px 0px 18px 0px;
padding: 0px;
list-style-image: url(../images/list-cruz.gif);
list-style-position: outside;
}

html:first-child>*:first-child+b\ody div#popup-all div#popup-fullsize ul { /* for opera */
list-style-image: url(../images/list-cruz-opera.gif);
}

*html div#popup-all div#popup-fullsize ul { /* for ie 6 + 7 */
list-style-image: url(../images/list-cruz-ie.gif);
padding-bottom: 18px;
}

div#popup-all div#popup-fullsize ul li {
line-height: 27px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 19px;
}