@charset "utf-8";
	@import url("./reset.css");
	@import url("./fonts.css");
	html,body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	color: #394c5e;
	text-align: left;
	height: 100%;
	background: #e5e9ea url(../images/bg.png)
}
/*.wrappage {
  background: url("../img/teamwriting.png") no-repeat scroll center 15px transparent;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}*/
.wrappage {
  height: 838px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 900px;
}
/*.container {
	width: 830px;
	margin: -225px auto auto -415px;
	position: fixed;
	top: 50%;
	left: 50%
}*/
.container {
  left: 50%;
  margin: -458px auto auto -415px;
  position: relative;
  top: 50%;
  width: 830px;
}
.left {
	float: left
}
.right {
	float: right
}
.center {
	text-align: center
}
.divider {
	width: 100%;
	min-height: 1px;
	margin: 0;
	background: url(../images/divider.png) 170px 70% no-repeat;
	display: inline-block
}
.divider-s {
	width: 100%;
	min-height: 1px;
	margin: 0;
	display: inline-block;
}
.no-float {
	float: none
}
a,img,button {
	outline: none;
	 border-radius: 12px;
}
ul {
	overflow: hidden
}
.buttonNAV{
	padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #555555 !important;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
*border: 0;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.buttonNAV:active,.buttonNAV.active{background-color:#cccccc \9;}
.buttonNAV:hover,.buttonNAV:focus,.buttonNAV:active,.buttonNAV.active,.buttonNAV.disabled,.buttonNAV[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.buttonNAV:hover,.buttonNAV:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.buttonNAV:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.buttonNAV.active,.buttonNAV:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.buttonNAV.disabled,.buttonNAV[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.buttonFWD{float:right;}
.buttonBCK{float:left;}
.arrowCon{width: 80px; margin: auto;}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner {
	border: 0
}
button:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus {
	border: 0
}
h1 {
	font-size: 36px
}
h2 {
	font-size: 30px
}
h3 {
	font-size: 22px
}
h4 {
	font-size: 18px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 14px
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0
}
p {
	font-size: 15px;
	height: auto;
	line-height: 1.4em;
	padding: 0;
	margin: 0
}
.image-left {
	float: left;
	margin: 5px 20px 10px 0
}
.image-right {
	float: right;
	margin: 5px 0 10px 20px
}
header {
	width: 830px;
	height: 60px;
	margin: 0 auto 30px 0
}
header h1 {
height: 174px;
position: absolute;
right: 0;
top: 0;
width: 556px;
}
header h1 span {
	display: none;
}
header h5 {
	color: #657089;
	margin: 0;
	text-shadow: #fff 2px 2px 0;
	font-family: 'QlassikBoldRegular'
}
a.vcard {
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	background: url(../images/vcard.png) 0 0 no-repeat;
	display: block
}
a.vcard:hover {
	background-position: 0 -48px
}
section {
	width: 790px;
	height: 350px;
	margin: 0 auto;
	padding: 20px 20px 30px 20px;
	background: url(../images/bg-section.png);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative
}
section#about,section#resume,section#portfolio,section#contact {
	display: none
}
section#about a {
	color: #d15600
}
section#resume a {
	color: #73880a
}
section#portfolio a {
	color: #3f4c6b
}
section#contact a {
	color: #d01f3c
}
section.menu {
	width: 830px;
	height: 230px;
	margin: 0 auto;
	padding: 0;
	background: none
}
a.close {
	width: 32px;
	height: 64px;
	position: absolute;
	top: 16px;
	right: -32px;
	z-index: 999;
	display: block;
	background: url(../images/bg-close.png) right top no-repeat
}
.menu-cont {
	width: 830px;
	height: 230px;
	position: relative;
	overflow: hidden
}
.menu-cont a {
	width: 230px;
	height: 140px;
	padding: 90px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	font-family: 'Comfortaa','YanoneKaffeesatzLight';
	font-weight: 400;
	font-size: 29px;
	color: #efeff1;
	text-align: center;
	text-shadow: #657089 1px 1px 0
}
.menu-cont a span {
	width: 230px;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: block
}
.menu-cont a.about {
	left: 0;
	z-index: 4;
	background: url(../images/a-orange.png) 0 0 no-repeat
}
.menu-cont a.resume {
	left: 200px;
	z-index: 3;
	background: url(../images/a-olive.png) 0 0 no-repeat
}
.menu-cont a.portfolio {
	left: 400px;
	z-index: 2;
	background: url(../images/a-blue.png) 0 0 no-repeat
}
.menu-cont a.contact {
	left: 600px;
	z-index: 1;
	background: url(../images/a-crimson.png) 0 0 no-repeat
}
.menu-cont a:hover {
	z-index: 100
}
.block {
	width: 760px;
	height: 350px;
	padding: 0 20px 0 10px;
	margin: 0 auto;
	overflow: auto
}
.block-12 {
	width: 362px;
	margin: 0 30px 0 0
}
.block-12.last {
	margin: 0
}
.block h1 {
	text-shadow: #d1d1d1 1px 1px 0;
	margin: 0 0 20px 0;
	line-height: 35px;
	text-transform: capitalize;
	font-family: 'YanoneKaffeesatzLight'
}
.block h1.about {
	color: #d15600
}
.block h1.resume {
	color: #73880a
}
.block h1.portfolio {
	color: #3f4c6b
}
.block h1.contact {
	color: #d01f3c
}
.block h3 {
	text-shadow: #d1d1d1 1px 1px 0;
	margin: 0 0 10px 0;
	color: #394c5e;
	font-family: 'YanoneKaffeesatzLight';
	font-weight: bold;
}
.block p {
	margin: 0 0 15px 0;
}
.jspVerticalBar {
	width: 10px;
	background: none
}
.jspTrack {
	width: 1px;
	background: #e5e9ea
}
.jspDrag {
	width: 10px;
	background: #e5e9ea;
	left: -4px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px
}
ul.info {
	width: 362px;
	margin: 5px 0 0 0
}
ul.info li {
	font-size: 15px;
	margin: 0 0 7px 0;
	line-height: 15px;
	font-family: 'YanoneKaffeesatzLight'
}
ul.info li.where {
	font-size: 15px;
	width: 247px;
	padding: 0;
	margin: 0 0 8px 0
}
ul.info li.where span {
	color: #d15600;
	text-shadow: #fff 1px 1px 0
}
ul.info li.where.progress {
	width: 100px;
	padding: 0;
	margin: 0 0 3px 0
}
ul.info li.where.progress span {
	font-size: 13px;
	display: block;
	margin: 0;
	text-align: center;
	border: 1px #d9dce1 solid;
	padding: 1px 0;
	font-family: 'QlassikBoldRegular';
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
ul.info li.check {
	padding: 0 0 0 25px;
	width: 337px;
	background: transparent url(../images/check.png) no-repeat 0 1px
}
ul.info li.check span {
	color: #73880a;
	text-shadow: #fff 1px 1px 0
}
ul.info li.skills {
	font-size: 15px;
	width: 182px;
	padding: 0;
	margin: 0 0 7px 0
}
ul.info li.skills span {
	color: #73880a;
	text-shadow: #fff 1px 1px 0
}
ul.info li.skills.progress {
	width: 165px;
	padding: 0;
	margin: 0 0 7px 0
}
ul.info li.skills.progress span {
	height: 15px;
	display: block;
	background: url(../images/skills.png) repeat-x;
	padding: 0;
	margin: 0
}
ul.info li.skills.progress span.p-100 {
	width: 165px
}
ul.info li.skills.progress span.p-70 {
	width: 135px
}
ul.info li.skills.progress span.p-50 {
	width: 105px
}
ul.info li.skills.progress span.p-30 {
	width: 75px
}
ul.portfolio {
	width: 755px;
	margin: 10px 0 20px 0;
	padding: 0
}
ul.portfolio li {
	width: 249px;
	height: 150px;
	margin: 0 3px 3px 0;
	float: left
}
ul.portfolio li a {
	width: 249px;
	height: 150px;
	padding: 0;
	display: block;
	position: relative;
	overflow: hidden
}
ul.portfolio li a span {
	width: 249px;
	padding: 10px;
	background: url(../images/tr-png.png);
	font-size: 14px;
	color: #f8f8f8;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1.2em;
	font-family: 'YanoneKaffeesatzLight'
}
ul.portfolio li.last {
	margin-right: 0
}

#hiddenitem {display:none;
margin: -14px 0 0 0}
a.showLink, a.hideLink {
      text-decoration: none;
      color: blue;
  	  border-bottom: 1px dashed #36f
  }
