body {
	border-style:none; padding:0px; font-size: 8pt; background: #dddddd url('images/background.gif') repeat-y 50% 0px; margin: 0px; color: black; font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, verdana, arial, sans-serif; text-align: center 
}
h1 {
	padding-right: 0px; padding-left: 0px; font-size: 12pt; padding-bottom: 0px; color: rgb(39,73,115); padding-top: 0px; background: #dddddd
}
h2 {
	font-size: 12pt; border-bottom: rgb(39,73,115) 1px solid; color: black; background: #dddddd
}
h2.first {
	font-size: 12pt; border-bottom: rgb(39,73,115) 1px solid;  font-family: larisa, serif;  color: rgb(232,223,60); background: rgb(255,0,0);
}
h2.second {
	font-size: 12pt; border-bottom: rgb(39,73,115) 1px solid;  font-family: larisa, serif; color: rgb(54,106, 226); background: rgb(235, 237,146);
}
h3 {
	padding-right: 0px; padding-left: 0px; font-size: 10pt; padding-bottom: 0px; color: rgb(39,73,115); padding-top: 0px; background: #dddddd
}
h3.first {
	font-size: 14pt; border-bottom: rgb(39,73,115) 1px solid;  font-family: larisa, serif;  color: rgb(241,60,14); background: rgb(235,237,146);
}
h3.second {
	font-size: 12pt; border-bottom: rgb(39,73,115) 1px solid;  font-family: larisa, serif;  color: rgb(241,60,14); background: rgb(204,236,238);
}

