
/* CSS- Colegio Senara*/


/* 
 * Header***************************************************************
 */
.blue-bar,#footer {
    background: #002748 
}

a.back{
	text-decoration: underline;
	font-size:0.7em;
	float:left;
	display: inline-block;
	color: #fff;
	font-family: 'PTSerifRegular', Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	margin-right: 25px;
	line-height: 40px;
}
a.back:hover{
	text-decoration: none;
}
#senara-logo {
   /* margin: 13px 2.5641% 0 8px;*/
 	margin: 13px 2.5641% 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
   /* width: 23.0769%;*/
    width: 259px
}
h1#senara-logo a {
    width: 100%;
}
h1#senara-logo a, a#senara-logo {
    display: block;
    height: 54px;
    text-indent: -9999px;
   	background: url('../images/senara-logo.png') 0 center no-repeat;
    background-size: 100%;
}
h1#senara-logo-movil a {
	display:none;
   
}
/* 
 * Contenido ***************************************************************
 */

.senara #breadcrumb {
    clear: both;
    border-bottom: 0;
   /* padding: 0 0 1.125em 1.25em;*/
 	padding: 0 0 0.25em 1.25em;
    margin: 0;
}

.senara .content-right,.senara .section-content .intro {
    padding: 0;
    margin: 0
}
.senara .section-content{
    word-spacing: 0;
}
.senara .section-content .intro, .intro_fix{
	 font-family: 'LatoRegular', Helvetica, Arial;
	 font-size: 1em;
     color: #888;
     margin-bottom: 10px
}
.intro_fix{
	display: block;
	clear: both;
	overflow: hidden;
	/*padding-left: 1em !important;*/
	margin-bottom: 10px
}
.senara .subnav-box {
    text-align: left;
}
.senara #sidebar {
    padding-right: 20px !important;
}

/*
 * Footer ******************************************************************
 */

.senara #footer {
    padding: 1em 0;
}
.senara #legal-info {
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
}

/*
 * Responsive ******************************************************************
 */

.senara #senara-logo-movil{
	display: none
}
@media only screen and (max-width: 73.125em){/* 1170px */

	.senara #content, .senara #footer{
		margin:0 auto;
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
	.senara .help-txt,.senara .box-subtitle,.senara .box-subtitle p  {
	    padding: 0;
	}

}
@media only screen and (max-width: 60em) { /* 960px */
	.senara #senara-logo {
	    width: 95%;
	    max-width:270px;
	    height:auto;
	   	display:block !important;
	    text-align:center !important;
	    float:none;
	    margin: 10px auto 0
	}
	.senara .section-content .intro{
	     margin: 15px 0
	}
}

@media only screen and (max-width: 48em) { /* 768px */
	.senara #senara-logo{
		display:none !important
	}
	.senara #senara-logo-movil{
		display:inline-block;
		width:135px;
		height: 36px;
    	margin: 0 !important
	}
	h1#senara-logo-movil a {
		display: block;
		background: url('../images/senara-logo-movil.png') 0 center no-repeat;
		background-size: 100%;
		text-indent: -9999px;
	}
	.senara	#help {
	    margin: 3px 0 0 15px;
	}
}
@media only screen and (max-width: 30em) { /* 480 */
	.senara #senara-logo {
	    max-width: 50%;
	}
	.senara .section-content .intro {
    margin: 20px 0 15px;
    font-size: 0.9em
	}
}

@media only screen and (max-width: 25em){/* 400 */
	.senara #help {
	    display: inline-block;
	}
	

@media only screen and (max-width: 354px) { 
	.senara #senara-logo-movil{
		display:inline-block;
		width:100px;
		height: 36px;
    	margin: 0 !important
	}
	a.back span{
		display: none
	}
	a.back:before{
		content:"<";
		font-weight: bold;
		font-style: normal !important
	}
}

@media only screen and (max-width: 286px) { 
	.senara #senara-logo-movil{
		width:75px;
	}
}

