/** Skeleton V1.2* Copyright 2011,Dave Gamache* www.getskeleton.com* Free to use under the MIT license.* http://www.opensource.org/licenses/mit-license.php* 6/20/2012*//* Table of Contents================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing *//* #Base 960 Grid================================================== */
.container {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0px;
	margin-bottom:50px;
}
.container .column,.container .columns {
	float:left;
	display:inline;
	margin-left:10px;
	margin-right:10px
}
.row {
	margin-bottom:20px
}
/* Nested Column Classes */.column.alpha,.columns.alpha {
	margin-left:0
}
.column.omega,.columns.omega {
	margin-right:0
}
/* Base Grid */.container .one.column,.container .one.columns {
	width:40px
}
.container .two.columns {
	width:100px;

}
.container .three.columns {
	width:160px
}
.container .threenew.columns {
	width:190px;
	background-color:#9C3;
}
.container .four.columns {
	width:220px;
}
.container .five.columns {
	width:280px;
}
.container .six.columns {
	width:340px;

}

.container .alternate.columns {
	width:385px;

}
.container .seven.columns {
	width:400px;

}
.container .eight.columns {
	width:460px;
}
.container .eight2.columns {
	width:460px;
}
.container .nine.columns {
	width:520px;
}
.container .ten.columns {
	width:580px;
}
.container .eleven.columns {
	width:640px;
}
.container .twelve.columns {
	width:700px;
	background-color:#F99
}
.container .thirteen.columns {
	width:770px;
	background-color:#ffffff;
}


.
.container .fourteen.columns {
	width:820px;
	background-color:teal
}
.container .fifteen.columns {
	width:880px;
	background-color:#b0a529
}
/**.container .sixteen.columns{width:940px}**/
.container .sixteen.columns {
}
.container .one-third.column {
	width:313px;
	min-height:207px;
}
.container .two-thirds.column {
	width:620px;
	background-color:#713987
}
/* Offsets */.container .offset-by-one {
	padding-left:60px
}
.container .offset-by-two {
	padding-left:120px
}
.container .offset-by-three {
	padding-left:180px
}
.container .offset-by-four {
	padding-left:240px
}
.container .offset-by-five {
	padding-left:300px
}
.container .offset-by-six {
	padding-left:360px
}
.container .offset-by-seven {
	padding-left:420px
}
.container .offset-by-eight {
	padding-left:480px
}
.container .offset-by-nine {
	padding-left:540px
}
.container .offset-by-ten {
	padding-left:600px
}
.container .offset-by-eleven {
	padding-left:660px
}
.container .offset-by-twelve {
	padding-left:720px
}
.container .offset-by-thirteen {
	padding-left:780px
}
.container .offset-by-fourteen {
	padding-left:840px
}
.container .offset-by-fifteen {
	padding-left:900px
}
.searcher	 {
	width:540px;
}
.threenew .p30 {
	padding:0px
}
.p30 		 {
	padding:30px;
}
.p15 		 {
	padding:15px;
}
.p10 		 {
	padding:10px;
}
.searchbox	 {
	margin-bottom:20px;
}
.thirteennew3 .company-list-left	 {
	float:left;
	width:290px;
}
.thirteennew3 .searcher	 {
	width:170px;
}
.titlenotify-list-name {
	width:74%;
	height:46px;
	float:left;
	margin-left: 12px;
}



textarea {width: 674px;}
myinput[type="text"] { width: 674px;}
myinput[type="search"] { width: 580px;}