h4 {
	padding-right: 0px; padding-left: 0px; font-size: 14pt; padding-bottom: 0px; color: rgb(39,73,115); padding-top: 0px; background: #dddddd
}
h3 A {
	text-decoration: none
}
p {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px	
}
div.important {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #ddd; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #bcb; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante1 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #acb; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante2 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #ace; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante3 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #aab; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante4 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #FFFEE1; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante5 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.importante6 {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #E4EAF5; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.buscador {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.larisa {
	border-right: #aaa 1px solid; padding-right: 0.2em; border-top: #aaa 1px solid; padding-left: 0.5em;  padding-bottom: 0.2em; margin: 0px; border-left: #aaa 1px solid; line-height: 0.8; padding-top: 0px; border-bottom: #aaa 1px solid;
font-size: 36px; color: #CFCB17; font-family: "Palace Script MT", "Lucida Sans Unicode", lucida, verdana, arial, sans-serif; text-align: center 
}
div.googlehorizontal {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #0000FF; background: #E4EAF5; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.youtube {
	border-right: #aaa 1px solid; padding-right: 4em; border-top: #aaa 1px solid; padding-left: 4em; color: #0000FF; background: #E4EAF5; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.bannervertical {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #d8e0df; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.google {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1.5em; color: black; background: #E4EAF5; padding-bottom: 1em; margin: 0px; border-left: #aaa 1.5px solid; line-height: 1.6; padding-top: 1px; border-bottom: #aaa 1px solid
}
div.verticalxhtml {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.verticalcuadro {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: #CFCB17; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.cuadro {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid; width: 210px
}
div.cuadro1 {
	margin-left: 240px; border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #FFFFFF; padding-bottom: 1em;  border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid; width: 210px
}
div.bookingvertical {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1em; color: black; background: #d8e0df; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.google {
	border-right: #aaa 1px solid; padding-right: 1em; border-top: #aaa 1px solid; padding-left: 1.5em; color: black; background: #E4EAF5; padding-bottom: 1em; margin: 0px; border-left: #aaa 1.5px solid; line-height: 1.6; padding-top: 1px; border-bottom: #aaa 1px solid
}
div.verticalbooking {
	border-right: #aaa 1px solid; padding-right: 0.5em; border-top: #aaa 1px solid; padding-left: 0.5em; color: #CFCB17; background: #FFFFFF; padding-bottom: 1em; margin: 0px; border-left: #aaa 1px solid; line-height: 1.6; padding-top: 0px; border-bottom: #aaa 1px solid
}
div.cajaderecha {  width:45%; background:white; float:right;
} 
div.cajaizquierda {  width:45%; background:white; float:left;
} 
div.cajaderecha2 {  width:26%; background:white; float:right;
} 
div.cajaizquierda2 {  width:66%; background:white; float:left;
} 
.date {
	border-right: rgb(39,73,115) 1px solid; padding-right: 0.5em; color: #666; background: white
}
.poster {
	padding-left: 0.5em
}
.postinfo {
	padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; padding-top: 0px
}
.item {
	margin: 0px 0px 10px; border-bottom: rgb(39,73,115) 1px solid
}
A:link {
	font-weight: bold; color: rgb(37,50,66)	
}
a:visited {
	font-weight: bold; color: #362c29;
}
a:hover {
	color: #aaa
}
acronym {
	cursor: help; color: #8e5c00;
}
ul.col3 { 
padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 15px 0px; width: 100%; padding-top: 0px; list-style-type: none 
} 

ul.col3 li { 
padding-right: 2px; display: inline; padding-left: 2px; float: left; padding-bottom: 2px; width: 30%; padding-top: 2px 
} 


table {
	border: #999 1px gray ; margin-top: 1em; padding: 1px; border-collapse: collapse
}
.etapa {
	border-style: solid; border-width: 1px; border-color: #f5f5f5; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; text-align: center; width:505px
}
.caminos {
	border-style: solid; border-width: 1px; border-color: #f5f5f5; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; text-align: center; width:505px
}
.albergue {
	border: #e5e5e5 1px solid; margin-bottom: 15px; text-align: center; width:504px
}
.albergue caption {
	border: #e5e5e5 1px solid; margin-top: 20px; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; margin-bottom: 5px; color: #930; text-align: left; width:504px
}
.albergue th {
	border: #e5e5e5 1px solid; cursor: help; background-color: #f2f2f2;  text-align: center;  width:80px
}
.albergue tr td {
	border:  #f5f5f5 1px solid; text-align: left; width:80px
}
.albergue tr td a {
	border: #e5e5e5 1px solid; padding: 2px 2px 2px 2px; display: block; font-weight: bold; text-decoration: none; text-align: left;  width:80px
}
.albergue tr td a:hover {
	border: #e5e5e5 1px solid; background-color: #e5e5e5;  width: 80px
}
.albergue tr td a:unknown {
	background-color: #e5e5e5
}
.albergue3 {
	border: #e5e5e5 1px solid; margin-bottom: 15px; text-align: center; width:504px
}
.albergue3 caption {
	border: #e5e5e5 1px solid; margin-top: 20px; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; margin-bottom: 5px; color: #930; text-align: left; width:504px
}
.albergue3 th {
	border: #e5e5e5 1px solid; cursor: help; background-color: #f2f2f2;  text-align: center;  width:80px
}
.albergue3 tr td {
	border:  #f5f5f5 1px solid; text-align: left; width:80px
}
.albergue3 tr td a {
	border: #e5e5e5 1px solid; padding: 2px 2px 2px 2px; display: block; font-weight: bold; text-decoration: none; text-align: left;  width:80px
}
.albergue3 tr td a:hover {
	border: #e5e5e5 1px solid; background-color: #e5e5e5;  width: 80px
}
.albergue3 tr td a:unknown {
	background-color: #e5e5e5
}
.albergue1 {
	border: #e5e5e5 1px solid; margin-bottom: 15px; text-align: center; width:505px
}
.albergue1 caption {
	border: #e5e5e5 1px solid; margin-top: 20px; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; margin-bottom: 5px; color: #930; text-align: left; width:504px
}
.albergue1 th {
	border: #e5e5e5 1px solid; cursor: help; background-color: #f2f2f2;  text-align: center;  width:168px
}
.albergue1 tr td {
	border:  #f5f5f5 1px solid; text-align: left; width:168px
}
.albergue1 tr td a {
	border: #e5e5e5 1px solid; padding: 2px 2px 2px 2px; display: block; font-weight: bold; text-decoration: none; text-align: left;  width:168px
}
.albergue1 tr td a:hover {
	border: #e5e5e5 1px solid; background-color: #e5e5e5;  width: 168px
}
.albergue1 tr td a:unknown {
	background-color: #e5e5e5
}
.primitivo {
	border: #e5e5e5 1px solid; margin-bottom: 15px; text-align: center; width:480px
}
.primitivo caption {
	border: #e5e5e5 1px solid; margin-top: 20px; padding-right: 1px; font-weight: bold; background: white url(img/icono_comentarios.gif) no-repeat left center; margin-bottom: 5px; color: #930; text-align: left; width:100%
}
.primitivo th {
	border: #e5e5e5 1px solid; cursor: help; background-color: #f2f2f2;  text-align: center;  width:155px
}
.primitivo tr td {
	border:  #f5f5f5 1px solid; text-align: left; width:155px
}
.primitivo tr td a {
	border: #e5e5e5 1px solid; padding: 2px 2px 2px 2px; display: block; font-weight: bold; text-decoration: none; text-align: left;  width:155px
}
.primitivo tr td a:hover {
	border: #e5e5e5 1px solid; background-color: #e5e5e5;  width: 155px
}
.primitivo tr td a:unknown {
	background-color: #e5e5e5		
}
address {
	font-style: normal
}
#page {
	padding:0px; border-right:1px solid black; background:white url('images/pagebackground.gif') repeat-y; margin:0px auto; border-left:1px solid black; width: 760px; text-align: left; color: black
}
#header {
	padding:0px; margin: 0px;  width: 760px; height: 130px
}
#header_superior {
	padding:0px; margin: 0px;  width: 760px; height: 100px
}
#headerlogo {
    margin-top: 0px; margin-left: 0px; padding-left: 0px; padding-top: 0px;color:black; background: white url('curvas.gif') no-repeat; font-size: 8pt; ; width: 220px; position: absolute; top: 0px; height: 100px; text-indent: -9000px
	}
