@import url("tabitha/stylesheet.css");
@import url("Please_write_me_a_song/stylesheet.css");
/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body {
	color: #b4b4b4;
	min-width: 960px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: center 0;
}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.bg-top {
	background: url(../images/bg-top.jpg) center 0 repeat-x;
	width: 100%;
	height: 100%;
}
.bgr {
	background: url(../images/bgr.jpg) center 0 no-repeat;
	width: 100%;
	padding-top: 0px;
}

/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {
	text-decoration: none;
	font-size: 24px;
	font-family: tabitha;
	color: #FFF;
}

.button {background:#ef6f53; color:#fff; font-size:18px; line-height:24px; padding:4px 12px 10px 12px; display:inline-block;}
.button:hover {background:#636f6f; }

.link {color:#50b3bc; text-decoration:none;text-decoration:underline; font-weight:normal;}
.link:hover {text-decoration:none;}

.link-1 {color:#50b3bc; text-decoration:none;text-decoration:underline; float:right; }
.link-1:hover {text-decoration:none;}

.clr-1 { color:#131313;}
.clr-2 { color:#4d4d4d;}
.clr-3 { color:#a70101;}

h2 {
	font-size: 40px;
	line-height: 48px;
	color: #BB68A6;
	font-weight: normal;
	font-style: italic;
	text-shadow: #cc7b7b 0px 0px 3px;
	font-family: tabitha;
}
h2 strong {
	font-size: 22px;
	line-height: 27px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	text-shadow: transparent 0px 0px 3px;
	display: block;
	margin-top: -5px;
}
.h2-line {
	padding-bottom: 5px;
	color: #7FDBFD;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
.h2 { text-align:center;}
.h2-line-2 {
	padding-bottom: 2px;
	display: inline-block;
	color: #7FDBFD;
	border-bottom-width: 1px;
	border-bottom-style: none;
}
.h2-line-3 {
	padding-bottom: 30px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFF;
	margin-bottom: 20px;
}
h3 {
	font-size: 36px;
	line-height: 45px;
	color: #F76483;
	font-weight: normal;
	font-style: italic;
	text-shadow: #6c6c6c 0px 0px 3px;
	font-family: tabitha;
}
.h3-line {
	padding-bottom: 2px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
.h3 { text-align:center;}
.h3-line-2 { border-bottom:#d6d6d6 1px solid; padding-bottom:2px; display:inline-block;}

h4 {
	font-size: 36px;
	line-height: 38px;
	color: #D067A7;
	font-weight: normal;
	font-style: normal;
	text-shadow: #6c6c6c 0px 0px 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: tabitha;
}
h5 { font-size:30px; line-height:36px; color:#131313; font-weight:normal; font-style:italic;  text-shadow:#6c6c6c 0px 0px 3px;}
.h5-line { border-bottom:#d6d6d6 1px solid; padding-bottom:6px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 12px 17px; line-height:18px; background:url(../images/marker.gif) 0 7px no-repeat;}
ul.list-1 li a { font-size:14px; color:#7cb6b6; line-height:18px; font-weight:bold; text-decoration:underline;}
ul.list-1 li a:hover {text-decoration:none;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.center {text-align:center;}
.nowrap {white-space:nowrap;} 
.it-bold {
	font-style: normal;
	font-weight: bold;
	font-family: tabitha;
	font-size: 24px;
	color: #36C6FC;
	text-align: center;
}
.img-indent {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
}	

.last {
	margin-right: 35px !important;
	padding-right: 0px !important;
	margin-top: 0px;
}

.top-1 {
	padding-top: 2px;
	text-align: center;
	font-size: 36px;
	color: #7FDBFD;
	font-family: tabitha;
}
.top-2 {padding-top:28px;}
.top-3 {padding-top:13px;}
.top-4 {
	padding-top: 5px;
	padding-right: 0px;
}
.top-5 {
	padding-top: 24px;
	float: none;
}

.left-1 { margin-left:40px;}
.left-2 {
	margin-left: 20px;
}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-0 {padding:0px 0px 0px 0px;}
.pad-1 {padding:33px 39px 0px 39px;}
.pad-2 {padding:0px 39px 0px 39px;}
.pad-3 {margin:17px 0px 12px 0px;}

.p1 {padding-bottom:18px;}
.p2 {padding-bottom:13px;}

/*********************************header*************************************/
header {width:950px; margin:0px auto; padding-top:27px; z-index:101; position:relative; }

h1 {
	display: inline-block;
	z-index: 100;
	width: 550px;
	height: 200px;
	margin-left: 104px;
	padding-left: 50px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

nav {
	width: 790px;
	margin-top: 20px;
	padding-right: 0px;
	padding-left: 80px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
}
ul.menu {
	display: inline-block;
	font-size: 18px;
}
ul.menu li {
	float: left;
	display: inline-block;
	font-family: tabitha;
	font-size: large;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.menu li:first-child {border-left:none !important;}
ul.menu li:first-child a { width:156px !important;}
ul.menu li a {
	width: 155px;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
	padding: 14px 0 19px 0;
	display: block;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: tabitha;
}
ul.menu li:hover a, ul.menu li.current a  {
	font-size: 24px;
	color: #7FDBFD;
	font-family: tabitha;
}

.phone-number {font-size:24px; line-height:30px; color:#a70101; font-style:italic; text-align:center; position:absolute; left:0; top:16px; z-index:111; width:948px;} 
.phone-number strong {display:block; color:#131313; margin-top:-2px;}

/*********************************content*************************************/
#content {
	width: 950px;
	position: relative;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/fondo2.png);
}

.border-right {border-right:#cccccc 1px solid; }
.border-1 {
	padding-bottom: 5px;
	margin-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	margin-right: 0px;
	width: 380px;
	padding-left: 10px;
	float: left;
}
.border-2 {
	padding-bottom: 6px;
	margin-bottom: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.border-3 {border-bottom:#d6d6d6 1px solid; padding-bottom:20px; margin-bottom:2px; }
.img-border {
	display: inline-block;
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.block-1 {
	overflow: hidden;
	background-color: #FCF;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.block-1>div {float:left; width:169px; padding:25px 30px 23px 40px;}
.block-1>div.block-1-last { width:158px; padding:25px 30px 22px 40px;}
.block-1-title {height:81px; white-space:nowrap;}
.block-1-title>span {
	display: block;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF99FF;
	width: 23px;
	float: left;
	margin-top: 40px;
}
.block-1-title>div.text-1 {font-family: 'Great Vibes', cursive; font-size:36px; line-height:45px; color:#131313; text-shadow:#a7a7a7 0 0 5px;  display:inline-block; }
.block-1-title>div.text-1>strong {display:block; font-size:56px; line-height:70px; font-weight:normal; margin-top:-34px;}
.block-1-title>div.text-2 {font-family: 'Great Vibes', cursive; font-size:53px; line-height:65px; color:#131313; overflow:hidden; text-shadow:#a7a7a7 0 0 5px; padding-left:12px; padding-right:10px; display:inline-block; margin-top:-7px;}
.block-1-title>div.text-2>strong {display:block; font-size:44px; line-height:55px; font-weight:normal; margin-top:-36px; text-align:right;}
.block-1-title>div.text-3 {font-family: 'Great Vibes', cursive; font-size:33px; line-height:40px; color:#131313; overflow:hidden; text-shadow:#a7a7a7 0 0 5px; padding-left:6px; padding-right:10px; display:inline-block; margin-top:1px;}
.block-1-title>div.text-3>strong {display:block; font-size:62px; line-height:80px; font-weight:normal; margin-top:-36px; text-align:right; padding-left:18px;}
.block-1-title>div.text-4 {font-family: 'Great Vibes', cursive; font-size:36px; line-height:45px; color:#131313; text-shadow:#a7a7a7 0 0 5px; padding-left:5px; display:inline-block;  }
.block-1-title>div.text-4>strong {display:block; font-size:61px; line-height:75px; font-weight:normal; margin-top:-38px;}
.block-1 p {margin-top:-7px;}
.block-1>div a.link-1 {margin-right:19px;}
.block-1>div.block-1-last  a.link-1 {margin-right:9px;}

.block-2 {
	overflow: hidden;
	padding-bottom: 0px;
	background-image: url(file:///C|/Users/Ino/Desktop/bubblepetspa.com/images/fondo2.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	float: none;
	height: auto;
}

.col-1 {
	float: left;
	width: 800px;
	padding-top: 10px;
}
.col-2 {float:left;width:230px;}
.box-1 {
	overflow: hidden;
	padding-top: 40px;
	text-align: justify;
}

.box-2 {}
.comment {}
.comment p img:first-child {margin:-2px 5px 0 0;} 
.comment p img.second {margin:0px 0px 0 20px; } 
.comment>span {display:block; text-align:right; margin-top:6px;}

.block-3 {
	margin-top: 10px;
	overflow: hidden;
	padding-top: 17px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 0;
}

.box-3 {
	overflow: hidden;
	padding-top: 20px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-left: 90px;
}
.box-3>div {
	width: 200px;
	float: left;
	text-align: center;
	margin-right: 20px;
	font-size: 14px;
	padding-left: 0px;
}
.box-3>div p {
	margin-top: 11px;
	font-size: 14px;
	font-family: "Roboto BoldCondensed";
	color: #FFF;
}

.col-3 p.center {
	margin-top: 29px;
	text-align: justify;
}
.block-4 {
	margin-top: 1px;
	padding-top: 15px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 0;
}

.box-4 {
	overflow: hidden;
	padding-top: 20px;
	margin-left: 100px;
	margin-right: 40px;
	margin-top: 20px;
}
.box-4>div {
	width: 300px;
	float: left;
	text-align: center;
	margin-right: 50px;
	font-size: 14px;
	font-family: "Roboto BoldCondensed";
	margin-bottom: 30px;
}
.box-4>div h4 {
	margin-bottom: 4px;
	color: #3FC8FC;
}
.box-4>div p {
	margin-top: 11px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
}

.col-4 {float:left;width:310px;}
.col-4 h3, .col-5 h3 {
	padding-top: 34px;
	font-size: 36px;
	color: #56DAFF;
}
.col-5 {
	float: left;
	width: 510px;
	height: auto;
}
.col-5 h2 {padding-top:33px;}

ul.list {margin-top:26px; width:230px; float:left; margin-right:40px;}
.list li {
  overflow: hidden; 
  vertical-align: top;
  padding:0px 0 10px 13px; line-height:20px; background:url(../images/marker.gif) 0 9px no-repeat;
 }
 .list li em {
  background: url(../images/line-hor.gif) repeat-x 0% 15px;
  display: block; 
  overflow: hidden;
 }
 .list li span {
  float: right;
  font-size:16px;
  color:#4a4a4f;
 }
 .list li strong {
  float: left;
  font-size:14px; color:#7cb6b6; line-height:20px; font-weight:bold;
 }

.col-7 {
	float: none;
	width: 900px;
	padding-left: 20px;
}
.col-7 h2 {
	padding-top: 33px;
	color: #7FDBFD;
	text-align: left;
}
.col-8 {float:left;width:190px;}
.col-8 h5 {padding-top:39px;}

.box-5 {
	overflow: hidden;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	padding-top: 0px;
}
.box-5>div {
	width: 159px;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-top: 10px;
}
.box-5>div p {
	margin-top: 11px;
	text-align: left;
}

.comment-2{margin-top:28px;}
.comment-2>p {padding-bottom:17px;}
.comment-2 p img:first-child {margin:-2px 5px 0 0;} 
.comment-2 img.second {margin:0px 0px 0 20px; } 
.comment-2>span {display:block; text-align:right; margin-top:6px;}

.number {overflow:hidden; border-bottom:#d6d6d6 1px solid;  padding-bottom:14px; margin-bottom:13px; }
.number>strong {display:inline-block; float:left; text-align:center;font-size:18px; line-height:22px; color:#131313; font-style:italic; font-weight:normal; text-shadow:#6c6c6c 0px 0px 3px; margin:-4px 5px 0 0;}

/****************************footer************************/
footer {
	width: 950px;
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #a3a2a2;
	background: url(../images/footer-bg.png) center 0 no-repeat;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 32px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
} 
footer p, footer p a.link {font-weight:bold;}

/**********************form**********************/
.map {width:502px; height:217px; margin:33px 0 0 0;}
.map iframe {
	width: 502px;
	height: 217px;
	background-image: url(../images/agenda.jpg);
}

dl.adr {width:200px; float:left; margin-right:40px;}
dl.adr dt {margin:14px 0 6px 0;}
dl.adr dd span { width:62px; text-align:right; display:block; float:left; margin-right:15px;}
dl.adr dd {
	color: #FFFFFF;
}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 33px 0 0px 0px; width:310px; }
#form input {border:#d8d5d5 1px solid;background:#e4e4e4;font: 14px "Times New Roman", Times, serif;color:#48484e;padding:4px 10px 6px 10px;outline: medium none;width: 218px;height:17px;float:left;}
#form textarea {border:#d8d5d5 1px solid;background:#e4e4e4; font: 14px "Times New Roman", Times, serif;color:#48484e;height: 255px;outline: medium none;overflow: auto;padding: 4px 0px 0px 10px;width: 228px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;overflow:hidden;display: block;min-height:37px;}
#form label strong {font-weight:normal; float:left; text-align:right; display:inline-block; width:60px; padding-top:4px; padding-right:9px;}
.btns {text-align:right; width:310px; padding-top:6px;}
.btns a {display:inline-block; margin:0 0px 0 20px;}
.contacto label{
	display: block;
	color: #fff;
	font-weight: bold;
	font-family: "Please write me a song";
}
.contacto div{
	margin-bottom: 5px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 2px 6px;
	width: 269px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow: 0 0 0 1px #EEF5F7;
	margin: 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
	border: 1px solid #7FDBFD;
	box-shadow: 0 0 0 2px #7FDBFD;
	padding: 8px 16px;
	border-radius: 5px;
	font-weight: bold;
	font-family: tabitha;
	color: #76247A;
	font-size: 18px;

	
	
}
.contacto input[type='submit']:hover{
	background-color: #56DAFF;
	background-position: top;
}
.contacto input[type='submit']:active{
	background: #cfe6ef;
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background-color: #AE175A;
	background-position: top;
}