* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

#contenedor-general {
	margin: 0 auto;
	position:relative;
	width: 100%;
	clear: both;
}

#linea {

	background:#ed6506;
	height: 20px;
	width: 100%;
}

#fondo {
	background-image:url(img/franja.png);
	background-repeat: repeat-x;
	height: 122px;
	width:100%;
	margin-bottom: 10px;	
}

#logo {
	background:url(img/logo.png);
	background-repeat: no-repeat;
	height:68px;
	width:528px;
	margin-left:100px;
	margin-top:22px;
	float:left;
}

nav {float:right;
}

nav ul {
	list-style-type:none;
	margin-top:40px;
	margin-right:100px;
}

nav ul li {	
	padding:5px 9px 10px 0px;
	display: inline-block;
}

nav  ul li a {
	color:#0056a8;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:17px;
	text-decoration:none;
	padding:9px 9px 9px 9px;
}


nav ul li a:hover {
	background:#dcdcdc;
	color:#ec680c;
	border-radius: 5px;
	border-bottom: 3px solid #b4b4b4;	
}

.activo a {
	background: #f2f1f1;
	color:#ec680c;
	border-radius: 5px;
	border-bottom: 3px solid #b4b4b4;
	border-left: 1px solid #b4b4b4; 
	border-right: 1px solid #b4b4b4;
	border-top: 1px solid #b4b4b4; 
	box-shadow: 0px 0px 0 0 #dcdcdc inset;
}

section {
	width: 100%;
	height: auto;
	margin: auto; 
}

span {
	width:65px;
	float:left;
	margin-right:5px;}

.ffff{
	width:250px;
	float:left;}
	
#nombre{
	width:500px;
	display:inline-block}
	
	
#email {
	width:500px;
	display:inline-block}
	
#asunto{
	width:500px;
	display:inline-block}
	
#mensaje{
	width:500px;
	display:inline-block}
	
.area{
	width:380px;
	float:left;}

#izquierda:hover {
	background: url(img/contactofondo.png);
	background-repeat: no-repeat;
	width: 550px;
	height: 738px;
	float: left;
	margin-left: 100px;
	
}
#izquierda {
	background: url(img/contactofondo3.png);
	background-repeat: no-repeat;
	width: 550px;
	height: 738px;
	float: left;
	margin-left: 100px;
	transition-duration:3s;
}

 #izquierda h2 {
	color:#ed6506 ;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 30px;
	margin-top: 35px;
	margin-left: 50px;
	position: absolute;
}

#izquierda #dos {
	width: 500px;
	float: left;
	padding-left: 30px;
	margin-left:20px;
}

#izquierda form { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #000;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 100px;  
}

#izquierda form:hover { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #0056a8;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 100px;
	transition-duration:0.5s;  
}


.textos_form {
	width: 240px;
	height: 25px;
	border-radius: 8px;
	background: #e1e2e4;
}

#area_texto {
	width: 370px;
	height: 250px; 
}

.botones1 {
	background:#e7e6e6; 
	color:#0056a8;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:15px;
	border-radius: 8px;
	text-decoration:none;
	padding:9px 9px 9px 9px;
	float: left;
	margin-left: 20px;
}


	
#abajo{
	margin-top: 30px;
	width:200px;
	float:right;
	margin-right:40px;}
 
.botones1:hover {
	background:#c4c3c3;
	color:#ec680c;
	border-radius: 8px;
	border: 2px solid #abaaaa; 
}


.botones2 {
	background:#e7e6e6; 
	color:#0056a8;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:15px;
	border-radius: 8px;
	text-decoration:none;
	padding:9px 9px 9px 9px;
	float: right;
	margin-left: 0px;
	
}

 
.botones2:hover {
	background:#c4c3c3;
	color:#ec680c;
	border-radius: 8px;
	border: 2px solid #abaaaa; 
}
#derecha {
	background: #e0e0e0;
	width: 440px;
	height: 720px;
	float: right;
	margin-bottom: 30px;
	margin-right: 125px;
	margin-top: 10px;
	transition-duration:3s;  
}

#derecha .empresa {
	color: #0056a8;
	text-align: center;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#derecha #info1 p {
	color: #000;
	font-size: 14px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	padding-left: 110px;
}