#headerbannert {
    padding:0px; margin-top: 0px; margin-left: 220px;color:black; background: white url('images/bannerbannert.gif') no-repeat; left: 220px; width: 640px; height: 100px
	}
#footer {
	padding-right: 10px; border-top: black 1px solid; padding-left: 15px; font-size: 8pt; color: black; background:rgb(99,132,173); padding-bottom: 7px; padding-top: 6px; border-bottom: black 1px solid
}
#sidebar h2 {
	padding-right: 20px; padding-left: 0px; font-weight: bold; font-size: 100%; padding-bottom: 5px; margin: 0px; color: #362c29;background: white url('images/bannerbannert.gif'); padding-top: 5px
}
#sidebar p {	
}
#sidebar ul {
	padding-right: 5px; padding-left: 15px; padding-bottom: 10px; margin: 0px; padding-top: 0px
}
#sidebar li {
	padding-right: 5px; padding-left: 0px; padding-bottom: 2px; margin: 0px; padding-top: 2px
}
#sidebar a:hover {
	color: black; background: white
}
#navcontainer
{
background: #f0e7d7; width: 190px; margin: 0 auto; padding: 1em 0; font-family: georgia, serif; font-size: 11px; text-align: center; /*--------------- text-transform: lowercase;-------------------- */
}
ul#navlist
{
text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 70%;
}
ul#navlist li
{
display: block; margin: 0; padding: 0;
}
ul#navlist li a
{
display: block; width: 100%; padding: 0.5em 0 0.5em 2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea;
}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
{
background: #f0e7d7; color: #800000;
}

ul#navlist li#active a:hover
{
color: #800000; background: white; border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li a:hover
{
color: #800000; background: white; border-color: #aaab9c #fff #fff #ccc;
}
#navigation {
	font-size: 9pt; background: rgb(99,132,173);color: black;
}
#navigation ul {
	border-top: black 1px solid; margin-top: 0px; padding-left: 0px; margin-left: 0px; width: 100%;background: rgb(99,132,173); color: black; border-bottom: black 1px solid
}
#navigation ul li {
	display: inline
}
#navigation ul li a {
	border-right: black 1px solid; padding-right: 0.5em; padding-left: 0.5em; font-weight: normal; padding-bottom: 0px; padding-top: 0px; letter-spacing: 0.1em; text-decoration: none
}
#navigation ul li a:hover {
	background: #d8e0df; color: black
}
#content {
}	
#sidebar {
	margin-top: 130px; padding-top: 2px;  font-size: 8pt; margin-left: 15px; width: 190px; position: absolute; top: 0px
}
#sidebar ul li h1 h2 h3 h4 a:hover {
	background: #d8e0df; color: black
}
#banner2 {
	margin-top: 430px; padding-top: 2px;  font-size: 8pt; margin-left: 15px; width: 190px; position: absolute; top: 0px
}	
#banner3 {
	margin-top: 430px; padding-top: 2px;  font-size: 8pt; margin-left: 15px; width: 190px; position: absolute; top: 0px
}                  
#main {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-left: 240px; margin-right: 15px; padding-top: 0px
}

	
/* 
<link rel="stylesheet" media="all" type="text/css" href="../css/css_play.css" />
<link rel="stylesheet" media="all" type="text/css" href="../css/boxes.css" />
 */
