/**
 * Roundcube webmail Gob. santa Fe login styles for skin "Googie Larry" v1.1.1
 *
 * Copyright (c) 2012, Gob. Santa Fe
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original autors in the README file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */

@font-face {
    font-family: beau_regular;
    src: url(images/ufonts.com_pfbeausanspro-regular_1.ttf);
}

/*@media only screen and (max-width: 320px) {

   body { font-size: 6px; }

}
@media only screen and (max-width: 800px) {

   body { font-size: 8px; }

}*/

.footer_login_col_0 {
	width: 100%;
	height: 159px;
	background-color: #e9ebec;
	margin-left: auto;
	display:inline-block;
}

.footer_login_col_1 {
	width: 25%; 
	height: 159px; 
	float: left; 
	background-color: #e9ebec; 
	text-align:right;
	display:inline-block;
}

.footer_login_col_1  :before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.footer_login_col_1  img {
	padding-top: 46px;
	display:inline-block; 
	vertical-align: middle;
}

.footer_login_col_2 {
	width: 35%; 
	height: 159px;
	position: relative;
	float: left;
	background-color: #e9ebec;
	display:inline-block;
}

.footer_login_col_2  :before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.footer_login_col_2  p {
	margin: 0;
	position: relative;
	font-size: 12px; 
	font-family: beau_regular; 
	color: #565656; 
	text-align: left;
	padding-left: 30px;
	padding-top: 57px;
	display:inline-block;
}

.footer_login_col_3 {
	width: 39%; 
	height: 159px;
	position: relative;
	float: left;
	background-color: #e9ebec;
	display:inline-block;
}

.footer_login_col_3  :before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.footer_login_col_3  img {
	margin: 0px auto;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 55px;
	display:inline-block; 
}


.footer_separator { 
	width: auto; 
	height: 66px;
}
.header_separator {
	width: auto;
	height: 83px;
}

.header_container {
	width: auto;
	height: 82px;
	background-color: #e9ebec
}

