/* CSS Document */
* {
	margin:0;
	padding:0px;
	font-size:100%;
}
body {text-align:center; background:url(images/header-tail.jpg) center top repeat-x;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.333em;
	color:#727272;
}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#3074BC;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {line-height:1em; background:url(images/list-marker.gif) left 5px no-repeat; padding:0 0 10px 15px;color:#3074BC;}
li a {color:#636363;}

ul li.gris {color:#636363 ! important;} 
ul li.blanco {color:#FFF! important;background:url(images/list-marker-blanco.gif) left 5px no-repeat;} 

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.col-1,
.col-2,
.col-3,
.col-4 {float:left;}

/***************header***************/
#header {background:url(images/header-bg.jpg) left top no-repeat;}

.logo {padding:19px 0 28px 332px;}

.menu {
	padding:0 0 26px 1px;
}
.menu li {float:left; background:url(images/m-bg.jpg) left top no-repeat; text-align:center; padding:8px 6px 8px 0;}
.menu .extra {padding-right:0;}

.menu li a {font-size:13px; line-height:1em; color:#FFF; text-transform:uppercase; text-decoration:none;}
.menu li a:hover, .menu .act a {color:#1C4982;}

.slogan {background:url(images/slogan-bg.jpg) left top no-repeat; padding:52px 0 47px 44px;}
.slogan_fichahotel {
	background:url(images/slogan-bg-fichahotel.jpg) left top no-repeat;
	padding:130px 0 211px 44px;
}
.slogan_fichahotel_en {
	background:url(images/slogan-bg-fichahotel_en.jpg) left top no-repeat;
	padding:130px 0 211px 44px;
}

.slogan_mappings {
	background:url(images/slogan-bg-mappings.jpg) left top no-repeat;
	padding:125px 0 211px 44px;
}
.slogan_mappings_en {
	background:url(images/slogan-bg-mappings_en.jpg) left top no-repeat;
	padding:125px 0 211px 44px;
}

.slogan_integraXML {
	background:url(images/slogan-bg-integracionesXML.jpg) left top no-repeat;
	padding:125px 0 211px 44px;
}
.slogan_integraXML_en {
	background:url(images/slogan-bg-integracionesXML_en.jpg) left top no-repeat;
	padding:115px 0 211px 44px;
}

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; margin-right:26px;}
img.float-l {margin-right:26px;}
.phone {float:right; margin-right:146px;}
cite {font-style:normal;}

#content {
	padding:132px 0 49px 13px;
}
.col-2 {padding-left:31px;}
.col-3 {padding-left:32px;}

.boxs {padding:11px 0 22px 1px;}
.boxs .col-2, .boxs .col-3 {padding-left:12px;}

.text-size {font-size:1.083em;}
.text-size2 {font-size:1em;}

.cols .col-3 {padding:0 28px 0 0;}
.cols p {padding-top:6px;}

/***************titles***************/
.title {margin-bottom:17px;}

.slogan .title {margin-bottom:14px;}

.box1 .title {
	color:#234362;
	font-size:2em;
	padding-bottom:3px;
	margin-bottom:15px;
	letter-spacing:-1px;
}
.title .img1, .title .img2, .title .img3 {
	padding:23px 0 7px 10px;
}
.title .img1 {
}
.title .img2 {
}
.title .img3 {
}

.box2 .title {margin-bottom:3px;}

h2 {padding-bottom:16px; font-size:1.083em;}
h2, h3 span {font-weight:normal; color:#3074BC; font-style:italic;}
h3 {line-height:1em; padding-bottom:6px;}
h3 span {text-transform:uppercase; margin-left:3px;}
h4 {padding-bottom:16px; font-size:1.2em;}

p em {color:#3074BC;}

/***************links***************/
.slogan li {background:url(images/slogan-marker.gif) 9px 6px no-repeat; padding:0 0 10px 25px;}
.slogan li a {color:#2664B0; text-decoration:underline;}
.slogan li a:hover {text-decoration:none;}

.boxs ul {padding-bottom:5px;}

.button1, .button2, .button3 {display:block; color:#FFF; text-decoration:none; line-height:1em; float:left;}
.button1 span, .button2 span, .button3 span {display:block;}
.button1 span span, .button2 span span, .button3 span span {display:block;}
.button1:hover, .button2:hover, .button3:hover {text-decoration:underline;}

.button1 {background:url(images/button1-tail.gif) left top repeat-x;}
.button1 span {background:url(images/button1-left.gif) left top no-repeat;}
.button1 span span {background:url(images/button1-right.gif) right top no-repeat; padding:6px 13px 8px;}

.button2 {background:url(images/button2-tail.gif) left top repeat-x; color:#515050;}
.button2 span {background:url(images/button2-left.gif) left top no-repeat;}
.button2 span span {background:url(images/button2-right.gif) right top no-repeat; padding:4px 10px;}

.button3 {background:url(images/button3-tail.gif) left top repeat-x;}
.button3 span {background:url(images/button3-left.gif) left top no-repeat;}
.button3 span span {background:url(images/button3-right.gif) right top no-repeat; padding:6px 12px 8px 13px;}

.list li {line-height:1.5em; padding:0 0 10px 25px;}
.list .img1 {background:url(images/list-img1.gif) left 1px no-repeat;}
.list .img2 {background:url(images/list-img2.gif) left 1px no-repeat;}
.list .img3 {background:url(images/list-img3.gif) left 1px no-repeat;}
.list .img4 {background:url(images/list-img4.gif) left 1px no-repeat;}
.list .img5 {background:url(images/list-img5.gif) left 1px no-repeat;}
.list .img6 {background:url(images/list-img6.gif) left 1px no-repeat;}
.list .img7 {background:url(images/list-img7.gif) left 1px no-repeat;}

.list li a {color:#3074BC;} 

.link {color:#3074BC; font-style:italic;}

/***************boxes***************/
.box1 {
	background:#EFF2F2 url(images/box1-bot.jpg) left bottom repeat-x;
	height: 360px;
}
.box1 .box-left {
	background:url(images/box1-tail.gif) left top repeat-y;
}
.box1 .box-top {background:url(images/box1-top.jpg) left top repeat-x;}
.box1 .box-right {background:url(images/box1-tail.gif) right top repeat-y;}
.box1 .box-top-left {background:url(images/box1-top-left.jpg) left top no-repeat;}
.box1 .box-top-right {background:url(images/box1-top-right.jpg) right top no-repeat;}
.box1 .box-bot-left {background:url(images/box1-bot-left.jpg) left bottom no-repeat;}
.box1 .box-bot-right {background:url(images/box1-bot-right.jpg) right bottom no-repeat; width:100%;}
.box1 .inner {
	padding:16px 28px 17px;
	height: 327px;
}

.box2 {background:url(images/box2-tail.jpg) left bottom repeat-y; line-height:1.25em; color:#BBDAFD; margin-left:1px;}
.box2 .box-top {background:url(images/box2-top.jpg) left top no-repeat;}
.box2 .box-bot {background:url(images/box2-bot.jpg) left bottom no-repeat; width:100%;}
.box2 .inner {padding:23px 22px 22px;}

/***************form***************/
#contactForm {padding:3px 5px 0 1px;}
#contactForm input, #contactForm textarea {font-size:1.083em; line-height:1em; border:1px solid #727272; padding:1px 0 0 3px;}
#contactForm textarea {overflow:hidden;}
.buttons {padding:21px 0;}
.buttons a {float:right; margin-left:6px;}

/***************positioning***************/
.margin1 {margin-bottom:12px;}
.margin2 {margin-right:18px;}

.padding1 {padding-bottom:20px;}
.padding2 {padding-bottom:12px;}
.padding3 {padding-bottom:30px;}
.padding4 {padding:12px 0 14px 13px !important;}
.padding5 {padding-bottom:25px;}
.padding6 {padding-bottom:10px;}
.padding7 {padding-bottom:5px;}
.padding8 {padding-top:3px;}
.padding9 {padding-bottom:40px !important;}

/***************TAG CLOUD***************/
#TagCloud {
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	padding:20px;
	color:#0063DC;
	line-height: 25px;
	text-align: justify;
}

/***************page-3***************/
#page-3 #content .col-2 {padding-left:47px;}

/***************page-4***************/
#page-4 #content .col-2 {padding-left:28px;}

/***************page-5***************/
#page-5 #content .col-2 {padding-left:37px;}

/***************page-6***************/
#page-6 #content .col-2 {padding-left:48px;}

/***************footer***************/
#footer {color:#919090; padding:14px 13px 29px; border-top:2px solid #CBCBCB;}
#footer .col-2 {text-align:right;}

#footer a {text-decoration:none; color:#919090;}
#footer a:hover {text-decoration:underline;}

#footer ul {padding:2px 0 0;}
#footer li {float:left; background:none; border-left:1px solid #D5D5D5; padding:0 10px 1px;}
#footer .extra {border:none; padding-left:0;}

#xxxfooter .col-2 a {border-left:1px solid #D5D5D5; padding-left:4px; margin-left:4px;}