#derecha #mapa iframe{
	width: 440px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	border:0;
	transition-duration:1.3s; 
}

#derecha #mapa iframe:hover{
	width: 460px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	margin-left: -10px;
	transition-duration:1.3s;
}
#info1 {
	margin-left: -15%;
}

#info2 .nombres, #info3 .nombres {
	color: #0056a8;
	font-size: 14px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	margin-top: 15px;
	 
}

#derecha #info2 {
	color: #000;
	font-size: 13px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: left;
	margin-left: 15px;
}

#info3 {
	color: #000;
	font-size: 13px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: right;
	margin-right: 15px;
}

#redes {
	width:440px;
	text-align: center;
}

#face, #you, #twitter {
	padding: 5px;
}

#face {
 	background: url(img/face2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#face:hover { 
	background: url(img/face.png);
 	background-repeat: no-repeat;
	width:50px;
	height:50px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}

#you {
	background: url(img/you2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#you:hover {
	background: url(img/you.png);
 	background-repeat: no-repeat;
	width:50px;
	height:50px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}
	 
 #twitter {
 	background: url(img/twitter2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#twitter:hover {
	background: url(img/twitter.png);
 	background-repeat: no-repeat;
	width:50px;
	height:50px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}

.separador {
	clear:both;
}

footer  {
	margin-top: 50px;
	background:#ed6506;
	height: 150px;
	width: 100%;
}

#cont {
	width: 705px;
	margin:auto;
	} 
	
#separador {
	clear:both;}

#texto2{
	width: 500px;
	float:left;
	margin-left:100px;
}
#texto2 p {
	margin:auto;
	margin-top: 5px;
	font-family:'Century Gothic',arial, helvetica, lucida;
	font-weight: normal;
	font-style: oblique;
	font-size:13px;
	color: #7b3301;
	text-align: center;
	
}

#texto2 p#arriba {
	text-align: center;
}

#texto1 {
	float: right;
	margin-left: 150px;
	text-align: center;
	width: 683px;
	background:#f3761e;
	color:#fff;
	font-family:'Century Gothic',arial, helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:12px;
	border-radius: 8px;
	padding:9px 9px 9px 9px;
	border-bottom: 2px solid #8b3a03;
	border-left: 2px solid #8b3a03;
	border-right: 2px solid #8b3a03;
	margin-top: 30px; 	
}


/*960*/
@media only screen and (min-width: 769px) and (max-width: 960px) {


#fondo {
	background-image:url(img/franja.png);
	background-repeat: repeat-x;
	height: 122px;
	width:100%;
	margin-bottom: 10px;	
}

#logo {
	height:60px;
	width:300px;
	background-size: 100%;
	margin-left:85px;
	margin-top:30px;
}

nav ul {
	list-style-type:none;
	margin-top:40px;
	margin-right:40px;
}

section {
	width: 850px;
	height: auto; 
	margin-left: 70px;
}

span {
	width:65px;
	float:left;
	margin-right:5px;}

.ffff{
	width:250px;
	float:left;}
	
#nombre{
	width:350px;
	display:inline-block}
	
	
#email {
	width:500px;
	display:inline-block}
	
#asunto{
	width:500px;
	display:inline-block}
	
#mensaje{
	width:500px;
	display:inline-block}
	
.area{
	width:380px;
	float:left;}


#izquierda:hover {
	background: url(img/contactofondo960.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 400px;
	height: 720px;
	float: left;
	margin-left: 0px;
	
}
#izquierda {
	background: url(img/contactofondo3-960.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 400px;
	height: 720px;
	float: left;
	margin-left: 0px;
	transition-duration:0s;
	border: solid #f60;
}

 #izquierda h2 {
	color:#ed6506 ;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 30px;
	margin-top: 35px;
	margin-left: 50px;
	position: absolute;
}

#izquierda #dos {
	width: 350px;
	float: left;
	padding-left: 10px;
	margin-left:20px;
}
#izquierda form { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #000;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;  
}

#izquierda form:hover { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #0056a8;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;
	transition-duration:0.5s;  
}
.mensaje {
	position: absolute;
	margin-left: -5px;
}