/* #Tablet (Portrait)================================================== *//* Note:Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:959px) {
	.container {
		width:808px
	}
	.shadow-2-boxa {
		width:768px
	}
	.container .column,.container .columns {
		margin-left:10px;
		margin-right:10px
	}
	.column.alpha,.columns.alpha {
		margin-left:0;
		margin-right:10px
	}
	.column.omega,.columns.omega {
		margin-right:0;
		margin-left:10px
	}
	.alpha.omega {
		margin-left:0;
		margin-right:0
	}
	.container .one.column,.container .one.columns {
		width:28px
	}
	.container .two.columns {
		width:76px
	}
	.container .three.columns {
		width:124px
	}
	.container .four.columns {
		width:172px
	}
	.container .five.columns {
		width:220px
	}
	.container .six.columns {
		width:268px
	}
	.container .seven.columns {
		width:316px
	}
	.container .eight.columns {
		width:364px;
	}
	.container .eight2.columns {
		width:364px;
	}
	.container .nine.columns {
		width:412px
	}
	.container .ten.columns {
		width:460px;
	}
	.container .eleven.columns {
		width:508px
	}
	.container .twelve.columns {
		width:556px
	}
	.container .thirteen.columns {
		width: 604px
	}
	/*good*/
	.container .fourteen.columns {
		width:652px
	}
	.container .fifteen.columns {
		width:700px
	}
	.container .thirteennew.columns {
		width:580px;
	}
	.p15 {
		padding:15px
	}
	.p30 {
		padding:15px
	}
	.p10 		 {
		padding:10px;
	}
	.p28 {
		padding:15px
	}
	.company-list-left {
		float:left;
		width:100%
	}
	.company-list-right {
		float:left;
		width:100%
	}
	.ribbon {
		margin-left:490px;
		margin-top:-11px
	}
	.company-list-name {
		width:85%;
		height:46px;
		float:left;
		margin-left:12px
	}
	.company-list-name-info {
		position:absolute;
		margin-left:-4px;
		width:16px;
		height:16px;
		margin-top:13px
	}
	.searcher {
		width:385px;
	}
	.container .thirteennew3.columns 	 {
		width:428px;
		margin-top:10px;
		float:left;
		margin-left:10px;
	}
	.thirteennew3 .company-list-left	 {
		float:left;
		width:400px;
	}
	.thirteennew3 .searcher				 {
		width:280px;
	}
	.container .thirteennew3.columns {
		margin-bottom:5px;
	}
	.container .sixteen.columns {
		width:940px
	}
	.container .one-third.column {
		width:249px
	}
	.container .two-thirds.column {
		width:492px
	}
	.bgline {
		background-image:url('../images/bgline.gif');
		background-repeat:repeat-y;
		background-position:-93px -93px;
		height:auto
	}
	/* Offsets */ .container .offset-by-one {
		padding-left:48px
	}
	.container .offset-by-two {
		padding-left:96px
	}
	.container .offset-by-three {
		padding-left:144px
	}
	.container .offset-by-four {
		padding-left:192px
	}
	.container .offset-by-five {
		padding-left:240px
	}
	.container .offset-by-six {
		padding-left:288px
	}
	.container .offset-by-seven {
		padding-left:336px
	}
	.container .offset-by-eight {
		padding-left:384px
	}
	.container .offset-by-nine {
		padding-left:432px
	}
	.container .offset-by-ten {
		padding-left:480px
	}
	.container .offset-by-eleven {
		padding-left:528px
	}
	.container .offset-by-twelve {
		padding-left:576px
	}
	.container .offset-by-thirteen {
		padding-left:624px
	}
	.container .offset-by-fourteen {
		padding-left:672px
	}
	.container .offset-by-fifteen {
		padding-left:720px
	}
	.btn-normal {
		width:338px;
		margin-left:0px
	}
	.btn-normal-icon {
		float:left;
		width:3%;
		height:100%
	}
	.btn-normal-title {
		float:left;
		margin-left:5%;
		margin-top:-6px;
		width:92%
	}
	.btn-normal-subtitle {
		float:left;
		margin-left:5%;
		margin-top:-2px;
		width:92%;
		line-height:5px
	}
	.container .btn-large-p28 {
		width:320px;
		margin-left:0px
	}
	.container .btn-large-p28-title {
		width: 70%
	}
	
.container .alternate.columns {
	width:302px;


}


.activo {font-size: 30px;}