a.normalLink {
  	  border-bottom: 1px solid #36f;
      color: #36f
	  }
#style-form {
	margin: 0;
	padding: 0;
	position: relative
}
#newspaper-b
{
	font-size: 14px;
	width: 700px;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
	text-align: left;
}
#newspaper-b td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}
.wrapper-block label {
	padding: 0;
	display: block;
	text-align: left;
	width: 70px;
	float: left;
	font-size: 17px;
	font-family: 'YanoneKaffeesatzLight';
	color: #d01f3c
}
.small-label {
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 70px;
	line-height: 10px;
	color: #394c5e
}
.wrapper-block [type="text"] {
	font-size: 12px;
	padding: 8px 4px;
	border: solid 1px #d9dce1;
	width: 272px;
	margin: 2px 0 20px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.wrapper-block textarea {
	padding: 8px 4px;
	border: solid 1px #d9dce1;
	width: 272px;
	margin: 2px 0 20px 10px;
	font-size: 12px;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
input:focus, textarea:focus {
	-moz-box-shadow: 0px 0px 5px #cadce4;
	-webkit-box-shadow: 0px 0px 5px #cadce4;
	box-shadow: 0px 0px 5px #cadce4
}
a.buttonNAV-form,input.buttonNAV-form {
	width: 136px;
	margin: 0 0 5px 80px;
	padding: 6px 20px 6px 20px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	border: 1px solid #657089;
	background: #657089;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	font-family: 'QlassikBoldRegular'
}
#form .error-input {
	border-color: #d01f3c
}
.sending {
	margin: 0;
	padding: 3px;
	font-size: 12px;
	display: none;
	position: absolute;
	bottom: 30px;
	right: 10px
}
.mess {
	display: none;
	padding: 40px 0 40px 0
}
.mess h5 {
	font-weight: 400;
	padding: 10px
}
ul.contact {
	margin: 0
}
ul.contact li {
	font-size: 17px;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: 'YanoneKaffeesatzLight';
	line-height: 19px
}
ul.contact li span {
	font-size: 17px
}
ul.contact li span a {
	color: #657089;
	font-weight: normal
}
ul.contact li a.vcard {
	width: 200px;
	height: 36px;
	padding: 12px 0 0 70px;
	margin: 0 0 13px 0;
	background: url(../images/vcard.png) left top no-repeat
}
ul.contact li a.vcard:hover {
	background-position: 0 -48px
}
footer {
  background: url("../images/footer-bg.png") no-repeat scroll center top transparent;
  bottom: 70px;
  height: 50px;
  left: 0;
  margin: 0 auto;
  padding: 10px 0 0;
  position: absolute;
  right: 0;
  width: 830px;
}
.bannerscenter {
	display: block;
	text-align: center;
	max-width: 85%;
	margin: 1ex auto;
}
.tweets {
	width: 550px;
	height: 44px;
	padding: 5px 0 0 50px;
	background: url(../images/tweets.png) 0 5px no-repeat;
	font-size: 12px;
	line-height: 16px;
	color: #657089;
	overflow: hidden
}
.tweets a {
	color: #657089;
	font-style: italic;
	font-weight: bold
}
ul.socicon {
	margin: 0
}
ul.socicon li {
	display: block;
	padding: 0;
	margin: 0 5px 0 0;
	float: left
}
ul.socicon li a {
	width: 32px;
	height: 32px;
	display: block;
	padding: 0;
	margin: 0
}
ul.socicon li a.dribbble {
	background: url(../images/dribbble.png) 0 0 no-repeat
}
ul.socicon li a.facebook {
	background: url(../images/facebook.png) 0 0 no-repeat
}
ul.socicon li a.google {
	 background: url(../images/google.png) 0 0 no-repeat;
}
ul.socicon li a.twitter {
	background: url(../images/twitter.png) 0 0 no-repeat;
}
ul.socicon li a.flickr {
	background: url(../images/subscribe.png) 0 0 no-repeat;
	width: 152px !important;
}
ul.socicon li a.linkedin {
	background: url(../images/linkedin.png) 0 0 no-repeat
}
ul.socicon li a.vimeo {
	background: url(../images/vimeo.png) 0 0 no-repeat
}
ul.socicon li a:hover {
	background-position: 0 -32px
}
ul.socicon li.last {
	margin-right: 0
}
.tipsy {
	padding: 5px;
	background-repeat: no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
	 background-image: url(../images/tipsy.gif)
}
.tipsy-inner {
	padding: 5px;
	background-color: #3f4c6b;
	font-size: 13px;
	color: #f8f8f8;
	max-width: 170px;
	text-align: center;
	line-height: 1.3em
}
.tipsy-inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.tipsy-north {
	background-position: top center
}
.tipsy-south {
	background-position: bottom center
}
.tipsy-east {
	background-position: right center
}
.tipsy-west {
	background-position: left center
}
/* By Elyas Machera*/
#avatars{
	float: left;
	text-align: center;
	width: 46%;
}
#about-us-desription{
	border-left: 8px solid #C4CCD5;
	float: right;
	/* margin-left: 198px;*/
	padding-left: 17px;
	width: 377px;
	height: 165px;
}
#aboutus-top{
	clear: both;
	height: 205px;
}
/* Tooltip */
a.Ntooltip {
position: relative;
}