.textos_form {
	width: 240px;
	height: 25px;
	border-radius: 8px;
	background: #e1e2e4;
	
}

#area_texto {
	width: 240px;
	height: 280px; 
}

#abajo{
	margin-top:30px;
	width:200px;
	float:right;
	margin-right:20px;
}
 
.botones1:hover {
	background:#c4c3c3;
	color:#ec680c;
	border-radius: 8px;
	border: 2px solid #abaaaa; 
}


.botones2 {
	background:#e7e6e6; 
	color:#0056a8;
	font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:15px;
	border-radius: 8px;
	text-decoration:none;
	padding:9px 9px 9px 9px;
	float: right;
	margin-left: 0px;
	
}

 
.botones2:hover {
	background:#c4c3c3;
	color:#ec680c;
	border-radius: 8px;
	border: 2px solid #abaaaa; 
}

#derecha {
	background: #e0e0e0;
	width: 400px;
	height: 720px;
	float: right;
	margin-bottom: 30px;
	margin-right: 5px;
	margin-top: 0px;
	transition-duration:0s;  
}

#derecha .empresa {
	color: #0056a8;
	text-align: center;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#derecha #info1 p {
	color: #000;
	font-size: 14px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	padding-left: 40px;

}

#derecha #mapa iframe{
	width: 400px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	border:0;
	transition-duration:1.3s; 
}

#derecha #mapa iframe:hover{
	width: 420px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	margin-left: -10px;
	transition-duration:1.3s;
}

#info2 .nombres, #info3 .nombres {
	color: #0056a8;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	margin-top: 15px;
	 
}

#derecha #info2 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: left;
	margin-left: 5px;
	width: 170px;
}

#info3 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: right;
	margin-right: 5px;
	width: 200px;
}

#redes {
	width:240px;
	text-align: center;
	margin-left: 80px;
}

#face, #you, #twitter {

	padding: 5px;
}

#face {
 	background: url(img/face2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#face:hover { 
	background: url(img/face.png);
 	background-repeat: no-repeat;
	width:55px;
	height:55px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}

#you {
	background: url(img/you2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#you:hover {
	background: url(img/you.png);
 	background-repeat: no-repeat;
	width:50px;
	height:50px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}
	 
 #twitter {
 	background: url(img/twitter2.png);
 	background-repeat: no-repeat;
	width:40px;
	height:40px;
	margin-top:30px;
	display:inline-block;
	transition-duration:1s;
}

#twitter:hover {
	background: url(img/twitter.png);
 	background-repeat: no-repeat;
	width:50px;
	height:50px;
	margin-top:25px;
	display:inline-block;
	transition-duration:1s;
}


#contener{

margin-left: 0px;
}


}






/* 768 */


@media only screen and (min-width: 481px) and (max-width: 768px) {

#fondo {
	background-image:url(img/franjancha.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width:760px;
	margin-top: -10px;
	height: 300px;
	margin-bottom: 20px;	
}

#logo {
	
	height:100px;
	width:600px;
	background-size: 100%;
	margin-left:80px;
	margin-top:60px;
	
	
}



nav ul {
	list-style-type:none;
	margin-top:30px;
	margin-right:150px;
}


section {
	width: 650px;
	height: auto; 
	margin-left: 70px;
}

#izquierda:hover {
	margin-left: 33px;
	
}
#izquierda {
	margin-left: 33px;
	transition-duration:3s;
}


footer  {
	margin-top: 20px;
	background:#ed6506;
	height: 150px;
	width: 100%;
}

#cont {
	width: 600px;
	margin:auto;
	} 
	
#separador {
	clear:both;}
	

#texto2{
	width: 500px;
	float:left;
	margin-top: 10px;
	margin-left: 50px;
}
#texto2 p {

margin:auto;
	margin-top: 5px;
	font-family:'Century Gothic',arial, helvetica, lucida;
	font-weight: normal;
	font-style: oblique;
	font-size:13px;
	color: #7b3301;
	text-align: center;
	
}