textarea {width: 535px;}
myinput[type="text"] { width: 535px;}
myinput[type="search"] { width: 345px;}
}
/* #Mobile (Portrait)================================================== *//* Note:Design for a width of 320px */
@media only screen and (max-width:767px) {
	.container {
		width:300px
	}
	.shadow-2-boxa {
		width:280px
	}
	.container .columns,.container .column {
		margin:0
	}
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:300px
	}
	.container .one-third.column {
		width:300px
	}
	.container .seven.columns {
		width:260px
	}
	.container .nine.columns {
		width:260px
	}
	.container .eight.columns {
		width:260px
	}
	.container .thirteennew.columns {
		width:300px
	}
	/* Offsets */ .container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen {
		padding-left:0
	}
	.hijo {
		padding-top:5%
	}
	.homeblock {
		background:#f8f8f8;
		background-image:none
	}
	.btn-normal {
		width:234px;
		margin-left:0px
	}
	.container .btn-large-p28 {
		width:238px
	}
	.container .btn-large-p28-title {
		width:80%
	}
	.max-width-320 {
		max-width:380px
	}
	.container .nine.columns {
		background-image: none
	}
	/*good*/
	.p30							 {
		padding:15px
	}
	.p15 							 {
		padding:15px
	}
	.p10 							 {
		padding:10px;
	}
	.p28 {
		padding:15px
	}
	.company-list-left				 {
		float:left;
		width:275px
	}
	.company-list-right				 {
		float:left;
		width:275px
	}
	.ribbon							 {
		margin-left:220px;
		margin-top:-11px
	}
	.company-list-name-info			 {
		position:absolute;
		margin-left:-4px;
		width:16px;
		height:16px;
		margin-top:13px
	}
	.container .threenew.columns	 {
		width:300px
	}
	.btn-normal-additional			 {
		width:245px
	}
	.p30-additional					 {
		padding:15px;
	}
	.searcher						 {
		width:115px;
	}
	.container .thirteennew2.columns {
		width:300px;
	}
	.container .one-third.column {
		min-height:107px;
	}
	.container .thirteennew3.columns  {
		width:298px;
		margin-top:10px;
		float:left;
		margin-bottom:3px;
	}
	.pageblock2 {
		background-color:transparent;
		overflow:auto;
		padding:10px 10px 10px;
	}
	.homeblock {
		width:300px;
	}
	.container .eight.columns {
		width:280px;
	}
	.container .eight2.columns {
		width:260px;
	}
	.shadow-top {
		height: 5px;
	}
	
		.squaredFour label {
	cursor:pointer;
	position:absolute;
	width:15px;
	height:15px;
	top:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: transparent;
	border:0px solid #CCC;
}


.squaredFour label:after {
	visibility:hidden;
}

.container .alternate.columns {width:300px;}

.activo {font-size: 30px;}





mytable mytr {
    padding-left: 0px;
    text-align: center;
}
	mytable, thead, mytr, myth, mytbody, mytd{
		display:block;
		font-size:10px;
		
	}
mytable .fsize24 {
    font-size: 12px;
    line-height: 15px;
}

mytable .fsize14{
    font-size: 12px;
    line-height: 15px;
}
	
	thead mytr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
		thead mytr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	mytd { 
		border: none;
		position: relative;
		padding-left: 50%; 
		font-size:10px;
	}
	mytd:before { 
		position: absolute;
	
		top: 17px;
		left: 7px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
		font-size:10px;
		
	}
	mytd:nth-of-type(1):before { content: "T"; }

.container .five.columns {width: 268px;}
.menu{width: 277px;}
textarea {width: 232px;}
myinput[type="text"] { width: 232px;}
myinput[type="search"] { width: 145px;}