a.Ntooltip:hover {
z-index:999;
}
img.avatar{
	cursor: default;
}
a.Ntooltip span {
display: none;
}

a.Ntooltip:hover span {
display: block;
position: absolute; 
top:8px; left:40px; 
width:185px; 
padding:1px; 
background-color: #fff; 
color: #FFFFFF;
cursor: default;
}
a.Ntooltip span p{
	background-color: #fff;
	color: #000;
	margin: 0;
	border: 1px solid #aeaeb0;
	text-align: left;
	padding: 14px;
	font-size: 13px;
}
#ficha-top > img, #tmwr_staff > img {
  float: left;
}
#ficha-top {
  min-height: 48px;
}

#tmwr_staff
{
  min-height: 48px;
  width: 48%;
  float: left;
  height: 80px;
}

#tmwr_name, #tmwr_job {
  font-size: 12px;
  margin-left: 60px;
  text-align: left;
}

#name, #job {
  font-size: 12px;
  margin-left: 60px;
}
.ficha-bottom {
  margin-top: 0;
}
.comment-top {
  background: url("../img/comment-top.jpg") no-repeat scroll 0 0 transparent;
  height: 17px;
  width: 157px;
}
.comment-middle {
  background: url("../img/comment-middle.jpg") repeat-y scroll 0 0 #FFFFFF;
  font-size: 12px;
  padding: 12px 10px;
  width: 317px;
}
.comment-bottom {
  background: url("../img/comment-bottom.jpg") no-repeat scroll 0 0 transparent;
  height: 1px;
  width: 151px;
}
/*#avatar-content {
  margin-left: 10px;
  width: 145px;
}*/
#aboutus-bottom {
  margin-left: 10px;
  margin-top: 20px;
}
.ficha {
  float: left;
  margin-bottom: 15px;
  margin-right: 35px;
  width: 337px;
}
#job, #tmwr_job {
  color: #33A0D2;
  font-size: 12px;
  margin-top: 3px;
}
#name, #tmwr_name{
  font-weight: bold;
}
.project {
  float: left;
  margin-bottom: 10px;
  margin-right: 22px;
  width: 229px;
}
.file-envolt{
	position: relative;
	overflow: hidden;
}
.fichero {
  border: 1px solid #EAECE4;
}
a:hover .download-file{
	display: block;
}
.projectP {
  background: url("../img/line-projects.gif") no-repeat scroll 0 0 transparent;
  font-size: 12px !important;
  margin-bottom: 5px;
  margin-top: 9px;
  padding-top: 9px;
}
.projectP p {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 0;
}
.download-file {
  background-color: #f6f7f8;
  bottom: 0;
  color: #000000;
  display: none;
  font-size: 12px;
  left: 0;
  padding: 2px 20px;
  position: absolute;
  width: 188px;
  z-index: 999;
  opacity: 0.9;
}
.mail-par {
  background: url("../img/notepad.jpg") no-repeat scroll 22px center #FFFFFF;
  padding: 25px 35px 25px 92px;
  text-align: center;
  font-weight: bold;
}
.pitching {
  background: url("../img/pitching_disney.jpg") no-repeat scroll 0px center #FFFFFF;
  background-position: left top;
  padding: 82px 72px;
  text-align: right;
 }