.header_login_logo {
	padding-top: 17px;
	padding-bottom: 17px;
	float: left;
	width: 40%;
	height: 44px;
}
.header_login_logo img {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.header_login_social {
	padding-top: 28px;
	padding-bottom: 25px;
	float: right;
	width: 40%;
	height: 29px;
	text-align: center;"
}

.header_login_social a{
	padding-left: 7px;
	padding-right: 7px
}

.header_login_social img{
	display: inline-block;
}
.header_login_barra{
	width: auto; 
	height: 15px;
}

.header_login_barra img{
	width: 100%;
	float: left;
	height: 15px;
}

.support-link_container {
	width: auto;
	height: 15px;
}

.support-link{
	font-family: beau_regular;
	text-align: center;
}


@media screen and (max-width: 800px){
	.footer_login_col_0 {width: 100%; height: 209px; background-color: #e9ebec;	margin-left: auto; display:inline-block;}
	.footer_login_col_1 {width: 50%; height: 159px; float: left; background-color: #e9ebec; text-align:center; display:inline-block;}
	.footer_login_col_1  :before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
	.footer_login_col_1  img {margin-left: auto; margin-right: auto; padding-top: 46px;display:inline-block;vertical-align: middle;}
	.footer_login_col_2 {width: 50%; height: 159px; background-color: #e9ebec; display:inline-block;}
	.footer_login_col_2  :before {content: ' '; display: inline-block; vertical-align: middle;}
	.footer_login_col_2  p {position: relative; margin-left: auto; margin-right: auto; font-size: 12px; font-family: beau_regular; color: #565656; text-align: center; padding-left: 15px; padding-top: 57px;}
	.footer_login_col_3 {width: 100%; height: 50px; float:left; margin: 0px auto; background-color: #e9ebec; text-align:center; }
	/*.footer_login_col_3 {width: 100%; height: 50px; float:left; position: relative; background-color: #e9ebec; display:inline-block; margin-left: auto; margin-right: auto;}
	.footer_login_col_3  :before {content: ' '; display: inline-block; vertical-align: middle; height: 50px;}	
	.footer_login_col_3  img {margin-left: auto; margin-right: auto; display:inline-block; padding-left: 7px; padding-right: 7px;	vertical-align: middle;}*/
	.footer_login_col_3  img {display:inline-block; margin: 0px auto; padding-left: 7px; padding-right: 7px; padding-top: 0px;}
	.footer_separator { width: auto; height: 40px;}
	.header_login_social a{ padding-left: 3px; padding-right: 3px}
}

@media screen and (max-width: 480px){
	.footer_login_col_0 {width: 100%; height: 236px; background-color: #e9ebec;	margin-left: auto; display:inline-block;}
	.footer_login_col_1 {width: 100%; height: 106px; float: left; background-color: #e9ebec; text-align:right; display:inline-block;}
	.footer_login_col_1  :before {content: ' ';display: block;vertical-align: middle;height: 100%;}
	.footer_login_col_1  img {margin-left: auto; margin-right: auto;padding-top: 20px;display:block;vertical-align: middle;}
	.footer_login_col_2 {width: 100%; height: 80px; float:left; background-color: #e9ebec; display:inline-block;}
	.footer_login_col_2  :before {content: ' '; display: inline-block; vertical-align: middle;}
	.footer_login_col_2  p {position: relative; margin-left: auto; margin-right: auto; font-size: 12px; font-family: beau_regular; color: #565656; text-align: center; padding-left: 0px; padding-top: 5px; display:block;}
	.footer_login_col_3 {width: 100%; height: 50px; margin: 0px auto; background-color: #e9ebec; text-align:center; }
	/*.footer_login_col_3 {width: 100%; height: 50px; float:left; position: relative; background-color: #e9ebec; display:block;}*/
	/*.footer_login_col_3  :before {content: ' '; display: inline-block; vertical-align: middle; height: 50px;}	*/
	/*.footer_login_col_3  img {margin-left: auto; margin-right: auto; display:inline-block; padding-left: 7px; padding-right: 7px;	vertical-align: middle;}*/
	.footer_login_col_3  img {display:inline-block; margin: 0px auto; padding-left: 2px; padding-right: 2px;}
	.footer_separator { width: auto; height: 30px;}
	.header_separator { height: 10px;}
	.header_login_logo {	padding-top: 17px; padding-bottom: 17px; float: left; width: 50%; height: 44px;}
	.header_login_social { padding-top: 28px; padding-bottom: 25px; float: right; width: 50%;	height: 29px; text-align: center;}
	.header_login_social a{ padding-left: 1px; padding-right: 1px}
	.header_login_social img{display: inline-block; width: 24px}
}
}

body {
	font-family: beau_regular;
}

login_header {
	width: auto; 
	height: 82px; 
	background-color: #e9ebec
}

header_logo {
	padding-top: 17px; 
	padding-bottom: 17px; 
	float: left; width: 40%; 
	height: 44px;
}

header_logo img{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

header_social {
	padding-top: 28px; 
	padding-bottom: 25px; 
	float: right; 
	width: 40%; 
	height: 29px;
	text-align: center;
}

.login_footer_social a,
.header_social a{
	padding-left: 7px; 
	padding-right: 7px
}

header_social img{
	display: inline-block;
}	

separator_bar {
	width: auto;
	height: 15px;
	float: left
	background: url(/images/barra_header.png) no-repeat center;
}

separator_login {
	width: auto; 
	height: 83px;
}

separator_assist {
	width: auto;
	height: 15px;
}

separator_footer {
	width: auto;
	height: 66px;
}

box-inner-tittle {
	font-size: 20pt;
	font-family: beau_regular; 
	color: #118A97; 
	text-align: center; 
	background-color: #ffffff;
}