/*
Plantilla con diseño Flat HTML5 & CSS3
Creada por Moneyman de Forobeta
Prohibida su comercialización
*/

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
	font-family: 'Roboto Slab',verdana,helvetica,arial,sans-serif;
	background: #ecf0f1;
}

/*Contenedor*/

.contenedor {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/*Cabecera*/

.header{
	top:0;
	background-color: #1abc9c;
	width:960px;
	margin: 0 auto;
	height: 70px;
}

/*Logo*/

.logo {
	width: 30%;
  float: left;
  margin-left: 10px;
}

/*Menu*/

.menu {
	float: right;
	width: 65%;
}

.menu ul {
	float:right;
}

.menu li {
  display: inline-block;
  list-style: none;
  padding-top: 25px;
}

.menu a {
	font-size: 20px;
  font-weight: bold;
  color: #ecf0f1;
  padding: 22px;
  text-decoration: none;
}

.menu a:hover {
	text-decoration: none;
	background: #e74c3c;
}

.menu a:active {
	background: #ca2615;
}

/*Banner de presentacion*/

.banner {
	width:960px;
	height: 370px;
  padding: 50px 0px 0px 0px;
  text-align: center;
  background: rgb(235,230,227); /* Old browsers */
  background: -moz-linear-gradient(45deg,  rgba(235,230,227,1) 50%, rgba(242,236,232,1) 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(50%,rgba(235,230,227,1)), color-stop(50%,rgba(242,236,232,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  rgba(235,230,227,1) 50%,rgba(242,236,232,1) 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  rgba(235,230,227,1) 50%,rgba(242,236,232,1) 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  rgba(235,230,227,1) 50%,rgba(242,236,232,1) 50%); /* IE10+ */
  background: linear-gradient(45deg,  rgba(235,230,227,1) 50%,rgba(242,236,232,1) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe6e3', endColorstr='#f2ece8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.bannertexto {
  font-size: 30px;
  color:#454545;
  font-weight: bold;
}

/*Contenido*/

.contenido {
	width: 960px;
	height: 100%;
}

/*Contenido seccion superior*/

.contenido-arriba {
	width: 960px;
	background: #2c3e50;
	display: inline-block;
}

/*Contenido seccion superior*/

.contenido-abajo {
	width: 960px;
	background: #16a085;
  display: inline-block;
  margin-top: -5px;
}

/*Contenido texto*/

.info1 {
	width: 290px;
	padding: 40px 20px 40px 15px;
	color:#ffffff;
	text-align: center;
	float:left;
}

.info2 {
	width: 290px;
	padding: 40px 20px 40px 0px;
	color:#ffffff;
	text-align: center;
	float:left;
}

.info3 {
	width: 290px;
	padding: 40px 0px 40px 0px;
	color:#ffffff;
	text-align: center;
	float:left;
}

.titulo {
	font-weight: bold;
	font-size:25px;
	color:#ffffff;
	margin-tp
}

.descripcion {
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
  color:#ffffff;
}

/*Contacto*/

.contacto {
  width: 960px;
  height:200px;
  background: #2c3e50;
  margin-top: -5px;
}

.telefonos {
  color: #ecf0f1;
  font-size: 40px;
  font-weight: bold;
  width: 390px;
  float: left;
  padding: 65px 0px 0px 10px;
}

.telefonos p {
  margin-top: 20px;
}

.icontacto {
  color:#e74c3c;
  padding: 50px 0px 0px 30px;
  font-size:120px;
  float: left;
}

.skype span {
 color: #ecf0f1;
 font-size: 40px;
 font-weight: bold;
}

.skype {
  padding: 95px 25px 0px 0px;
  width: 270px;
  float: right;
}

.icontactoskype {
 color:#e74c3c;
 padding: 50px 0px 0px 30px;
 font-size:120px;
 float: left;
}

/*Botones de redes sociales*/

.social {
  width:960px;
  height: 70px;
  background: #1abc9c;
}

.facebook {
  width: 240px;
  height: 70px;
  background: #34495e;
  float:left;
}

.facebook:hover {
  background: #435E79;
}

.twitter {
  width: 240px;
  height: 70px;
  background: #3498db;
  float:left;
}

.twitter:hover {
  background: #5AA6DA;
}

.googleplus {
  width: 240px;
  height: 70px;
  background: #c0392b;
  float:left;
}

.googleplus:hover {
  background: #C7493C;
}

.instagram {
  width:240px;
  height: 70px;
  background: #8C4C30;
  float:left;
}

.instagram:hover {
  background: #9E5F43;
}

.iconosocial {
  color: white;
  font-size: 45px;
  padding: 15px 0px 0px 10px;
  width: 20px;
  float: left;
}

.social span {
  color:#ecf0f1;
  font-size: 20px;
  font-weight: bold;
  float: right;
  padding: 30px 30px 0px 0px;
}

/*Footer*/

.footer {
  width:960px;
  height: 40px;
  background: #454545;
  margin:0 auto;
  margin-top: 20px;
  text-align: center;
  bottom:0;
  padding: 10px 0px 0px 0px;
}

.footer span {
  color:#ecf0f1;
  font-weight: 300;
}

/*Fondo de los iconos*/

.iconobg {
  width: 160px;
  height: 160px;
  background: #e74c3c;
  -moz-border-radius: 190px;
  -webkit-border-radius: 190px;
  border-radius: 190px;
  margin-left: 70px;
  overflow: hidden;
  margin-bottom: 10px;
}

/*Sombra de los iconos*/

.icon {
  font-size: 90px;
  padding: 30px;
  text-shadow: 0px 0px 0 #964841,
  1px 1px 0 #964841,
  2px 2px 0 #964841,
  3px 3px 0 #964841,
  4px 4px 0 #964841,
  5px 5px 0 #964841,
  6px 6px 0 #964841,
  7px 7px 0 #964841,
  8px 8px 0 #964841,
  9px 9px 0 #964841,
  10px 10px 0 #964841,
  11px 11px 0 #964841,
  12px 12px 0 #964841,
  13px 13px 0 #964841,
  14px 14px 0 #964841,
  15px 15px 0 #964841,
  16px 16px 0 #964841,
  17px 17px 0 #964841,
  18px 18px 0 #964841,
  19px 19px 0 #964841,
  20px 20px 0 #964841,
  21px 21px 0 #964841,
  22px 22px 0 #964841,
  23px 23px 0 #964841,
  24px 24px 0 #964841,
  25px 25px 0 #964841,
  26px 26px 0 #964841,
  27px 27px 0 #964841,
  28px 28px 0 #964841,
  29px 29px 0 #964841,
  30px 30px 0 #964841,
  31px 31px 0 #964841,
  32px 32px 0 #964841,
  33px 33px 0 #964841,
  34px 34px 0 #964841,
  35px 35px 0 #964841,
  36px 36px 0 #964841,
  37px 37px 0 #964841,
  38px 38px 0 #964841,
  39px 39px 0 #964841,
  40px 40px 0 #964841,
  41px 41px 0 #964841,
  42px 42px 0 #964841,
  43px 43px 0 #964841,
  44px 44px 0 #964841,
  45px 45px 0 #964841,
  46px 46px 0 #964841,
  47px 47px 0 #964841,
  48px 48px 0 #964841,
  49px 49px 0 #964841,
  50px 50px 0 #964841,
  51px 51px 0 #964841,
  52px 52px 0 #964841,
  53px 53px 0 #964841,
  54px 54px 0 #964841,
  55px 55px 0 #964841,
  56px 56px 0 #964841,
  57px 57px 0 #964841,
  58px 58px 0 #964841,
  59px 59px 0 #964841,
  60px 60px 0 #964841,
  61px 61px 0 #964841,
  62px 62px 0 #964841,
  63px 63px 0 #964841,
  64px 64px 0 #964841,
  65px 65px 0 #964841,
  66px 66px 0 #964841,
  67px 67px 0 #964841,
  68px 68px 0 #964841,
  69px 69px 0 #964841,
  70px 70px 0 #964841;
}