.login-box {
	background:#1c75bc;
	border:1px solid #1265a8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:0 auto;
	width:100%;

		margin-top:0px;
}

}
/* #Mobile (Landscape)================================================== *//* Note:Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px) {
	.container {
		width:420px
	}
	.shadow-2-boxa {
		width:400px
	}
	.container .columns,.container .column {
		margin:0
	}
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container.sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:420px
	}
	.container .btn-large-p28 {
		width:358px
	}
	.container .btn-large-p28-title {
		width:70%
	}
	.container .seven.columns {
		width:380px
	}
	.container .nine.columns {
		width:380px
	}
	.container .eight.columns {
		width:380px
	}
	.container .thirteennew.columns {
		width:380px
	}
	.p30 {
		padding:15px
	}
	.p15 {
		padding:15px
	}
	.p10 		 {
		padding:10px;
	}
	.hijo {
		padding-top:5%
	}
	.homeblock {
		background:#f8f8f8;
		background-image:none
	}
	.btn-normal {
		width:354px;
		margin-left:0px
	}
	.btn-normal-icon {
		float:left;
		width:3%;
		height:100%
	}
	.btn-normal-title {
		float:left;
		margin-left:5%;
		margin-top:-6px;
		width:92%
	}
	.btn-normal-subtitle {
		float:left;
		margin-left:5%;
		margin-top:-2px;
		width:92%;
		line-height:5px
	}
	.bgline {
		background-image:url('../images/bgline.gif');
		background-repeat:repeat-y;
		background-position:-93px -93px;
		height:auto
	}
	.container .thirteennew.columns {
		width:420px
	}
	.container .one-third.column {
		min-height: 107px;
	}
	/*good*/
	.company-list-left				 {
		float:left;
		width:394px
	}
	.company-list-right				 {
		float:left;
		width:394px
	}
	.ribbon							 {
		margin-left:330px;
		margin-top:-11px
	}
	.company-list-name				 {
		width:80%;
		height:46px;
		float:left;
		margin-left:12px
	}
	.company-list-name-info			 {
		position:absolute;
		margin-left:-4px;
		width:16px;
		height:16px;
		margin-top:13px
	}
	.container .threenew.columns	 {
		width:420px
	}
	.btn-normal-additional			 {
		width:364px
	}
	.searcher			 			 {
		width:232px;
	}
	.container .thirteennew2.columns {
		width:420px;
	}
	.container .thirteennew3.columns  {
		width:418px;
		margin-top:10px;
		float:left;
	}
	.thirteennew3 .company-list-left	 {
		float:left;
		width:400px;
	}
	.thirteennew3 .searcher	 {
		width:290px;
	}
	.pageblock {
		width:380px;
	}
	.shadow-top {
		width:420px;
	}
	.homeblock {
		width:420px;
	}
	.container .eight.columns {
		width:400px;
	}
	.container .eight2.columns {
		width:380px;
	}
	.shadow-top {
		height:5px;
	}
	
	
	.squaredFour label {
	cursor:pointer;
	position:absolute;
	width:15px;
	height:15px;
	top:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: transparent;
	border:0px solid #CCC;
}


.squaredFour label:after {
	visibility:hidden;
}





.container .alternate.columns {width:420px;}




mytable mytr {
    padding-left: 0px;
    text-align: center;
}
	mytable, thead, mytr, myth, mytbody, mytd{
		display:block;
		font-size:10px;
		
	}
mytable .fsize24 {
    font-size: 12px;
    line-height: 15px;
}

mytable .fsize14{
    font-size: 12px;
    line-height: 15px;
}
	
	thead mytr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
		thead mytr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	mytd { 
		border: none;
		position: relative;
		padding-left: 50%; 
		font-size:10px;
	}
	mytd:before { 
		position: absolute;
	
			top: 17px;
		left: 7px;
		width: 45%; 
		padding-right: 0px; 
		white-space: nowrap;
		font-size:10px;
	}
	mytd:nth-of-type(1):before { content: "T"; }
	

.container .five.columns {
    width: 385px;
}


.menu{width: 397px;}
textarea {width: 352px;}
myinput[type="text"] { width: 352px;}
myinput[type="search"] { width: 245px;}
}
/* #Clearing================================================== *//* Self Clearing Goodness */.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
/* Use clearfix class on parent to clear nested columns,or wrap each row of columns in a <div class="row">*/.clearfix:before,.clearfix:after,.row:before,.row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.row:after,.clearfix:after {
	clear:both
}
.row,.clearfix {
	zoom:1
}
/* You can also use a <br class="clear" />to clear columns */.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height: 0
}