@font-face {
	font-family: 'Antenna';
	src: url('../fonts/Antenna-Medium.eot');
	src: url('../fonts/Antenna-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Antenna-Medium.woff') format('woff'),
		url('../fonts/Antenna-Medium.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

body {
font-family: 'Antenna';
}

.landing-cabecera {
background:url(../img/bg/vacas.jpg) no-repeat top right;
background-size:contain;
}

.landing-titulo h1 {
float:left;
width:100%;
margin:0px auto;
color:#938252;
font-size:44.83px;
font-weight:700;
margin:0px 0px;
line-height:44px;
}

.landing-titulo h2 {
float:left;
width:100%;
color:#516D3B;
font-size:28.09px;
font-weight:700;
margin:100px 0px 5px 0px;
line-height:32px;
}

.landing-titulo a {
float:left;
text-transform:uppercase;
color:#fff;
font-size:14px;
font-weight:400;
background:#516d3b;
padding:20px;
margin:20px 0px;	
}

.landing-titulo a:hover {
color:#516d3b;
background:#fff;
box-shadow: inset 0 0 0 3px rgba(81, 109, 59, 1);	
}

.landing-cabecera-logos h2 {
background:url(../img/logo/cabecera.png) no-repeat top center;
background-size:contain;
text-indent:-9999px;
width:120px;
height:170px;
float:left;
margin:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
}

.landing-cabecera-logos h1 {
background:url(../img/logo/logo.png) no-repeat top center;
background-size:contain;
text-indent:-9999px;
width:183px;
height:37px;
float:left;
margin:55px 0px 0px 40px;
}

.landing-titulo iframe {
float:left;
width:100%;
height:450px;
border-radius:20px;
border:5px solid rgba(229, 229, 229, 1);
box-shadow: solid 0 0 0 3px rgba(229, 229, 229, 1);
margin-bottom:25px;
}

.landing-chat-online {
background:#e5e3e1;
}

.landing-chat-online h1 {
text-transform:uppercase;
color:#516D3B;
font-size:14px;
font-weight:700;
margin:22px 0px 22px 11px;
margin:22px 0px 22px 0px;
}

.modulo-chat .col-lg-4.col-md-4.col-sm-12 {
margin-left: 0px !important;
padding-left: 0px !important;
}

.landing-chat-online img {
float:left;
width:100%;
margin-bottom:30px;
}

footer, footer .container {
padding:0px;
border:none;
}

footer p {
float:left;
font-family: Arial;
font-size:12px;
color:#5D5D5D;
margin:30px 15px;
}

#login, #enviar_mensaje {
margin-bottom:20px;
}

.modulo-chat {
padding:15px;	
}

.modulo-chat h2 {
font-size:14px;	
}

.modulo-chat a {
float:left;
margin-top:30px;
font-size:12px;	
cursor:pointer;
text-decoration:underline;
}

.modulo-chat input[type="text"],
.modulo-chat input[type="email"]
{
float:left;
width:100%;
padding:10px;
border-radius:20px;
border:none;
margin:5px 0px;
font-size:14px;	
}

.modulo-chat textarea {
float:left;
width:100%;
min-height:150px;
padding:10px;
border-radius:20px;
border:none;
margin:5px 0px;
font-size:14px;	
}
.modulo-chat input[type="submit"],
.modulo-chat input[type="button"]
{
float:left;
width:100%;
padding:10px;
border-radius:20px;
border:none;
margin:5px 0px;
font-size:14px;	
text-transform:uppercase;
background:#938252;
color:#fff;
}

.modulo-chat input[type="submit"]:hover,
.modulo-chat input[type="button"]:hover
{
background:#5d5d5d;
}

.chat-mensaje  {
    margin: 0px 0px 10px 0px;
    background: #f9f9ef;
    border-radius: 10px;
    padding: 10px 0px;
}

.chat-mensaje span {
text-decoration:underline;
}

.chat-ganagrin  {
    background: #516D3B;
}

.chat-ganagrin a  {
    color:#fff;
}

.chat-mensaje h1 {
margin:0px auto;
padding:0px auto;
}

.chat-mensaje h2 {
font-weight:300;
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px auto;
}

.chat-mensaje h3 {
font-weight:300;
font-size:12px;
margin:5px 0px 0px 0px;
padding:0px auto;
}

.chat-ganagrin h1,
.chat-ganagrin h2, 
.chat-ganagrin p {
color:#fff !important;	
}

#chat {
overflow: hidden;
}

#chat {
float:left;
width:calc(100% - 0px);
padding:20px;
height:400px;
border-radius:20px;
background:#fff;
}

#chat-interno {
float:left;
width:calc(100% - 0px);
padding:0px 10px 0px 0px;
height:100%;
overflow-y: scroll;
}

.chat-titulo {
background: url(../img/bg/bg-chat.png) no-repeat top left;
background-size: contain;
padding-left: 40px;
padding: 10px 0px 10px 80px;
}

.modulo-chat .chat-mensaje a {
float: left;
margin-top: 10px;
font-size: 12px;
cursor: pointer;
text-decoration: underline;
}

.respuesta {
    float: left;
    margin-top: 10px;
    font-size: 12px;
    background: #516D3B;
    color: #fff;
    width: 100%;
    padding: 0px;
    border-radius: 10px;
}

.respuesta p {
    padding:10px;
	padding: 10px 10px 0px 10px;
}

.pie-texto p {
    text-align:center;
	margin:50px 0px;
	font-size:20px;
}

@media (max-width: 768px) {
	
	.landing-cabecera {
	background:url(../img/bg/vacas2.jpg) no-repeat top right;
	background-size:cover;
	}
	
	.landing-titulo h1,
	.landing-titulo h2,
	.landing-titulo a {	
	width:100%;
	text-align:center;
	}
	
	.landing-titulo h2 {
	margin-top:50px;
	}
	
	.landing-titulo a {	
	margin-bottom:100px;
	}
	
	.landing-cabecera-logos h1 {
	float:right;
	margin-right:15px;
	}
	
	.landing-titulo iframe {
	height:300px;
	}
	
	footer p {
	width:100%;
	text-align:center;
	}
	
	.landing-chat-online h1 {
	margin:22px 0px 22px 11px;
	}

	.modulo-chat .col-lg-4.col-md-4.col-sm-12 {
	margin-left: 0px !important;
	padding-left: 15px !important;
	}

}