#texto2 p#arriba {
text-align: center;
	
}
#texto1 {
	float: right;
	margin-left: 10px;
	text-align: center;
	width: 570px;
	background:#f3761e;
	color:#fff;
	font-family:'Century Gothic',arial, helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size:12px;
	border-radius: 8px;
	padding:9px 9px 9px 9px;
	border-bottom: 2px solid #8b3a03;
	border-left: 2px solid #8b3a03;
	border-right: 2px solid #8b3a03;
	margin-top: 30px; 	
}	
}











/* 480 */


@media only screen and (min-width: 321px) and (max-width: 480px) {



#fondo {
	background-image:url(img/franja480.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width:480px;
	height: 200px;
	margin-bottom: 20px;	
}

#logo {
	
	height:70px;
	width:350px;
	background-size: 100%;
	margin-left:55px;
	margin-top:40px;	
}

nav ul {
	list-style-type:none;
	margin-top:15px;
	margin-right:70px;
}

nav ul li {	
	padding:5px 9px 10px 0px;
	display: inline-block;
}

nav  ul li a {
	font-size:12px;
	padding:8px;
}

section {
	width: 420px;
	height: auto; 
	margin-left: 35px;
}

#izquierda:hover {
	background: url(img/contactofondo480.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 400px;
	height: 550px;
	float: left;
	margin-left: 0px;	
}

#izquierda {
	background: url(img/contactofondo3-480.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 400px;
	height: 550px;
	float: left;
	margin-left: 0px;
	transition-duration:0s;
	margin-bottom:0px;
}

#izquierda h2 {
	color:#ed6506 ;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 30px;
	margin-top: 35px;
	margin-left: 50px;
	position: absolute;
}

#izquierda #dos {
	width: 370px;
	float: left;
	padding-left: 10px;	
}

#izquierda form { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #000;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;  
}

#izquierda form:hover { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #0056a8;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;
	transition-duration:0.5s;  
}
.mensaje {
	position: absolute;
	margin-left: -5px;
}

.textos_form {
	width: 240px;
	height: 25px;
	border-radius: 8px;
	background: #e1e2e4;
}

#area_texto {
	width: 240px;
	height: 150px; 
}

#abajo{
	margin-top:5px;
	width:200px;
	float:right;
	margin-right:40px;
}



#derecha {
	background: #e0e0e0;
	width: 400px;
	height: 720px;
	float: right;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 20px;
	transition-duration:0s;  
}

#derecha .empresa {
	color: #0056a8;
	text-align: center;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#derecha #info1 p {
	color: #000;
	font-size: 14px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	padding-left: 40px;

}

#derecha #mapa iframe{
	width: 400px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	border:0;
	transition-duration:1.3s; 
}

#derecha #mapa iframe:hover{
	width: 420px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	margin-left: -10px;
	transition-duration:1.3s;
}

#info2 .nombres, #info3 .nombres {
	color: #0056a8;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	margin-top: 15px;
	 
}

#derecha #info2 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: left;
	margin-left: 5px;
	width: 170px;
}

#info3 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: right;
	margin-right: 5px;
	width: 200px;
}

#redes {
	width:240px;
	text-align: center;
	margin-left: 80px;
}

#face, #you, #twitter {

	padding: 5px;
}

footer  {
	margin-top: 42px;
	background:#ed6506;
	height: 200px;
	width: 100%;
}

#cont {
	width: 300px;
	margin:auto;
	} 
	
#separador {
	clear:both;
}
	
#texto2{
	width: 300px;
	float:left;
	margin-left: 2px;
	margin-top: 10px;
}

#texto2 p {
	margin:auto;
	margin-top: 5px;
	font-size:13px;
	color: #7b3301;
	text-align: center;	
}

#texto2 p#arriba {
	text-align: center;
}

#texto1 {
	margin-right: 0px;
	text-align: center;
	width: 290px;
	font-size:12px;
	border-radius: 8px;
	padding:5px;
	margin-top: 30px; 	
}





}



/*320*/

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

#fondo {
	background-image:url(img/franja480.png);
	background-repeat: no-repeat;
	width:320px;
	height: 200px;
	margin-bottom: 20px;	
}

#logo {

	height:70px;
	width:250px;
	background-size: 100%;
	margin-left:25px;
	margin-top:25px;	
}