section#portfolio .mail-par a {
    color: #33A0D2;
}
#contact{
	font-weight: normal;
}
#contact > .contact-left {
  background: url("../img/mail.png") no-repeat scroll 22px center #FFFFFF;
  float: left;
  height: 32px;
  margin-left: 62px;
  margin-right: 48px;
  margin-top: 50px;
  padding: 36px 50px 23px 100px;
  text-align: center;
  width: 150px;
}
#contact > .contact-right{
background: url("../img/phone.png") no-repeat scroll 22px center #FFFFFF;
float: left;
margin-top: 50px;
padding: 23px 50px 23px 100px;
width: 150px;
}
.divisoria{
	clear: both;
}
#twitter{
background: url("../images/tweets.png") no-repeat scroll 0 5px transparent;
color: #657089;
font-size: 12px;
height: 44px;
line-height: 16px;
overflow: hidden;
padding: 5px 0 0 50px;
width: 450px;
float: left;
}
#twitter a {
  color: #657089;
}
#twitter p {
  color: #657089;
  font-size: 12px;
}

#cabecera {
  background: url("../img/Teamwriting_test_logo_v2.png") no-repeat scroll center 15px transparent;
  height: 280px;
  margin: 0 auto;
  width: 500px;
}
#pie {
  background-color: #CCFFFF;
  border: 1px solid #999999;
  height: 200px;
  margin: 0 auto;
  position: relative;
  top: 699px;
  width: 150px;
}
.comment-middle p{
	font-size: 12px;
}