/* 
#krazy_container {display:block; margin-right:225px; position:relative; background:#bcb; padding:50px 0;}
#krazy_container h2 {margin-bottom:1em;}
#krazy_container h3 {clear:both; margin-top:4em;}

/* Inset 3D Raised */
<!--
.raised {background: transparent; width:40%; margin:0 auto;}
.raised p {margin:0 10px;}
.raised h1 {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .bottom {display:block; background:transparent; font-size:1px;}

.raised .top {display:block; background:transparent; font-size:1px;}
.raised .b4b {display:block; overflow:hidden;}
.raised .b3b {display:block; overflow:hidden;}
.raised .b2b {display:block; overflow:hidden;}
.raised .b1b {display:block; overflow:hidden;}
.raised .b4 {display:block; overflow:hidden;}
.raised .b3 {display:block; overflow:hidden;}
.raised .b2 {display:block; overflow:hidden;}
.raised .b1 {display:block; overflow:hidden;}
.raised .b3b {height:1px;}
.raised .b2b {height:1px;}
.raised .b1b {height:1px;}
.raised .b3 {height:1px;}
.raised .b2 {height:1px;}
.raised .b1 {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b2 {margin:0 3px; border-width:0 2px;}
.raised .b3b {margin:0 2px;}
.raised .b3 {margin:0 2px;}
.raised .b4b {height:2px; margin:0 1px;}
.raised .b4 {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}



/* Inset 3D Curved */
.inset {background: transparent; width:40%; margin:0 auto;}
.inset p {margin:0 10px;}
.inset h1 {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .bottom {display:block; background:transparent; font-size:1px;}

.inset .top {display:block; background:transparent; font-size:1px;}
.inset .b4b {display:block; overflow:hidden;}
.inset .b3b {display:block; overflow:hidden;}
.inset .b2b {display:block; overflow:hidden;}
.inset .b1b {display:block; overflow:hidden;}
.inset .b4 {display:block; overflow:hidden;}
.inset .b3 {display:block; overflow:hidden;}
.inset .b2 {display:block; overflow:hidden;}
.inset .b1 {display:block; overflow:hidden;}
.inset .b3b {height:1px;}
.inset .b2b {height:1px;}
.inset .b1b {height:1px;}
.inset .b3 {height:1px;}
.inset .b2 {height:1px;}
.inset .b1 {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b2 {margin:0 3px; border-width:0 2px;}
.inset .b3b {margin:0 2px;}
.inset .b3 {margin:0 2px;}
.inset .b4b {height:2px; margin:0 1px;}
.inset .b4 {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:40%; margin:0 auto;}
.chamfer p {margin:0 10px;}
.chamfer h1 {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .bottom {display:block; background:transparent; font-size:1px;}

.chamfer .top {display:block; background:transparent; font-size:1px;}
.chamfer .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b4 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b3 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b2 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

/* Square cutout Borders*/
.square {background: transparent; width:40%; margin:0 auto;}
.square p {margin:0 10px;}
.square h1 {margin:0 10px;}
.square h1 {font-size:2em; color:#00c; letter-spacing:1px;}
.square p {padding-bottom:0.5em;}

.square .bottom {display:block; background:transparent; font-size:1px;}

.square .top {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}

/* Curved cutout Borders*/
.curved {background: transparent; width:40%; margin:0 auto;}
.curved p {margin:0 10px;}
.curved h1 {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .bottom {display:block; background:transparent; font-size:1px;}

.curved .top {display:block; background:transparent; font-size:1px;}
.curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b3 {display:block; overflow:hidden; height:1px;}
.curved .b2 {display:block; overflow:hidden; height:1px;}
.curved .b1 {display:block; overflow:hidden; height:1px;}
.curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b3 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b2 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .top {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}

/* flared serif */
.serif {background: transparent; width:40%; margin:0 auto;}
.serif p {margin:0 10px;}
.serif h1 {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.serif p {padding-bottom:0.5em;}

.serif .bottom {display:block; background:transparent; font-size:1px;}

.serif .top {display:block; background:transparent; font-size:1px;}
.serif .b4 {display:block; overflow:hidden;}
.serif .b3 {display:block; overflow:hidden;}
.serif .b2 {display:block; overflow:hidden;}
.serif .b1 {display:block; overflow:hidden;}
.serif .b3 {height:1px;}
.serif .b2 {height:1px;}
.serif .b1 {height:1px;}
.serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b2 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%; margin:0 auto;}
.pillar p {margin:0 10px;}
.pillar h1 {margin:0 10px;}
.pillar h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.pillar p {padding-bottom:0.5em;}

.pillar .bottom {display:block; background:transparent; font-size:1px;}

.pillar .top {display:block; background:transparent; font-size:1px;}
.pillar .b4 {display:block; overflow:hidden;}
.pillar .b3 {display:block; overflow:hidden;}
.pillar .b2 {display:block; overflow:hidden;}
.pillar .b1 {display:block; overflow:hidden;}
.pillar .b4 {height:1px;}
.pillar .b2 {height:1px;}
.pillar .b1 {height:1px;}
.pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b2 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}


/* Barrel cutout Borders*/
.barrel {background: transparent; width:40%; margin:0 auto;}
.barrel p {margin:0 10px;}
.barrel h1 {margin:0 10px;}
.barrel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .bottom {display:block; background:transparent; font-size:1px;}

.barrel .top {display:block; background:transparent; font-size:1px;}
.barrel .b5 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b4 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b3 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b2 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #999;}  
-->