nav ul {
	list-style-type:none;
	margin-top:0px;
	margin-right:15px;

	text-align: center;
	width: 290px;
}

nav ul li {	
	margin-top: 5px;
	padding:5px 25px 10px 20px;
	display: inline-block;
}

nav  ul li a {
	
	font-size:12px;
	padding:9px;
}


section {
	width: 300px;
	height: auto; 
	margin-left: 5px;
}

#izquierda:hover {
	background: url(img/contactofondo320.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 300px;
	height: 820px;
	float: left;
	margin-left: 0px;
}

#izquierda {
	background: url(img/contactofondo3-320.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 300px;
	height: 820px;
	float: left;
	margin-left: 0px;
	transition-duration:0s;
}

 #izquierda h2 {
	color:#ed6506 ;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 30px;
	margin-top: 35px;
	margin-left: 35px;
	position: absolute;
}

#izquierda #dos {
	width: 270px;
	float: left;
	padding-left: 0px;
}

#izquierda form { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #000;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;  
}

#izquierda form:hover { 
    font-family:'Century Gothic Bold Italic',arial, helvetica, lucida;
	font-weight: bold; 
	font-size:15px;
	color: #0056a8;
	list-style-position: inside;
	margin: 25px 0 40px;
	line-height: 50px;
	padding-left: 0;
	margin-top: 70px;
	transition-duration:0.5s;  
}

span {
	width:65px;
	float:left;
	margin-right:5px;
}

.ffff{
	width:250px;
	float:right;
}
	
#nombre{
	width:250px;
	display:block
}
	
	
#email {
	width:250px;
	display:inline-block
}
	
#asunto{
	width:250px;
	display:inline-block
}
	
#mensaje{
	width:250px;
	display:inline-block
}
	
.area{
	width:380px;
	float:left;
}

.mensaje {
	position: absolute;
	margin-left: -5px;
}

.textos_form {
	width: 240px;
	height: 25px;
	border-radius: 8px;
	background: #e1e2e4;
	
}

#area_texto {
	width: 240px;
	height: 150px; 
}



#derecha {
	background: #e0e0e0;
	width: 280px;
	height: 870px;
	float: right;
	margin-bottom: 45px;
	margin-right: 5px;
	margin-top: 30px;
	transition-duration:0s;  
}

#abajo{
	margin-top: -10px;
	margin-bottom: 30px;
}
	
#derecha .empresa {
	color: #0056a8;
	text-align: center;
	font-family:'Century Gothic Bold Italic', helvetica, lucida;
	font-weight: bold;
	font-style: oblique;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#derecha #info1 p {
	color: #000;
	font-size: 14px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	padding-left: 40px;

}

#derecha #mapa iframe{
	width: 280px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	border:0;
	transition-duration:1.3s; 
}

#derecha #mapa iframe:hover{
	width: 300px;
	height: 300px;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	margin-left: -10px;
	transition-duration:1.3s;
}

#info2 .nombres, #info3 .nombres {
	color: #0056a8;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: bold;
	margin-top: 15px;
}

#derecha #info2 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: left;
	margin-left: 5px;
	width: 170px;
	margin-left: 65px;
}

#info3 {
	color: #000;
	font-size: 12px;
	font-family:'Century Gothic', helvetica, lucida;
	font-weight: normal;
	float: left;
	margin-left: 65px;
	width: 200px;
}

#redes {
	width:240px;
	text-align: center;
	margin-left: 30px;
}

#face, #you, #twitter {

	padding: 5px;
}


footer  {
	margin-top:0px;
	height: 200px;
	width: 100%;
}

#cont {
	width: 300px;
	margin:auto;
	} 
	
#separador {
	clear:both;}
	

#texto2{
	width: 250px;
	float:left;
	margin-left: 25px;
	margin-top: 10px;
}
#texto2 p {
	margin:auto;
	margin-top: 5px;
	font-size:13px;
	color: #7b3301;
	text-align: center;
}

#texto2 p#arriba {
text-align: center;
	
}
#texto1 {
	
	margin-right: 20px;
	text-align: center;
	width: 250px;
	font-size:12px;
	border-radius: 8px;
	padding:5px;
	margin-top: 30px; 	
}

}